:root {
--primary-color: #e4b799;
--secondary-color: #6d6e71;
--main-font-size: 14px;
}


/******
Fonts
*******/
@font-face {
font-family: 'Fieldwork Geo Hair';
src: url('../fonts/Fieldwork-GeoHair.eot');
src: url('../fonts/Fieldwork-GeoHair.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Fieldwork-GeoHair.woff2') format('woff2'),
    url('../fonts/Fieldwork-GeoHair.woff') format('woff'),
    url('../fonts/Fieldwork-GeoHair.ttf') format('truetype'),
    url('../fonts/Fieldwork-GeoHair.svg#Fieldwork-GeoHair') format('svg');
font-weight: 200;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Fieldwork Geo';
src: url('../fonts/Fieldwork-GeoLight.eot');
src: url('../fonts/Fieldwork-GeoLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Fieldwork-GeoLight.woff2') format('woff2'),
    url('../fonts/Fieldwork-GeoLight.woff') format('woff'),
    url('../fonts/Fieldwork-GeoLight.ttf') format('truetype'),
    url('../fonts/Fieldwork-GeoLight.svg#Fieldwork-GeoLight') format('svg');
font-weight: 300;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Fieldwork Geo';
src: url('../fonts/Fieldwork-GeoThin.eot');
src: url('../fonts/Fieldwork-GeoThin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Fieldwork-GeoThin.woff2') format('woff2'),
    url('../fonts/Fieldwork-GeoThin.woff') format('woff'),
    url('../fonts/Fieldwork-GeoThin.ttf') format('truetype'),
    url('../fonts/Fieldwork-GeoThin.svg#Fieldwork-GeoThin') format('svg');
font-weight: 100;
font-style: normal;
font-display: swap;
}


@font-face {
font-family: 'Fieldwork Geo';
src: url('../fonts/Fieldwork-GeoDemibold.eot');
src: url('../fonts/Fieldwork-GeoDemibold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Fieldwork-GeoDemibold.woff2') format('woff2'),
    url('../fonts/Fieldwork-GeoDemibold.woff') format('woff'),
    url('../fonts/Fieldwork-GeoDemibold.ttf') format('truetype'),
    url('../fonts/Fieldwork-GeoDemibold.svg#Fieldwork-GeoDemibold') format('svg');
font-weight: 600;
font-style: normal;
font-display: swap;
}


