/* -----------------------------------------------------------------------------------
	Theme Name: Blowfish
	Theme URI: https://www.blowfish.ch/
	Description: Blowfish realisiert erfolgbringende Webseiten, E-Commerce, schöne Drucksachen und Logos in Bern und Baar. Unser breites DienstleistungsPortfolio beinhaltet die Realisation von Corporate Designs, Logos, Briefschaften, Drucksachen, Webseiten und E-Shops bis hin zu ergänzenden Werbemassnahmen.
	Author: Blowfish AG, Baar und Bern, Schweiz
	Author URI: https://www.blowfish.ch/
	Version: 1.0

    Main Color 1   : #977c74
    Main Color 2   : #808291
    Main Color 3   : #5d5d5f
    Main Font      : Oswald, Poppins
----------------------------------------------------------------------------------- */


/* -----------------------------------------------------------------------------------

 == Table Of Content

 00 Google Fonts
 01 Basics
 02 Section
 03 Owl Theme
 04 Buttons
 05 Navbar
 06 Header & Slider
 07 Page Header
 08 Slider Left Panel
 09 Section-box
 10 Services
 11 Works
 12 Team
 13 Price
 14 Testimonials
 15 Blog
 16 Contact & Map
 17 Contact Form
 18 toTop
 19 Customer
 20 Footer
 21 Media Query (Responsive)
 
----------------------------------------------------------------------------------- */


/* ======= Google fonts ======= */

/* @import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700|Oswald:300,400,500,600,700'); */

/* poppins-300 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/poppins-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}


/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/oswald-v35-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v35-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v35-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v35-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v35-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v35-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald-v35-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v35-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v35-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v35-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v35-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v35-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-500 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/oswald-v35-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v35-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v35-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v35-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v35-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v35-latin-500.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-600 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/oswald-v35-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v35-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v35-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v35-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v35-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v35-latin-600.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-700 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oswald-v35-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v35-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v35-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v35-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v35-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v35-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}


/* ======= Basics ======= */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    list-style: none;
    word-wrap: break-word;
}
html,
body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
body {
    color: #808291;
    line-height: 1.3;
    font-weight: 300;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden !important;
}
p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #808291;
    line-height: 1.8;
}
h1,
h2,
h3,
h4 {
    font-weight: 500;
    color: #5d5d5f;
}
h5,
h6 {
    font-weight: 500;
    color: #5d5d5f;
}
img {
    width: 100%;
    height: auto;
}
img {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    color: #000;
}
span,
a,
a:hover {
    display: inline-block;
    text-decoration: none;
    color: inherit;
}
b {
    font-weight: 500;
    color: #977c74;
}
.line-hr {
    width: 70px;
    border-top: 1px solid #977c74;
    margin-top: 0px;
    margin-bottom: 30px;
}

.visibility-hidden {
	visibility: hidden;
}

.id-positioner {
	position: absolute;
	top: 600px;
	width: 10px;
	height: 10px;
	background-color: red;
}

.col-override {
	padding-left: 2.5px;
	padding-right: 2.5px;
}

.row-override {
	margin-left: -2.5px;
	margin-right: -2.5px;
}

/* ======= Section ======= */
.section-padding {
    padding: 90px 0;
}
.section-head {
    margin-bottom: 30px;
}
.section-head h6 {
    color: #977c74;
    font-size: 13px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 5px;
}
.section-head h4 {
    font-size: 36px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 10px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 28px;
}
.section-head h4:after {
    content: '';
    width: 60px;
    height: 1px;
    background-color: #977c74;
    position: absolute;
    bottom: 0;
    left: 0;
}
.section-head h4 span {
    font-weight: 700;
}

/* Neu Res */

.section-head h2 {
    font-size: 40px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 10px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 28px;
}
.section-head h2:after {
    content: '';
    width: 60px;
    height: 1px;
    background-color: #977c74;
    position: absolute;
    bottom: 0;
    left: 0;
}
.section-head h2 span {
    font-weight: 700;
}


