/*
Theme Name: CasaGrand Southbrooke
Author: Kinnect
Version: 1.0
*/

/* Slider */
.slick-loading .slick-list{background: #fff url('images/ajax-loader.gif') center center no-repeat;}

/* Icons */
@font-face {
font-family:'slick';
src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
font-weight: 400;
font-style: normal;
}

/**************** Style for Header ****************/

.header{position: fixed;left:0;right: 0;top:0;z-index:3;padding:12px 0;min-height: 96px;width: 100%; background:url(http://www.casagrandsouthbrooke.com/wp-content/uploads/2020/02/header-bg.png) repeat;}
.sticky_body .header{background-color: rgba(0,0,0,0.7);}
.header:before{position: absolute;content: '';left:0;right:0;top:0;background: url(images/strip-1.png) no-repeat center center;height:1px;z-index:1;background-size: 100% auto}
.logo{width:172px;height:74px;position: absolute;left:20px;top:10px;}
#menu{position: relative;text-align: center;margin: 12px 0 0 0;padding-right: 75px}
#menu ul li{display:inline-block;margin:0;}
#menu ul li a{position: relative;display: block;padding:10px;border:2px solid transparent;color:#999999;overflow: hidden;text-transform: uppercase;font-size: 14px}
#menu ul li.active a, #menu ul li a:hover{border-color:#4a3c18;color:#f1c86f; }
.header_call {position: absolute;border: 1px solid #3c311d;padding: 8px 10px 8px 45px;line-height: 19px;font-size: 15px;top: 25px;color: #ecd182;right: 20px}
.header_call:before {content: '';position: absolute;left: -1px;top: -1px;width: 37px;height: 37px;border: 1px solid #735725;background: url(images/call-icon.png) no-repeat center center;background-size: 55% auto}
#menu ul li.inmenu_call a {color: #ecd182;padding-left: 45px;background: url(images/call-icon.png) no-repeat 10px center;background-size: auto 45%}
.download_brochure {font-size: 14px;line-height: 20px;padding: 8px 0 8px 26px;color: #ecd182;background: url(images/download.png) no-repeat left center;background-size: auto 16px;position: absolute;right: 210px;top: 25px}
#menu ul li.inmenu_download a {padding-left: 40px;color: #ecd182;background: url(images/download.png) no-repeat 10px center;background-size: auto 16px}

.hm-banner-sec{position: relative;}
.hm-banner-sec:before{position: absolute;content: '';left:0;right:0;bottom:0;background: url(images/strip-1.png) no-repeat center center;height:1px;z-index:1;background-size: 100% auto}
.hm-banner-block{position: relative;/*width: 100%;height: 100vh;*/background-position: center center;background-size: cover}
/*.banner-slideshow{height: 100vh}*/
.banner-overlay{position: absolute;left: 250px;bottom:40px; background:rgba(0,0,0,0.5); padding:20px; width:50%}
.banner-overlay h2{color:#ecd181;font-size: 36px;overflow: hidden;font-family: 'Cinzel';line-height: 44px;text-shadow:2px 2px #000000;}
.short-desc{position: relative;}
.brd-1:before{position: absolute;content: '';left:0;right:0;height:1px;background-color: #6d5929;top:-8px;}
.brd-1:after{position: absolute;content: '';left:0;right:0;height:1px;background-color: #362d1d;top:-7px;}
.brd-2:before{position: absolute;content: '';left:0;right:0;height:1px;background-color: none;bottom: 1px;}
.brd-2:after{position: absolute;content: '';left:0;right:0;height:1px;background-color: none;bottom: 2px;}
.short-desc span{display:block;color:#ecd181;font-size: 23px;overflow: hidden;text-transform: uppercase;text-shadow:2px 2px #000000;}
.slick-prev:before, .slick-next:before{display:none;}
.blg-arrow{position: absolute;left:50%;bottom:26px;transform: translateX(-50%);width: auto;}
#prvarrow{float:left;width: 38px;height: 37px;background: url(images/left-arrow.png) no-repeat;margin:0 22px;border:0 none;cursor: pointer;}
#nxtarrow{float:right;width: 38px;height: 37px;background: url(images/right-arrow.png) no-repeat;margin:0 22px;border:0 none;cursor: pointer;}
#prvarrow:focus, #nxtarrow:focus{outline: none;}

.hm-project-overv-wrap{position: relative;padding:54px 94px 54px 112px;background:#1a1f23 url(images/overview-bg.png) repeat;}
.heading{position: relative;margin:0 0 80px 0;}
.heading h2{color:#cca45b;font-size: 24px;overflow: hidden;text-transform: uppercase;padding:12px 20px;border:1px solid #4a3c18;display: inline-block;word-break: break-word;font-family: 'Cinzel', serif;}
.project-overv-block{position: relative;}
/*.project-overv-lft{float:left;width:48%;}*/
.project-overv-lft{margin:0 auto; max-width:900px}
/*.project-overv-rht{float:right;width:48%;}*/
.project-overv-rht{margin:80px auto 0 auto; max-width:900px; width:100%;}
.project-overv-lft p span{color:#fff;}
.project-overv-lft p{color:#8c8b8a;overflow: hidden;margin:0 0 28px 0;}
.project-overv-lft ul li{color:#dcdcdc;position: relative;width: 100%;margin:0 0 20px 0;font-weight: 300;padding:0 0 0 30px;}
.project-overv-lft ul li:before{position: absolute;content: '';left:0;top:7px;width:8px;height:8px;background-color: #e9bd46;transform: rotate(45deg);}
.proj-video-box{position: relative;border:1px solid #e9bd46;}
.proj-video-box iframe, .map iframe{display: block}
.proj-video-box a{position: relative;display: block}
.proj-video-box a:before{position: absolute;content: '';left:50%;top:50%;margin:-52px 0 0 -52px;background: url(images/white-video-btn.png) no-repeat;width:104px;height:104px;}

.amenities-wrap, .hm-gallery-wrap{position: relative;padding:54px 0 54px 0;background: #191f25 url(images/circluar-overlay.png) no-repeat center center;background-size: cover}
.amenities-block, .gallery-block{position: relative;width:906px;margin:0 auto;}
.amenities-for-slider .slick-slide:not(.slick-center), .gallery-for-slider .slick-slide:not(.slick-center) { top: -22px;z-index: 0; transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); }
.amenities-for-slider .slick-active.slick-center+.slick-slide+.slick-slide, .gallery-for-slider .slick-active.slick-center+.slick-slide+.slick-slide {z-index: 1;}
.amenities-for-slider .slick-active.slick-center+.slick-slide,.slick-center+.slick-cloned, .gallery-for-slider .slick-active.slick-center+.slick-slide,.slick-center+.slick-cloned {z-index: 2;}
.amenities-for-slider .slick-center, .gallery-for-slider .slick-center {z-index: 3;}
.amenities-for-slider .slick-slide, .gallery-for-slider .slick-slide {position: relative;transition: transform 80ms;opacity:0.3;}
.amenities-for-slider .imgbox img, .gallery-for-slider .imgbox img {position: relative;transform: translateX(-50%);left: 50%;border:1px solid #e9bd46;width:170%;}
.amenities-for-slider .slick-active.slick-center, .amenities-for-slide.slick-slide.slick-current.slick-active.slick-center, .gallery-for-slider .slick-active.slick-center, .gallery-for-slide.slick-slide.slick-current.slick-active.slick-center{opacity:1;}
.amenities-for-slider .proj-content{padding:46px 0 40px 0;text-align: center;width: 160%;left: 50%;transform: translateX(-50%);position: relative;}
.amenities-for-slider .proj-content:before{position: absolute;content:'';left:50%;bottom:0;background: url(images/strip-2.png) no-repeat center center;right:0;height: 1px;transform: translateX(-50%);}
.amenities-for-slider .proj-content h3{color:#cca45b;font-size:18px;overflow: hidden;text-transform: uppercase;margin:0 0 16px 0;}
.amenities-for-slider .proj-content p{color:#8c8b8a;overflow: hidden;}
.amenities-for-slider .slick-slide:not(.slick-center) .proj-content{opacity:0;}
.amenities-for-slider .slick-active.slick-center .proj-content{opacity:1;}
.amenities-for-slider .slick-prev, .gallery-for-slider .slick-prev, .proj-video-box .slick-prev{width: 38px;height: 37px;background: url(images/left-arrow.png) no-repeat;left: 10%;top: 50%;z-index:1;}
.amenities-for-slider .slick-next, .gallery-for-slider .slick-next, .proj-video-box .slick-next{width: 38px;height: 37px;background: url(images/right-arrow.png) no-repeat;right: 10%;top: 50%;z-index:1;}
.amenities-for-slider .slick-prev, .amenities-for-slider .slick-next{top: 35%}
.gallery-for-slider .slick-prev, .gallery-for-slider .slick-next{top: 50%;margin: -19px 0 0 0;z-index:1;}
.gallery-for-slider{margin:0 0 70px 0;}
.gallery-for-slider .slick-slide:not(.slick-center) { top:0;}
.location-btn{margin-bottom: 0}
.proj-video-box .slick-prev{left: 15px}
.proj-video-box .slick-next{right: 15px}


.hm-price-overlay-wrap{position: relative;padding:54px 118px 54px 138px;background-color: #161616;}
.hm-price-overlay-wrap .heading{margin:0 0 30px 0;}
.hm-price-overlay-wrap p{color:#8c8b8a;overflow: hidden;margin:0 0 65px 0;}
.price-overlay-block{position: relative;margin:0 0 70px 0;}
.price-overlay-lft{float:left;width:40%;border:1px solid #e9bd46; display:none;}
/*.price-overlay-rht{float:right;width:54%;}*/
.price-overlay-rht{margin:0 auto; width:900px;}
.price-overlay-header{position: relative;overflow: hidden;text-align: center;}
.price-overlay-header:before{position: absolute;content:'';left:50%;bottom:0;background: url(images/strip-3.png) no-repeat center center;width:100%;height: 1px;transform: translateX(-50%);background-size: 100% auto}
.price-overlay-header ul li{float:left;width:20%;padding:12px 10px;color:#b99e55;text-transform: uppercase}
.price-overlay-body{position: relative;}
.price-overlay-body ul li{position: relative;width: 100%;overflow: hidden; display:flex;}
.price-overlay-body ul li:before{position: absolute;content:'';left:50%;bottom:0;background: url(images/strip-4.png) no-repeat center center;width:100%;height: 1px;transform: translateX(-50%);background-size: 100% auto}
.price-overlay-body ul li .price-overlay-grid{float: left;width: 20%;padding:20px 20px;color:#7d7d7d;overflow: hidden;font-weight:300;}
.price-overlay-body ul li .price-overlay-grid.wht-clr{color:#fff;}
.mob-price-overlay-grid{display: none;padding:12px 10px;color:#b99e55;overflow: hidden;text-align: center;}

.hm-floor-plan-wrap{position: relative;}
.hm-floor-plan-lft{float: left;width:46%;position: relative;}
.hm-floor-plan-rht{float: right;width:46%;position: relative;}
.hm-floor-plan-lft a, .hm-floor-plan-rht a{display: block;position: relative;}
.hm-floor-plan-lft a:before, .hm-floor-plan-rht a:before{position: absolute;content: '';left:50%;top:50%;margin:-60px 0 0 -60px;width: 119px;height:119px;background: url(images/search-icon.png) no-repeat;}
.hm-floor-plan-block .heading{margin:0 0 40px 0;text-align: center;}
.floorplan-slider .slick-prev{width: 38px;height: 37px;background: url(images/left-arrow.png) no-repeat;left: -40px;top: 50%;z-index:1;}
.floorplan-slider .slick-next{width: 38px;height: 37px;background: url(images/right-arrow.png) no-repeat;right: -40px;top: 50%;z-index:1;}
.slick-prev:hover, .slick-prev:focus{background-image:url(images/left-arrow.png) !important}
.slick-next:hover, .slick-next:focus{background-image:url(images/right-arrow.png) !important}

.contact-form-wrap{position: relative;padding:54px 0;background-color: #141b21;}
.contactform{position: relative;max-width:875px;width: 100%;margin:0 auto;}
.form-group{position: relative;margin:0 0 20px 0;}
.form-group-btn{text-align: center;margin:20px 0 0 0;}
.inputbox{position: relative;display: block;width: 100%;padding:16px 22px;background-color: #232b31;color:#ffffff;font-size: 16px;font-family: 'Open Sans';}
.sub-btn{position: relative;display: inline-block;padding: 20px 80px;background-color: #d1a93e;color:#141b21;font-size: 16px;text-transform: uppercase;cursor: pointer; width:auto;}

.copyright{position: relative;padding:22px 0;background-color: #0e0e0e;}
.copyright p{color:#3c464f;overflow: hidden;}

#overlay, #overlay_frm { position: fixed; width: 100%; height: 100%; left: 0;top: 0;visibility: hidden;opacity: 0;z-index: -1; background-color: rgba(0, 0, 0, .6);-moz-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; -ms-transition: all .2s ease-in;}
.inq_popup { position: fixed;top:50%;transform: translateY(-50%); right:-420px; z-index: 1001; width: 420px;background-color: rgba(255,255,255,0.8);padding: 26px 64px 40px; -moz-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;}
.app-form h3 {font-size: 20px;color: #ac7c3a;margin:0 0 24px 0;text-transform: uppercase;overflow: hidden;text-align: center;}
.en-form-group{margin:0 0 25px 0;}
.enq-input{padding: 12px 0;font-size: 16px;color:#8a640f;position: relative;display:block;width:100%;background: transparent;border-bottom:1px solid #8a640f;font-family: 'Open Sans';}
.en-sub-btn {font-size: 18px;color: #bf9b3b;text-transform: uppercase;padding: 20px 20px;display:block;width: 100%;background: transparent;background-color: #000000}
.close-btn {position: absolute;right: 10px;top:10px;width: 17px;height: 21px;z-index: 1;background: url(images/close-btn.png) no-repeat;cursor: pointer;}
.inq_popup_cta {position: absolute;left: 0;top: 50%;margin-top: 38px;width: 204px;height: 58px;transform: rotate(-90deg);transform-origin: left bottom 0;background-color: rgba(255,255,255,0.8);text-align: center;font-size: 17px;text-transform: uppercase;color: #000000;line-height: 28px;padding: 15px; display:inherit;}
.inq_active .inq_popup{right: 0}
.inq_active #overlay{opacity: 1;visibility: visible;z-index: 990}
.prc_active #overlay_frm{opacity: 1;visibility: visible;z-index: 9990}
.price_frm_popup{position: fixed;left: 50%;width: 420px;padding: 26px 40px 30px;border: 1px solid #4a3c18;margin-left: -210px;transform: translateY(-50%);top:50%;background-color: #ffffff;z-index: 999999;display: none}
.sticky_frm_popup, .brochure_frm_popup{position: fixed;left: 50%;width: 420px;padding: 26px 40px 30px;border: 1px solid #4a3c18;margin-left: -210px;transform: translateY(-50%);top:50%;background-color: #ffffff;z-index: 999999;display: none}


/* ------------------***************** style for menu hamburger ***********************-------------- */

#menu *, #white-overlay{-moz-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
#menu{-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
#white-overlay{position:fixed;width:100%;height:100%;left:0;top:0;background-color:rgba(255,255,255,0);z-index: -1;visibility: hidden;}
#menu.m-menu-active{right:0;}
#white-overlay.m-menu-active{background-color:rgba(0,0,0,0.8);z-index:1004;visibility: visible;}


.mobilemenu-icon {float: right; width:30px;height: 28px;position: relative;margin:15px 0 0 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;cursor: pointer;display: none;overflow: hidden;z-index: 1030}
.mobilemenu-icon span {display: block;position: absolute;height: 6px;width: 50%;background: #e9bd46;opacity: 1;-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;}
.mobilemenu-icon span:nth-child(even) {left: 50%;border-radius: 0 9px 9px 0;}
.mobilemenu-icon span:nth-child(odd) {left:0px;border-radius: 9px 0 0 9px;}
.mobilemenu-icon span:nth-child(1), .mobilemenu-icon span:nth-child(2) {top: 0px;}
.mobilemenu-icon span:nth-child(3), .mobilemenu-icon span:nth-child(4) {top: 10px;}
.mobilemenu-icon span:nth-child(5), .mobilemenu-icon span:nth-child(6) {top: 20px;}
.mobilemenu-icon.open span:nth-child(1),.mobilemenu-icon.open span:nth-child(6) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.mobilemenu-icon.open span:nth-child(2),.mobilemenu-icon.open span:nth-child(5) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.mobilemenu-icon.open span:nth-child(1) {left: 5px;top: 7px;}
.mobilemenu-icon.open span:nth-child(2) {left: calc(50% - 5px);top: 7px;}
.mobilemenu-icon.open span:nth-child(3) {left: -50%;opacity: 0;}
.mobilemenu-icon.open span:nth-child(4) {left: 100%;opacity: 0;}
.mobilemenu-icon.open span:nth-child(5) {left: 5px;top: 12px;}
.mobilemenu-icon.open span:nth-child(6) {left: calc(50% - 5px);top: 12px}
.mobilemenu-icon.open{margin-right: 250px}

/* Style for validation messages  */
body div.wpcf7 img.ajax-loader {float: right;margin-left: 0;margin-top: 5px;}
body div.wpcf7-response-output {margin: 15px 0 0 0;padding: 12px;color: #333;width: auto;font-size: 15px;margin-left: 0;font-family: arial;overflow: hidden;}
body div.wpcf7-validation-errors, body div.wpcf7-mail-sent-ng,body div.wpcf7-response-output {border: 1px solid #d13428;background: #ec9c96;clear:both;float: none;text-align: center}
body div.wpcf7-mail-sent-ok,body div.wpcf7-mail-sent-ng {border: 1px solid #b4e8aa !important;background: #c6e4be !important;}
body span.wpcf7-form-control-wrap {display: block !important;}
body span.wpcf7-not-valid-tip {color: #f00;font-size: 12px;display: block;position: absolute;top: 0;right: 0;font-family: arial;padding: 8px 10px;border: 1px solid #f00;background: #fff;}
body div.wpcf7 img.ajax-loader {position: absolute;right: -30px;top: 16px;}

.thank-you-wrap, .error-wrap{position: relative;background: url(images/thank.jpg) no-repeat;width: 100%;background-size: cover;height:100vh;padding:0 14px;text-align: center;}
.thank-you-overlay, .error-overlay{position: absolute;left:14px;right:14px;top:50%;transform: translateY(-50%);text-align: center;}
.thank-you-wrap h2{font-family: 'Cinzel';color:#ecd181;font-size:50px;overflow: hidden;margin:0 0 20px 0;}
.thank-you-wrap p, .error-overlay p{font-size:22px;color:#ecd181;overflow: hidden;}
.error-overlay h2{font-family: 'Cinzel';color:#ecd181;font-size:80px;overflow: hidden;margin:0 0 20px 0;}
.error-overlay a{display: inline-block;color: #8c8b8a;font-size: 18px;font-weight: 700;overflow: hidden;text-decoration: underline;}
.error-overlay p{margin:0 0 20px 0;}

.page_container{position: relative;padding: 150px 100px;background: #1a1f23 url(images/overview-bg.png) repeat}
.postbox p{margin-bottom: 25px}
/*.inq_popup_cta {left: -51px;width: 51px;height: 184px;background-size: 100% auto}*/
.smshow{display: none !important}
.sdshow{display: block !important}
.casa21-config-prc-box .mk-price, .casa21-config-prc-box .cs-price, .casa21-config-prc-box .off-cs-price {display: inline-block;color: #cca45b;font-size: 18px;overflow: hidden;background-color: none;padding: 8px 14px;margin: 0 10px;font-weight: 700; border:1px solid #cca45b}
.strike {text-decoration: line-through;}
.casa21-config-prc-box {margin:0 auto 40px auto; text-align:center;}

.hm-floor-plan-block .filter-group{text-align: center;margin-bottom: 30px}
.planfilter-box select {color: #000000;font-size: 14px;font-family: 'Cinzel', serif;overflow: hidden;border: 0 none;width: 100%;max-width:290px;height: 60px;border: 1px solid #178282;padding: 0 15px;outline: none;background: #000;border: 1px solid #4a3c18;color:#f1c86f;}
.form-area {background-color: #141b21;left: auto;top: 22%;padding: 12px 30px;right: 6%;z-index: 1;position: absolute; width:360px;}
.form-area h3 {font-size: 35px;color:#ecd181;margin: 0 0 24px 0;text-transform: capitalize;overflow: hidden;border-bottom: 1px solid #ecd181;display: inline-block;}
.form-area .enq-input {padding:10px 0;font-size:14px;}

.download-btn a {position: relative;display: inline-block;padding: 10px;border: 2px solid transparent;color: #ffffff; overflow: hidden;text-transform: uppercase;font-size: 14px; background:#ac7c3a; margin-top:50px;}
.download-btn a:hover {border-color:#ffffff; background:#ffffff; color:#ac7c3a;}
.mnemonics {position: absolute;bottom: 0;left: 0;width: 200px;height: auto;z-index: 9;}
.pt-110 {padding-top:110px!important;}
p.footer-link a, p.footer-link span {color:#b7b7b7;text-decoration:none;}
p.footer-link a:hover {color:#ffffff;text-decoration:underline;}
.mobile-sticky-btns {display:none;}
.ccd-left-section {
    width: calc(100% - 400px);
    margin-right: auto;
    
}
.ccd-right-section input {    position: relative;
    display: block;
    width: 100%;
    padding: 16px 22px;
    background-color: #232b31;
    color: #ffffff;
    font-size: 16px;
    font-family: 'Open Sans'; border-bottom:0;}
.ccd-right-section {
    width: 400px;
    margin-left: auto;
    height: 100vh;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: fixed;
    right: 0;
    top: 0;
    overflow: hidden;
    background:#141b21;
}
label.pp-class span span span label {display: flex;}
label.pp-class span span span label span {margin-left:10px;}
label.pp-class span span span label span a {display: contents;}
label.pp-class input {width:auto; padding:0;}
/**************** Media Query Start ****************/

@media screen and (max-width: 1280px){
.logo {position: relative;left: auto;top: auto;float: left;}
#menu {float: right;}
.header {padding: 12px 15px}
.price-overlay-lft {width: 44%;}
.price-overlay-rht {width: 100%;}
header{z-index: 9999}
.mobilemenu-icon{display:block;}
#menu{display:block;margin-top: 0;margin-left:0;position: fixed;z-index:1005;width: 250px;background-color: rgba(35,35,35,0.8);
height: 100%;right: -265px;top: 0;box-shadow: 0 0 10px #ccc;-moz-box-shadow: 0 0 10px #ccc;-webkit-box-shadow: 0 0 10px #ccc;-o-box-shadow: 0 0 10px #ccc;
-ms-box-shadow: 0 0 10px #ccc;overflow:auto;padding: 0}
#menu ul li {float: left;margin-left: 0;width: 100%;clear: both;padding:0;background:none;margin-bottom: 0}
#menu ul li a {display: block;line-height: 50px;padding: 0 12px;text-align: left;border: 0 none;font-weight: 400;border-bottom: 1px solid #ac7c3a;position: relative;color: #fff;}
#menu ul li:hover a{border-color:#ac7c3a;}
#menu ul li ul{width: 100%;position: relative;display: block;padding: 0;overflow: hidden;}
#menu ul li ul li {width: 100%;background:none;}
#menu ul li ul li a {padding: 0 10px 0 38px;margin: 0;}
.header_call{right: 75px;top: 23px}
.download_brochure{right: 265px}
}
@media screen and (max-width: 1100px){
.banner-overlay h2 {font-size: 66px;line-height: 76px;}
.short-desc span {font-size: 20px;}
.banner-overlay {right: 14px;bottom: 99px;}
.hm-project-overv-wrap {padding: 54px 14px 38px 14px;}
.hm-price-overlay-wrap {padding: 54px 14px 54px 14px;}
.contact-form-wrap {padding: 54px 14px;}
.copyright {padding: 22px 22px 74px 22px;}
.page_container{padding: 150px 50px}
.floorplan-slider .slick-prev{left: 25px}
.floorplan-slider .slick-next{right: 25px}
}
@media screen and (max-width: 1024px){
.heading {margin: 0 0 50px 0;}
.project-overv-lft, .price-overlay-lft {width: 100%;margin: 0 0 20px 0;}
.project-overv-rht, .price-overlay-rht {float: left;width: 100%;}
.hm-floor-plan-lft, .hm-floor-plan-rht {width: 48%;}
.hm-floor-plan-block .heading {margin: 0 0 50px 0;}
.amenities-block, .gallery-block {width: 100%;}
.amenities-for-slider .imgbox img, .gallery-for-slider .imgbox img {width: 116%;}
.price-overlay-header:before {background: #d1a93e;}
.price-overlay-body ul li:before {background: #5a5a5a;}
.ccd-right-section {display:none;}
.ccd-left-section {width:100%;}
}
@media screen and (max-width: 767px){
.price-overlay-body ul li .price-overlay-grid {padding:5px 5px;}
.project-overv-lft{margin:0 auto; max-width:80%}
.project-overv-rht{margin:80px auto 0 auto;}
.header {padding: 12px 14px 0 14px;min-height: 80px;}
.logo {width: 134px;height: 58px;}
.banner-overlay {bottom: 260px;width: 90%;left: 20px;}
.banner-overlay h2 {font-size: 20px;line-height: 38px;}
.brd-1:before {top: -4px;}
.brd-1:after {top: -3px;}
.brd-2:before {bottom: -2px;}
.brd-2:after {bottom: -3px;}
.blg-arrow {bottom: 12px;}
.hm-project-overv-wrap. .contact-form-wrap {padding: 40px 14px;}
.amenities-wrap, .hm-gallery-wrap{padding:54px 0;}
.heading h2 {font-size: 20px;padding: 10px 8px;}
.proj-video-box::before {margin: -35px 0 0 -35px;width: 70px;height: 70px;background-size: 70px;}
.sub-btn {padding: 16px 50px;}
.hm-floor-plan-lft{width: 100%;margin:0 0 20px 0;}
.hm-floor-plan-rht {float:left;width: 100%;}
.amenities-for-slider .slick-prev, .gallery-for-slider .slick-prev {left: 14px;}
.amenities-for-slider .slick-next, .gallery-for-slider .slick-next {right: 14px;}
.mob-price-overlay-grid{display:block;}
.hm-floor-plan-lft:before, .hm-floor-plan-rht:before {margin: -30px 0 0 -30px;width: 60px;height: 60px;background-size: cover;}
.gallery-for-slider {margin: 0 0 32px 0;}
.thank-you-wrap h2 {font-size: 30px;}
.thank-you-wrap p {font-size: 16px;}
.page_container{padding: 120px 20px}
.form-area {position: relative!important;width: 100%!important;margin: 0 auto!important;right: 0!important; width:100%;}
.mobile-sticky-btns {position: fixed;bottom: 0;left: 0;width: 100%;z-index: 99999; display:block;}
.mobile-sticky-btns a {padding: 12px 15px;color: #112651;background-color: #d2ad67;font-size: 16px;width:50%; font-weight:normal}
.mobile-sticky-btns a:nth-child(2) {border-left: 1px solid;}
.d-flex {display: flex!important;}
.inq_popup_cta {display:none;}
.mnemonics {position: absolute;bottom:10px;left: 0;width: 150px;height: auto;z-index: 1;}
}
@media screen and (max-width: 599px){
.banner-overlay h2 {font-size: 20px;line-height: 38px;}
.short-desc span {font-size: 16px;}
.sub-btn {width:100%;}
/*.hm-banner-block img{height:350px;}*/
#prvarrow, #nxtarrow {margin: 0 10px;}
.amenities-for-slider .imgbox img, .gallery-for-slider .imgbox img {width: 154%;}
.amenities-for-slider .slick-prev, .amenities-for-slider .slick-next{margin: -134px 0 0 0;}
/*.price-overlay-body ul li .price-overlay-grid {width: 100%;padding: 6px 10px;text-align: center;}*/
.price-overlay-body ul li:last-child:before{display:none;}
.app-form h3{text-align: left}
.price_frm_popup{width: 92%;margin-left: 0;left: 4%;padding: 26px 20px 15px}

.sticky_frm_popup, .brochure_frm_popup{width: 92%;margin-left: 0;left: 4%;padding: 26px 20px 15px}
.inq_active .inq_popup{width: 80%;padding: 26px 20px 20px}
.header_call {/*text-indent: -9999px;*/border: 0 none;padding-right: 0;padding-left: 30px;right: 65px;top: 22px}
.header_call:before {content: '';position: absolute;left: 0;top: 0;width: 28px;height: 28px;border: 1px solid #735725;background: url(images/call-icon.png) no-repeat center center;background-size: 55% auto; display:none;}
.smshow{display: block !important}
.sdshow{display: none !important}
.download_brochure{display: none}
.floorplan-slider .slick-prev{left: 20px}
.floorplan-slider .slick-next{right: 20px}
.proj-video-box a:before{width: 70px;height: 70px;background-size: 100% auto;margin: -35px 0 0 -35px}
}
@media screen and (max-width: 480px){
.amenities-for-slider .imgbox img, .gallery-for-slider .imgbox img {width: 100%;}
.amenities-for-slider .slick-prev, .amenities-for-slider .slick-next {margin: -94px 0 0 0;}
.amenities-for-slider .proj-content {width: 100%;}
}
@media screen and (max-width: 380px){
/*.hm-banner-block img {height: 300px;}*/
}
.pos_title {display: block;text-align: center;padding: 10px;color: #ecd182;font-size: 15px;line-height: 20px;background-color: #000000;position: relative;z-index: 3; }

.disclaimer {font-size:14px!important;}
.disclaimer span {font-size:14px!important; font-weight:bold;}