@font-face {
font-family: 'Fieldwork Geo';
src: url('../fonts/Fieldwork-GeoRegular.eot');
src: url('../fonts/Fieldwork-GeoRegular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Fieldwork-GeoRegular.woff2') format('woff2'),
    url('../fonts/Fieldwork-GeoRegular.woff') format('woff'),
    url('../fonts/Fieldwork-GeoRegular.ttf') format('truetype'),
    url('../fonts/Fieldwork-GeoRegular.svg#Fieldwork-GeoRegular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

/*
@font-face {
font-family: 'Fieldwork Geo';
src: url('../fonts/Fieldwork-GeoBold.eot');
src: url('../fonts/Fieldwork-GeoBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Fieldwork-GeoBold.woff2') format('woff2'),
    url('../fonts/Fieldwork-GeoBold.woff') format('woff'),
    url('../fonts/Fieldwork-GeoBold.ttf') format('truetype'),
    url('../fonts/Fieldwork-GeoBold.svg#Fieldwork-GeoBold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Fieldwork Geo';
src: url('../fonts/Fieldwork-GeoBlack.eot');
src: url('../fonts/Fieldwork-GeoBlack.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Fieldwork-GeoBlack.woff2') format('woff2'),
    url('../fonts/Fieldwork-GeoBlack.woff') format('woff'),
    url('../fonts/Fieldwork-GeoBlack.ttf') format('truetype'),
    url('../fonts/Fieldwork-GeoBlack.svg#Fieldwork-GeoBlack') format('svg');
font-weight: 900;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Fieldwork Geo Fat';
src: url('../fonts/Fieldwork-GeoFat.eot');
src: url('../fonts/Fieldwork-GeoFat.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Fieldwork-GeoFat.woff2') format('woff2'),
    url('../fonts/Fieldwork-GeoFat.woff') format('woff'),
    url('../fonts/Fieldwork-GeoFat.ttf') format('truetype'),
    url('../fonts/Fieldwork-GeoFat.svg#Fieldwork-GeoFat') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
} */


/******
General
*******/
html {
scroll-behavior: smooth;
}
body{ margin: 0; padding: 0; font-family: 'Fieldwork Geo', sans-serif; font-weight: 300; font-size: var(--main-font-size); color: #000; line-height: 19px; }
/* #main-container {z-index: 0; margin-top: -95px; } */


img { pointer-events: none; }
*,*:focus,*:hover{ outline:none; }
a { color: var(--primary-color); }

@media screen and (max-width: 1399.98px){}
@media screen and (max-width: 1199.98px){}
@media screen and (max-width: 991.98px){}
@media screen and (max-width: 767.98px){}
@media screen and (max-width: 575.98px){
/* #main-container { margin-top: 0px; } */
}

/* typography */
h1 { font-size: 21.5px; line-height: 40px; font-weight: 600; }
h2 { font-size: 18.5px; line-height: 30px; font-weight: 600; }
h3 { font-size: 17.5px; line-height: 35px; font-weight: 300; }
h4 { font-size: 17.5px; line-height: 22px; font-weight: 300; }
h5 { font-size: 15.5px; line-height: 22px; font-weight: 300; }
h6 { font-size: 14px; line-height: 20px; font-weight: 300; }

/* inputs */
.form-control { background: transparent; border-width: 0 0 1px 0; border-radius: 0; margin-bottom: 16px; border-color: #ad8e7b; padding: 0 7px; color: #fff; font-size: 14px; font-weight: 200; letter-spacing: 1px; }
.form-control:focus { color: #fff; background-color: transparent; border-color: #ad8e7b; outline: 0; box-shadow: none; }
::-webkit-input-placeholder { /* Edge */ color: #f1eeee !important; }
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #f1eeee !important; }
::placeholder { color: #f1eeee !important; }


/* buttons */
.btn { border-radius: 0px; text-transform: uppercase; }
.btn.focus, .btn:focus {
box-shadow: none;
}
button { outline: none; }
/* .primary-btn { display: inline-block; border-radius: 0px; font-weight: 400; font-size: 15px; letter-spacing: 2px; color: #8baabf; text-transform: uppercase; transition: all .3s; position: relative; overflow: hidden; z-index: 1; width: 260px; height: 45px; line-height: 32px; }
.primary-btn:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #e12f3e; border-radius: 0px; z-index: -2; }
.primary-btn:before { content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background-color: #8baabf; transition: all .3s; border-radius: 0px; z-index: -1; }
.primary-btn:hover { color: #e12f3e; }
.primary-btn:hover:before { width: 100%; } */

/* recaptcha */
form .g-recaptcha {}
form .g-recaptcha div { margin: 0 auto; }



/******
MENU
*******/
#header { height: 134px; background: #fff; position: relative; z-index: 9; }
#header .container { max-width: 909px; height: 100%; }
#header .row { height: 100%; }
#header .row .navbar { height: 100%; padding: 0 15px; }
#header .navbar-brand { width: 255px; }
#header .navbar-brand .logo { display: block; }
#header .navbar-brand .sticky-logo { display: none; width: 40px; }
#header.scroll .navbar-brand .logo { display: none; }
#header.scroll .navbar-brand .sticky-logo { display: block; }
#header #main-navbar ul li .nav-link { position: relative; color: #6d6e71; font-size: 15px; padding-left: 14px; padding-right: 14px; }
#header #main-navbar ul li .nav-link:hover { color: #262626; }
#header #main-navbar ul li .nav-link::after { content: ""; position: absolute; bottom: 0; left: 1rem; width: 0px; height: 1px; background: #c6672e;  -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
#header #main-navbar ul li.active .nav-link::after, #header #main-navbar ul li .nav-link:hover::after { width: calc(100% - 2rem); }

#header #main-navbar .social-icons-wrapper { padding: 0.4rem 0 0.4rem 20px; margin: 0; }
#header #main-navbar .social-icons-wrapper li { display: inline-block; margin: 0 5px; }
#header #main-navbar .social-icons-wrapper li a { font-size: 14px; }
#header #main-navbar .social-icons-wrapper li a:hover { color: #6d6e71; }
#header #main-navbar .social-icons-wrapper li a svg { fill: #e4b799; height: 14px; }
#header #main-navbar .social-icons-wrapper li a.pinterest-icon svg { height: 16px; }


@media screen and (max-width: 991.98px){
#header .container { max-width: 760px; }

}
@media screen and (max-width: 767.98px){}
@media screen and (max-width: 575.98px){
    #header .row .navbar { padding: 0 15px 0 35px; }
    #header .navbar-brand { width: 190px; }
}
@media screen and (max-width: 399.98px){
    #header .navbar-brand img { max-width: 185px; } 
    #header .nav-button { margin: 0 auto !important; }

}

/* mobile menu */
.custom-menu{width: 100%; height: 100vh; opacity: 0; visibility: hidden;}
.nav-open .custom-menu {opacity: 1; visibility: visible; background: rgba(66, 63, 61, 0.9) }
.nav-open .custom-menu > div { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center !important; align-items: center !important; }
.custom-menu .nav { width: 100%; }
.custom-menu .nav li a { color: #FFF; text-transform: uppercase; font-weight: 300; letter-spacing: 4px; font-size: 18px; line-height: 30px; }
.custom-menu .nav li{ opacity: 0; padding: 10px 0; -webkit-transform: translateY(-40px); transform: translateY(-40px); -webkit-animation-timing-function: cubic-bezier(.45,.005,0,1); -moz-animation-timing-function: cubic-bezier(.45,.005,0,1); -o-animation-timing-function: cubic-bezier(.45,.005,0,1); animation-timing-function: cubic-bezier(.45,.005,0,1); }
.nav-open .custom-menu .nav li{ opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform .2s,opacity .2s; transition: transform .2s,opacity .2s; text-align: center; }

.nav-button {position:relative; z-index:1111; height:42px; display:block; width:60px; padding:12px; margin-left:auto; }
.nav-button #nav-icon3{width:29px;height:22px;display:inline-block;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
.nav-button #nav-icon3 span{ display:block; position:absolute; height:2px; width:100%; background:var(--primary-color); border-radius:9px; opacity:1; left:0; -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.nav-open .nav-button #nav-icon3 span { background: var(--primary-color); }
.nav-button #nav-icon3 span:nth-child(1){top:0}
.nav-button #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3){top:7px}
.nav-button #nav-icon3 span:nth-child(4){top:14px}
.nav-open #nav-icon3 span:nth-child(1){top:9px;width:0;left:50%}
.nav-open #nav-icon3 span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.nav-open #nav-icon3 span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-open #nav-icon3 span:nth-child(4){top:9px;width:0;left:50%}

.mobile-menu-inner-wrapper { height: 100%; }

#header .custom-menu .social-icons-wrapper { padding: 0.4rem 0 0.4rem 20px; margin: 0; }
#header .custom-menu .social-icons-wrapper li { display: inline-block; margin: 0 5px; }
#header .custom-menu .social-icons-wrapper li a { font-size: 14px; }
#header .custom-menu .social-icons-wrapper li a:hover { color: #6d6e71; }
#header .custom-menu .social-icons-wrapper li a svg { fill: #e4b799; height: 14px; }
#header .custom-menu .social-icons-wrapper li a.pinterest-icon svg { height: 16px; }

@media screen and (max-width: 767.98px){
#header .custom-menu .social-icons-wrapper { padding: 0.4rem 0 0.4rem; }
}
/******
HOMEPAGE
*******/
/* header */
.home-page #header { position: fixed; top: 0; left: 0; width: 100%; z-index: 10; background: rgba(255,255,255,1); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.home-page #header.scroll { background: rgba(255,255,255,1); height: 84px; }

/* header slider */
.home-page #header-slider .slide { height: 100vh; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.home-page #header-slider .slick-arrow { position: absolute; top: 0; z-index: 9; color: #e4b799; font-size: 30px; width: 150px; height: 100vh; text-align: center; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.home-page #header-slider .slick-arrow:hover { opacity: 1; }
.home-page #header-slider .slick-arrow.prev-arrow { left: 0px; }
.home-page #header-slider .slick-arrow.next-arrow { right: 0px; }
.home-page #header-slider .slick-arrow img { position: absolute; top: calc(50% - 18px); width: 20px; cursor: pointer; pointer-events: auto; }
.home-page #header-slider .arrow-down { position: absolute; bottom: 30px; width: 100%; text-align: center; }

@media screen and (max-width: 767.98px){}
@media screen and (max-width: 575.98px){

.home-page #header-slider { margin-top: 134px; }
.home-page #header-slider .slide { height: 50vh; }
.home-page #header-slider .slick-arrow { height: 50vh; }

.home-page #header-slider .slick-arrow:hover { opacity: 0; }
.home-page #header-slider .arrow-down { display: none; }
}


/* brief */
#brief { padding: 100px 0px; }
#brief .container { max-width: 1040px; }
#brief .main { padding: 0 45px 0 80px; }
#brief .main h2 { color: #444343; font-size: 25px; font-weight: 100; letter-spacing: 1px; margin-bottom: 79px; }
/* #brief .main .btn { width: 170px; background: #df9e73; height: 44px; color: #fff; letter-spacing: 1px; font-size: 15px; font-weight: 300; }
#brief .main .btn:hover { background: #423f3d; color: #f5b488; border-color: #423f3d; } */

#brief .main .btn { display: inline-block; width: 170px; height: 44px; color: #fff; letter-spacing: 1px; font-size: 15px; font-weight: 300; transition: all 0.3s; position: relative; overflow: hidden; z-index: 1; }
#brief .main .btn:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: #df9e73; z-index: -2; }
#brief .main .btn:before { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background: #423f3d; transition: all 0.3s; z-index: -1; }
#brief .main .btn:hover { color: #f5b488; }
#brief .main .btn:hover:before { width: 100%; }

#brief .description { color: #6d6e71; font-size: 15.5px; padding: 0 63px 0 86px; line-height: 22px; }

#brief .modal-xl { max-width: 890px; }
#brief .modal .modal-content { background-color: #2c2f33; }
#brief .modal .modal-content .modal-header { border: 0px none; }
#brief .modal .modal-content .modal-header .close { color: #e3b799; font-size: 14px; opacity: 1; outline: none; }
#brief .modal .modal-content .modal-body { padding: 26px 1rem 62px 1rem; }
#brief .modal .modal-content .modal-body .form-wrapper { width: 351px; max-width: 100%; margin: 0 auto; }
#brief .modal .modal-content .modal-body .form-wrapper .title { color: #e4b799; font-size: 18px; font-weight: 100; margin-bottom: 50px; padding-left: 22px; letter-spacing: 2px; }
#brief .modal .modal-content .modal-body .form-wrapper .btn { border: 1px solid #ad8e7b; width: 100%; color: #e4b799; background-color: transparent; font-size: 13px;height: 36px; font-weight: 400; letter-spacing: 2px; }
#brief .modal .modal-content .modal-body .form-wrapper .btn:hover { color: #fff; background-color: #ad8e7b; }
#brief .modal .modal-content .modal-body .form-wrapper .btn[data-active="false"] .label { display: block; }
#brief .modal .modal-content .modal-body .form-wrapper .btn[data-active="false"] .loader { display: none; }
#brief .modal .modal-content .modal-body .form-wrapper .btn[data-active="true"] .label { display: none; }
#brief .modal .modal-content .modal-body .form-wrapper .btn[data-active="true"] .loader { display: block; }


@media screen and (max-width: 767.98px){
#brief .main { padding: 0 25px; }
#brief .description { padding: 0 25px; }
}
@media screen and (max-width: 575.98px){
#brief { padding: 50px 0px; }
#brief .main h2 { margin-bottom: 30px; }
#brief .main .btn { width: 100%; }
}

/* stats */
#stats { height: 347px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; }
#stats > .container { height: 100%; }
#stats > .container > .row { height: 100%; }
#stats .single-stat-wrapper { padding: 0 45px; }
#stats .single-stat-wrapper .stat-number { display: block; font-size: 33px; color: #e4b799; margin-bottom: 17px; letter-spacing: 1px; font-weight: 200; }
#stats .single-stat-wrapper .stat-name { display: block; font-size: 14px; font-weight: 100; color: #fff; letter-spacing: 1px; }

@media screen and (max-width: 575.98px){
#stats { height: 410px; padding: 15px 0; }
}

/* our process */

#our-process { padding: 100px 0; }
#our-process .container { max-width: 558px; }
#our-process .section-title h3 { width: 170px; height: 44px; border: 1px solid #e4b799; font-size: 15px; text-align: center; color: #e4b799; line-height: 42px; margin-bottom: 52px; letter-spacing: 1px; font-weight: 300; }
#our-process .section-title .sub-title { font-size: 25px; color: #444343; font-weight: 200; letter-spacing: 1px; margin-bottom: 26px; line-height: 25px; }
#our-process .section-title .sub-text { font-size: 15.5px; color: #6d6e71; max-width: 372px; margin-bottom: 67px; font-weight: 200; width: 100%; line-height: 22px; }

#our-process .single-process-wrapper { margin-bottom: 17px; }
#our-process .single-process-wrapper .content .number { font-size: 18px; font-weight: 200; color: #e4b799; margin-bottom: 5px; }
#our-process .single-process-wrapper .content .name { font-size: 18px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; color: #444343; margin-bottom: 14px; }
#our-process .single-process-wrapper .content .details { font-size: 15px; color: #6d6e71; line-height: 18px; }

#our-process .single-process-wrapper .icon { position: relative; }
#our-process .single-process-wrapper:not(:last-child) .icon::before { content: ""; position: absolute; top: 0; left: calc(50% - 0.5px); display: block; height: calc(100% + 17px); width: 1px; background: #e4b799; z-index: 0; }
#our-process .single-process-wrapper .icon img { width: 36px; position: relative; }

@media screen and (max-width: 575.98px){
#our-process { padding: 70px 0 65px; }
#our-process .section-title .sub-text { margin-bottom: 50px; }
#our-process .single-process-wrapper .content { padding-right: 25px; }    
}

/* homepge projects */
#homepage-projects { background: #2c2f33; padding: 98px 0 49px; }
#homepage-projects .section-title { font-size: 20px; font-weight: 100; color: #e4b799; letter-spacing: 2px; margin-bottom: 70px; }
#homepage-projects .single-project-wrapper { margin-bottom: 30px; text-decoration: none; background: none; border: 0px none; border-radius: 0; }
#homepage-projects .single-project-wrapper .card-header { height: auto; overflow: hidden; border-radius: 0; }
#homepage-projects .single-project-wrapper .card-header .img-wrapper { height: 100%; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
#homepage-projects .single-project-wrapper:hover .card-header .img-wrapper { zoom: 1.1; -moz-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
#homepage-projects .single-project-wrapper .name { font-size: 13px; text-transform: uppercase; color: #fff; margin-top: 5px; visibility: hidden; letter-spacing: 2px; }
#homepage-projects .single-project-wrapper:hover .name { visibility: visible; }

#homepage-projects .btn { width: 200px; height: 44px; color: #e4b799; background: transparent; border: 1px solid #e4b799; line-height: 42px; padding: 0; margin-top: 36px; letter-spacing: 1.5px;  font-weight: 200; font-size: 14px; }
#homepage-projects .btn:hover { color: #fff; background: #e4b799; }

@media screen and (max-width: 575.98px){
#homepage-projects { padding: 80px 0 49px; }
#homepage-projects .single-project-wrapper { margin-bottom: 20px; }
}


/* testimonials */
#testimonials { background-color: #f0f0f1; padding: 124px 0 57px; background-repeat: no-repeat, no-repeat; background-position: left calc(100% - 40px), top center; -webkit-background-size: contain, 100% 49px; -moz-background-size: contain, 100% 49px; -o-background-size: contain, 100% 49px; background-size: 360px auto, 100% 49px; }
#testimonials .sup-title { font-size: 20px; line-height: 30px; font-weight: 100; color: #444343; letter-spacing: 1px; }
#testimonials .title { font-size: 20px; line-height: 30px; font-weight: 100; color: #444343; letter-spacing: 1px; margin-bottom: 50px; }
#testimonials .carousel { max-width: 477px; margin: 0 auto; }

#testimonials .open-quote-icon {}
#testimonials .open-quote-icon img { margin: 0 auto 28px; }
#testimonials .rating {}
#testimonials .rating i { color: #e4b799; font-size: 13px; margin-bottom: 30px; }
#testimonials .content { color: #56595d; font-size: 15px; margin-bottom: 27px; }
#testimonials .name { color: #444343; font-size: 15px; font-weight: 600; text-transform: uppercase; margin-bottom: 65px; letter-spacing: 2px; }

#testimonials .slick-dots { bottom: 0; }
#testimonials .slick-dots li { width: 10px; height: 10px; }
#testimonials .slick-dots li button:before { opacity: 1 !important; font-size: 30px; color: #fff; }
#testimonials .slick-dots li.slick-active button:before { color: #e3b799; }

@media screen and (max-width: 991.98px){
#testimonials { background-size: 0, 100% 49px; }
}
@media screen and (max-width: 767.98px){
#testimonials { background-size: 0, 100% 49px; }
}

@media screen and (max-width: 575.98px){
#testimonials .slick-initialized .slick-slide { padding: 0 15px; }
}

/* pre footer */
#pre-footer { height: 347px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; }
#pre-footer .container { height: 100%; }
#pre-footer .container .row { height: 100%; }
#pre-footer .content { font-size: 18px; letter-spacing: 3px; color: #e4b799; text-transform: uppercase; }

@media screen and (max-width: 575.98px){
#pre-footer .content { padding: 0 50px; line-height: 23px; }
}

/******
ABOUT
*******/
.about-page {}

.about-page #content { padding: 80px 0 125px 0; }
.about-page #content .container { max-width: 1040px; }
.about-page #content .image-wrapper .emblem { width: 34px; display: block; margin: -17px auto 0; }
.about-page #content .image-wrapper .logo img { width: 209px; margin-top: 20px; margin-bottom: 52px; }
.about-page #content .image-wrapper .quote { text-transform: uppercase; font-size: 18px; font-weight: 100; color: #444343; max-width: 380px; letter-spacing: 1px; line-height: 23px; }
.about-page #content .image-wrapper .quote .open-quote-icon { display: block; margin: 0 auto; margin-bottom: 37px; }
.about-page #content .image-wrapper .quote .close-quote-icon { display: block; margin: 0 auto; margin-top: 37px; }

.about-page #content .info-wrapper { padding: 0 70px 0 37px; }
.about-page #content .info-wrapper .emblem { margin-bottom: 50px; }
.about-page #content .info-wrapper .emblem img { width: 42px; }
.about-page #content .info-wrapper .about { margin-bottom: 65px; color: #6d6e71; font-size: 15.3px; font-weight: 200; }
.about-page #content .info-wrapper .signature {  }

@media screen and (max-width: 767.98px){
.about-page #content .info-wrapper { padding: 0 15px; }
}
@media screen and (max-width: 575.98px){
.about-page #content { padding: 30px 0 125px 0; }
.about-page #content .info-wrapper .about { font-size: 16px; padding: 0 25px; }
}


/******
PROJECTS
*******/
.projects-page {}

.projects-page #projects { padding: 81px 0 55px; }
.projects-page #projects > .container { max-width: 1430px; }
.projects-page #projects .section-title { color: #e4b799; font-size: 20px; font-weight: 100; margin-bottom: 30px; letter-spacing: 2px; }

.projects-page #projects .filter-wrapper { margin-bottom: 88px; }
.projects-page #projects .filter-wrapper ul { padding: 0; margin: 0; list-style: none; text-align: center; }
.projects-page #projects .filter-wrapper ul li { display: inline-block; margin: 0 20px; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; padding: 0 3px 7px; color: #444343; cursor: pointer; }
.projects-page #projects .filter-wrapper ul li.active, .projects-page #projects .filter-wrapper ul li:hover { border-bottom: 1px solid #444343; }


.projects-page #projects .projects-wrapper .single-project-wrapper { overflow: hidden; margin-bottom: 56px; }
.projects-page #projects .projects-wrapper .single-project-wrapper .name { position: absolute; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: #fff; bottom: -200px; left: 15px; width: calc(100% - 30px); padding: 140px 30px 32px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; background: -moz-linear-gradient(top, rgba(153,153,153,0) 0%, rgba(0,0,0,0.8) 100%); background: -webkit-linear-gradient(top, rgba(153,153,153,0) 0%,rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(153,153,153,0) 0%,rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00999999', endColorstr='#000000',GradientType=0 ); }
.projects-page #projects .projects-wrapper .single-project-wrapper:hover .name { bottom: 0px; }

@media screen and (max-width: 575.98px){
.projects-page #projects { padding: 45px 0 55px; }
}



/******
PROJECT INNER
*******/
#project-inner {}
#project-inner .container { max-width: 1250px; }
#project-inner .cover-wrapper { position: relative; margin-bottom: 55px; }
#project-inner .emblem { position: absolute; bottom: -20px; left: calc(50% - 20px); width: 40px; }
#project-inner .project-type { font-size: 27px; text-transform: uppercase; font-weight: 100; color: #222427; letter-spacing: 1px; margin-bottom: 17px; }
#project-inner .name { font-size: 15px; color: #a8a7a7; margin-bottom: 25px; font-weight: 200; letter-spacing: 1px; }
#project-inner .sep hr { width: 41px; background: #c7c6c6; margin-bottom: 35px; }
#project-inner .description { font-size: 15.5px; color: #6d6e71; max-width: 350px; width: 100%; margin-bottom: 70px; line-height: 22px; }
#project-inner .gallery img { margin-bottom: 20px; }
#project-inner .back-btn { margin-top: 90px; margin-bottom: 120px; font-size: 15.5px; color: #2c2f33; letter-spacing: 1px; text-decoration: none; position: relative; }
#project-inner .back-btn:hover:before { content: ""; width: calc(100% - 30px); height: 1px; display: block; position: absolute; bottom: -5px; left: 15px; background: #000; }

@media screen and (max-width: 575.98px){
#project-inner .description { margin-bottom: 60px; }
}

/******
CONTACT
*******/
.contact-page #contact { padding-bottom: 116px; }
.contact-page #contact .header-image { height: 378px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin-bottom: 55px; }
.contact-page #contact .section-title { font-size: 25px; text-transform: uppercase; color: #2c2f33; font-weight: 100; letter-spacing: 4px; margin-bottom: 85px; }
.contact-page #contact .city { font-weight: 400; font-size: 16px; color: #e4b799; text-transform: uppercase; margin-bottom: 20px; }
.contact-page #contact .single-address { margin-bottom: 49px; letter-spacing: 1px; }
.contact-page #contact .address { color: #2c2f33; font-size: 16px; margin-bottom: 30px; }
.contact-page #contact .phone ul { padding: 0; margin: 0; list-style: none; }
.contact-page #contact .phone ul li { color: #2c2f33; font-size: 16px; }
.contact-page #contact .phone ul li:not(:last-child) { margin-bottom: 10px; }
.contact-page #contact .phone ul li a { color: #2c2f33; }


.contact-page #contact .social-icons-wrapper { margin-top: 34px; }
.contact-page #contact .social-icons-wrapper ul { padding: 0; margin: 0; list-style: none; }
.contact-page #contact .social-icons-wrapper ul li { display: inline-block; color: #2c2f33; font-size: 18px; margin: 0 6px; }
.contact-page #contact .social-icons-wrapper ul li svg { fill: #e4b799; height: 18px; }


/******
BLOG
*******/
/* blog listing */
#blog-listing #top-header { height: 378px; display: block; }
#blog-listing #top-header > .container { height: 100%; }
#blog-listing #top-header > .container > .row{ height: 100%; }
#blog-listing #top-header .title { padding-top: 145px; font-size: 29px; color: #fff; font-weight: 100; letter-spacing: 5px; }

#blog-listing #top-header .search-wrapper { margin-bottom: 25px; max-width: 380px; }
#blog-listing #top-header .search-wrapper .input-group input[type="text"] { background: rgba(255,255,255,0.8); color: #000; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border: 0px none; width: calc(100% - 40px); padding: 0 7px 0 25px}
#blog-listing #top-header .search-wrapper .input-group ::-webkit-input-placeholder { /* Edge */ color: #777 !important; }
#blog-listing #top-header .search-wrapper .input-group :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #777 !important; }
#blog-listing #top-header .search-wrapper .input-group ::placeholder { color: #777 !important; }
#blog-listing #top-header .search-wrapper .input-group .input-group-append { margin-left: 0px;}
#blog-listing #top-header .search-wrapper .input-group button[type="submit"] { background: rgba(255,255,255,0.8); border-top-right-radius: 20px; border-bottom-right-radius: 20px; border: 0px none; }
#blog-listing #top-header .search-wrapper .input-group input[type="text"]:focus { background: rgba(255,255,255,1);}
#blog-listing #top-header .search-wrapper .input-group input[type="text"]:focus ~ .input-group-append button { background: rgba(255,255,255,1);}
#blog-listing #top-header .search-wrapper .input-group button[type="submit"]:hover { background: #000 !important; color: #e4b799; }

#blog-listing #blogs-listing-wrapper { padding-top: 80px; padding-bottom: 65px; }
#blog-listing #blogs-listing-wrapper .single-blog-wrapper { margin-bottom: 70px; }
#blog-listing #blogs-listing-wrapper .single-blog-wrapper .card { height: 100%; border: 1px solid #f7f5f5; text-decoration: none; }
#blog-listing #blogs-listing-wrapper .single-blog-wrapper .card:hover { border: 1px solid #e4b799;  }
#blog-listing #blogs-listing-wrapper .single-blog-wrapper .card .card-img-top { border-radius: 0px; }
#blog-listing #blogs-listing-wrapper .single-blog-wrapper .card .card-body { padding: 37px 34px 20px; }
#blog-listing #blogs-listing-wrapper .single-blog-wrapper .card-date { color: #b8b8b8; font-size: 14px; font-weight: 100; margin-bottom: 24px; }
#blog-listing #blogs-listing-wrapper .single-blog-wrapper .card-title { color: #444343; font-size: 18.5px; }
#blog-listing #blogs-listing-wrapper .single-blog-wrapper .card-footer { padding: 20px 34px 23px; background: #fff; border: 0 none; }
#blog-listing #blogs-listing-wrapper .single-blog-wrapper .primary-btn { color: #e4b799; font-size: 14px; font-weight: 100; text-transform: capitalize; }

#blog-listing #blogs-listing-wrapper .pagination .page-item .page-link { border-radius: 0 !important; color: #e4b799; border: 1px solid #e4b799; }
#blog-listing #blogs-listing-wrapper .pagination .page-item .page-link:focus { box-shadow: none; }
#blog-listing #blogs-listing-wrapper .pagination .page-item.active .page-link{ background: #e4b799; color: #fff; }
#blog-listing #blogs-listing-wrapper .pagination .page-item .page-link:hover { background: rgba(228, 183, 153, 0.5); color: #fff; }

@media screen and (max-width: 575.98px){
#blog-listing #top-header { height: 240px; }
#blog-listing #top-header .title { padding-top: 50px; }
}

/* inner blog */
#inner-blog-wrapper { padding-bottom: 120px; }

#inner-blog-wrapper .cover-image { max-width: 1400px; margin-bottom: 52px; }

#inner-blog-wrapper .content-wrapper { max-width: 756px; }
#inner-blog-wrapper .content-wrapper .name { font-size: 35px; font-weight: 400; color: #444343; margin-bottom: 15px; }
#inner-blog-wrapper .content-wrapper .date-wrapper { color: #8c9599; font-size: 14px; margin-bottom: 72px; }
#inner-blog-wrapper .content-wrapper .date-wrapper .icon { padding-right: 10px; }
#inner-blog-wrapper .content-wrapper .content { color: #394f59; margin-bottom: 100px; font-size: 17.5px; line-height: 35px; font-weight: 300; }
#inner-blog-wrapper .content-wrapper .content img { max-width: 100%; height: auto; }
#inner-blog-wrapper .content-wrapper .back-btn { display: block;  font-size: 15.5px; color: #e3b799; letter-spacing: 1px; text-decoration: none; }
#inner-blog-wrapper .content-wrapper .back-btn:hover:before { content: ""; width: calc(100% - 30px); height: 1px; display: block; position: absolute; bottom: -5px; left: 15px; background: #e3b799; }

@media screen and (max-width: 575.98px){
#inner-blog-wrapper .content-wrapper { padding: 0 25px; }
}

/******
PRIVACY POLICY
*******/
.privacy-policy-page .page-title { text-transform: uppercase; font-size: 25px; color: #fff; font-weight: 100; text-align: center; letter-spacing: 4px; }
.privacy-policy-page #privacy-policy-content > .container { max-width: 655px; width: 100%; }

/******
FOOTER
*******/
#footer {}
#footer .container {max-width: 1040px}

/* footer top */
.footer-top { background: #2c2f33; padding: 90px 0; }

.footer-top .form-wrapper { position: relative; padding: 25px 76px 0 124px; }
.footer-top .form-wrapper::before { content: ""; position: absolute; top: 0; right: 0; display: block; height: 100%; width: 1px; background: rgba(288,183,153,0.1); }
.footer-top .form-wrapper .title { font-size: 18px; font-weight: 100; color: #e4b799; margin-bottom: 50px; letter-spacing: 2px; padding: 0 7px; }
.footer-top .form-wrapper .footer-contact-form { max-width: 318px; }
.footer-top .form-wrapper .footer-contact-form .btn { border: 1px solid #ad8e7b; width: 100%; color: #e4b799; background-color: transparent; font-size: 13px; height: 36px; letter-spacing: 2px; }
.footer-top .form-wrapper .footer-contact-form .btn:hover { color: #fff; background-color: #ad8e7b; }
.footer-top .form-wrapper .footer-contact-form .btn[data-active="false"] .label { display: block; }
.footer-top .form-wrapper .footer-contact-form .btn[data-active="false"] .loader { display: none; }
.footer-top .form-wrapper .footer-contact-form .btn[data-active="true"] .label { display: none; }
.footer-top .form-wrapper .footer-contact-form .btn[data-active="true"] .loader { display: block; }

.footer-top .address-wrapper { position: relative; padding: 45px 45px 0 63px; }
.footer-top .address-wrapper::before { content: ""; position: absolute; top: 0; right: 0; display: block; height: 100%; width: 1px; background: rgba(288,183,153,0.1); }
.footer-top .address-wrapper .single-address { font-size: 13px; line-height: 20px; margin-bottom: 48px; letter-spacing: 1px; font-weight: 100; }
.footer-top .address-wrapper .single-address .city { color: #e4b799; font-weight: 400; text-transform: uppercase; margin-bottom: 25px; }
.footer-top .address-wrapper .single-address .address { color: #f1eeee; margin-bottom: 25px; }
.footer-top .address-wrapper .single-address .phone { }
.footer-top .address-wrapper .single-address .phone ul { padding: 0; margin: 0; list-style: none; }
.footer-top .address-wrapper .single-address .phone ul li { color: #f1eeee; }
.footer-top .address-wrapper .single-address .phone ul li a { color: #f1eeee; text-decoration: none; }
.footer-top .address-wrapper .single-address .phone ul li a:hover { color: var(--primary-color); }

.footer-top .footer-menu-wrapper { width: 218px; padding: 45px 15px 0 34px; }
.footer-top .footer-menu-wrapper .menu-wrapper { font-size: 13px; line-height: 20px; margin-bottom: 82px; letter-spacing: 1px; }
.footer-top .footer-menu-wrapper .menu-wrapper ul { padding: 0; margin: 0; list-style: none; }
.footer-top .footer-menu-wrapper .menu-wrapper ul li { color: #f1eeee; line-height: 24px; }
.footer-top .footer-menu-wrapper .menu-wrapper ul li a { color: #f1eeee; text-decoration: none; }
.footer-top .footer-menu-wrapper .menu-wrapper ul li a:hover { color: var(--primary-color); }
.footer-top .footer-menu-wrapper .social-icons-wrapper { font-size: 16px; line-height: 20px; margin-bottom: 48px; }
.footer-top .footer-menu-wrapper .social-icons-wrapper ul { padding: 0; margin: 0; list-style: none; }
.footer-top .footer-menu-wrapper .social-icons-wrapper ul li { margin-bottom: 11px; width: 24px; text-align: center; }
.footer-top .footer-menu-wrapper .social-icons-wrapper ul li a { text-decoration: none; }
.footer-top .footer-menu-wrapper .social-icons-wrapper ul li a svg { fill: #e4b799; height: 16px; }
.footer-top .footer-menu-wrapper .social-icons-wrapper ul li a svg:hover { fill: #fff; }

@media screen and (max-width: 991.98px){
.footer-top .form-wrapper { padding: 25px 15px 0 15px; }
.footer-top .address-wrapper { padding: 45px 15px 0 15px; }
}
@media screen and (max-width: 767.98px){    
.footer-top .address-wrapper::before { display: none; }
}
@media screen and (max-width: 575.98px){
.footer-top { padding: 60px 0 60px; }
.footer-top .form-wrapper::before { display: none; }
.footer-top .form-wrapper .footer-contact-form { max-width: 100%; margin-bottom: 100px; }
.footer-top .address-wrapper::before { display: block; }
.footer-top .address-wrapper { padding: 35px 15px 0 34px; }
.footer-top .footer-menu-wrapper { padding: 35px 15px 0 39px; }
}


/* footer bottom */
.footer-bottom { background: #222427; padding: 78px 0 30px; }

.footer-bottom .logo-emblem { width: 35px; margin-bottom: 20px; }
.footer-bottom .logo { width: 211px; margin-bottom: 53px; }
.footer-bottom .copyright { color: rgba(255,255,255,0.5); font-size: 12px; font-weight: 100; }
.footer-bottom .copyright a { color: rgba(255,255,255,0.5); font-size: 12px; font-weight: 100; }