@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,700,900);
*{margin:0; padding:0; text-decoration:none; outline:none}
/*Reset*/
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, font, 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, input, textarea, select, options {margin:0; padding:0; border:0; font-size:100%; font-family:'Roboto', sans-serif; outline:none}
/*Misc*/
.hidden{display:none}
.no-overflow{overflow:hidden}
.left{float:left}
.right{float:right}
.clear{clear:both}
.block{display:block}
.inline{display:inline-block}
.relative{position: relative}
.absolute{position:absolute}
.ucase{text-transform:uppercase}
.tcase{text-transform:capitalize}
.calign{text-align:center}
.ralign{text-align:right}
.malign{vertical-align:middle}
.lspace{letter-spacing:2px}
.justify{text-align:justify}
.box{box-sizing:border-box}
.container{padding:0 5em}
.container-fluid{width:100%}
.featured-content{padding:25px}
.mwidth{max-width:100%; height:auto; margin:auto}
.scrollup{height:20px; width:20px; font-size:20px; line-height:24px; padding:10px; border-radius:20px 20px 0 0; position:fixed; z-index:101; bottom:50px; left:48%; display:none}
.relpar{height:0; width:100%}
.switch{display:table}
.switch2{display:none}
.myBtn{cursor:pointer}
.update img{padding:5px; background:#fff}
/*bg-colors*/
.bg-blue{background:#34495e}
.bg-white{background:#fff}
.bg-gray{background:#f1f1f2}
.bg-green{background:#5caf4c}
.bg-red{background:#d5265c}
/*text colors*/
.white{color:#fff}
.black{color:#444}
.green{color:#5caf4c}
.yellow{color:#f29620}
.dblue{color:#5e6d77}
.blue{color:#34495e}
.lblue{color:#2aacff}
/*text*/
h1,h2,h3,h4{font-size:24px; font-weight:900; margin:10px 0}
p{font-size:14px; margin:10px 0; line-height:24px}
.big{font-size:18px; line-height:166%}
.small{font-size:11px}
section, footer{
	width: auto !important;
	float: none !important;
}
/*header*/
.top-header{padding:5px 5em; background:#030f26; position:fixed; top:0; left:0; right:0; z-index:10; height: 40px;}
.logo-main{height:auto; width:175px; position:absolute; left:25px; top:50px}
.top-header nav ul li{display:inline-block; font-size:.70em; line-height:32px; font-weight:normal; background:none; transition:all 400ms}
.top-header nav ul li a{display:block; padding:0 7px; color:#fff}
.top-header .anchor-link{font-size:18px; line-height:32px}
#menu-toggle{display:none;}
.callnow{position:fixed; right:0; top:42px; z-index:9; padding:5px; font-size:18px; line-height:1; box-shadow:0 0 3px rgba(0,0,0,0.2); transition: all 0.3s}
.callnow span{}
/*gallery*/
.gallery{ height:100vh; width:100%; background:url(images/banner-2.jpg) center top no-repeat; background-size:100%; background-attachment:fixed}
.gallery .main-picture{width:100%; height:auto; position:absolute; left:50%; top:0; transform:translateX(-50%); -webkit-transform: translateX(-50%); transition:all 500ms;-webkit-transition:all 500ms;}

/*cta projects*/
.cta{height:200px; position:absolute; bottom:0; left:7em; right:7em; background:rgba(0,0,0,0.8)}
.cta .cover{position:absolute; width:100%; height:100%; top:0; left:0; padding:30px 100px}
.cta .cover .boxes{margin-right:50px; float:left}
.cta .title, .cta .cover .price{font-size:3em; margin:0; padding:0; font-weight:900; line-height:100%}
.cta .price sup{padding:0; margin-right:5px; line-height:100%; font-size:.5em}
.cta .price sub{font-size:.3em; position:relative; line-height:100%}
.cta .cover .plogo{width:90px; height:auto; position:absolute; left:-45px; top:55px}
.cta .cover .address{padding:10px 0 0}
.cta-info .info{margin-right:25px}
.cta-info .info i{font-size:1.5em; margin-right:5px}
.cta .btn{position:absolute; right:70px; top:25px}

/*blockquote*/
blockquote{display:block; margin:10px auto; width:75%; padding:25px 20px 25px 30px; position: relative; font-size: 16px; line-height: 1.2;}
blockquote::before{content: "\201C"; font:60px sans-serif; position: absolute; left:0; top:15px}
blockquote::after{content: ""}

/*projects*/
.hot-projects{padding:5em 7em}
.hot-projects .projects{width:30%; margin:5% 3% 0 0}
.hot-projects .projects .property-image{width:100%; height:250px; overflow:hidden}
.hot-projects .projects .property-image img{position:absolute; left:50%; top:50%; transition:all 500ms;-webkit-transition:all 500ms; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); height:100%; width:auto}
.hot-projects .projects:hover .property-image img{height:125%}
.hot-projects .projects .project-info{display:block; border:1px solid #ccc; border-top:none}
.hot-projects .projects .project-info .title{margin:0; padding:15px; font-size:16px; line-height:16px; font-weight:700; position:absolute; top:-46px; left:-1px; right:-1px; background:rgba(0,0,0,0.7); transition:all 0.5s}
.hot-projects .projects .project-info .info{margin:0; padding:15px; padding-right:0; font-size:13px; border-top:1px solid #eee}
.hot-projects .projects .project-info .info i{font-size:1.5em; margin-right:5px}
.hot-projects .projects .price-info{padding:10px; height:44px; position:absolute; top:-20px; left:0; font-size:12px; line-height:1; font-weight:500; border-radius:0 22px 22px 0}
.hot-projects .projects .price-info i{font-size:2.1em; line-height:1; margin-right:5px; vertical-align:top}

/*about us*/
.about{padding:5em}

/*cerise suites*/
.banners{width:100%; margin:15px auto}
.banners img{width:100%; height:auto}
.info{margin:15px 0; list-style: none;}
.info li{width:155px; height:50px; list-style: none; padding:10px; background:#f1f1f2; border-radius:35px; margin-right:20px}
.info li i{height:50px; width:50px; background:url(images/highlights.png) no-repeat; background-position:0 0}
.info li i.lift{background-position:-50px 0}
.info li i.terrace{background-position:-100px 0}
.info li i.gated{background-position:-150px 0}
.info li i.power{background-position:-200px 0}
.info li i.luxury{background-position:-250px 0}
.info li span{font-size:12px; line-height:1.5; vertical-align:top; padding:5px 0 0 10px}

.highlight{background:url(images/banner-2.jpg) no-repeat; background-size:cover; width:100%; height:auto}
.highlight .highlight-text{width:50%; height:auto; float:right; padding:25px; margin:25px; background:rgba(0,0,0,.5);  max-height: 655px; overflow: hidden;
    overflow-y: scroll;}
.highlight:after{display:block; content:""; clear:both} 

.price-list{background:url(images/pricelist-bg.jpg) no-repeat; background-attachment:fixed; height:auto; padding:5em; background-size: cover;}
table{font-size:12px; width:100%; border-spacing:0; border-collapse:separate}
table td, .plan .plan-info table th{padding:10px 0; text-align:left; border-bottom:1px solid #ddd}
table.pricelist{background:rgba(0,0,0,.7); margin:15px 0; padding:15px}
table.pricelist td, table.pricelist th{border-bottom:1px solid rgba(255,255,255,.5)}
table.pricelist tr:last-child td{border:0}

/*floorplan*/
.accordion, .accordion * {box-sizing:border-box;-webkit-transition:0s cubic-bezier(0.65, 0.05, 0.36, 1);transition:0s cubic-bezier(0.65, 0.05, 0.36, 1);}
.accordion {overflow:hidden;box-shadow:0px 1px 3px rgba(0,0,0,0.25)}
.accordion-section-title {width:100%;padding:10px 14px;display:inline-block;background:#5caf4c;-webkit-transition:all linear 0.15s;transition:all linear 0.15s;font-size:24px; color:#fff; border-bottom:2px solid #fff}
.accordion-section-title span {display:block; font-size: 15px;margin:6px 0 0 0; color:#ddd}
.accordion-section-title.active, .accordion-section-title:hover {background:#6aca58; border-bottom:2px solid #fff}
.accordion-section-content {padding:15px;display:none;background:#fff;width:100%;float:left;}

/*tabbed panels search*/
.TabbedPanels{width:100%; margin:25px 0}
.TabbedPanels .TabbedPanelsTabGroup{height:60px; text-align:center}
.TabbedPanels .TabbedPanelsTab{padding:0 15px; font-weight:900; display:inline-block; color:#fff; font-size:1em; line-height:60px; list-style:none; cursor:pointer}
.TabbedPanels .TabbedPanelsTabSelected{background:#f8f8f8; color:#444; border-top:5px solid #5caf4c; top:-5px}
.TabbedPanels .TabbedPanelsContentGroup{padding:15px; background:#f8f8f8}
.TabbedPanels .TabbedPanelsContent{clear:both}

.plan{width:100%; padding:10px; background:rgba(255,255,255,0.2); -webkit-transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 380ms;transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 380ms;}
.plan .plan-info{padding:25px}
.plan .plan-info table{font-size:12px; width:100%; border-spacing:0; border-collapse:separate}
.plan .plan-info table td, .plan .plan-info table th{padding:10px 0; text-align:left; border-bottom:1px solid #ddd}
.plan .floorplans img{max-height:400px; max-width:100%}
/*services*/
.services{background:url(../assets/images/banner-3.jpg) no-repeat; background-attachment:fixed; padding:5em}
.services .our-services{padding:15px; margin:15px 0}
.services .our-services .services-info{width:100px; height:100px; border-radius:50px; border:1px solid rgba(255,255,255,.3); margin:10px auto; transition:all 0.5s}
.services .our-services:hover .services-info{background:#2aacff; border-color:#2aacff}
.services .our-services .services-info i{font-size:40px; line-height:100px; color:rgba(255,255,255,.8)}
.services .our-services .title{font-size:24px; display:block; line-height:36px; font-weight:300}

/*builders*/
.builders{padding:5em}
.builders img{width:73px; height:70px; margin:auto}

/*video*/
.video{padding:5em 10em}
.video video{width:100%; height:auto}
#map {width:100%; height:640px; background:#fff}

/*magnifier lence*/
.wrap {width:100%; position:relative}
.magnifierRentgen{box-sizing:border-box;overflow:hidden;position:relative;width:100%}
.magnifierRentgen .magnifier-loupe{overflow:hidden;position:absolute;border-radius:10em;top:0;left:0; box-shadow:rgba(0,0,0,0.3) 5px 5px 8px;cursor:none;-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2);display:none}

footer{padding:2em 5em}

/*-----------form----------*/
.modal{width:250px; padding:20px; bottom:0; right:10px; position:fixed; display:block; z-index:4; background:rgba(0,0,0,.9); box-shadow:0 0 10px rgba(0,0,0,.2)}
.close{font-size:22px; line-height:22px; padding:5px; top:10px; right:10px; position:absolute; cursor:pointer; border-radius:15px; display:block}
input, textarea{box-sizing:border-box}
.popup-input{background:#fff; border-radius:3px; border:0; padding:5px; line-height:30px; height:30px; width:100%; margin:5px 0; color:#444; font-size:.8em}
.popup-field{background:#fff; font-family:'poppins'; border-radius:3px; border:0; padding:5px; line-height:15px; height:40px; width:100%; max-width:100%; max-height:40px; margin:5px 0; color:#444; font-size:.8em}
.popup-input-half{background:#fff; border-radius:3px; border:0; padding:5px; line-height:30px; height:30px; width:47.5%; margin:5px 0; color:#444; font-size:.8em}
.label{font-size:.8em; color:#fff; margin:5px 0; display:block}
.popup-input::-webkit-input-placeholder {color: #444} .popup-input:-moz-placeholder {color: #444} .popup-input::-moz-placeholder {color: #444} .popup-input:-ms-input-placeholder {color: #444}
.open-form{display:none; position:fixed; z-index:10; bottom:20px; right:20px; font-size:14px; padding:10px}
.animate{animation:bg 1.5s infinite}
@keyframes bg {0%{background:rgba(0,90,171,1);}49%{background:rgba(0,90,171,1);}50%{background:rgba(77,184,72,1);}99%{background:rgba(77,184,72,1);}}
.btn{width:100%; font-size:15px; line-height:30px; cursor:pointer; margin:10px auto; font-weight:700; text-align:center; transition:all 0.5s ease}
.btn.btn-transparent {background: transparent; border: 2px solid}
.btn.btn-transparent.white {border-color:#000; color: #000; padding:10px 15px}
.btn.btn-transparent.white:hover {background-color: #000; border-color:#000; color: #fff}
.btn.btn-transparent.green {border-color:#4db848; border-radius:3px; color:#fff; background:#4db848}
.btn.btn-transparent.blue {border-color:#0c78adb; color:#fff; background:#0c78ad}

/*content*/
.content{padding:5vh 0}
.col-75{width:75%}
.col-65{width:65%}
.col-60{width:60%}
.col-50{width:50%}
.col-40{width:40%}
.col-35{width:35%}
.col-25{width:25%}
.col-20{width:20%}

.row-80{height:80vh}
.row-60{height:60vh}
.row-50{height:50vh}
.row-20{height:20vh}
.row-10{height:10vh}
.row-0{height:0vh}

/*list*/
dl{counter-reset:my-badass-counter}
dl dt{position:relative; text-align:left}
dl dt:before {content:counter(my-badass-counter); counter-increment:my-badass-counter; position:absolute; left:0; top:0; font:bold 14px sans-serif}
dl dt, dl dd {padding-left:20px; font-size:14px; margin:10px 0}

.list{display:block; list-style:none; margin:25px 0}
.list li{display:block; font-size:14px; margin:10px 0}
.list li span{margin:0 10px; display:inline}

/*grid*/
.academies{width:22%; height:250px; margin:1.5% 3% 1.5% 0; overflow:hidden}
.academies img{position:absolute; width:100%; height:auto; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transition:all 500ms;-webkit-transition:all 500ms;}
.academies:hover img{width:125%}
.academies .caption{position:absolute; bottom:25px; left:0; padding:10px; font-size:16px; color:#fff; background:#faa71a}
.academies2{width:47%}
.amenities i{font-size:3em; line-height:70px}
.amenities p{font-size:.7em; padding-bottom:15px}

.image-gallery{padding:5em 0 0}
.grid,.grid2{width:33.33%; height:200px; overflow:hidden}
.grid2{height:200px}
.grid img, .grid2 img{position:absolute; width:127%; height:auto; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transition:all 500ms; -webkit-transition:all 500ms;}
.grid a,.grid2 a{width:100%; height:100%; position:absolute; z-index:2; background-color:rgba(0,0,0,0.0); background-image:url(images/zoom-in.png); background-position:center center; background-repeat:no-repeat; background-size:0 0; transition: all 0.3s;}
.grid:hover a,.grid2:hover a{background-color:rgba(0,186,75,0.6); background-size:32px 32px}
.grid:hover img, .grid2:hover img{width:140%; height:auto}

/*tooltip*/
.tooltip{position:relative; display:none}
.tooltip .tooltiphover{visibility: hidden; width:120px; background-color:black; color:#fff; text-align:center; padding:10px; position:absolute; z-index:6; top:100%; left:-40px; border-radius:5px; font-size:12px !important}
.tooltip .tooltiphover::after {content:""; position:absolute; bottom:100%; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color: transparent transparent black transparent}
.tooltip:hover .tooltiphover {visibility:visible}

/*slick*/
.slider {width:100%; margin:auto}
.slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent}
.slick-list{ position: relative; display: block; overflow:hidden}
.slick-list:focus{ outline: none}
.slick-list.dragging{ cursor: pointer; cursor: hand}
.slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.slick-track{ position: relative; top: 0; left: 0; display: block}
.slick-track:before,.slick-track:after{ display: table; content: ''}
.slick-track:after{ clear: both}
.slick-loading .slick-track{ visibility: hidden}
.slick-slide{display: none; float: left; margin:0; min-height: 1px}
[dir='rtl'] .slick-slide{ float: right}
.slick-slide img{ display: block}
.slick-slide.slick-loading img{ display: none}
.slick-slide.dragging img{ pointer-events: none}
.slick-initialized .slick-slide{ display: block}
.slick-loading .slick-slide{ visibility: hidden}
.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent}
.slick-arrow.slick-hidden { display: none}
.slick-loading .slick-list{ background: #fff url(images/load.gif) center center no-repeat}
.prev{position: absolute; right:0; cursor:pointer; background:-webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1)); background:-moz-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,1)); background:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1))}
.next{position: absolute; left:0; cursor:pointer; background:-webkit-linear-gradient(left, rgba(0,0,0,1), rgba(0,0,0,0)); background:-moz-linear-gradient(right, rgba(0,0,0,1), rgba(0,0,0,0)); background:linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0))}
.next, .prev{font-size:22px; line-height:1; top:0; bottom:0; border:0; z-index:1; color:#fff; padding:0 25px}

.slick-dots{position:absolute; bottom:25px; list-style:none; display:block; text-align:center; padding:0; width:100%}
.slick-dots li{position: relative; display: inline-block; height: 20px; width: 20px; cursor: pointer}
.slick-dots li button{border:0; background:transparent; display:block; height:20px; width:20px; outline:none; color:transparent; cursor: pointer}
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1;}
.slick-dots li button:before { position:absolute; top: 0; left: 0; content: "•"; width:20px; height:20px; font-family: "slick"; font-size:40px; line-height:40px; text-align: center; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
.slick-dots li.slick-active button:before {color:#fff}
/*lightbox*/
.chocolat-zoomable.chocolat-zoomed{ cursor : zoom-out;}
.chocolat-open{ overflow: hidden;}.chocolat-overlay{ height:100%; width:100%; position:fixed; left:0; top:0; z-index:10; background:rgba(0,0,0,1); display: none}.chocolat-wrapper{ height:100%; width:100%; position:fixed; display: none; left:0; top:0; z-index:16; color: #fff;}.chocolat-zoomable .chocolat-img{ cursor : zoom-in;}.chocolat-loader{ height:32px; width:32px; position:absolute; left:50%; top:50% ; margin-left:-16px; margin-top:-16px; z-index:11; background:url(images/load.gif); display:none;}.chocolat-content{ position:fixed; width:0px; height:0px; left:50%; top:50%; z-index:14; text-align: left;}.chocolat-content .chocolat-img{ position:absolute; width:100%; height:100%;}.chocolat-wrapper .chocolat-left{ position:absolute; left:0; width:50px; height:100px; top: 50%; margin-top: -50px; cursor:pointer; background:url(images/left.png) 50% 50% no-repeat; z-index: 17; display: none;}.chocolat-wrapper .chocolat-right{ position:absolute; right:0; width:50px; height:100px; top: 50%; margin-top: -50px; cursor:pointer; background:url(images/right.png) 50% 50% no-repeat; z-index: 17; display: none;}.chocolat-wrapper .chocolat-right.active{ display: block;}.chocolat-wrapper .chocolat-left.active{ display: block;}.chocolat-wrapper .chocolat-top{ position:absolute; top:0px; right: 0; left: 0; line-height:50px; height:50px; overflow: hidden; z-index: 17; margin-bottom: 10px;}.chocolat-wrapper .chocolat-close{ width:50px; height:50px; cursor:pointer; position: absolute; top: 0; right: 0; background:url(images/close.png) 50% 50% no-repeat;}.chocolat-wrapper .chocolat-bottom{ position:absolute; bottom:0; left: 0; right: 0; line-height:40px; height:40px; font-size:12px; z-index: 17; padding-left: 15px; padding-right: 15px; background: rgba(255,255,255,.2); text-align: right; margin-top: 10px;}.chocolat-wrapper .chocolat-set-title{ display: inline-block; padding-right: 15px; line-height: 1; border-right: 1px solid rgba(255, 255, 255, 0.3);}.chocolat-wrapper .chocolat-pagination{ float: right; display: inline-block; padding-left: 15px; padding-right: 15px; margin-right: 15px; }
.chocolat-wrapper .chocolat-fullscreen{ width: 16px; height: 40px; background: url(images/fullscreen.png) 50% 50% no-repeat; display: block; margin:auto; cursor: pointer; float: right; position:absolute; top:0; left:50%;}.chocolat-wrapper .chocolat-description{ display: inline-block; float: left;}body.chocolat-open>.chocolat-overlay{ z-index:15;}body.chocolat-open>.chocolat-loader{ z-index:15;}body.chocolat-open>.chocolat-content{ z-index:17;}.chocolat-in-container .chocolat-wrapper,.chocolat-in-container .chocolat-content,.chocolat-in-container .chocolat-overlay{ position: absolute;}.chocolat-in-container{ position: relative;}.chocolat-zoomable .chocolat-top,.chocolat-zoomable .chocolat-bottom,.chocolat-zoomable .chocolat-right,.chocolat-zoomable .chocolat-left { transition: opacity .3s ease, visibility 0s .3s; opacity: 1;}.chocolat-zoomable.chocolat-zoomed .chocolat-top,.chocolat-zoomable.chocolat-zoomed .chocolat-bottom,.chocolat-zoomable.chocolat-zoomed .chocolat-right,.chocolat-zoomable.chocolat-zoomed .chocolat-left { visibility: hidden; opacity: 0;}

@media screen and (min-width: 240px) and (max-width: 1024px) {
	.innerPage header{
	    top: 56px !important;
	}
	.gallery{height:300px}
	.container{width:100%; margin:auto; padding:0}
	.container-fluid{width:100%}
	.logo-main{width:125px; height:auto; text-align:center}
	.top-header{padding:5px 5%}
	.top-header nav{width:100%; text-align:center}
	.top-header ul{display:none}
	#menu-toggle{display:block}
	.top-header ul.open{display:block; background:#5caf4c; position:absolute; right:0; top:100%; width:150px; line-height:1; padding:10px; z-index: 3}
	.top-header ul.open li {display:block; list-style:none; text-align:left; border:0}
	.top-header ul.open li a{border-bottom:1px solid rgba(255,255,255,0.3); padding:0; text-transform:uppercase}	
	.switch, .view-projects{display:none}
	.cta{display:none}
	#map{height:250px}
	.switch2{display:table}
	.hot-projects, .services, .about, .builders, .contact, .video, .price-list{padding:2%; box-sizing:border-box}
	.hot-projects .title, .services .our-services .title, .about .title, .builders .title, .contact .title, .title, h2, h3,h4{font-size:16px; line-height:20px}
	.services .our-services{margin:0}
	.services .our-services p{display:none}
	.hot-projects .projects{margin:10% 0 0 0; width:100%}
	.hot-projects .projects .project-info .title{font-size:14px}
	.hot-projects .projects .property-image img{width:100%}
	.grid,.grid2{width:50%; height:150px; overflow:hidden}
	.grid img,.grid2 img{height:125%; width:auto}
	.academies{width:45%; height:150px; margin:2.5% 5% 2.5% 0; overflow:hidden}
	.academies2{display:none}
	.image-gallery{padding:5% 0 0 0}
	.contact .contact-info, .contact .contact-form{height:auto; padding:10%}
	.col-75,.col-65,.col-60,.col-50,.col-40{width:100%}
	.col-35,.col-25, .col-20{width:50%}
	.modal-content {width:300px; height:300px}
	.contact-mail{display:none}
	.mailbox{width:300px; padding:15px; height:300px; background:#fff}
	.popup-content, .modal-content {width:90%; padding:20px; height:auto}
	.popup-info {display:none}
	.popup-form{padding:0}
	.list li{font-size:11px}
	.highlight .highlight-text{width:100%; padding:10px; background:rgba(0,0,0,0.8); position:static}
	.info li{width:46%; margin:0 2% 2% 0; padding: 1%; border-radius:30px}
	.TabbedPanels{margin:15px 0}
	.TabbedPanels .TabbedPanelsTabGroup{height:auto; overflow:hidden}
	.TabbedPanels .TabbedPanelsTab{font-size:.7em; width:100%; line-height:30px}
	.TabbedPanels .TabbedPanelsTabSelected{border-top:0; top:0}
	.TabbedPanels .TabbedPanelsContentGroup{padding:10px}
	.plan .plan-info{padding:10px}
	.plan .floorplans img{max-height:300px; margin:15px auto}
	.wrap{height:auto}
	table.pricelist{padding:5px}
	table td, .plan .plan-info table th{padding:5px 0}
	td,p,li,dt,dd{font-size:11px; line-height:1.4}
	.modal{left:50%; transform:translateX(-50%)}.close{display:block}
}

/*scroll div*/
.scrolldiv {
overflow-x : hidden;
overflow-y : scroll;
}
.scrolldiv::-webkit-scrollbar {
width : 2px;
height : 2px;
}
.scrolldiv::-webkit-scrollbar-button {
width : 2px;
height : 2px;
}
.scrolldiv::-webkit-scrollbar-thumb {
background : #09aae0;
border-radius : 50px;
}
.scrolldiv::-webkit-scrollbar-track {
background : rgba(255, 255, 255, 0);
border : #ffffff none 0;
}
.scrolldiv::-webkit-scrollbar-corner {
background : transparent;
}
.scrolldiv::-moz-scrollbar {
width : 2px;
height : 2px;
}
.scrolldiv::-moz-scrollbar-button {
width : 2px;
height : 2px;
}
.scrolldiv::-moz-scrollbar-thumb {
background : #09aae0;
border : #ffffff none 0;
border-radius : 50px;
}
.scrolldiv::-moz-scrollbar-track {
background : rgba(255, 255, 255, 0);
border : #ffffff none 0;
border-radius : 50px;
}
.scrolldiv::-moz-scrollbar-corner {
background : transparent;
}

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

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-quotes:before {
  content: "\e913" !important;
}
.icon-menu:before {
  content: "\e900" !important;
}
.icon-home:before {
  content: "\e901" !important ;
}
.icon-contact:before {
  content: "\e902" !important ;
}
.icon-about:before {
  content: "\e903" !important ;
}
.icon-call:before {
  content: "\e904" !important ;
}
.icon-bath:before {
  content: "\e905" !important ;
}
.icon-bed:before {
  content: "\e906" !important ;
}
.icon-rupee:before {
  content: "\e907" !important ;
}
.icon-rupee-bold:before {
  content: "\e908" !important ;
}
.icon-legal:before {
  content: "\e909" !important ;
}
.icon-loan:before {
  content: "\e90a" !important ;
}
.icon-booking:before {
  content: "\e90b" !important ;
}
.icon-visit:before {
  content: "\e90c" !important ;
}
.icon-property:before {
  content: "\e90d" !important ;
}
.icon-www:before {
  content: "\e90e" !important ;
}
.icon-up:before {
  content: "\e90f" !important ;
}
.icon-car:before {
  content: "\e910" !important ;
}
.icon-next:before {
  content: "\e911" !important ;}
 
.icon-back:before {
  content: "\e912" !important ;
}
.icon-water:before {
  content: "\e913" !important ;
}
.icon-greens:before {
  content: "\e914" !important ;
}
.icon-cafe:before {
  content: "\e915" !important ;
}
.icon-gym:before {
  content: "\e916" !important ;
}
.icon-pool:before {
  content: "\e917" !important ;
}
.icon-kids:before {
  content: "\e918" !important ;
}
.icon-shopping:before {
  content: "\e919" !important ;
}
.icon-yoga:before {
  content: "\e91a" !important ;
}
.icon-golf:before {
  content: "\e91b" !important ;
}
.icon-club:before {
  content: "\e91c" !important ;
}
.icon-power:before {
  content: "\e91d" !important ;
}
.icon-sports:before {
  content: "\e91e" !important ;
}
.icon-size:before {
  content: "\e91f" !important ;
}
.icon-plan:before {
  content: "\e920" !important ;
}



.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
}
.gmnoprint div {
    background:none !important;
}
@media screen and (max-width: 1024px) and (min-width: 240px){
.dtop, .about {
    display: block !important;
}

}
@media screen and (max-width: 778px) and (min-width: 240px){
	.gallery {
		height: 215px;
	}	
	.highlight .highlight-text{
		margin: 0;
	}
	.image-gallery .grid, .image-gallery .grid2 {
		width: 46%;
		height: 195px;
		overflow: hidden;
		margin: 2%;
	}
	}
/**
 * Simple fade transition,
 */
 .mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

.footerMain .white {
    color: #fff !important;
    text-align: center;
    margin-top: 10px;
}



.myfooter .footerMain {
	background: #34495e;
	text-emphasis-color: #fff;
}


.myfooter .footerMain ul li a , .myfooter .footerMain p {
	color: #fff !important;
}