.layer_wysiwyg h2 {
    font-size: 38px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 20px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.layer_wysiwyg h2:after {
    content: '';
    width: 60px;
    height: 1px;
    background-color: #977c74;
    position: absolute;
    bottom: 0;
    left: 0;
}

.layer_imagegallery h2 {
    padding-bottom: 0;
}

.layer_imagegallery h2:after {
    display:none;
}

.layer_wysiwyg h3 {
    font-size: 28px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 20px;
    position: relative;
    /* padding-bottom: 20px; */
    margin-bottom: 20px;
}
/*
.layer_wysiwyg h3:after {
    content: '';
    width: 60px;
    height: 1px;
    background-color: #977c74;
    position: absolute;
    bottom: 0;
    left: 0;
}
*/

.layer_wysiwyg ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

.layer_wysiwyg  li {
    margin-bottom: 10px;
    line-height: 1.5em;
	color: #808291;
	font-weight: 300;
	font-size: 14px;
	font-family: 'Poppins', sans-serif;
    text-indent: -22px;
    padding-left: 22px;
}
.layer_wysiwyg  li::before {
    content: '\e649';
    font-family: 'themify';
    position: relative;
    padding: 0 7px 0 2px;
    color: #977c74;
}

/* Neu Res END */

.bg-gray {
    background: #faf7f6;
}
.o-hidden {
    overflow: hidden;
}
.position-re {
    position: relative;
}
.full-width {
    width: 100% !important;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.lg-line-height {
    line-height: 1.5;
}
.half-content {
    position: relative;
    z-index: 3;
}
.half-content h5,
.half-content h6 {
    color: inherit !important;
}
.bg-img {
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-fixed {
    background-attachment: fixed;
}
.pattern {
    background-repeat: repeat;
    background-size: auto;
}
.sub-title {
    font-size: 15px;
    font-weight: 300;
    color: #977c74;
    margin-bottom: 10px;
}
.bold {
    font-weight: 800;
}
.count {
    font-family: 'Poppins', sans-serif;
}
.valign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.v-middle {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}


/* ======= Owl Theme ======= */
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 20px;
    line-height: .7;
}
.owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 0 5px;
    border-radius: 50%;
    background: #ddd;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #977c74;
}


/* ======= Buttons ======= */
.butn {
    font-family: 'Oswald', sans-serif;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 12px 30px;
    background: #fff;
    border: 1px solid transparent;
    position: relative;
    z-index: 3;
    margin-right: 10px;
    -webkit-box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.1);
    -webkit-transition: all .4s;
    transition: all .4s;
    cursor: pointer;
    outline: none !important;
    overflow: hidden;
}
.butn span {
    position: relative;
    z-index: 2;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.butn:before,
.butn:after {
    content: '';
    width: 0;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: width 0.4s;
    transition: width 0.4s;
    z-index: 1;
    opacity: .4;
}
.butn:after {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    background: #fff;
    opacity: 1;
}
.butn:hover:before,
.butn:hover:after {
    width: 100%;
}
.butn:hover:after {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}
.butn:hover span {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}
.butn-bg {
    background: #977c74;
    border-color: #977c74;
    color: #fff;
}
.butn-bg:hover span {
    color: #977c74;
}
.butn-light {
    background: #fff;
}
.butn-light:before,
.butn-light:after {
    background: #977c74;
}
.butn-light:hover span {
    color: #977c74;
    color: #fff;
}
.butn-light span {
    color: #5d5d5f;
}

/* ======= Navbar ======= */
.navbar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: transparent;
    z-index: 9;
    padding-right: 10%;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.navbar .icon-bar {
    color: #977c74;
}
.navbar .navbar-nav .nav-link {
    font-family: 'Oswald', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 400;
    color: #fff;
    margin: 15px 5px;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.navbar .navbar-nav .nav-link:hover {
    color: #977c74;
}
.navbar .navbar-nav .active {
    color: #977c74 !important;
}
.nav-scroll {
    background: #fff;
    -webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.05);
    padding: 0 10% 0 0;
    position: fixed;
    top: -100px;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}
.nav-scroll .icon-bar {
    color: #808291;
}
.nav-scroll .navbar-nav .nav-link {
    color: #808291;
}
.nav-scroll .navbar-nav .logo {
    padding: 15px 0;
    color: #5d5d5f;
}
.nav-scroll .logo {
    width: 140px; 
}
.nav-scroll .logo-wrapper {
    padding: 20px 70px;
}
.logo-wrapper {
    float: left;
    background: #fff;
    padding: 40px 60px 47px 60px;
}
.logo {
    padding: 0;
    width: 160px;
}
.dropdown:hover .dropdown-menu,
.dropdown:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.dropdown .nav-link {
    cursor: pointer;
}
.dropdown .nav-link i {
    padding-left: 1px;
    font-size: 9px;
}
.dropdown-item {
    position: relative;
}
.dropdown-item:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.dropdown-item span {
    display: block;
    cursor: pointer;
}
.dropdown-menu,
.sub-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    width: 275px;
    padding: 15px 10px;
    border-radius: 0;
    border: 0;
    background-color: #fff;
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
    -webkit-transition: all .3s;
    transition: all .3s;
}
.dropdown-menu .dropdown-item,
.sub-menu .dropdown-item {
    padding: 10px 15px;
    font-size: 13px;
    font-weight: 300;
    color: #808291;
    position: relative;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.dropdown-menu .dropdown-item:hover,
.sub-menu .dropdown-item:hover {
    background: transparent;
    padding-left: 20px;
    color: #977c74;
}
.dropdown-menu .dropdown-item a,
.sub-menu .dropdown-item a {
    display: block;
}
.dropdown-menu .dropdown-item i,
.sub-menu .dropdown-item i {
    padding: 5px 0 0 5px;
    font-size: 11px;
    float: right;
}
.dropdown-menu .dropdown-item em,
.sub-menu .dropdown-item em {
    font-size: 8px;
    background-color: #977c74;
    padding: 2px 4px;
    color: #fff;
    border-radius: 2px;
    position: absolute;
    right: 10px;
    top: 5px;
}
.dropdown-menu.last {
    left: -100%;
}
.sub-menu {
    position: absolute;
    left: 100%;
    top: -5px;
}
.sub-menu.left {
    left: -100%;
    margin-left: -20px;
}
.mega-menu {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    right: -150px;
    width: 800px;
    background-color: #fff;
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
    -webkit-transition: all .3s;
    transition: all .3s;
}
.mega-menu .dropdown-title {
    display: block;
    color: #977c74;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding: 0 15px 15px;
    border-bottom: 1px solid #f7f7f7;
}
.mega-menu .dropdown-menu {
    position: static !important;
    float: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-right: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    -webkit-transition: all .3s;
    transition: all .3s;
}
@media screen and (max-width: 767px) {
    .navbar {
        padding-right: 0px;
        padding-right: 0px;
        background: #fff;
    }

    .logo-wrapper {
        float: left;
        background: #fff;
        padding: 15px;
    }

    .nav-scroll .logo-wrapper {
        padding: 15px;
    }
}


/* ======= Header ======= */
.header {
    min-height: 100vh;
    overflow: hidden;
}
.header .caption .o-hidden {
    display: inline-block;
}
.header .caption .container {
    padding-left: 25%;
}
@media screen and (max-width: 767px) {
	.header .caption .container {
		padding-left: 15%;
	}
}
.header .caption h2 {
    font-weight: 300;
    font-size: 30px;
}
.header .caption h4 {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 16px; /* 13px */
    text-transform: uppercase;
    letter-spacing: 5px;
	padding-bottom:4px;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}
.header .caption h1 {
    position: relative;
    margin: 10px 0 20px 0;
    padding-bottom: 20px;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    font-size: 58px;
    letter-spacing: 8px;
    color: #fff;
    line-height: 1.1em;
    text-transform: uppercase;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.header .caption h1:after {
    content: '';
    width: 100px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    bottom: 0;
    right: 10px;
}
.header .caption p {
    font-family: 'Oswald', sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 4px;
	text-transform: uppercase;
    margin-bottom: 0;
    color: #fff;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.header .caption p span {
    letter-spacing: 5px;
    text-transform: uppercase;
    margin: 0 5px;
    padding-right: 14px;
    position: relative;
}
.header .caption p span:last-child {
    padding: 0;
}
.header .caption p span:last-child:after {
    display: none;
}
.header .caption p span:after {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #977c74;
    position: absolute;
    top: 10px;
    right: 0;
    opacity: .5;
}
.header .caption .butn {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.header .social a {
    color: #eee;
    font-size: 13px;
    margin: 10px 15px;
}
/* slider */
.slider .owl-item,
.slider-fade .owl-item {
    height: 100vh;
    position: relative;
}
.slider .item,
.slider-fade .item {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
}
.slider .item .caption,
.slider-fade .item .caption {
    z-index: 9;
}
.slider .owl-theme .owl-dots,
.slider-fade .owl-theme .owl-dots {
    position: absolute;
    bottom: 5vh;
    width: 100%;
}
/* slider owl-nav next and prev */
.owl-nav {
    position: absolute;
    bottom: 5%;
    left: 13%;
/*    width: 3%;*/
}
.owl-prev {
    float: left;
}
.owl-next {
    float: right;
}
.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 24px;
    margin: 0;
    padding: 0;
    background: transparent;
    display: inline-block;
    cursor: pointer;
    border-radius: 0px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    color: #977c74;
    background: transparent;
}
@media screen and (max-width: 768px) {
    .owl-nav {
        display: none;
    }
}

/* ======= Page Header ======= */
.page-header {
    height: 65vh;
}
.page-header h6 {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 10px;
}
.page-header h6 a:hover {
    color: #977c74;
}
.page-header h6 i {
    margin: 0 15px;
    font-size: 10px;
}
.page-header h5 {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 16px; /* 13px */
    text-transform: uppercase;
    letter-spacing: 5px;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}
.page-header h1 {
    position: relative;
    margin: 10px 0 20px 0;
    padding-bottom: 20px;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    font-size: 56px;
    letter-spacing: 8px;
    color: #fff;
    line-height: 1.2em;
    text-transform: uppercase;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.page-header h1:after {
    content: '';
    width: 100px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    bottom: 0;
    right: 10px;
}
.page-header p {
    font-family: 'Oswald', sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin-bottom: 0;
    color: #fff;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
@media screen and (max-width: 767px) {
    .page-header {
        height: 100vh;
    }

    .page-header h6 {
        font-size: 12px;
        font-weight: 300;
        margin-bottom: 10px;
    }

    .page-header h6 a:hover {
        color: #977c74;
    }

    .page-header h6 i {
        margin: 0 15px;
        font-size: 10px;
    }

    .page-header h5 {
        font-family: 'Oswald', sans-serif;
        font-size: 10px;
        text-transform: uppercase;
        color: #fff;
        font-weight: 300;
        letter-spacing: 4px;
        margin-bottom: 7px;
    }

    .page-header h1 {
        margin-bottom: 15px;
        font-weight: 300;
        font-size: 30px;
        font-family: 'Oswald', sans-serif;
        line-height: 1.5em;
        text-transform: uppercase;
    }

    .page-header p {
        font-size: 13px;
        color: #ececec;
    }
}

/* Slider Left Panel */
.left-panel {
    background: #fff;
    position: absolute;
    width: 140px;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden;
}
.left-panel:after {
    content: '';
    display: block;
    width: 1px;
    height: 40px;
    bottom: 400px; /* Bern = 370px; */
    background: #977c74;
    position: absolute;
    right: 50%;
    margin-left: -1px;
    z-index: 1;
}
.left-txt {
    white-space: nowrap;
    text-align: right;
    position: absolute;
    right: 50%;
    bottom: 0;
    margin-bottom: 360px; /* Bern = 330px; */
    line-height: 20px;
    margin-right: 10px;
    z-index: 9;
    color: #5d5d5f;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 5px;
    padding-left: 30px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
@media (max-width: 767.98px) {
    .left-panel {
        display: none;
    }
}
@media (max-width: 991.98px) {
    .left-panel {
        width: 50px;
    }
}
@media (max-width: 1259.98px) {
    .left-panel {
        width: 100px;
    }
}


/* ======= Services ======= */
.services .item {
    background-color: #fff;
    padding: 40px 20px 30px 20px;
    margin-bottom: 40px;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.services .item:hover {
    -webkit-box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.08);
}
.services .item h6 {
    color: #977c74;
    font-size: 12px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 7px;
    letter-spacing: 5px;
}
.services .item h2 {
    display: inline-block;
    font-size: 22px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}
/* item line #1 */
.services .item .line {
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom: 5px;
}
.services .item .line:after {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 60px;
    height: 1px;
    background-color: #977c74;
    content: '';
}
.services .item .line:hover:after {
    width: 100%;
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
}
.services .item.cont {
    background-color: #fff;
    padding: 30px 20px 20px 20px;
    margin-bottom: 30px;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.services .item.cont:hover {
    background-color: #977c74;
}
.services .item.cont:hover h6 {
    color: #fff;
}
.services .item.cont:hover h2 {
    color: #fff;
}
.services .item.cont:hover p {
    color: #fff;
}
.services .icon {
    color: #977c74;
    font-size: 40px;
    margin-bottom: 20px;
}
.services .item.cont:hover span.icon {
    color: #fff;
}
/* item cont line #2 */
.services .item.cont .line {
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom: 5px;
}
.services .item.cont .line:after {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 60px;
    height: 1px;
    background-color: #977c74;
    content: '';
	transition-property: all;
	transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}
.services .item.cont:hover .line:after {
    width: 100%;
    background-color: #fff;
    transition-property: all;
    transition-duration: 0.8s;
    transition-timing-function: ease-in-out;
}

/* ======= Section-Box ======= */
.section-box .container {
    position: relative;
    z-index: 3;
}
.section-box .half-content {
    padding: 30px;
}
.section-box .half-img {
    background-position: 50% 50%;
}
.section-box .box-white {
    padding: 90px 10%;
    background: #fff;
    -webkit-box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.08);
    margin-bottom: 30px;
}
.section-box .box-white h5 {
    color: #5d5d5f;
    text-transform: uppercase;
}
.section-box .box-white p {
    color: #808291;
}
.section-box .quote {
    display: inline-block;
    background: #977c74;
    padding: 35px 25px;
    border-radius: 5px;
    text-align: center;
    position: relative;
    z-index: 3;
}
.section-box .quote .icon {
    position: relative;
    top: 0px;
    width: 100%;
    left: 0;
    font-size: 40px;
    color: #fff;
    padding-bottom: 15px;
}
.section-box .quote p {
    color: #fff;
    margin-bottom: 20px;
}
.section-box .quote span {
    color: #fff;
    font-weight: 500;
    margin-bottom: 20px;
}
.section-box .quote h6 {
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
}
.section-box .skills .skill-item {
    margin-top: 30px;
}
.section-box h5 {
    font-size: 24px;
    font-weight: 300;
    color: #5d5d5f;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 12px; /* 5px */
}
.section-box .skills .skill-item h6 {
    font-size: 13px;
    color: #808291;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    position: relative;
    z-index: 4;
    margin-bottom: 5px;
}
.section-box .skills .skill-item h6 i {
    font-size: 11px;
    margin-right: 10px;
    float: right;
    font-style: normal;
    letter-spacing: 2px;
    font-family: 'Oswald', sans-serif;
}
.section-box .skills .skill-item .skill-progress {
    position: relative;
    background-color: #f7f7f7;
}
.section-box .skills .skill-item .skill-progress .progres {
    position: relative;
    height: 2px;
    width: 10%;
    border-radius: 5px;
    padding: 0 10px 0;
    background-color: #977c74;
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
}
.section-box .skills .skill-item .skill-progress .progres:after {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #977c74;
    position: absolute;
    right: -5px;
    top: -1px;
}
@media (max-width: 991px) {
    .bgimg-height {
        height: 400px;
    }
}
.section-box .extra-title {}
.section-box .extra-title span {
    color: #977c74;
}
.section-box .feat-item .feat-inner {
    border-radius: 0px;
    background: #fff;
    border: 1px solid #fff;
    -webkit-transition: all .4s;
    transition: all .4s;
    margin-bottom: 30px;
}
.section-box .feat-item .icon {
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 36px;
    border-radius: 50%;
    margin-right: 15px;
    position: relative;
    z-index: 3;
    text-align: center;
    float: left;
    color: #977c74;
}
.section-box .feat-item .feat-info {
    overflow: hidden;
    margin-top: 10px;
}
.section-box .feat-item h5 {
    display: inline-block;
    font-size: 22px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}
.section-box .feat-item h5:after {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 60px;
    height: 1px;
    background-color: #977c74;
    content: '';
}
.section-box .feat-item h6 {
    color: #977c74;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 15px;
}
.section-box .feat-item p b,
.section-box .feat-item p a {
    color: #977c74;
}
.check li {
    margin-bottom: 10px;
    line-height: 1.5em;
}
.check li:before {
    content: '\e64c';
    font-family: 'themify';
    position: relative;
    padding-right: 7px;
    color: #977c74;
}
.info li {
    margin-bottom: 10px;
    line-height: 1.5em;
}
.info li:before {
    content: '\e64c';
    font-family: 'themify';
    position: relative;
    padding: 0 7px 0 2px;
    color: #977c74;
}


/* ======= Works ======= */
.works .gallery {
    padding-right: 0;
    padding-left: 0;
}
.works .filtering .filter {
    display: inline-block;
    margin-bottom: 30px;
}
.works .filtering span {
    margin: 0 5px 0 0;
    padding: 10px 15px;
    font-size: 13px;
    font-weight: 400;
    cursor: pointer;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
}
.works .filtering .active {
    background: #977c74;
    background: -webkit-gradient(linear, left top, right top, from(#977c74), to(#977c74));
    background: linear-gradient(to right, #977c74, #977c74);
    -webkit-box-shadow: 0px 8px 30px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 8px 30px -5px rgba(0, 0, 0, 0.2);
    color: #fff;
}
.works .item {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
}
.works .item * {
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.works .item img {
    max-width: 100%;
    vertical-align: top;
}
.works .item:hover img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.09, 1.09);
    transform: scale(1.09, 1.09);
    -webkit-filter: brightness(70%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.works .item .content {
    position: absolute;
    height: 65px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    overflow: hidden;
    padding: 15px;
}
.works .item h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3em;
    color: #fff;
    margin-bottom: 15px;
}
.works .item h6 {
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 10px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.works .item p {
    color: #fff;
    margin-bottom: 90px;
}
.works .item a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.works .item .icon {
    bottom: 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: 1px solid #fff;
    text-align: center;
    font-size: 20px;
    color: #fff;
}
.works .item:hover .content,
.works .item.hover .content {
    height: calc(90%);
}


/* ======= Team ======= */
.team .item {
    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}
.team .item:hover .info .bio {
    top: 0;
    border-bottom: 2px solid #977c74;
}
.team .info {
    background-color: #fff;
    text-align: center;
    padding: 40px 10px;
    position: relative;
    overflow: hidden;
}
.team .info h5 {
    margin-bottom: 10px;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}
.team .info h6 {
    color: #808291;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 11px;
    margin-bottom: 0px;
    letter-spacing: 3px;
}
.team .info p {
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 0px;
}
.team .info .bio {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transition: all .4s;
    transition: all .4s;
    padding: 30px 10px;
}
.team .info .bio a {
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #977c74;
    margin: 0 3px;
    font-size: 14px;
}
.team .info .bio a:hover {
    color: #977c74;
}


/* ======= Price ======= */
.price .item {
    padding: 0;
    background: #fff;
    text-align: center;
    -webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.05);
    -webkit-transition: all .4s;
    transition: all .4s;
    margin: 30px 0;
}
.price .spacial {
    position: relative;
    overflow: hidden;
}
.price .spacial .pop {
    align-items: flex-end;
    color: #fff;
    content: "Aktuell";
    display: flex;
    height: 75px;
    justify-content: center;
    position: absolute;
    right: -22px;
    top: 50px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    width: 200px;
    background: #5d5d5f;
    z-index: 1;
}
.price .spacial .pop h5 {
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.price .item .type {
    border-bottom: 1px solid #977c74;
    position: relative;
    padding: 30px;
    background: #977c74;
}
.price .item .type:after {
    content: '';
    width: 20px;
    height: 20px;
    border-right: 1px solid #977c74;
    border-bottom: 1px solid #977c74;
    background: #977c74;
    position: absolute;
    bottom: -11px;
    left: calc(50% - 10px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.price .item .type span {
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 3px;
    font-weight: 300;
}
.price .item .type h6 {
    position: relative;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}
.price .item .value {
    padding: 30px;
}
.price .item .value h4 {
    font-size: 40px;
    margin-bottom: 5px;
    font-family: 'Oswald', sans-serif;
}
.price .item .value h4 span {
    font-size: 15px;
}
.price .item .value p {
    font-size: 12px;
    font-weight: 300;
    margin: 0px;
    color: #977c74;
    font-family: 'Poppins', sans-serif;
}
.price .item .feat {
    padding: 0 30px 30px 30px;
    text-align: left;
}
.price .item .feat ul {
    padding: 0;
}
.price .item .feat li {
    color: #808291;
    padding: 10px 0;
    border-bottom: 1px solid #f8f8f8;
}
.price .item .feat li:last-child {
    margin-bottom: 0;
    border-bottom: 0px solid transparent;
}
.ti-check {
    content: '\e64c';
    font-family: 'themify';
    position: relative;
    padding-right: 7px;
    color: #977c74;
}
.price .item .feat del {
    opacity: .8;
}


/* ======= Testimonials ======= */
.testimonials .icon {
    width: 70px;
    margin-bottom: 0px;
}
.testimonials .item h6 {
    font-size: 15px;
    font-weight: 700;
    color: #977c74;
    margin: 50px 0 15px;
    position: relative;
}
.testimonials .item h6:after {
    content: '';
    width: 1px;
    height: 30px;
    background-color: #eee;
    position: absolute;
    left: 50%;
    top: -40px;
    opacity: .5;
}
.testimonials .item h6 span {
    display: block;
    color: #eee;
    font-style: italic;
    font-size: 13px;
    font-weight: 300;
    margin-top: 5px;
}
.testimonials .item p {
    color: #eee;
    font-size: 16px;
    font-weight: 200;
    word-spacing: 1px;
}
.testimonials .owl-theme .owl-nav [class*=owl-] {
    width: 40px;
    height: 40px;
    line-height: 35px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    margin: 20px 5px 0;
}
.testimonials .owl-theme .owl-nav [class*=owl-]:hover {
    background: #977c74;
}
.testimonials-grid .item {
    background-color: #f7f7f7;
    padding: 50px 30px 80px;
    position: relative;
    z-index: 3;
}
.testimonials-grid .item:after {
    content: '';
    width: 96%;
    height: 96%;
    position: absolute;
    left: 2%;
    top: 2%;
    border: 1px solid #fcfcfc;
    z-index: -1;
}
.testimonials-grid .item .icon {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: -1;
    font-size: 60px;
    color: #f1f1f1;
    line-height: 1;
}
.testimonials-grid .item p {
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: relative;
    border-bottom: 1px solid #eee;
}
.testimonials-grid .item p:after {
    content: '';
    width: 20px;
    height: 20px;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    background-color: #f7f7f7;
    position: absolute;
    bottom: -10px;
    left: 50px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.testimonials-grid .item .info .img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    border: 2px solid #f6f6f6;
    float: left;
}
.testimonials-grid .item .info h6 {
    padding-top: 10px;
    font-size: 14px;
    margin-left: 80px;
}
.testimonials-grid .item .info h6 span {
    margin-top: 5px;
    font-size: 12px;
    color: #808291;
    font-style: italic;
}


/* ======= Homepage Blog ======= */
.blog-home-img .item {
	-webkit-box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.1);
	position: relative;
	border-radius: 0;
	overflow: hidden;
}
.blog-home-img .item img {
	-webkit-filter: brightness(100%);
	-webkit-transform: scale(1.0);
	transform: scale(1.0);	
	-webkit-transition: all .3s;
	transition: all .3s;
}
.blog-home-img .item:hover img {
	-webkit-filter: none;
	filter: none;
	-webkit-transform: scale(1.08, 1.08);
	transform: scale(1.08, 1.08);
	-webkit-filter: brightness(70%);
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.blog-home-img .item .content {
	position: absolute;
	opacity: 0;
	left: 0;
	top: 0;
	padding: 40px 30px;
	width: 100%;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.blog-home-img .item:hover .content {
    opacity: 1;
}
.blog-home-img .item .content .data {
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 10px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.blog-home-img .item .content .data a {
    color: #fff;
    margin-right: 10px;
    position: relative;
}
.blog-home-img .item .content .data a:after {
    content: '/';
    position: relative;
    margin-left: 10px;
}
.blog-home-img .item .content .data a:last-child {
    margin-right: 0;
}
.blog-home-img .item .content .data a:last-child:after {
    display: none;
}
.blog-home-img .item .content h5 {
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.3em;
    color: #fff;
    margin-bottom: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.blog-home-img .item .content h5 a {
    color: #fff;
}
.blog-home-img .item .content p {
    color: #eee;
    margin-bottom: 20px;
    line-height: 1.5em;
}
.blog-home-img .item .line {
	height: 1px;
	width: 60px;
	background-color: #fff;
	margin-top: 12px;
	margin-bottom: 15px;
	transition-property: all;
	transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.blog-home-img .item:hover .line {
    width: 100%;
    transition-property: all;
    transition-duration: 0.8s;
    transition-timing-function: ease-in-out;
}

/* ======= Contact & Map ======= */
.contact .item {
    background-color: #fff;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.contact .item h6 {
    color: #977c74;
    font-size: 12px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 7px;
    letter-spacing: 5px;
}
.contact .item h2 {
    display: inline-block;
    font-size: 22px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}
.contact .item p a {
    color: #977c74;
}
/* item line #1 */
.contact .item .line {
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom: 5px;
}
.contact .item .line:after {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 60px;
    height: 1px;
    background-color: #977c74;
    content: '';
}
.contact .item.cont {
    background-color: #fff;
    padding: 40px 20px 30px 20px;
    margin-bottom: 40px;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.contact .item.cont:hover {
    background-color: #977c74;
}
.contact .item.cont:hover h6 {
    color: #fff;
}
.contact .item.cont:hover h2 {
    color: #fff;
}
.contact .item.cont:hover p {
    color: #fff;
}
.contact .icon {
    color: #977c74;
    font-size: 40px;
    margin-bottom: 20px;
}
.contact .item.cont:hover span.icon {
    color: #fff;
}
.contact h4 {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 30px;
}
#contactMap {
    width: 100%;
    height: 550px;
    left: 0;
    top: 0;
}


/* ======= Contact Form ======= */
form {
    padding: 0;
    position: relative;
    width: 100%;
}
.form-control {
    position: relative;
    z-index: 2;
    margin: 0;
    width: 100%;
    height: 40px;
    display: block;
    border: none;
    border-bottom: 1px solid #ececec;
    color: #808291;
    will-change: background-position;
    transition: all .3s cubic-bezier(.64, .09, .08, 1);
    background-position: -100%;
    background-size: 100%;
    background-repeat: no-repeat;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 15px;
    border-radius: 0;
    padding: 0;
}
.form-control:focus {
    border: none;
    border-bottom: 1px solid #977c74;
    box-shadow: none;
    outline: 0 none;
}
.img-fluid {
    margin-bottom: 15px;
}

form .input-select {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: auto;
}

.form-select {
    position: relative;
}

.form-select::after {
    position: absolute;
    right: 5px;
    top: 15px;
    content: '\e64b';
    font-family: 'themify';
    font-size: 12px;
    z-index: 9;
}


/* label */
label {
    color: #808291;
    transition: all .3s cubic-bezier(.64, .09, .08, 1);
    display: inline-block;
    -moz-appearance: none;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    margin-bottom: 0;
}

/* input */
input[type=email],
input[type=text],
textarea,
input[type=password],
input[type=number] {
	/*
    position: relative;
    z-index: 2;
    margin-bottom: 15px;
    width: 100%;
    display: block;
    border: none;
    border-bottom: 1px solid #ececec;
    padding: 8px 8px 8px 3px;
    will-change: background-position;
    transition: all .3s cubic-bezier(.64, .09, .08, 1);
    background-position: -1920px 0;
    background-size: 100%;
    background-repeat: no-repeat;
    color: #808291;
    font-size: 14px;
    line-height: 1.75em;
    font-weight: 300;
    border-radius: 0;
	*/
}
input[type=email].input-active,
input[type=email]:focus,
input[type=text].input-active,
input[type=text]:focus,
textarea.input-active,
textarea:focus,
input[type=password].input-active,
input[type=password]:focus,
input[type=number].input-active,
input[type=number]:focus {
    background-position: 0 0;
    box-shadow: none;
    outline: 0;
    border: none;
    color: #808291;
    border-bottom: 1px solid #977c74;
    border-radius: 0;
}
input[type=email].input-active,
input[type=email]:focus:after,
input[type=text].input-active,
input[type=text]:focus:after,
textarea.input-active,
textarea:focus:after,
input[type=password].input-active,
input[type=password]:focus:after,
input[type=number].input-active,
input[type=number]:focus:after {
    position: relative;
    z-index: 2;
    margin-bottom: 15px;
    width: 100%;
    display: block;
    border: none;
    padding: 15px 0;
    border-bottom: solid 1px #ececec;
    will-change: background-position;
    transition: all .3s cubic-bezier(.64, .09, .08, 1);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #ececec 96%);
    background-position: -1920px 0;
    background-size: 100%;
    background-repeat: no-repeat;
    color: #808291;
    font-size: 14px;
    line-height: 1.75em;
}
input[type=email]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder {
    transition: all .2s cubic-bezier(.64, .09, .08, 1);
    color: #808291;
}
input[type=radio]:after,
input[type=radio]:before {
    content: '';
    position: absolute;
    transition: all .3s cubic-bezier(.64, .09, .08, 1)
}
input[type=checkbox] {
    position: relative;
    cursor: pointer;
    margin: 5px 12px 15px 1px;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 12px;
}
input[type=checkbox]:before {
    content: '';
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    background: #fff;
    position: absolute;
    top: 0px;
    margin-left: -1px;
}
input[type=checkbox]:after {
    font-family: 'themify';
    content: '\e64c';
    color: #977c74;
    background: transparent;
    position: absolute;
    top: 1px;
    margin-left: -1px;
    left: 0;
    width: 18px;
    height: 18px;
    border: none;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .3s cubic-bezier(.64, .09, .08, 1);
    will-change: opacity;
    font-size: 12px;
}
input[type=checkbox]:checked:after {
    opacity: 1
}

input[type=radio] {
    position: relative;
    cursor: pointer;
	margin: 7px 15px 15px 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 10px;
}
input[type=radio]:before {
    background-color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #ccc;
    display: inline-block;
    top: 0;
    left: 0;
    background-image: radial-gradient(circle, #977c74 50%, #fff 70%);
    background-size: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    will-change: background-size;
    z-index: 2;
}
input[type=radio]:after {
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%
}
input[type=radio]:checked:before {
    background-size: 14px 14px
}
textarea.form-control {
    padding: 8px 8px 8px 3px;
    height: auto;
    margin-bottom: 15px;
}
::placeholder {
    color: #808291 !important;
}


/* =======  toTop  ======= */
.totop {
    height: 9px;
    opacity: 0;
    position: fixed;
    right: -60px;
    width: 45px;
    z-index: 999;
    display: block;
    top: 85%;
    background-repeat: no-repeat;
    background-position: center 15px;
    background-color: #977c74;
    font-size: 9px;
    line-height: 1;
    font-weight: 300;
    letter-spacing: 1px;
    color: #fff;
    text-align: center;
    border-radius: 0px;
    padding: 28px 0 21px 0;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.totop-vissible {
    right: 10px;
    opacity: 1;
}
.totop:before {
    position: absolute;
    content: "\e66b";
    top: 10px;
    left: 50%;
    margin-left: -6px;
    font-size: 11px;
    display: inline-block;
    font-family: "themify";
    font-style: normal;
    font-weight: 300;
    line-height: 1;
}
.totop:hover {
    color: #fff;
}
.totop:focus {
    color: #fff;
}


/* =======  Customer  ======= */
.customer {
    padding: 80px 0;
    background-color: #fff;
    border-top: 1px solid #faf7f6;
}
.customer .owl-carousel {
    margin-bottom: -20px;
}
.customer .customer-logo {
    opacity: .7;
}
.customer .customer-logo:hover {
    opacity: 1;
}
.customer img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .5s;
    transition: all .5s;
}
.customer img:hover {
    -webkit-filter: none;
    filter: none;
}


/* ======= Footer ======= */
.footer {
    background-color: #faf7f6;
    padding-top: 90px;
    color: #5d5d5f;
}
.footer .title h5 {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    font-family: "Oswald", sans-serif;
    color: #5d5d5f;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.footer .info .logo {
    padding: 0;
    margin-bottom: 10px;
}
.footer .info h6 {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 15px;
}
.footer .info h6 i {
    color: #5d5d5f;
}
.footer .info p {
    margin-bottom: 0px;
}
.footer .info span {
    margin-right: 10px;
    font-size: 11px;
}
.footer .info .icon {
    margin-right: 15px;
    font-size: 11px;
}
.footer .info .icon:hover {
    color: #5d5d5f;
}
.footer p,
.footer p a {
    color: #808291;
}
.footer .social a {
    color: #fff;
    font-size: 13px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin: 5px 5px 5px 0px;
    text-align: center;
}
.footer .social a:hover {
    background: #5d5d5f;
    border: 1px solid #fff;
}
.footer ul li {
    padding: 0; /* padding: 4px 0; */
	line-height: 1.8;
}
.footer ul li {
    text-decoration-line: underline;
    position: relative;
}
.footer ul li a {
    color: #808291;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.footer ul li a:hover {
    /* text-decoration: underline; */
	color: #977c74;
    -webkit-transition: all .5s;
    transition: all .5s;
}
/* sub-footer */
.footer .sub-footer {
    padding: 25px 0;
    margin-top: 50px;
    background-color: #faf7f6;
    border: 1px solid #ebf1fb;
}
.footer .sub-footer p {
    margin-bottom: 0;
}
.footer .sub-footer p a:hover {
    /*    text-decoration-line: underline;*/
	color: #977c74;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s;
}


/* ======= Media Query (Responsive) ======= */
@media screen and (max-width: 991px) {
    .mb-md50 {
        margin-bottom: 50px;
    }

    .mb-md30 {
        margin-bottom: 30px;
    }

    .mb-md15 {
        margin-bottom: 15px;
    }

    .mb-md0 {
        margin-bottom: 0;
    }

    .md-text-center {
        text-align: center !important;
    }

    .bgimg-height {
        height: 400px;
    }

    .bg-fixed {
        background-attachment: scroll !important;
    }

    .navbar .logo {
        margin-left: 15px;
        width: 90px;
    }

    .nav-scroll .logo {
        width: 52px; /* 150px */
    }

    .navbar button {
        margin-right: 15px;
        outline: none !important;
    }

    .navbar .container {
        max-width: 100%;
    }

    .navbar .navbar-collapse {
        max-height: 360px;
        overflow: auto;
        background: #fff;
        text-align: left;
        padding: 10px 30px;
    }

    .navbar .nav-link {
        margin: 10px auto !important;
    }

    .navbar .navbar-nav .nav-link {
        color: #808291;
    }

    .nav-scroll .navbar-collapse .nav-link {
        color: #808291 !important;
    }

    .nav-scroll .navbar-collapse .active {
        color: #977c74 !important;
    }

    .dropdown-menu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        background-color: #f7f7f7;
        width: 100%;
        display: none;
    }

    .dropdown-menu .sub-menu {
        position: static;
        margin-top: 15px;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        background-color: #f7f7f7;
        width: 100%;
        display: none;
    }

    .dropdown:hover .dropdown-menu,
    .dropdown:hover .mega-menu {
        display: block;
    }

    .dropdown .dropdown-menu:hover .sub-menu {
        display: block;
    }

    .dropdown .mega-menu {
        width: 100%;
        position: static;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        background-color: #222;
        width: 100%;
        display: none;
    }

    .dropdown .mega-menu .dropdown-menu {
        border: 0;
        margin: 0;
    }

    .dropdown .mega-menu .dropdown-title {
        border-bottom-color: #5d5d5f;
    }

    .header {
        background-attachment: scroll !important;
        background-position: 50% 0% !important;
    }

    .header .caption h4 {
        font-size: 30px;
    }

    .header .caption h1 {
        font-size: 35px;
        line-height: 1.2;
    }

    .price .item {
        text-align: center;
    }

    .price .item .features {
        text-align: center;
    }

    .subscribe.sbc-bg h5 {
        font-size: 22px;
    }
}
@media screen and (max-width: 767px) {
    .mb-sm50 {
        margin-bottom: 50px;
    }

    .mb-sm30 {
        margin-bottom: 30px;
    }

    .section-box h3 {
        font-size: 25px;
        line-height: 1.3;
    }

    .hero .intro h3 {
        font-size: 28px;
    }

    .hero .intro h4 {
        font-size: 20px;
    }

    .subscribe h4 {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .bgimg-height-sm {
        height: 400px;
    }

    .header .caption h4 {
        font-size: 12px;
    }

    .header .caption h1 {
        font-size: 40px;
    }

    .header .caption p {
        font-size: 12px;
        margin-bottom: 15px;
    }

    .header .caption .butn {
        margin-top: 15px !important;
    }

    .portfolio .filtering span {
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 480px) {
    .section-head h4 {
        font-size: 30px;
    }

    .section-box .accordion .title h6 {
        line-height: 1.5;
        font-size: 14px;
    }

    .section-box .half-content {
        padding: 30px 15px;
    }

    .works .filtering {
        padding: 0 15px;
    }

    .works .filtering .filter {
        border: 0;
        padding: 0;
    }

    .works .filtering span {
        margin: 0 0 5px;
    }
}

/* important animation css effect working  */
.js .animate-box {
    opacity: 0;
}