@font-face {
    font-family: 'Chapaza';
    src: url('fonts/Chapaza.eot');
    src: url('fonts/Chapaza.eot') format('embedded-opentype'),
         url('fonts/Chapaza.woff2') format('woff2'),
         url('fonts/Chapaza.woff') format('woff'),
         url('fonts/Chapaza.ttf') format('truetype'),
         url('fonts/Chapaza.svg#Chapaza') format('svg');
}
@font-face {
    font-family: 'GothamLight';
    src: url('fonts/GothamLight.eot');
    src: url('fonts/GothamLight.eot') format('embedded-opentype'),
         url('fonts/GothamLight.woff2') format('woff2'),
         url('fonts/GothamLight.woff') format('woff'),
         url('fonts/GothamLight.ttf') format('truetype'),
         url('fonts/GothamLight.svg#GothamLight') format('svg');
}

@font-face {
    font-family: 'GothamBook';
    src: url('fonts/GothamBook.eot');
    src: url('fonts/GothamBook.eot') format('embedded-opentype'),
         url('fonts/GothamBook.woff2') format('woff2'),
         url('fonts/GothamBook.woff') format('woff'),
         url('fonts/GothamBook.ttf') format('truetype'),
         url('fonts/GothamBook.svg#GothamBook') format('svg');
}
@font-face {
    font-family: 'GothamMedium';
    src: url('fonts/GothamMedium.eot');
    src: url('fonts/GothamMedium.eot') format('embedded-opentype'),
         url('fonts/GothamMedium.woff2') format('woff2'),
         url('fonts/GothamMedium.woff') format('woff'),
         url('fonts/GothamMedium.ttf') format('truetype'),
         url('fonts/GothamMedium.svg#GothamMedium') format('svg');
}
@font-face {
    font-family: 'GothamBold';
    src: url('fonts/GothamBold.eot');
    src: url('fonts/GothamBold.eot') format('embedded-opentype'),
         url('fonts/GothamBold.woff2') format('woff2'),
         url('fonts/GothamBold.woff') format('woff'),
         url('fonts/GothamBold.ttf') format('truetype'),
         url('fonts/GothamBold.svg#GothamBold') format('svg');
}

html,body{overflow-x:hidden;}
body{font-family: 'GothamBook';font-size:20px;color:#e0c0a1;background:url(img/brown_bg.jpg);letter-spacing:2px;}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1600px;
}

img.aligncenter{display:block;margin:0 auto;}

a:focus, button:focus, .button.alt:focus{outline:none;}
a, input[type="submit"], input[type="button"], input[type="reset"], button, #indiv_submit, .btn_animated{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;cursor:pointer;text-decoration:none !important;}



@keyframes d {
  0% {
    transform: translateY(-100%); }
  to {
    transform: translateY(0); } 
}

