/*
Designer: Xatai
Site: Perfect.az
Facebook: https://fb.com/xetai.isayev
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
html{height:100%;min-height:100%;}
body{min-height:100%; min-width:320px;}
html,html a{-webkit-font-smoothing:antialiased}
body,select,input,textarea,button{font:normal 14px/1.5 'Albert Sans', Arial, Helvetica, sans-serif; color:#000;outline:none}
a{outline:none;color:#000;text-decoration:none}
a img{border:0 none}
h1,h2,h3,h4,h5 {line-height:normal;font-weight:400;text-rendering:optimizeLegibility}
h1{font-size:23px}
h2{font-size:21px}
h3{font-size:20px}
h4{font-size:18px}
h5{font-size:16px}
strong,b{font-weight:700}
* {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.tr, .nav-menu ul li a, .login-button a, .xt-input .xt-input-a input, .xt-textarea .xt-textarea-a textarea, .xt-button button, .a-button a, .cf-button button, .f-menu ul li a {-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}

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

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


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

@font-face {
    font-family: 'Albert Sans';
    src: url('../fonts/subset-AlbertSans-Medium.eot');
    src: url('../fonts/subset-AlbertSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-AlbertSans-Medium.woff2') format('woff2'),
        url('../fonts/subset-AlbertSans-Medium.woff') format('woff'),
        url('../fonts/subset-AlbertSans-Medium.ttf') format('truetype'),
        url('../fonts/subset-AlbertSans-Medium.svg#AlbertSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

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

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

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

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


/* Structure */
.x-site {position:relative; overflow:hidden;}
.centered {max-width:1280px; margin:0 auto; padding: 0 20px;}
.centered-x {max-width:1100px; margin:0 auto; padding: 0 20px;}
.centered:after, .header-wrap:after, .header-right:after, .mt-body:after, .f-projects-list:after, .contact-us:after, .project-view:after {display:block; content:""; clear:both;}
.a-title .a1-t {display:inline-block; vertical-align: top; font-family: 'Sallim', Arial, Tahoma, sans-serif; font-size:64px; line-height: 76px; background: var(--Linear, linear-gradient(64deg, #EEC65F 0.45%, #A76F2A 18.84%, #E2B755 26.83%, #F9C885 37.23%, #E2B755 46.82%, #8F5D21 60.41%, #E2B755 80.4%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-right: 20px;}
.a-title .a2-t {display:inline-block; vertical-align: top; font-size:48px; font-weight: 300; line-height: 76px}
.a-desc {max-width:692px; font-size:14px; line-height: 17px;}
.a-button a {display:inline-block; vertical-align: top; border: 1px solid #A76F2A; border-radius: 2px; font-size:20px; line-height: 24px; padding: 14px 28px; color: #A76F2A;}
.a-button a:hover {background-color: #A76F2A !important; color: #fff;}

/* Header */
.header {position:absolute; top:0; left:0; width:100%;}
.header .header-wrap {padding: 38px 0;}
.header .header-wrap .logo {float:left;}
.header .header-wrap .logo a, .header .header-wrap .logo img {display:block;}
.header .header-wrap .header-right {float:right; padding: 10px 0 10px 20px;}
.nav-menu {float:left;}
.nav-menu ul li {float:left; margin-right: 40px;}
.nav-menu ul li a {display:block; font-family: 'Noto Sans', Arial, Tahoma, sans-serif; color: #fff; font-weight: 600; font-size:20px; line-height: 28px; padding: 5px 0;}
.nav-menu ul li a.active, .nav-menu ul li a:hover {color:#A57943}
.login-button {float:left;}
.login-button a {display:block; border: 1px solid #816E45; font-size:14px; line-height: 20px; color: #816E45; padding: 8px 26px;}
.login-button a:hover {background-color: #816E45; color: #fff;}
.mobile-menu {display:none; float:left; width: 38px; height: 38px; background-image: url(../images/menu.svg); cursor:pointer; background-size:cover; margin-left: 20px;}
.no-home.header {position:relative; background-color: #000;}
.no-home.header .header-wrap {padding: 24px 0;}
.mobile-open {overflow: hidden;}
.mobile-close {display:none; width: 38px; height: 38px; cursor:pointer; background-size:cover; background-image: url(../images/close.svg); position:absolute; top:48px; right: 20px;}

/* Main top */
.main-top {height: 1136px; background-image: url(../images/p/main-top.jpg);  background-position: top right; background-repeat: no-repeat; background-color: #000;}
.main-top .main-top-slogan {padding: 250px 0 244px}
.main-top-slogan .mt-title {font-family: 'Sallim', Arial, Tahoma, sans-serif; background: var(--Linear, linear-gradient(64deg, #EEC65F 0.45%, #A76F2A 18.84%, #E2B755 26.83%, #F9C885 37.23%, #E2B755 46.82%, #8F5D21 60.41%, #E2B755 80.4%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size:64px; line-height: 77px; text-align:center; margin-bottom:12px;}
.mt-list {text-align:center;}
.mt-list ul {display:inline-block; vertical-align: top;}
.mt-list ul li {float:left; padding-right: 43px; margin-right: 32px; position:relative; color: #fff; font-size:24px; line-height: 28px;}
.mt-list ul li:after {content: ""; width: 11px; height: 11px; background-size: cover; background-image: url(../images/rect.svg); position:absolute; top:0; bottom:0; margin: auto; right:0;}
.mt-list ul li:last-child {padding-right:0; margin-right:0;}
.mt-list ul li:last-child:after {content: none;}
.main-top-form {box-shadow: 0px 0px 24.7px 7px rgba(0, 0, 0, 0.10); background-color: #fff; border-radius:10px;}
.main-top-form .mt-head {border-radius:10px;  background-image: url(../images/mt-back.svg); background-size:cover; font-weight: 100; text-align:center; font-size:32px; line-height: 38px; color: #fff; background-color: #000; padding: 19px 20px;}
.main-top-form .mt-body {padding: 22px 60px 38px;}
.mt-body .mt-col-a {float:left; width:40%; padding-right: 54px;}
.mt-body .mt-col-b {float:left; width:38%; padding-right: 54px;}
.mt-body .mt-col-c {float:right; width:22%;}
.xt-input, .xt-textarea {font-size: 20px; line-height: 24px; margin-bottom:12px;}
.xt-input label, .xt-textarea label {display:block; margin-bottom:5px;}
.xt-input .xt-input-a input, .xt-textarea .xt-textarea-a textarea {width:100%;display:block; border-radius:3px; border: 1px solid #D8D8D8; background-color: #F6F6F6; padding: 5px 12px; font-size: 16px; line-height: 22px;}
.xt-textarea .xt-textarea-a textarea {resize: none; height: 132px;}
.xt-input .xt-input-a input:focus, .xt-textarea .xt-textarea-a textarea:focus {border-color: #a76f2a8f}
.xt-warning {color: #A76F2A; font-weight: 500; font-size:12px; line-height: 15px;}
.xt-button {padding-top: 5px;}
.xt-button button {display:block; width:108px; font-size: 10px; line-height: 12px; border: 1px solid #A76F2A; background: #9D6827; color: #fff; text-align:center; border:0; border-radius: 2px; padding: 10px 20px; cursor:pointer;}
.xt-button button:hover {background-color:#6a4517; border-color: #6a4517}
.checkbox-list .ckl {font-size: 20px; line-height: 24px; margin-bottom:18px; display:block;}
.ck-list .ck-item {margin-bottom:22px;}
.ck-list .ck-item input {display:none;}
.ck-list .ck-item label {display:inline-block; vertical-align: top; position:relative; color: #777777; font-size:20px; line-height: 24px; font-weight: 500; cursor:pointer; padding-left:31px; user-select: none;}
.ck-list .ck-item label:before {content: ""; position:absolute; left:0; top:0; bottom:0; margin: auto; border-radius:3px; width:11px; height: 11px; background-color: #D9D9D9}
.ck-list .ck-item input:checked + label {color:#A76F2A;}
.ck-list .ck-item input:checked + label:before {background-color: #A76F2A;}
.ck-select {margin-top: -8px; color: #A76F2A; font-size:12px; line-height: 15px; cursor:pointer; font-weight:500; user-select: none;}

/* Featured projects */
.featured-projects {padding: 78px 0 160px; position: relative;}
.featured-projects .featured-projects-wrap {position: relative; z-index:10}
.f-projects-list {max-width: 756px; width: 756px;margin: 66px 0 0;}
.f-projects-list .f-project-item {padding: 0 0 36px;}
.f-project-item a {display:block;}
.f-project-item .f-project-image {border-radius: 12px; overflow:hidden; position:relative;}
.f-project-image img {display:block; width:100%;}
.f-project-item .f-project-image .f-badge {border-radius: 0px 10px 10px 0px; border: 1px solid #A76F2A; z-index:1000; background: rgba(167, 111, 42, 0.80); color: #fff; font-size:14px; line-height: 17px; padding: 1px 12px 0; position:absolute; top: 20px; left:0; font-weight: 300}
.f-project-item .f-project-info {padding-top: 15px;}
.f-project-info .fp-top {display:flex; border-bottom: 1px solid #A76F2A; font-size: 24px; line-height: 28px; }
.fp-top .f-project-title {overflow:hidden;}
.fp-top .f-project-title .fp-a {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight:300; position:relative; padding-left: 23px; font-size: 24px; line-height: 28px;}
.fp-top .f-project-title .fp-a:before {content: ""; position:absolute; top:3px; left:0; width: 17px; height: 19px; background-image: url(../images/loc.svg)}
.fp-top .f-project-price {position:relative; padding-left: 8px; margin-left: auto; white-space: nowrap; font-size:20px;}
.fp-bottom {padding-top: 6px; display:flex; justify-content: space-between; align-items: flex-end;}
.fp-bottom .fp-bottom-left {display:flex; flex-wrap: wrap;}
.fp-bottom-left .f-rt {font-size:14px; line-height: 18px; display:flex;}
.fp-bottom-left .f-rt.f-full {flex-basis: 100%;}
.fp-bottom-left .f-rt img {margin-right: 5px; display:block; align-self: flex-start;}
.fp-bottom-left .f-rt:last-child {margin-left: 42px;}
.f-type {font-size:14px; line-height: 18px; font-weight: 300; display:flex; line-height:1; align-items: flex-end; margin-bottom:3px;}
.f-type img {display:block; margin-left:6px;}
.project-slider.owl-carousel .owl-dots {position:absolute; display:flex; bottom: 12px; justify-content: center; width:100%;}
.project-slider.owl-carousel .owl-dots button.owl-dot {height: 4px; background-color: #D9D9D9; margin: 0 6px; width:56px; cursor:pointer;}
.project-slider.owl-carousel .owl-dots button.owl-dot.active {background-color:#A76F2A}
.x-map {position:absolute; top:120px; right:0px;}
.x-map img {display:block; width:1819px; height:2250px; object-fit:cover}
.x-navs {padding-top: 30px; max-width: 756px;position:relative; z-index:10}
.x-nav-a .owl-prev, .x-nav-a .owl-next {position:absolute; width:17px; height: 28px; cursor:pointer;}
.x-nav-a .owl-prev {background-image: url(../images/a-prev2.svg); left:0;}
.x-nav-a .owl-next {background-image: url(../images/a-next2.svg); right:0; }
.x-nav-a .owl-prev:hover, .x-nav-a .owl-next:hover {background-position: 0 100%;}
.x-nav-a {position:absolute; left:0; right:0;}
.x-dots-a {display:flex; padding: 12px;}
.x-dots-a .owl-dot {height: 4px; flex:1; border:0; padding:0; margin:0; outline:0; background-color: #D9D9D9; cursor:pointer;}
.x-dots-a .owl-dot.active {background-color: #A76F2A}
.s-pin {position:absolute; top: 10px; right: 10px; width: 25px; height: 29px; background-position: 0 0; background-image: url(../images/s-pin.svg); z-index:20;}
.pin-group {transform-box: fill-box; transform-origin: center bottom; transition:  all 0.3s ease;}
.pin-group.active {transform: scale(1.3)}
.active-p.s-pin {background-position: 0 100%;}

/* Owl carousel */
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
/* .owl-carousel .owl-item img{display:block;width:100%} */
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot{color:inherit;border:none;font:inherit; padding: 0; background-color: transparent;}
.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.no-js .owl-carousel{display:block}
.owl-height {transition:height 500ms ease-in-out}

/* Explore services */
.explore-services {background-color: #000; position:relative; z-index:10; padding-bottom:80px;}
.explore-services .explore-services-wrap {border: 1px solid #A76F2A; background: radial-gradient(74.1% 66.67% at 0% 100%, rgba(203, 149, 82, 0.42) 0%, rgba(0, 0, 0, 0.00) 100%); border-radius: 12px; display:flex; justify-content: space-between; overflow:hidden; position:relative; top: -50px;}
.explore-services .explore-services-wrap:before {content: ""; position:absolute; top:0; left:0; width:100%; height: 100%; background: rgba(0, 0, 0, 0.80);backdrop-filter: blur(5px); z-index:-1}
.explore-services-wrap .es-left {padding: 52px 86px 52px 112px; flex:1}
.es-left-a {border-bottom: 1px solid #EEC65F;}
.es-left-a .es-left-t {font-size:48px; font-weight: 100; line-height: 58px; color: #fff;}
.es-left-a .es-left-n {font-size:64px; line-height: 64px; color: #fff; padding: 0 4px; background: var(--Linear, linear-gradient(64deg, #EEC65F 0.45%, #A76F2A 18.84%, #E2B755 26.83%, #F9C885 37.23%, #E2B755 46.82%, #8F5D21 60.41%, #E2B755 80.4%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'Sallim', Arial, Tahoma, sans-serif; margin-top:-12px;}
.es-left .es-desc {padding: 40px 0; color: #fff; font-size: 14px; line-height: 17px; max-width: 630px;}
.es-image img {display:block; height: 100%; object-fit: cover;}

/* Exclusive offers */
.exlusive-offers {background-color: #000; position:relative; z-index:10; padding-bottom:100px;}
.ex-head {text-align:center; margin-bottom:70px; padding: 0 12px;}
.ex-head .ex-a {font-size:64px; line-height: 77px; font-family: 'Sallim', Arial, Tahoma, sans-serif; background: var(--Linear, linear-gradient(64deg, #EEC65F 0.45%, #A76F2A 18.84%, #E2B755 26.83%, #F9C885 37.23%, #E2B755 46.82%, #8F5D21 60.41%, #E2B755 80.4%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display:inline-block; vertical-align: middle;}
.ex-head .ex-b {color: #fff; font-size:48px; line-height: 58px; font-weight: 300; display:inline-block; vertical-align: middle;}
.ex-head .ex-desc {font-size:14px; line-height: 17px; color: #fff; max-width: 680px; margin:0 auto}
.project-slider-b img {display:block; width:100%;}
.offers-carousel.owl-carousel {overflow: hidden;}
.offers-carousel.owl-carousel .owl-stage-outer {overflow:visible;}
.offers-carousel.owl-carousel {padding: 0 10%;}
.offers-carousel .f-project-item .f-project-info {color: #fff;}
.offers-carousel .fp-top .f-project-title .fp-a {font-weight: 100}
.offers-carousel .fp-bottom-left .f-rt {font-weight: 300}
.c-navs {padding-top: 70px; max-width: 1300px; margin: 0 auto; position:relative;}
.c-nav-a .owl-prev, .c-nav-a .owl-next {position:absolute; width:26px; height: 46px; cursor:pointer;}
.c-nav-a .owl-prev {background-image: url(../images/a-prev.svg); left:0;}
.c-nav-a .owl-next {background-image: url(../images/a-next.svg); right:0; }
.c-nav-a .owl-prev:hover, .c-nav-a .owl-next:hover {background-position: 0 100%;}
.c-nav-a {position:absolute; left:0; right:0;}
.c-dots-a {display:flex; padding: 21px;}
.c-dots-a .owl-dot {height: 4px; flex:1; border:0; padding:0; margin:0; outline:0; background-color: #D9D9D9; cursor:pointer;}
.c-dots-a .owl-dot.active {background-color: #A76F2A}

/* Our team */
.our-team {background-color: #000; padding-top: 100px; padding-bottom:150px; overflow:hidden; position:relative;}
.our-team .our-team-head {height: 136px;}
.our-team-head .ot-back {position:absolute; margin-left: -330px; margin-top: -206px;}
.our-team-head .ot-back img {display:block;}
.our-team-t {padding-left: 180px; position: relative; height: 100%; display: flex ; align-items: center;}
.our-team-t .ot-title {color: #fff; font-size:48px; line-height: 58px;}
.our-team-t .ot-desc {color: #fff; font-size:20px; line-height: 24px; padding-left: 20px; max-width: 810px; margin-left: auto;}
.our-team-list {overflow:hidden; margin: 0 -16px; padding-top: 50px; position:relative;}
.our-team-list .team-item {float:left; width:25%; padding: 0 16px;}
.team-item .team-item-a {border-radius: 12px; overflow:hidden; background: radial-gradient(74.1% 66.67% at 0% 100%, rgba(203, 149, 82, 0.42) 0%, rgba(0, 0, 0, 0.00) 100%); border: 1px solid #A76F2A; position:relative;}
.team-item-a .team-image {background-color: #000;}
.team-item-a .team-image img {width:100%; display:block;}
.team-info {position:absolute; bottom: 0; padding: 20px 38px; width:100%; left:0;}
.team-info .t-name {color: #fff; font-weight: 100; font-size: 36px; line-height: 42px;}
.team-info .t-pos {color: #A76F2A; font-size: 20px; line-height: 24px;}

/* News */
.news {padding: 60px 0;}
.n-title {text-align:center; font-size:48px; font-weight: 300; line-height: 57px; margin-bottom:40px;}
.news-list {overflow:hidden;}
.news-list .news-left {width:61%; float:left;}
.news-left .news-left-wrap {margin-right: 30px; padding-bottom:30px; border-bottom: 1px solid #A76F2A}
.news-item a {display:block;}
.news-item .news-image {border-radius: 12px; overflow:hidden; margin-bottom:10px; }
.news-item .news-image img {width:100%; display:block;}
.news-left .news-item .news-image {margin-bottom:12px;}
.news-info .news-info-head {display:flex; justify-content: space-between; font-size: 14px; line-height: 17px; font-weight: bold;}
.news-left .news-info .news-info-head {margin-bottom:10px;}
.news-info-head .news-date {color: #A76F2A} 
.news-info-head .news-views {color: #757575}
.news-title {font-weight: 500; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; overflow:hidden; font-size:24px; line-height: 29px; margin-bottom:3px;}
.news-left .news-title {font-size: 36px; line-height: 44px; height: 88px; margin-bottom:12px;}
.news-desc {font-size: 14px; line-height: 17px; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; overflow:hidden; -webkit-line-clamp: 2; height: 34px}
.news-left .news-desc {-webkit-line-clamp: 5; height: 85px}
.news-left .a-button {margin-top:21px;}
.news-list .news-right {float:left; width: 39%;}
.news-right .news-item {margin-bottom:20px;}
.news-right .a-button a {padding: 14px 46px;}

/* Blog */
.blog {padding-bottom: 96px}
.b-head {text-align:center; padding: 0 20px;}
.b-head .b-title {font-size:48px; line-height: 58px; margin-bottom: 16px; font-weight: 300;}
.b-head .b-desc {font-size:14px; line-height: 17px; max-width: 680px; margin: 0 auto;}
.blog-carousel {margin-top:50px;}
.blog-carousel .news-desc {-webkit-line-clamp: 3; height: 51px}
.b-button {text-align:center; margin-top: 40px;}

/* About */
.about {background-color:#EBEBEB; padding: 105px 0;}
.about:after {content: "";position:absolute; background-image: url(../images/l-back.svg); height: 1468px; margin-top: -528px; background-repeat: no-repeat; background-position: top center; background-size: cover; width: 100%;}
.about .about-wrap {overflow:hidden; position: relative; z-index: 10;}
.about-wrap .ab-image {float:left; padding-right: 132px;}
.ab-image img {display:block;}
.about-wrap .ab-right {overflow:hidden;}
.ab-text {}
.ab-text h2 {font-size:26px; line-height: 32px;font-weight: 600;}
.ab-text p {font-size:24px; line-height: 29px;}
.ab-text h2, .ab-text p {margin-bottom: 26px;}
.ab-text li {font-size:24px; line-height: 30px;}
.ab-right .a-button a {background: rgba(255, 255, 255, 0.76); padding: 14px 70px; margin-top: 24px;}
.about-video {padding-top: 56%; position:relative;}
.about-video iframe {width:100%; position:absolute; top:0; left:0; width:100%; height: 100%; display:block;}

/* Contact us */
.contact-us {background-color:#EBEBEB; padding-top: 124px; padding-bottom: 70px; background-image: url(../images/cf-bottom.png); background-position: bottom; background-repeat: no-repeat; background-size:cover;}
.contact-us.p-in {background-color: #fff}
.x-main .contact-us.p-in {background-color: #EBEBEB}
.contact-us .contact-us-wrap {position:relative;}
.contact-us-wrap .c-left {float:left; width: 640px; padding-right: 220px; padding-top: 50px;}
.c-list {margin-top: 72px; border-top: 1px solid #A76F2A; padding-top: 50px;}
.c-list ul li {margin-bottom:22px; font-size: 24px; font-weight: 300; line-height: 28px; position:relative; padding-left: 56px;}
.c-list ul li img {display:block; position:absolute; top: 3px; left:0;}
.c-list ul li:last-child img {top: 4px;}
.c-map {padding-top: 20px;}
.c-map iframe {width: 100%; height: 280px; border-radius: 8px; overflow:hidden;}
.c-right {overflow:hidden; border-radius: 12px;
border: 1px solid #A76F2A; background-color: rgba(0,0,0, 0.9);}
.contact-us-form { padding: 68px 68px 276px 68px; background: radial-gradient(74.1% 66.67% at 0% 100%, rgba(203, 149, 82, 0.42) 0%, rgba(0, 0, 0, 0.00) 100%); position:relative;}
.contact-us-form:after {content: ""; position: absolute; top: 360px; background-image: url(../images/l-back.svg); width: 1915px; height: 1468px; background-repeat: no-repeat; left: -874px;}
.contact-us-form form {position:relative; z-index:10}
.cf-title {font-size: 36px; font-weight: 300; line-height: 42px; background: var(--Linear, linear-gradient(64deg, #EEC65F 0.45%, #A76F2A 18.84%, #E2B755 26.83%, #F9C885 37.23%, #E2B755 46.82%, #8F5D21 60.41%, #E2B755 80.4%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 40px;}
.cf-input {margin-bottom:34px;}
.cf-input input, .cf-input textarea {display:block; width: 100%; color: #fff; font-family: "Albert Sans", Arial, Tahoma, sans-serif; font-size: 20px; line-height: 24px; background: transparent; border:0; border-bottom: 1px solid #A76F2A; padding: 10px 0;}
.cf-input input::placeholder, .cf-input textarea::placeholder {font-weight: 100; color: #fff;}
.cf-input input:-ms-input-placeholder, .cf-input textarea:-ms-input-placeholder {font-weight: 100; color: #fff;}
.cf-input input::-ms-input-placeholder, .cf-input textarea::-ms-input-placeholder {font-weight: 100; color: #fff;}
.cf-input textarea {height: 110px;}
.cf-input .iti__country-container {border-right: 0;}
.cf-input .iti .iti__selected-dial-code {color: #fff;}
.cf-input .iti__country-container {font-size: 20px; line-height: 24px;}
.cf-input .iti__arrow {border-top-color: #A76F2A}
.cf-button button {display:block; border: 1px solid #A76F2A; border-radius: 2px; font-size:14px; line-height: 18px; padding: 18px 28px; color: #A76F2A; background: transparent; margin:0; width: 100%; text-align:center; cursor:pointer;}
.cf-button button:hover {background-color: #A76F2A !important;  color: #fff;}
.cf-input .error {font-size: 13px; line-height: 16px; color: #A76F2A; margin-top: 5px; display: block; }
#formResult, #form2Result {display:none; font-size: 20px; line-height: 30px; font-weight: 600; color: #A76F2A; border: 1px solid #A76F2A; padding: 15px;}
.c-right #formResult {margin-top: 30px;}

/* Footer */
.footer {background-color: #000; padding: 80px 0 164px; position:relative; overflow:hidden;}
.footer:after {content: ""; position: absolute; bottom: 0; background-image: url(../images/f-back.svg); width: 100%; height: 483px; background-repeat: no-repeat; left: 0; background-position:  20% 100%; background-size:cover;}
.footer .footer-wrap {display:flex; justify-content: space-between;}
.f-logo {margin-bottom:50px;}
.f-logo img {display:block;}
.f-text {color: #fff; font-size: 20px; line-height: 27px; max-width: 420px;}
.footer-wrap .f-right {display: flex ; width: 420px; justify-content: space-between; padding-left: 30px; position:relative; z-index:10;}
.f-menu ul li {margin-bottom: 24px;}
.f-menu ul li a {display:inline-block; vertical-align:top; color: #fff; font-size: 16px; line-height: 22px;}
.f-menu ul li a:hover {color: #A76F2A}

/* Project view */
.project-view {margin: 60px 0; position:relative;}
.project-view:before {content: ""; position: absolute; background-image: url(../images/l-back.svg); width: 100%; height: 1468px; background-repeat: no-repeat; z-index: -1; background-size: cover; top: 26%; background-position: center;}
.project-view-wrap {position:relative;}
.project-view-wrap .project-view-left {padding-right: 400px;}
.project-view-slider .owl-stage-outer {border-radius: 12px; overflow:hidden;}
.project-sl-item img {width:100%; display:block;}
.project-view-slider.owl-carousel .owl-dots {display:flex; justify-content: center; margin-top: 25px;}
.project-view-slider.owl-carousel .owl-dots .owl-dot {width:22px; height: 6px; background-color: #484848; margin: 0 7px;}
.project-view-slider.owl-carousel .owl-dots .owl-dot.active {background-color: #A76F2A}
.pv-i {margin-top: 14px; display:flex; justify-content: space-between; padding-bottom:20px; border-bottom: 1px solid #EEC65F; align-items: flex-end;}
.pv-i .pr-type {font-size: 24px; line-height: 32px; display:flex;}
.pv-i .pr-type:before {content: ""; display:block; background-image: url(../images/pr-type.svg); margin-right: 18px; min-width:24px; height: 25px;}
.pv-i .pr-b {font-size:24px; line-height: 32px; font-weight: 300; display:flex; align-items: flex-end;}
.pv-i .pr-b:after {content: ""; display:block; width: 58px; height: 57px; background-image: url(../images/pr-b.svg);}
.pv-title {margin-top: 22px; font-weight: 600; margin-bottom: 26px; font-size: 48px; line-height: 58px; text-transform: uppercase;}
.pv-z-wrap {margin-bottom: 30px;}
.pv-z {font-size: 36px; line-height: 44px;}
.pv-z span {font-weight: 600;}
.pv-sa {display:flex;}
.pv-sa .pv-sa-a {display:flex; font-size: 24px; line-height: 28px; margin-bottom:18px; margin-right: 28px; align-items: center; max-width:50%;}
.pv-sa .pv-sa-a img {display:block; margin-right: 18px;}
.p-steps {display:flex; margin-bottom: 85px; flex-wrap: wrap}
.p-steps .p-step-item {flex:auto;position:relative; margin-top: 52px; position:relative; padding-right: 14px; font-size:24px; line-height: 29px;}
.p-steps .p-step-item i {display:block; width:34px; height: 34px; background-image: url(../images/step.svg); margin-bottom: 10px;}
.p-steps .p-step-item.finished:before {content: ""; display:block; position:absolute; top: 16px; left: 49px; right:14px; height: 2px; background-color:#A76F2A;}
.p-month {font-weight: 600}
.p-steps .p-step-item.finished i {background-image: url(../images/step-f.svg)}
.p-steps .p-step-item.current:after {content: ""; position:absolute; top:-1px; right:14px;display:block; width:20px; height: 36px; background-image: url(../images/step-r.svg);}
.p-steps .p-step-item.current:before {right: 34px}
.p-about-project {margin-bottom:50px;}
.p-about-project .pa-title {font-size: 36px; font-weight: 600; line-height: 43px; display:flex; margin-bottom:50px;}
.p-about-project .pa-title:after {content: ""; height: 2px; background-color: #A76F2A; display: block; flex: 1; margin-left: 24px; align-self: flex-end; margin-bottom: 10px;}
.pv-text {font-size: 24px; line-height: 29px;}
.pv-text b {font-weight: 600;}
.pv-text p {margin-bottom:18px;}
.pm-title {font-size: 36px; line-height: 44px; margin-bottom:15px; font-weight: 600}
.p-map iframe {width: 100%; height: 385px;}
.p-extra-info {margin-top: 66px; font-size:24px; line-height: 29px;}
.y-title {font-weight: 600; font-size:36px; line-height: 44px; margin-bottom: 15px;}
.p-list {display:flex;}
.p-list .p-list-col {flex:1; font-weight: 600; padding-right: 20px;}
.p-list-col ul li, .v-list ul li {padding-left: 26px; position: relative;}
.p-list-col ul li:before, .v-list ul li:before {content: ""; width:6px; height: 6px; background-color: #000; display:block; border-radius: 50%; position:absolute; top: 12px; left:0;}
.pt-10 {padding-top: 10px;}
.pt-60 {padding-top: 60px;}
.v-items {margin-bottom: 42px;}
.v-title {font-size:24px; line-height: 29px; margin-bottom:18px; font-weight: 600;}
.v-list ul li {display:flex; justify-content: space-between;}
.vl-right {padding-left: 15px; white-space: nowrap;}
.ar-item {font-weight: 600; font-size: 24px; display:flex; line-height: 29px; justify-content: space-between; margin-bottom:16px;}
.ar-item .ar-right {padding-left: 15px; white-space: nowrap}
.w-bord {border-radius: 10px; overflow:hidden;}
.project-view-right {position:absolute; width: 376px; top:0; right:0; bottom:0;}
.project-view-right .c-right {width: 376px;}
.project-view-right .contact-us-form {padding: 40px;}
.project-view-right .contact-us-form .cf-title {font-size: 24px; line-height: 29px; margin-bottom:5px;}
.project-view-right .cf-button {margin-top:-9px;}
.project-view-right .cf-button button {padding: 12px 20px;}
.project-map {position:relative;}
.project-mi img {width:100%; display:block;}

/* More projects */
.more-projects {background-color: #000;  padding: 40px 0 100px;}
.m-title {font-size: 48px; line-height: 58px; margin-bottom: 52px; font-weight: 300; color: #fff; text-align:center;}
.m-project-list {margin: 0 -14px;}
.m-project-list .f-project-item {float:left; width: 33.33333333333%; padding: 0 14px;}
.m-project-list .f-project-item .f-project-info {color: #fff;}
.m-project-list .fp-top .f-project-title .fp-a {font-weight: 100}
.m-project-list .fp-bottom-left .f-rt {font-weight: 300}

/* Faq page */
.faq-head {max-height: 680px; background-image: url(../images/p/faq-bg.jpg); background-size:cover; min-height: 420px; background-position: center;}
.faq-head:before {content: ""; display:block; padding-top: 35%}
.faq-wrap {margin-top: -242px; padding-bottom: 100px;}
.faq-title {font-size: 48px; line-height: 56px; background: var(--Linear, linear-gradient(64deg, #EEC65F 0.45%, #A76F2A 18.84%, #E2B755 26.83%, #F9C885 37.23%, #E2B755 46.82%, #8F5D21 60.41%, #E2B755 80.4%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom:76px;}
.fq-title {font-weight: bold; margin-top: 70px; display: flex ; font-size: 24px; line-height: 29px; margin-bottom: 30px;}
.fq-wh {color: #fff;}
.fq-accordion-section {border-radius: 6px; background: #fff; box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.15); margin-bottom:24px; cursor:pointer}
.fq-accordion-section .fq-accordion-header {font-weight: bold; font-size:24px; line-height: 30px; padding: 34px 85px; position:relative;}
.fq-accordion-header:after {content: ""; position:absolute; top:0; bottom:0; margin: auto; width:29px; height: 29px; right: 42px; background-image: url(../images/plus.svg); background-repeat: no-repeat; background-position: center;}
.fq-accordion-section .fq-accordion-content {padding: 0 90px 0 42px; display:none;}
.fq-accordion-content .fq-content {font-size:16px; line-height: 26px; padding: 0 43px 78px}
.first .fq-accordion-content {display:block;}
.fq-accordion-section.active .fq-accordion-header {color: #A76F2A;}
.active .fq-accordion-header:after {background-image: url(../images/minus.svg)}
.f-hlp {margin-top: 30px; display:flex; font-size: 16px; line-height: 22px; flex-wrap:wrap;}
.f-hlp .f-lt {font-weight: bold; margin-right: 50px; white-space: nowrap}
.f-hlp .f-rt {display:flex;}
.f-hlp .f-rt span {cursor: pointer; margin-right: 40px;}
.ctt {font-weight: bold; margin-top: 70px; display:flex; font-size: 24px; line-height: 29px; flex-wrap:wrap;}
.ctt .ctt-a {margin-right: 50px; white-space: nowrap}
.ctt .ctt-b a {color: #A76F2A}
.fq-accordion-section i {font-style:italic;}
.fq-accordion-section u {text-decoration: underline;}
.fq-accordion-section th {text-align:left;}
.fq-accordion-section td, .fq-accordion-section th {padding: 5px 10px;}

/* Services page */
.services-page {}
.services-page:after {content: ""; position: absolute; background-image: url(../images/l-back.svg); width: 100%; height: 1468px; background-repeat: no-repeat; z-index: -1; background-size:cover; top: 20%; background-position: center;}
.services-head {max-height: 680px; background-image: url(../images/p/service-back.jpg); background-size: cover; min-height: 360px; background-position: center; position:relative}
.services-head:before {content: ""; display: block; padding-top: 37%;}
.sv-wrap {display: flex ; align-items: center; height: 100%; width: 100%; position:absolute; top:0; left:0;}
.sv-wrap .centered {width:100%;}
.sv-wrap .es-left-a {border-bottom:0;}
.services-wrap {padding: 58px 0; position:relative}
.services-wrap .sv-title {text-align:center; font-size: 48px; line-height: 58px; margin-bottom:16px;}
.services-wrap .sv-extra {font-size: 15px; line-height: 20px; margin-bottom: 30px;}
.services-wrap {max-width:926px; margin: 0 auto;}
.services-wrap .sv-desc {max-width: 692px; font-size: 14px; line-height: 17px; margin:0 auto 30px;}
.services-list .service-item {margin-bottom: 80px; border-radius: 12px;
border: 1px solid #A76F2A; overflow:hidden; background-color: rgba(0, 0, 0, 0.9);}
.service-item .service-item-a {background: radial-gradient(74.1% 66.67% at 0% 100%, rgba(203, 149, 82, 0.42) 0%, rgba(0, 0, 0, 0.00) 100%); padding: 20px; display:flex; align-items: center; min-height: 280px;}
.service-item .services-i {width: 30%; text-align:center;}
.service-item .services-i img {display:block; margin:0 auto 24px;}
.service-item .services-i .services-i-text {color: #fff; font-size: 48px; line-height: 58px; font-weight: 100}
.service-item .services-i .services-i-text.i-text-res {font-size:40px; line-height: 48px;}
.service-item .services-t {width: 70%; font-size: 14px; line-height: 19px; color: #fff; display:flex; justify-content: center;}
.service-item .services-t  .sc-text {max-width: 455px; font-size:14px;}
.service-item .services-t  .sc-text h2 {font-size: 20px; line-height: 26px; font-weight:bold; margin-bottom:12px;}
.service-item .services-t  .sc-text p {margin-bottom:12px;}
.service-item .services-t  .sc-text ul li {padding-left: 14px; position:relative;}
.service-item .services-t  .sc-text ul li:before {content: ""; background-image: url(../images/rect.svg); width:7px; height: 7px; background-size:cover; top: 6px; position:absolute; left:0}
.mt-12 {margin-top:12px;}
.mb-12 {margin-bottom:12px;}

/* News page */
.news-page {padding: 102px 0 150px; position:relative;}
.news-page:before {content: ""; position:absolute; z-index: -1; height: 490px; top:0; left:0; width:100%; background-color: #000;}
.news-page .news-wrap {max-width: 958px; margin: 0 auto;}
.news-wrap .news-p-item  {padding: 54px; border-radius: 17px;background: #FFF;box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.15); margin-bottom:36px;}
.news-p-title {font-size: 48px; line-height: 58px; margin-bottom:20px; font-weight: 500}
.news-p-image {overflow:hidden; margin-bottom:40px; border-radius: 12px;}
.news-p-image img {width:100%; display:block;}
.news-p-article {font-size: 24px; line-height: 29px; height: 58px; overflow:hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;  transition: all 0.3s ease;}
.news-p-article.expanded {display:block; height: auto;}
.news-size {color: #A76F2A; margin-top: 36px; font-weight: bold; font-size: 20px; line-height: 24px; cursor:pointer}

/* Blog page */
.blog-page {padding: 80px 0 100px;}
.blog-wrap {max-width: 1060px; margin: 0 auto;}
.bl-big {padding-bottom: 60px; border-bottom: 1px solid #A76F2A; margin-bottom: 50px;}
.bl-big a {overflow:hidden;}
.bl-big .news-image {float:left; width: 620px;}
.bl-big .news-info {overflow:hidden; padding-left: 26px;}
.bl-big .news-info .news-title {font-size: 36px; line-height: 44px; font-weight: 500; margin-top: 20px; height: auto; display:block}
.bl-big .news-info .news-m {margin-top: 20px; font-size: 14px; font-weight: bold; line-height: 18px; color:#A76F2A;}
.bl-list {margin: 0 -23px; overflow:hidden;}
.bl-list .news-item {width:50%; float:left; padding: 0 23px 46px;}

/* Blog view page */
.bl-view {padding-bottom: 30px; border-bottom: 1px solid #A76F2A; margin-bottom: 48px;}
.blog-view-page {padding: 70px 0 30px;}
.blog-view-wrap {max-width: 840px; margin: 0 auto;}
.bl-view.news-item .news-image {margin-bottom:24px;}
.bl-view .news-info .news-title {font-size: 36px; line-height: 44px; font-weight: 500; margin-top: 20px; height: auto; display:block; margin-bottom:20px;}
.news-v-desc {font-size: 16px; line-height: 22px;}
.blog-view-page .b-button {margin-top:0;}

/* Static page */
.static-page {padding: 80px 0;} 
.sp-title {font-size: 48px; line-height: 56px; margin-bottom:30px;}
.static-page-content {font-size:16px; line-height:24px;}
.static-page-content h2 {font-size: 30px; line-height:40px; margin-bottom:14px; font-weight: 600;}
.static-page-content ul li {padding-left: 15px;}
.static-page-content ul li:before {content: "●"; padding-right:10px;}

/* About us page */
.about-us-page {padding: 80px 0;} 
.ab-text ul li{position:relative; padding-left: 20px;}
.ab-text ul li:before { content: ""; background-image: url(../images/rect.svg); width: 10px; height: 10px; background-size: cover; top: 10px; position: absolute; left: 0; }
.about-us-page .about-video {margin-bottom:20px;}