/*
Theme Name: CasaGrand Hazen
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,d09GRgABAAAAAAe8ABEAAAAACtQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcfFtvnkdERUYAAAGcAAAAHAAAAB4AJwAZT1MvMgAAAbgAAABKAAAAVmJGEVFjbWFwAAACBAAAAGUAAAF6i9wf72N2dCAAAAJsAAAACAAAAAgBJAG4ZnBnbQAAAnQAAAGxAAACZVO0L6dnYXNwAAAEKAAAAAgAAAAIAAAAEGdseWYAAAQwAAABNQAAAZhni7yJaGVhZAAABWgAAAAyAAAANg0LJxFoaGVhAAAFnAAAABkAAAAkDtkIFGhtdHgAAAW4AAAANAAAAExLCQEobG9jYQAABewAAAASAAAAKASgBKhtYXhwAAAGAAAAACAAAAAgASwAgW5hbWUAAAYgAAAA5wAAAZb4GEOhcG9zdAAABwgAAABpAAAAxzhXMidwcmVwAAAHdAAAAEAAAABAW8i7eXdlYmYAAAe0AAAABgAAAAaxq1rVAAAAAQAAAADV7pT1AAAAAM9xeH8AAAAA1vtiKXjaY2BkYGDgAWIxIGZiYARCISBmAfMYAARkAEF42mNgZP7IOIGBlYGF1YB1BgMDowyEZr7CkMIkwMDAxMDKyQAGDUBJIKXAAAUBaa4pDA4MvKp/2Bv+AyXZc/7nMEDUMAAA2pgMAQAAeNpjYGBgZoBgGQZGBhAoAfIYwXwWhgggLcQgABRhArJ4GRIVuBSUFPQV4lX//P8PVg0SY0AW+//1/6IHLPff3n94f9MtMaiZaICRjQEuwQgymQldAQPlgJkKZvAz0AwAAFSqFWYAAAAAAACUASQBJHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaY2BkmMIwhT2HPYfBncGYYZMBA4P2Rkeml5s4QAxFIMMMyNjAb7xZwpGDQ5txg4f+BsZrGzWZX270ZNRmMDAUEjA3A0FjI3ExcQglKijCpqyopK5mamLPqKasxM4GgiJAeSA0NoKolmcUExUBiSsDFQLhFJeAnIwNM/asmLOkZIqoLJ+AjobCPwYdCXbxBStelBQUeAQY6OgYBHgUFJR0VDT4SLAI8Mzh4WhZs+TCnhkbMnICmF0YK8AMFxuXgimirBI6/xgUNHQE+KQk5syBaHwBMcXGooAHqJeHQ2BOQADYVgYgQISDMIMpwyY2oK+3CDAxsLNoI7MZN4iA/L+FmxnEg1IbRZFCQgHkSQGQxxRAviqpOHGA8cOBExUlINY/ASCLmQNNAMQC2o8EDBkAccdp6QAAAHjaY2BkYGAA4uhZb63j+W2+MshzMIDA+cKKehB97XeSJohmz2HPAVIcDEwgHgAhYQlpAAB42mNgZGBgz2EAAg4QAWIzMqACYQAXvwEEAAAAeNrjYIAADgiewryNgYE9h4EBRjNVMjAw3gZiGwhmeAuka4B0JkQ9iA2SZ7/AwAAAL2oJdXjaY2CAghYc8AgYngEAiDAJSQAAAAEAAAATAEgAAQAAAAAAAgABAAIAFgAAAQAANQAAAAB42lWPTU4CQRSEPxggURKXhriaC2j4Mxp2sOAAQDRxpzJjJhB/RrwEa07hSURPoCdw7Qmo7n4wuOjuqvfqVb0G6iyJKFUOKHEIhssciQUcMaBhuMIJN4arHLMwXJN66/Oh+srwmibvhj/l+WP4S/rfgL8jef7xypyMe2aMSHjgTfyWnCFPPCrHvbnqCTFtzuQb09Mp5gJv0eXUn7Y0ju0r/ntfieXqZz7DzTrfQn+t/h2pbbDtTzTvtujzrGlXvdDdVFKPjr/P/XYh/5Kp1KnyXOrC/yLkDXe+Y17UzdTJpZ1vAGHmN78AeNp9xkEOgjAURdH/CoIgioSNtIWCDo2ErSgJIUwYsAK3DaRv7J2cK0r+V4pAIZAOIU6IEOOMBCkuyHDFTX7IcUcRfcZ1/pp4mQatdXdo96GGWlrRmjra0JY+6JO+vLb3Oq/r3xt/ySPQAAAAuAH/hbABjQBLsAhQWLEBAY5ZsUYGK1ghsBBZS7AUUlghsIBZHbAGK1xYALACIEWwAytEAbADIEWwAytEWbAUKwABWtWxqgAA) format('woff');
font-weight: 400;
font-style: normal;
}

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

.header{position: relative;padding:10px 38px 10px 58px;background-color: #ffffff;z-index: 999}
.sticky_body{padding-top: 100px}
.sticky_body .header{background-color: rgba(255,255,255,1);position: fixed;left: 0;top: 0;width: 100%;box-shadow: 0 0 5px rgba(0,0,0,0.2)}
.logo{width:120px;height:52px;float:left;}
/*#menu{float:right;margin: 16px 0 0 0;}*/
#menu {position: relative;text-align: center;margin: 12px 0 0 0;padding-right: 75px;}
#menu ul li{display:inline-block;margin:0 10px;}
#menu ul li a{position: relative;display: block;color:#2974b9;overflow: hidden;text-transform: uppercase;}
#menu ul li.active a, #menu ul li a:hover{color:#e95559; }
.project-overv-rht{float: right;width: 37%;}
.hm-banner-sec{position: relative;}
.hm-banner-block{position: relative;background-repeat: no-repeat;height: calc(100vh - 100px) !important;background-size: cover;background-position: center}
.banner-overlay{position: absolute;left: 5%;top:70%;width: 45%;transform: translateY(-50%);text-transform: uppercase;padding-right: 30px}
.banner-overlay h2{color:#ffffff;font-size: 22px;overflow: hidden;line-height: 1;margin-bottom: 10px; text-shadow:2px 2px #000000;}
.banner-overlay p{color:#ffffff;font-size: 18px;overflow: hidden;margin:0 0 20px 0;text-shadow:2px 2px #000000;}
.banner-btns {position: absolute;text-align: center;bottom: 30px;left: 30px; display:none;}
.viewbtn, .brouchure-btn{display: inline-block;color:#171717;font-size: 20px;overflow: hidden;text-transform: uppercase;border:1px solid #111111;margin-right:30px;float: left}
.viewbtn {padding: 14px 60px 14px 25px;background: #ffffff url(images/play-icon.png) no-repeat 90% center;background-size: auto 22px}
.brouchure-btn {padding: 14px 25px 14px 60px;background: #ffffff url(images/download-icon.png) no-repeat 20px center;background-size: auto 24px}
.slick-prev:before, .slick-next:before{display:none;}
.banner-slideshow.slick-dotted.slick-slider{margin:0;}
.banner-slideshow .slick-prev, .gallery-slider .slick-prev{width: 18px;height:34px;background: url(images/left-arrow-new.png) no-repeat;z-index: 1;}
.banner-slideshow .slick-next, .gallery-slider .slick-next{width: 18px;height:34px;background: url(images/right-arrow-new.png) no-repeat;z-index: 1;}
.banner-slideshow .slick-dots,.gallery-slider .slick-dots{width: auto;left: 50%;transform: translateX(-50%);bottom:-52px;z-index: 1;}
.banner-slideshow .slick-dots li button:before, .gallery-slider .slick-dots li button:before{font-size: 14px;color:#2974b9;}
.slick-prev:focus, .slick-next:focus{outline: none;}
#app-btn {padding: 10px 65px 10px 25px;background: #f58f30 url(images/uparrow.png) no-repeat 92% center;color: #ffffff;font-size: 20px;text-transform: uppercase;position: fixed;right: -90px;background-size: 25px auto; top:35%;z-index: 500; transform: rotate(-90deg)}

.overview-sec{position: relative;padding:140px 0 80px 0;background-color: #f3faff;}
.heading{position: relative;margin:0 0 30px 0;}
.heading h2{color:#2974b9;font-size: 38px;overflow: hidden;font-weight:600;text-transform: uppercase;}
.overview-sec p, .amenities-wrap p{color: #212121;font-size: 20px;overflow: hidden;margin:0 0 20px 0;/*margin:0 0 74px 0;*/text-align: center;}
.overview-box{position: relative;overflow: hidden;margin:0 0 20px 0;}
.overview-icon{float:left;width:133px;height:133px;background-repeat: no-repeat;background-position: center center;}
.overview-box .txt-content {position: absolute;left: 144px;top: 0;height: 100%}
.overview-box .txt-content span {display: block;color: #212121;font-size: 20px;overflow: hidden;position: relative;top: 50%;transform: translateY(-50%)}

.amenities-wrap{position: relative;padding:80px 0 30px;z-index: 3}
.amenities-dropdown{position: relative;width: 530px;margin: 0 auto 90px;cursor: pointer;}
.amenities-dropdown ul{display: none;position: absolute;left: 0;top: 100%;width: 100%;background-color: #ffffff;z-index: 1;border: 1px solid #2974b9;border-top: 0 none;}
.amenities-dropdown ul li, .amenities-dropdown .selected-value{display: block;padding:8px 114px 8px 30px;-webkit-appearance: none;color:#232323;font-size:20px;text-transform: uppercase;}
.amenities-dropdown:before{position: absolute;content:'';right:0;top:0;width:100px;height:48px;background: #2974b9 url(images/down-arrow.png) no-repeat center center;}
.amenities-dropdown .selected-value{border-bottom: 1px solid #2974b9;height:48px;}
.grid-sizer,
.grid-item {width: 23.33%;}
.gutter-sizer {width: 2%;}
.masonary-listing .meson-grid .grid-item{margin: 0 0 100px 0;}
.amenities-icon{position: relative;width: 50px;height:50px;margin:0 auto 20px;background-position: center center;background-repeat: no-repeat;}
.amenities-box span{display: block;color:#010101;font-size: 20px;overflow: hidden;line-height:26px;height:52px;}

.hm-config-wrap{position: relative;padding:0 3% 150px 3%;}
.hm-config-block{position: relative;}
.hm-config-lft{float:left;width:60%;text-align: center;}
.hm-config-rht{float:right;width:37%;}
.price-overlay-header{position: relative;background-color: #1c1c1c;overflow: hidden;}
.price-overlay-header ul li{float:left;width:25%;padding:20px 10px;color:#afafaf;font-family: 'Poppins';font-size: 18px;font-weight: 300;overflow: hidden;}
.price-overlay-body{position: relative;border:1px solid #c4c4c4;border-top:0 none;}
.phase-box{width: 100%;background-color: #2974b9;color:#000000;font-family: 'Poppins';font-size: 18px;font-weight: 300;padding:20px 10px;}
.price-overlay-body ul li{float:left;width: 100%;border-top:1px solid #c4c4c4;}
.price-overlay-body ul li .price-overlay-grid{float:left;width:25%;padding:20px 10px;color:#212121;font-family: 'Poppins';font-size: 18px;font-weight: 300;overflow: hidden;}
.price-overlay-body ul li .price-overlay-grid.wht-clr{color:#2974b9;text-decoration: none;}
/*.pr-margin{margin:0 0 98px 0;}*/
.pr-margin{margin:0 0 50px 0;}
.proj-video-box{position: relative;display: block}
.proj-video-box:before{content: '';position: absolute;left: 50%;top: 50%;width: 192px;height: 192px;background: url(images/video-play-icon.png) no-repeat center center;margin-left: -96px;margin-top: -96px}

.hm-floor-plan-wrap{position: relative;padding:80px 3% 60px 3%;background-color: #2974b9;}
.hm-floor-plan-wrap .heading h2{color:#ffffff}
.floor-tab{position: relative;text-align: center;}
.floor-tab-header{margin:0 0 40px 0;}
.floor-tab-header li{display: inline-block;width:auto;margin:0 27px;}
.floor-tab-header li a{position: relative;display: block;color:#ffffff;font-size: 24px;overflow: hidden;padding:16px 0 5px;border-bottom: 2px solid #ffffff;opacity:0.4;}
.floor-tab-header li.active a{opacity:1;}
.floor-tab-pannel{position: relative;display: none}
.floor-tab-pannel .imgbox{border:10px solid #5da2dc;margin:0 0 20px 0;}
.floor-tab-pannel .imgbox:hover, .location-map .location-map-frame:hover{border-color:#000000;}
/*.floor-tab-pannel .col-md-4 {float: none;display: inline-block;vertical-align: top;}*/

.location-map{position: relative;text-align: center;padding:100px 3%;}
.location-map .location-map-frame{border:10px solid #2974b9;}
.location-map-frame iframe{display: block}

.conectivity-wrap{position: relative;padding:0 5% 100px 5%}
.conectivity-tab{position: relative;}
.conectivity-tab-header{margin:0 -0.5% 50px -0.5%;}
.conectivity-tab-header li{display: inline-block;width:23.33%;margin:0 0.5%;font-size:0;}
.conectivity-tab-header li a{position: relative;display: block;color:#2974b9;font-size:18px;overflow: hidden;text-transform: uppercase;font-weight: 600;padding: 18px 10px;border:1px solid #70a2d0;}
.conectivity-tab-header li.active a{color: #e95559}
.conectivity-tab-pannel{display: none;}
.dotted-border{background: url(images/dotted-img.png) repeat;position: absolute;left: 0;right: 0;top: 60%;height:2px;margin: 25px 0 0 0;}
.nearby-block{position: relative;}
.nearby-num-box{border:1px solid #fb1118;padding:14px;display: inline-block;margin:0 0 14px 0;width:120px;background-color: #fff;}
.nearby-num-box .nearby-num{display: block;color:#2974b9;font-size:43px;font-weight:600;overflow: hidden;line-height: 50px;}
.nearby-num-box .minutes{display: block;color:#2974b9;font-size:24px;font-weight:700;overflow: hidden;text-transform: uppercase;line-height: 30px;}
.nearby-block p{color:#000000;font-size:17px;overflow: hidden;text-transform: uppercase;/*height:56px;*/}
.conectivity-tab-slider, .conectivity-tab-two-slider, .conectivity-tab-three-slider, .conectivity-tab-four-slider{position: relative;z-index: 1;}
.conectivity-tab-slider .slick-prev{width:20px;height:37px;background:url(images/slide-lft-arrow.png) no-repeat;left:-40px;z-index:1;display: none;transform: translateY(-46px);}
.conectivity-tab-slider .slick-next{width:20px;height:37px;background:url(images/slide-rht-arrow.png) no-repeat;right:-40px;z-index:1;display: none;transform: translateY(-46px);}
.conectivity-tab-slider .slick-prev:hover, .conectivity-tab-slider .slick-prev:focus{background-image:url(images/slide-lft-arrow.png);}
.conectivity-tab-slider .slick-next:hover, .conectivity-tab-slider .slick-next:focus{background-image:url(images/slide-rht-arrow.png);}
.conectivity-tab-slider .slick-arrow.slick-disabled{opacity:0;}
.conectivity-tab-slider{z-index: 2}

.hm-about-wrap{position: relative;padding: 110px 0 60px 0;}
.hm-about-wrap .heading, .gallery-wrap .heading, .location-map .heading, .conectivity-wrap .heading{display: inline-block;}
.heading h2{position: relative;display: inline-block;vertical-align: top}
.heading h2:before{position: absolute;content: '';left:0;right:0;height:1px;background-color: #fb1118;bottom:0;}
.hm-about-wrap .heading h2, .gallery-wrap .heading h2, .location-map .heading h2, .conectivity-wrap .heading h2{color:#2e77ba;font-size: 38px}
.hm-about-wrap p{color:#212121;font-size: 20px;overflow: hidden;margin:0 0 30px 0;}
.conectivity-wrap .heading h2{text-transform: uppercase;}
.proj-video-box{position: relative;}
.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;}
.proj-video-box .slick-prev{width: 38px;height: 37px;background: url(images/left-arrow-new.png) no-repeat;left: 10%;top: 50%;z-index:1;}
.proj-video-box .slick-next{width: 38px;height: 37px;background: url(images/right-arrow-new.png) no-repeat;right: 10%;top: 50%;z-index:1;}
.proj-video-box .slick-prev{left: 15px}
.proj-video-box .slick-next{right: 15px}
.copyright{position: relative;padding:20px 14px;background-color: #000000;}
.copyright p{color:#575757;overflow: hidden;font-size:18px;}

#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;}
.popup { top: 50%;max-height: 90%;overflow-y: auto;display: none;position: fixed;transform: translateY(-50%); left:50%; z-index: 99999; width: 450px;margin:0 0 0 -225px;background-color:#ffffff;padding: 40px 32px; -moz-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;transition: .5s ease-in-out;}
.app-form h3 {font-size: 35px;color: #2974b9;margin:0 0 24px 0;text-transform: capitalize;overflow: hidden;border-bottom:1px solid #fb1118;display: inline-block;}
.app-form .short-desc{color:#000000;font-size:20px;overflow: hidden;margin:0 0 30px 0;}
.en-form-group{margin:0 0 30px 0;position: relative;}
.enq-input{padding: 6px 10px 6px 30px;font-size: 13px;color:#706a5e;position: relative;display:block;width:100%;background: transparent;border-bottom:1px solid #e4e4e4;font-family: 'proxima_nova';margin:0 0 22px 0;}
.en-sub-btn {font-size: 22px;color: #ffffff;text-transform: uppercase;padding: 14px 20px;display:block;width: 100%;background: #2974b9;cursor: pointer;}
.close-btn {position: absolute;right: 12px;top:12px;width: 22px;height: 22px;z-index: 1;background: url(images/close-icon.png) no-repeat;cursor: pointer;}
.popup.active-form{right:0;}
/*.form-group-btn{margin:0 0 36px 0;}*/
.contact-num{color:#111421;font-size:22px;overflow: hidden;padding:0 0 0 30px;background: url(images/phone-icon.png) no-repeat left center;display: inline-block;}
.name-icon{background: url(images/name-icon.png) no-repeat left center;}
.email-icon{background: url(images/email-icon.png) no-repeat left center;}
.mob-icon{background: url(images/mob-icon.png) no-repeat left center;}
.prc_active #overlay_frm{opacity: 1;visibility: visible;z-index: 9990}
.price_frm_popup{position: fixed;left: 50%;width: 450px;padding: 40px 32px;margin-left: -225px;transform: translateY(-50%);top:50%;background-color: #ffffff;z-index: 999999;display: none}


.app-form .accept-box input {padding: 10px;border-radius: 3px;background: #f5f8fa;margin-bottom: 15px;font-size: 14px;
color: #000000;margin-bottom: 10px;border: 0;width: 100%;font-family: inherit;margin-top: 10px;font-weight: 400;}
.app-form .accept-box input[type=checkbox] {width: 13px;height: 13px;padding: 0px;margin: 0px;display: inline-block;vertical-align: top;position: relative;
top: 5px;left: 0px;border: 1px solid #b9b9b9;border-radius: 4px;}
.app-form .accept-box input[type=checkbox]::after {content: '';width: 7px;height: 7px;position: absolute;top: -2px;left: 1px;font-size: 10px;font-weight: 700;}
.app-form .accept-box .wpcf7-list-item-label {display: inline-block;vertical-align: top;margin-left: 10px;width: 87%;margin-bottom: 5px;}
.app-form .last{display: block !important;}
.inq_active #overlay{opacity: 1;visibility: visible;z-index: 9900}


.thank-you-wrap, .error-wrap{position: relative;background: url(images/thank-banner.jpg?v=0.1) no-repeat;width: 100%;background-size: cover;height:80vh;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;}


/* ------------------***************** 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{left: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:12px 0 0 0;-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;display: none;overflow: hidden;z-index: 1030;}
.mobilemenu-icon span {display: block;position: absolute;height: 6px;width: 50%;background: #2974b9;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;}

.amenity_group{position: relative}
.amenity_item{width: 25%;float: left}
.amenity_item{display: block;margin-bottom: 50px}

/* Style for validation messages  */
body div.wpcf7 img.ajax-loader {float: right;margin-left: 0;margin-top: 5px;}
body div.wpcf7-response-output {margin: 0 0 15px;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;}
body span.wpcf7-list-item{margin: 0}

/* Style for Call holder */
.call_holder {position: fixed;right: -180px;top: 70%;padding: 10px 20px 10px 50px;font-size: 18px;line-height: 24px;color: #000000;background: #2974b9 url(images/callme.png) no-repeat 10px center;z-index: 99999;font-family: 'Montserrat', sans-serif;cursor: pointer;margin-top: -25px}
.ch_number{float: left;font-family: 'Montserrat', sans-serif;letter-spacing: 1px}
.call_ctas{float: right;padding-left: 20px;width: 100%;display: none}
.call_ctas a{float: left;width: 48%;margin: 0 1%;color: #000000;padding: 8px 10px;text-align: center;font-size: 16px;border: 2px solid #000000;line-height: 20px;text-decoration: none !important}
.call_holder, .call_holder *{-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;}
.ch_opener{position: absolute;left: 0;top: 0;width: 50px;height: 100%;}
.call_holder.active{right: 0}
.enq_popup_panel{position: relative;display:none}
.db	{display:none}
.desk-view	{display:inherit;}
.header_call {display:inherit;position: absolute;border: 1px solid #2974b9;padding: 8px 10px 8px 45px;line-height: 19px;font-size: 15px;top: 25px;color: #2974b9;right: 20px;}

.header_call:before {content: '';position: absolute;left: -1px;top: -1px;width: 37px;height: 37px;border: 1px solid #2974b9;background: url(images/call-icon.png) no-repeat center center;background-size: 55% auto;}
.mnemonics {position: absolute;top: 413px;left:10px;width: 200px;height: auto;z-index: 9;}
.privacy p, .privacy ul li {margin-bottom:10px;}
.privacy ul li {list-style-type:disc;}
.privacy ol li {list-style-type:decimal;}

.text-justify {text-align:justify!important;}
p.footer-link a, p.footer-link span {color:#b7b7b7;text-decoration:none;}
p.footer-link a:hover {color:#ffffff;text-decoration:underline;}
.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: #ffffff;
    color: #000000;
    font-size: 16px;
    font-family: 'Open Sans';
    border-bottom:1px solid #cccccc;}
    
.ccd-right-section input[type="submit"] {
    background: #2974b9;
    color: #ffffff;
}
.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:#ffffff;
}
.call-us-top {
    position: relative;
    background-color: #2974b9;
    padding: 15px 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.call-us-top .call-icon {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    margin-right: auto;
}
.call-us-top .callus-text {
    width: calc(100% - 86px);
    margin-left: auto;
}
.call-us-top .callus-text span {
    display: block;
    font-size: 16px;
    color: #ffffff;
}
.call-us-top .callus-text a {
    font-size: 24px;
    color: #ffffff;
    line-height: 1.4;
}
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){
.header {padding:10px 14px;}
#menu ul li {margin: 0 0 0 16px;}
.banner-overlay h2 {font-size: 22px}
.banner-overlay {right: 14px;width: 740px;}
.viewbtn, .brouchure-btn {margin: 0 10px;}
.hm-config-wrap {padding: 0 14px 50px 14px;}
.hm-floor-plan-wrap {padding: 80px 14px;}
.location-map {padding: 100px 14px;}
.conectivity-wrap {padding: 0 14px 100px 14px;}
.conectivity-tab-slider .slick-prev {left: 14px;transform: translateY(-36px);}
.conectivity-tab-slider .slick-next {right: 14px;transform: translateY(-36px);}
.dotted-border {left: 44px;right: 44px;}
.conectivity-tab-header li a {font-size: 20px;padding: 10px 10px;}
}

@media screen and (max-width: 1024px){
	.project-overv-rht, .price-over-rht {float: left;width: 100%;}
.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%;left: -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;}
#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 #70a2d0;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;}
.copyright {padding: 14px 14px 74px 14px;}
.copyright p {font-size: 16px;}
.hm-about-wrap {padding: 40px 0 24px 0;}
.heading {margin: 0 0 26px 0;}
.hm-about-wrap .heading h2, .gallery-wrap .heading h2, .location-map .heading h2, .conectivity-wrap .heading h2 {font-size: 40px;}
.hm-about-wrap p {font-size: 16px;margin: 0 0 20px 0;}
.banner-slideshow .slick-prev, .gallery-slider .slick-prev, .banner-slideshow .slick-next, .gallery-slider .slick-next {width: 14px;height: 27px;background-size: 14px;}
.banner-overlay {right: 0;width: 100%;left: 0;text-align: center;padding: 0 10%}
.banner-overlay h2 {font-size: 22px}
.viewbtn {padding: 10px 50px 10px 26px;font-size: 18px;background-size: 16px;}
.brouchure-btn {padding: 10px 26px 10px 50px;background-size: 16px;background-position: 18px center;font-size: 18px;}
.banner-btns a{float: none;margin: 0 20px;vertical-align: top}
#app-btn {padding: 8px 50px 8px 20px;font-size: 16px;background-size: 20px;}
.heading h2 {font-size: 36px;}
.overview-sec p, .amenities-wrap p {font-size: 17px;margin: 0 0 40px 0;}
.overview-icon {width: 100px;height: 100px;background-size: contain;}
.overview-box .txt-content {left: 114px;}
.overview-box .txt-content span {font-size: 16px;}
.overview-sec {padding: 80px 0 40px 0;}
.amenities-wrap {padding: 40px 0;}
.amenities-dropdown {width: 100%;margin: 0 auto 40px;}
.grid-sizer,.grid-item{width: 31.33%;}
.gutter-sizer{width: 2%;}
.masonary-listing .meson-grid .grid-item {margin: 0 0 40px 0;}
.hm-config-lft {width: 100%;margin: 0 0 40px 0;}
.pr-margin {margin: 0 0 44px 0;}
.hm-config-rht {float: none;width: 60%;margin: 0 auto;clear: both;}
.hm-floor-plan-wrap {padding: 40px 14px;}
.floor-tab-header {margin: 0 0 40px 0;}
.floor-tab-header li {margin: 0 14px;}
.floor-tab-header li a {font-size: 24px;padding: 8px 0;}
.location-map {padding: 40px 14px;}
.nearby-num-box .nearby-num {font-size: 60px;line-height: 70px;}
.nearby-num-box .minutes {font-size: 24px;line-height: 30px;}
.nearby-block p {font-size: 16px;height: 44px;}
.conectivity-wrap {padding: 0 14px 50px 14px;}
.conectivity-tab-header li a {font-size: 15px;}
.proj-video-box:before {width: 100px;height: 100px;margin-left: -50px;margin-top: -50px;background-size: 100% auto}
/*.amenity_item{width: 33.33%}*/
.ccd-right-section {display:none;}
.ccd-left-section {width:100%;}
}
@media screen and (max-width: 899px){
.overview-icon {margin: 0 auto 20px;float: none;}
.overview-box .txt-content {left: auto;position: relative;text-align: center;bottom:auto; margin-top:30px;}
.amenity_item{width: 33.33%}
#app-btn	{right:0!important; display:none;}
.db	{float: left;margin: 0 15px;padding: 14px;border: 1px solid #000; display:none;}
.db img	{ height:16px;}
.desk-view	{display:none!important;}
#app-btn{right:14px;}
.mnemonics {position: absolute;top: 700px;left: 10px;width: 80px;height: auto;z-index: 9;}
}
@media screen and (max-width: 767px){
	.proj-video-box::before {margin: -35px 0 0 -35px;width: 70px;height: 70px;background-size: 70px;}
.banner-overlay h2 {font-size: 22px;line-height: 24px;}
.banner-overlay p {font-size: 16px;margin: 0 0 20px 0;}
.heading h2, .thank-you-wrap h2, .hm-about-wrap .heading h2, .gallery-wrap .heading h2, .location-map .heading h2, .conectivity-wrap .heading h2 {font-size: 28px;}
.thank-you-wrap p {font-size: 16px;}
.grid-sizer,.grid-item{width: 49%;}
.gutter-sizer{width: 2%;}
.amenities-dropdown .selected-value {padding: 8px 70px 8px 20px;height: 40px;font-size: 16px;}
.amenities-dropdown ul li{padding: 8px 20px;font-size: 14px;}
.amenities-dropdown:before {width: 60px;height: 40px;background-size: 22px;}
.price-overlay-header ul li, .phase-box, .price-overlay-body ul li .price-overlay-grid {padding:10px;font-size: 16px;}
.conectivity-tab-header li a {font-size: 14px;height: 60px;}
.app-form h3 {font-size: 30px;}
.popup {padding: 16px 30px;}
.en-sub-btn {font-size: 18px;padding: 10px 20px;}
.contact-num {font-size: 18px;}
.form-group-btn {margin: 0 0 20px 0;}
.en-form-group label span{font-size:14px}
.call_holder {width: 94vw;padding: 8px 20px 8px 50px;right: -94vw;margin-right: 50px;background-position: 14px center; display:none}
.ch_number{display: none}
.call_ctas{display: block}
.call_holder.active{right: 0;margin-right: 0}
/*banner form code*/
.form-area {position:relative!important;width:100%!important; margin:0 auto!important; right:0!important;}
.mobile-sticky-btns {position: fixed;bottom: 0;left: 0;width: 100%;z-index: 99999;}
.mobile-sticky-btns a {padding: 12px 15px;color: #ffffff;background-color: #f58f30;font-size: 16px;width:50%; font-weight:normal}
.mobile-sticky-btns a:nth-child(2) {border-left: 1px solid;}
.d-flex {display: flex!important;}
.header_call {display:inherit;/*text-indent: -9999px;*/border: 0 none;padding-right: 0;padding-left: 30px;right: 65px;top: 20px;}
.header_call:before {display:none;content: '';position: absolute;left: 0;top: 0;width: 28px;height: 28px;border: 1px solid #2974b9;background: url(images/call-icon.png) no-repeat center center;background-size: 55% auto;}
}
@media screen and (max-width: 599px){
.proj-video-box a:before{width: 70px;height: 70px;background-size: 100% auto;margin: -35px 0 0 -35px}
.banner-overlay h2 {font-size: 22px;line-height: 24px;}
.short-desc span {font-size: 16px;}
.amenities-dropdown {font-size: 18px;}
.hm-config-rht {width: 100%;}
.popup {left: 14px;width: auto;right: 14px;margin:0;}
.conectivity-tab-header {margin: 0 0 50px 0;}
.conectivity-tab-header li {display:block;width: 100%;margin: 0 0 10px 0;}
.conectivity-tab-header li a {font-size: 14px;height: auto;}
.dotted-border {margin: 104px 0 0 0;}
.banner-btns{bottom: 20px}
.banner-btns a{margin-bottom: 15px;width:200px}
.amenity_item{width: 50%}
.price_frm_popup{width: 92%;margin-left: 0;left: 4%;padding: 26px 20px 15px}
}

@media screen and (max-width: 380px){
.gutter-sizer{width: 0%;}
.grid-sizer,.grid-item{width: 100%;}
.amenity_item{width: 100%;margin-bottom: 40px}
}
.text-18	{ font-size:18px;}
.text-18-strike	{ font-size:18px; text-decoration: line-through;}
.ch_block_fill {
    display: inline-block;
    padding: 17px;
    line-height: 20px;
    font-size: 17px;
    font-weight: normal;
    background-color: #2974b9;
    color: #ffffff;
    vertical-align: top;
    border: 1px solid #2974b9;}

.ch_block_border {
    background-color: transparent;
    border: 1px solid #2974b9;
    color: #2974b9;
    display: inline-block;
    padding: 19px;
    line-height: 20px;
    font-size: 17px;
    font-weight: normal;
}
.overlaybannerbg	{background:rgb(0,0,0,0.5);
padding:20px 20px 0 20px;
}
/*banner form code*/
.form-area {
	background-color: #fff;
    left: auto;
    top: 20%;
    padding: 25px 30px;
    right: 6%;
    z-index: 9;
    position: absolute;
}
.form-area h3 {
    font-size: 35px;
    color: #2974b9;
    margin: 0 0 24px 0;
    text-transform: capitalize;
    overflow: hidden;
    border-bottom: 1px solid #fb1118;
    display: inline-block;
}
.pt-0 {padding-top:0px!important;}
.pt-40 {padding-top:40px!important;}
.pb-0 {padding-bottom:0px!important;}
.pb-40 {padding-bottom:40px!important;}
.mt-0 {margin-top:0px!important;}
.mt-40 {margin-top:40px!important;}
.mb-0 {margin-bottom:0px!important;}
.mb-40 {margin-bottom:40px!important;}

.floor-tab-slider .slick-prev{width: 38px;height: 37px;background: url(images/black-left-arrow-new.png) no-repeat;left: 15px;top: 50%;z-index:1;transform: translateY(-50%);}
.floor-tab-slider .slick-next{width: 38px;height: 37px;background: url(images/black-right-arrow-new.png) no-repeat;right: 15px;top: 50%;z-index:1;transform: translateY(-50%);}
.floor-tab-slider .slick-prev:focus{background: url(images/black-left-arrow-new.png) no-repeat;}
.floor-tab-slider .slick-next:focus{background: url(images/black-right-arrow-new.png) no-repeat;}
.disclaimer {font-size:14px!important;}
.disclaimer span {font-size:14px!important; font-weight:bold;}