h2,h3{color:#e0c0a1;font-family: 'Chapaza';text-transform:uppercase;letter-spacing:6px;}
strong{font-family: 'GothamBold';}

.txtgreen{color:#004a4c;text-shadow:0px 0px 0px #004a4c;}


#section02 h2,#section05 h2,#section06 h2,#section08 h2,#section09 h2,#section10 h2{font-size:52px;}


.txttitle{font-family: 'Chapaza';}
.txttitle > *{font-family: 'Chapaza' !important;}


 .logobox img{width:80%;}
/***********Header************/
header#zhiHead{background:url(img/menu_bg.jpg) repeat;transition:all 0.3s ease-in-out;position:relative;border-top:1px solid #fceacc;border-bottom:none;box-shadow: 0px 0px 15px rgba(224,192,161,0.6);}
header#zhiHead.sticky{position:fixed;width:100%;top:0;left:0;animation: d .3s ease;z-index:9999;box-shadow:0px ;}

header#zhiHead:before{content:'';display:block;position:absolute;left:0;top:0;width:20%;height:100%;background: #002222;}

.logobox{background: #002222;clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);}

header#zhiHead .innerbox{padding-top:15px;padding-bottom:15px;}
/***********Menu*************/
.zhi_menu{display:flex;flex-wrap:wrap;}
.zhi_menu ul{margin:0;padding:0;}
.zhi_menu li{margin-right:4rem;}

.zhi_menu a{color:#fff; font-size:15px;font-family: 'Poppins', sans-serif;font-weight:300;display:block;}
.zhi_menu a:hover{color:#e0c0a1;text-shadow:0px 0px 0px #e0c0a1;}
.zhi_menu a.mPS2id-highlight{color:#e0c0a1;font-weight:500;}


.btnbutton{background:#e0bfa1;font-size:15px;color:#003d4c;border-radius:6px;font-weight:500;padding:7px 30px 6px 30px;font-family: 'Poppins', sans-serif;}
.btnbutton:hover{background:#fff;}


/***************Section02**************/
#section02{padding-top:5em;padding-bottom:3em;}

#section02 h3{font-size:30px;border-left:5px solid #e0c0a1;padding-left:20px;margin-top:50px;}
.project_info_box{background:url(img/project_box.png) repeat-y;color:#e0c0a1;font-size:20px;padding:50px 80px 50px 80px;border-radius:100px 0 0 0;}
.project_info_box h4{font-family: 'GothamBold';font-size:20px;display:inline-block;min-width:200px;margin:0;letter-spacing:2px;}
.info_list{display:flex;align-items:center;margin-bottom:3px;flex-wrap:wrap;font-family: 'Poppins', sans-serif;font-weight:300;}
.info_list p:before{content:':';display:inline-block;font-family: 'Poppins';font-size:20px;margin-right:15px;font-weight:600;}
.info_list p{display:flex;align-items:center;}
.project_info_box hr{height:3px;background:#e0c0a1;opacity:1;}

.project_info_box ul{margin:0;padding:0;list-style:none;font-family: 'Poppins';font-weight:300;}
.project_info_box ul li{position:relative;margin-bottom:4px;}
.project_info_box ul li:before{
content: "";
  border-color: transparent #e0c0a1;
  border-style: solid;
  border-width: 0.30em 0 0.30em 0.50em;
  display: block;
  height: 0;
  width: 0;
  left: -18px;
  top: 10px;
  position: absolute;
}

/****************Section03***********/
#section03{padding-top:3em;padding-bottom:3em;}
#section03 h3{font-size:25px;letter-spacing:2px;}

#section03 .wpb_column .vc_column-inner{padding-left:10px;padding-right:10px;}

.featured_list{margin:20px 0 30px 0;}

.btnschedule a{border-radius:15px !important;font-size:25px !important;font-family: 'Chapaza';text-transform:uppercase;letter-spacing:6px;padding:18px 40px 15px 40px !important;}
.btnschedule a:hover{opacity:0.6;}

/**************Section04**********/
#section04{padding-top:0;}
#section04 h3{font-size:25px;}
#section04 .box-padding{padding:0 3em;text-align:justify;}
#section04 .wpb_single_image {margin-bottom:0;}

/**************Section05***********/
#section05{    padding-top: 3.5em;
    padding-bottom: 2em;}
.location_info{} 
.map_list{text-transform:uppercase;font-size:18px;}
.map_list ul{list-style:none;padding:0;margin:0 0 35px 0;}
.map_list ul li{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}

/**************Section06***********/
#section06{padding-top:3.5em;padding-bottom:1.5em;}

/**************Section07***********/

#section07{padding-top: 3.5em;
    padding-bottom: 2em;}

.facilities_list ol {
    font-family: 'GothamMedium';
margin:0 0 0 0px;padding:0 0 0 0px;list-style:none;
}
.facilities_list ol li{ counter-increment: step-counter;
  position: relative;text-transform:uppercase;
  margin: 0px 0 10px 0px;}
  
.facilities_list ol li img{
  position:relative;left:-45px; margin-top:12px;
    
}
.facilities_list.list_01 ol li:nth-child(-n + 9)::before {
     content: '0' counter(step-counter);
}
.facilities_list ol li:before {
    content: counter(step-counter);
  display: flex;align-items:center;justify-content:center;
  position: absolute;
  left:0px;top:-1px;
  width: 32px;
  height: 32px;
  line-height: 1;
  background-color:#0d2a25;
  color: white;
  border:2px solid #e0c1a3;
  font-size: 14px;
  text-align: center;
  border-radius: 50px
}
/***********/
#section07_2{padding-top: 3.5em;
    padding-bottom: 2em;}
#section07_2 .facilities_list ol{display:flex;flex-wrap:wrap;align-items:flex-start;}
#section07_2 .facilities_list ol li{width:25%;padding-left:40px;margin-bottom:18px;}


/**************Section08***********/
#section08{padding-top:3.5em;padding-bottom:2em;}

/************Section09************/
#section09{padding-top:0;}

#section09 h2{color:#004a4c;}

.plan_box01, .plan_box03{font-size:50px;color:#414042;font-family: 'Chapaza';padding:0 30px;line-height:1.2;padding-top:10px;}
.plan_box02{font-size:20px;color:#414042;line-height:1.2;text-shadow:0px 0px 0px;border-left:2px solid #231f20;border-right:2px solid #231f20;padding:0 20px;}


.floor_box{padding-top:3.5em;padding-bottom:2em;}

/*************Footer*************/
.footer-social{padding:0;margin:20px 0 0 0;list-style:none;display:flex;align-items:center;display:none;}
.footer-social li{margin-right:40px;}
.footer-social li img{width:45px;height:auto;transition:all 0.3s ease-in-out;}
.footer-social li img:hover{transform:scale(0.92);}

#section10 {padding-top:3.5em;padding-bottom:1.5em;}

#section10 input[type="text"],#section10 input[type="tel"]{border:2px solid #e0c0a1;padding: 8px 20px;font-family: 'GothamMedium';font-size:16px;}
#section10 textarea{border:2px solid #e0c0a1;padding: 8px 20px;font-family: 'GothamMedium';font-size:16px;}
#section10 input[type="submit"]{background:#ddaa6c;border:2px solid #e0c0a1;font-family: 'GothamMedium';font-size:15px;color:#fff;padding:10px 30px;letter-spacing:2px;font-family: 'GothamMedium';font-size:16px;}
#section10 input[type="submit"]:hover{opacity:0.8;}
::-webkit-input-placeholder { /* Edge */
  color: #d1d3d4;font-family: 'GothamMedium';font-size:16px;
}
::placeholder {
  color: #d1d3d4;font-family: 'GothamMedium';font-size:16px;
}

.copyright{color:#597f7d; font-family: 'GothamBook';font-size:17px;border:none;margin-top:40px;margin-bottom:20px;}

#section10 h2.gform_submission_error {font-size:16px;}

.txtsmall{font-size:9px;color:#597f7d;margin-bottom:0px;font-family: 'Poppins', sans-serif;}
.txtsmall ul{margin:0 0 0 15px;padding:0;}
.txtsmall ul li{margin-bottom:12px;}
/***********Standard Padding**********/
.padding_box{padding-left:2.5em;padding-right:2.5em;}
.location_info {padding-left:2.5em;padding-right:2.5em;}
#section04 .box-padding{padding-left:2.5em;padding-right:2.5em;}
/***********/
.bg-overlay {
background: rgba(0,0,0,.8);
position: fixed;
width: 100%;
height: 100%;
display: none;
z-index: 3;top:0;left:0;
}

.fixed_box{position: fixed; right: 0;z-index: 2;top: 50%;transform: translatey(-50%);}
.iconbox{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:8px;color:#fff;}
.icon_phone{background:rgba(228,174,104,0.8);font-size:30px;}
.icon_whatsapp{background:rgba(0,172,77,0.8);font-size:40px;}
.iconbox:hover{transform:scale(0.90);color:#fff;}


#fixed_top{  position: fixed;width:50px;height:50px;display:flex;justify-content:center;align-items:center;bottom: 80px;right: 5px;z-index: 2;}
#back_to_top {
    box-shadow:2px 3px 6px rgb(0,0,0,0.5);
    background:#e0bfa1;color:#fff;border-radius:50px;font-size:20px;padding: 6px 12px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		cursor:pointer;
}
#back_to_top:hover{background:#555;}
#back_to_top.show{opacity:1;visibility:inherit;}

/**********************/
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}
@media (max-width: 1800px) {
  
}
/*@media (max-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1400px;
    }
    header#zhiHead:before{width:17%;}
    .zhi_menu li{margin-right:2.5rem;}
}
*/
@media only screen and (max-width: 1600px) {
    body{font-size:14px;text-shadow:0px 0px 0px;}
    .zhi_menu a{font-size:14px;}
     .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 85%;
    }
    header#zhiHead:before{width:16%;}
 
    .vc_empty_space{height:70px !important;}
    
    .project_info_box h4{font-size:13px;min-width:170px;position:relative;top:2px;}
    .project_info_box{font-size:14px;padding:50px 45px;text-shadow:0px 0px 0px;}
    
    .info_list p:before{font-size:16px;}
    
    
      #section02 .grand_bg{width:50%;}
    #section02 .grand_info{width:50%;}
    
    #section02 h2, #section05 h2, #section06 h2, #section08 h2, #section09 h2, #section10 h2{font-size:30px;}
    
    .logobox img{width:85%;}
    .zhi_menu li{margin-right:1.8rem;}
    .btnbutton{padding: 7px 10px 6px 10px;font-size:13px;}
    
    #section03 h3{font-size:16px;}
    
    .featured_list img{width:80%;}
    
     .btnschedule{margin-bottom:10px !important;}
     .btnschedule a{font-size:16px !important;padding: 14px 25px 11px 25px !important;}
    
    #section04 .box-padding{padding:2em 30px;margin-bottom:0;}
    
    #section04 h3{font-size:20px;}
    
    
    .map_list{font-size:13px;}
    .map_list ul li{align-items:flex-start;}
    .map_list ul li div:first-child{width:80%;}
    .map_list ul li div:last-child{width:20%;text-align:right;}
     .iconbox{display:flex;justify-content:center;align-items:center;width:42px;height:42px;border-radius:8px;color:#fff;}
    .icon_phone{font-size:20px;}
.icon_whatsapp{font-size:28px;}

.facilities_list.list_01{margin-bottom:20px !important;}
.facilities_list ol{margin:0;padding:0;}
.facilities_list ol li{margin-bottom:12px;padding-left:40px;}
.facilities_list ol li:before{font-size:12px;width:30px;height:30px;top:-4px;left:0px;}

.plan_box01, .plan_box03{font-size:32px;}
.plan_box02{font-size:16px;}

#section10 .wpb_single_image img{width:85%;}
#section10 input[type="text"], #section10 input[type="tel"]{font-size:14px;}
#section10 input[type="submit"]{font-size:14px;}


.padding_box{padding-left:30px;padding-right:30px;}
.location_info {padding-left:30px;padding-right:30px;}
#section07_2 .facilities_list ol{align-items:flex-start;}
}

@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1366px) 
and (orientation : landscape) {

}
@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1366px) 
and (orientation : portrait) {

}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    #section02 h2, #section05 h2, #section06 h2, #section08 h2, #section09 h2, #section10 h2{font-size:40px;}
 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{width:90%;}
  #section02 .grand_bg{width:30%;}
    #section02 .grand_info{width:70%;}
    .project_info_box {padding: 50px 40px;}
    
    #section03 h3{font-size:22px;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    .menu-wrapper {
        background:url('img/mobile_bg.jpg') no-repeat;background-size:cover;
    }
    .zhi_menu li{margin:0 0 15px 0;}
    .btnbutton{margin-top:20px;}
    .menu-wrapper{max-width:400px;right:-500px;}

    
    #main_menu{width:100%;}
    
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{width:90%;}
    .logobox img{width:65%;}
 #section02 h2, #section05 h2, #section06 h2, #section08 h2, #section09 h2, #section10 h2{font-size:40px;}
  .vc_empty_space{height:50px !important;}
    #section03 h3{font-size:20px;}
    .mobile-menu{font-size:30px;}
    
      #section02 .grand_bg{width:100%;}
    #section02 .grand_info{width:100%;}
    #section04 h3{text-align:left;}
    
    #section05 .vc_col-sm-7, #section05 .vc_col-sm-5{width:100%;}
    
    #section09 .vc_col-sm-6{width:100%;}
}



@media only screen and (max-width: 860px) and (orientation : landscape) {

}

@media only screen and (max-width: 767px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{  max-width:90%;}
    body{font-size:16px;}
    .vc_empty_space{height:50px !important;}
    .logobox img{width:90%;}
    
    #section02 h2, #section05 h2, #section06 h2, #section08 h2, #section09 h2, #section10 h2{font-size:24px;}
    #section02{padding-top:0em;padding-bottom:0em;background:none !important;}
    #section02 .grand_bg{background:url(img/AMSL-WebUI-05.png) no-repeat;background-size:cover;padding:7em 0 7em 0;margin-bottom:20px;}
    #section02 h3{font-size:20px;margin-top:0px;position:absolute;bottom:10px;}
    .project_info_box{padding:70px 25px;font-size:15px;}
    .info_list{margin-bottom:10px;}
    .project_info_box h4{display:block;font-size:14px;width:100%;margin-bottom:3px;}
    .project_info_box ul{margin-left:20px;margin-top:10px;}
    
    #section03{padding-top:1em;padding-bottom:1em;}
    #section03 h3{font-size:16px;}
    .featured_list{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:0;}
    .featured_list > div{margin-bottom:25px;width:50%;}
    
    .btnschedule a{font-size:16px !important;padding: 18px 20px 15px 20px !important;width:100%;}
    
     #section04{padding-top:2em;padding-bottom:2em;}
    #section04 .box-padding{padding:0px;}
    #section04 .wpb_single_image {margin-bottom:25px;}
    #section04 h3{font-size:20px;}
    .reverse_box{display: flex;flex-direction: column-reverse;}
    
    
    .map_list{font-size:15px;}
    .map_list ul li{align-items:flex-start;}
    .map_list ul li div:first-child{width:75%;}
    .map_list ul li div:last-child{width:25%;text-align:right;}
    
    #section06{padding-top:2em;padding-bottom:2em;}
    #section06 .wpb_text_column{margin-bottom:0;}
    
    #section08{padding-top:3em;padding-bottom:3em;}
    
    #gallery_box .vc_pageable-slide-wrapper{display:flex;flex-wrap:wrap;}
    #gallery_box .vc_col-sm-3{width:50%;}
    
    #section08 iframe.vr_video{height:350px;width:100%;}
    
    .wpb_video_widget.vc_video-el-width-90 .wpb_wrapper{width:100%;}
    
    .plan_box01, .plan_box03{font-size:24px;width:100%;text-align:center;}
    .plan_box02{font-size:18px;}
    
    #section10 input[type="submit"]{width:100%;}
    #section10 .wpb_single_image img{width:80%;}
    
    .footer-social{justify-content:center;}
    .footer-social li{margin:0 20px;}
    
    .menu-wrapper {
        background:url('img/mobile_bg.jpg') no-repeat;background-size:cover;
    }
    .zhi_menu li{margin:0 0 15px 0;}
    .btnbutton{margin-top:20px;}
    

    .floor_box{padding-top:1em;padding-bottom:1em;}
    
    .iconbox{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:8px;color:#fff;}
    .icon_phone{font-size:20px;}
.icon_whatsapp{font-size:30px;}
#fixed_top{right: 2px;}
#section02{padding-left:0 !important;padding-right:0 !important;}
 #section02 .grand_bg{width:100%;}
    #section02 .grand_info{width:100%;}
    
    .zhi_menu{display:block;}

#section07_2 .facilities_list ol li{width:100%;margin-bottom:18px;padding-right:0px;}

#section04 .box-padding{margin-bottom:30px;}

.padding_box{padding-left:0px;padding-right:0px;}
.location_info {padding-left:0px;padding-right:0px;}
#section07_2 .facilities_list ol{align-items:flex-start;}

}

@media only screen and (max-width: 320px) {

}