@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Antic+Slab|Arvo:400,700|Sanchez');
*{margin:0; padding:0; text-decoration:none; outline:none}
/*Reset*/
.close.clo{
  position: absolute;
  top: -21px;
  right: -10px;
  z-index: 2;
  color: #ffff;
  font-size: 45px;
}
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, input, select, legend, table, caption, tbody, tfoot, thead, tr, th, td, input {margin:0; padding:0; border:0}
body{font-size:100%; font-family:'antic slab', sans-serif}
/*common*/
.no-overflow{overflow:hidden}
.left{float:left}
.right{float:right}
.clear{clear:both}
.show{display:block}
.hide{display:none}
.inline{display:inline-block}
.ucase{text-transform:uppercase}
.calign{text-align:center}
.ralign{text-align:right}
.malign{vertical-align:middle}
.justify{text-align:justify}
.box{box-sizing:border-box}
.container{padding:3em}
.mauto{margin:auto}
.pointer{cursor:pointer}
.relative{position:relative}
.mwidth{max-width:100%; height:auto; margin:auto}
.scrollup{height:40px; font-size:24px; border:1px solid #000; color:#000; line-height:40px; padding:0 10px; position:fixed; z-index:4; bottom:10px; left:10px; display:none}
.relpar{height:0; width:100%; position:relative}
.switch{display:block}
.lheight{line-height:1.5}
.lspace{letter-spacing:2px}
.bgs{width:100%; height:auto; min-height:350px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}

/*text*/
h1{font-size:1.5em; margin:10px 0}
h2,h3{font-size:1.20em}
h4,h5{font-size:1em}
h1,h2,h3,h4,h5{font-weight:700; margin:10px 0; font-family:'arvo'}
p,h6{font-size:1em; line-height:1.4; margin:10px 0}
.small{font-size:0.7em; font-weight:400}
/*color*/
.white{color:#fff}
.black{color:#333}
.gray{color:#888}
.brown{color:#349948}
.blue{color:#005aab}
.green{color:#73b245}
.red{color:#ba105f}
.bg-white{background:#fff}
.bg-gray{background:#f1f1f1}
.bg-grayl{background:#f9f9f9}
.bg-brown{background:#f6aa77}
.bg-blue{background:#005aab}
.bg-dblue{background:#26548c}
.bg-yellow{background:#fff000}
.bg-black{background:#222}
.bg-green{background:#73b245}
.bg-green1{background:#7bc35d}
.bg-red{background:#ba105f}
.animate{animation:bg 1.5s infinite}
.br-top{border-top-left-radius:50px; border-top-right-radius:50px}
.br-bot{border-bottom-left-radius:50px; border-bottom-right-radius:50px}
/*header*/
header{max-height:72px; padding:15px 0 10px 0; width:100%}
header .logo img{width:auto; height:40px; display:block}
header .menu{width:40px; height:auto; cursor:pointer}
nav{position:relative; display:block}
nav ul{list-style:none; font:13px 'arvo'}
nav ul li{display:inline-block; list-style:none; padding:0; margin:0}
nav ul li a{display:block; padding:0 10px; border-radius:20px; line-height:40px; color:#222; transition: all .5s}
nav ul li:hover a{color:#fff; background:#4db848}
nav ul li a.active{color:#fff; background:#4db848}
.anchor-link{height:24px; width:24px; padding:8px}
#menu-toggle{display:none}
.callnow a{line-height:20px; font:16px sans-serif; padding:10px; display:block; font-weight:700}
.fixed{z-index:2; position:fixed; top:50px; left:0; right:0}
/*Home*/
#home{position:relative; margin:1em}
.home-content{position:absolute; width:100%; padding:20px; border-radius:0 0 50px 50px; left:0; bottom:0; z-index:1; background:rgba(0,0,0,.5)}
.home-content .stats{padding:10px 15px 10px 0; font:18px 'arvo', sans-serif; line-height:40px; float:left; height:40px; border-top:1px solid #ccc; color:#fff}
.home-content .stats i{width:24px; height:24px; padding:5px; font-size:18px; border-radius:17px; background:#005aab; color:#fff}
.home-content h1{font-size:1.8em; font-weight:700;line-height:1; color:#fff}
.overview{background:url(images/enviornment.png) center bottom no-repeat; padding-bottom:281px}
.leasure{background:url(images/leasure.png) center bottom no-repeat; padding-bottom:281px}
.sports{background:url(images/sports.png) center bottom no-repeat; padding-bottom:281px}
/*featured box*/
.featured-box{height:125px; width:30%; padding:20px; position:relative; margin:1.5% 3.33333% 1.5% 0}
.featured p{font-size:1em; line-height:1}
.hints{font-size:11px; line-height:1; padding-top:10px}
.pplans{margin:25px auto; padding:30px 20px; height:160px}
.pplans p{font-size:.9em; margin:0; padding:0; line-height:1.3}
.pplans p strong{font-size:1.3em; line-height:1.5}
/*content*/
.col-80{width:80%}
.col-75{width:75%}
.col-70{width:70%}
.col-65{width:65%}
.col-60{width:60%}
.col-50{width:50%}
.col-40{width:40%}
.col-35{width:35%}
.col-30{width:30%}
.col-25{width:25%}
.col-20{width:20%}
/*gallery*/
.gallery{overflow:hidden}
.gallery img{display:block; width:100%; height:auto; border-top-left-radius:50px; border-top-right-radius:50px; border-bottom-left-radius:50px; border-bottom-right-radius:50px}
/*table*/
table{width:100%; border-spacing:0; border-collapse:separate; margin:10px auto; font-size:.9em}
table td{text-align:left; padding:10px 0; width:25%; border-bottom:1px solid #ccc}

/*plans*/
.fplans{border-radius:15px; overflow:hidden}
.plan{width:100%; border-radius:15px;}

/* with image .plan .txtbox{padding:10px 25px; width:70%; margin:0 50px}*/

.plan .txtbox{padding:10px 25px; width:95%; margin:0 30px}


.plan .layouts{width:200px; overflow:hidden; margin:10px; height:175px}
.plan .layouts img{width:100%; border-radius:15px; height:auto; display:block}
.plan p{margin:10px 0; font-size:.7em}

/*list*/
.ul{display:block; list-style:none; margin-right:20px}
.ul li{display:block; font-weight:300; margin:0 0 7px 0; position:relative; margin-left:15px}
.ul li:before{ content:"-"; position:absolute; left:-15px}
/*highlight*/
.amenities li{display:inline-block; text-align:center; width:150px; border-radius:15px; overflow:hidden; height:140px; margin:10px}
.amenities li .desc{padding:10px; display:block; width:130px; font-size:.75em; line-height:1; background:#f4f4f4; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-radius:0 0 15px 15px}
.amenities li span{width:150px; height:100px; display:block; background:url(images/sprite.png)}
.amenities li span.pool{background-position:-150px 0}
.amenities li span.theme{background-position:-300px 0}
.amenities li span.kids{background-position:-450px 0}
.amenities li span.basketball{background-position:-600px 0}
.amenities li span.badminton{background-position:-750px 0}
.amenities li span.tennis{background-position:-900px 0}
.amenities li span.cricket{background-position:-0 -100px}
.amenities li span.football{background-position:-150px -100px}
.amenities li span.golf{background-position:-300px -100px}
.amenities li span.cafe{background-position:-450px -100px}
.amenities li span.restaurant{background-position:-600px -100px}
.amenities li span.yoga{background-position:-750px -100px}
.amenities li span.scate{background-position:-900px -100px}
.amenities li span.gym{background-position:-0 -200px}
.amenities li span.terrace{background-position:-150px -200px}
.amenities li span.library{background-position:-300px -200px}
.amenities li span.tabletennis{background-position:-450px -200px}
.amenities li span.billiards{background-position:-600px -200px}
.amenities li span.power{background-position:-750px -200px}
.amenities li span.security{background-position:-900px -200px}
.amenities li span.parking{background-position:-0 -300px}
.amenities li span.gated{background-position:-150px -300px}
.amenities li span.club{background-position:-300px -300px}
.amenities li span.water{background-position:-450px -300px}
.amenities li span.cctv{background-position:-600px -300px}

.highlights li{display:block; clear:both; font-size:.9em}
.highlights li .txtbox{padding:20px; box-sizing:border-box}
.highlights li img{width:100%; height:auto; display:block}
.highlights li table tr{background:none}

/*video*/
.status{padding:10px 15px; font-size:.85em; display:block; margin:auto; width:150px}
.popupbg{position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999999; background:rgba(0,0,0,.2); display:none;}
.vdcontainer{position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:9999999; background-color:#000000; border-radius:8px; display:none;}
.vdcontainer .pad {padding:10px; width:300px; height:500px; overflow:hidden; position:relative; border-radius:8px}
.vdcontainer .pad video{width:100%; height:90%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.vdcontainer .close {position:absolute; top:-43px; right:0px; padding:16px; background: #000000; border-radius:8px 8px 0px 0px}

.banner{position:fixed; display:none; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:12}
.popup{width:1000px; top:50%; left:50%; transform:translate(-50%,-50%); position:absolute}
.hide-popup{font-size:22px; line-height:22px; padding:5px; top:10px; right:10px; position:absolute; cursor:pointer}

/*-----------form----------*/
.modal{width:250px; padding:20px; bottom:0; right:10px; border-radius:5px; 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}
input, textarea, select{box-sizing:border-box}
.popup-input{background:#fff; border-radius:3px; border:0; padding:5px; line-height:20px; width:100%; margin:5px 0; color:#444; font-size:.8em}
.popup-input2{background:#fff; border-radius:3px; border:0; padding:5px; line-height:20px; 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:20px; width:47.5%; margin:5px 0; color:#444; font-size:.8em}
.label{font-size:.8em; color:#fff; margin:5px 0; display:block}
input::-webkit-input-placeholder {color: #444} input:-moz-placeholder {color: #444} input::-moz-placeholder {color: #444} 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}

.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}
.download{width:100%}
.download .dwld{display:block; height:100%; width:350px; padding:10px}
.download .dwld .button-text{padding:10px 0 50px 0; font-size:1.2em; line-height:1; font-weight:300; background:url(images/dwld.png) center bottom no-repeat}
.scrollup{font-size:10px; color:#000; line-height:1; padding:0 10px; position:fixed; z-index:4; bottom:5px; left:20px; display:none; z-index:2}
.scrollup i{font-size:24px; line-height:20px}
.dwl{display:block; font-size:.85em; padding:0 50px}
.dwl li{display:block; float:left; width:15%; margin:1% 2.5%}
.dwl li a{padding:19px 10px; border-radius:50%; display:block; text-align:center} 

@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);}
}
@media screen and (min-width: 240px) and (max-width:1024px) {
	.container{padding:.5em}
	header{padding:0}
	header .logo img{height:20px; margin-top:10px}
	.home-content{position:static; border-radius:0; padding:0; width:100%; background:none}
	.home-content .stats{padding:0; font:12px 'arvo', sans-serif; line-height:30px; height:30px; width:49%; overflow:hidden; border:none; color:#222}
	.home-content .stats i{width:14px; height:14px; font-size:14px; border-radius:15px; margin-right:5px}
	.home-content h1{font-size:1em; color:#000; text-align:center}
	#menu-toggle{display:block}
	nav ul{display:none}
	nav ul.open{display:block; background:rgba(0,0,0,.8); position:absolute; font-size:14px; right:8px; top:40px; width:200px; line-height:1; padding:10px; z-index: 10000}
	nav ul.open li {display:block; list-style:none; text-align:left}
	nav ul.open li a{border-bottom:1px solid rgba(255,255,255,0.3); line-height:2.2; color:#ccc}
	#home{margin:.5em}
	.col-80,.col-75,.col-70,.col-65,.col-60,.col-50, .col-40{width:100%}
	.col-35,.col-30,.col-25,.col-20{width:50%}
	.overview, .leasure, .sports{padding-bottom:150px}
	.popup-banner{display:none}
	.gallery img{border-top-left-radius:25px; border-top-right-radius:25px; border-bottom-left-radius:25px; border-bottom-right-radius:25px}
	.featured-box{height:auto; width:100%; padding:20px; position:relative; margin:0 0 15px 0}
	.home-footer ul li{font-size:.7em; margin:5px 0}
	.amenities li{margin:3px 0}
	.amenities li:last-child{display: none}
	.col-33{width:100%}
	.br-top{border-radius:25px 25px 0 0}
	.br-bot{border-radius:0 0 25px 25px}
	.plan{margin:20px 0; width:100%}
	h1,h2,h3,h4,h5,.title{font-size:1em}
	p,table,td,li,ul{font-size:.8em}
	.popup{width:100%; top:50%; left:50%; transform:translate(-50%,-50%); position:absolute}
	.dwl{padding:0}
	.dwl li{width:45%; margin:2.5%}
	.dwl li a{padding:10px; border-radius:0}
	.getcalback .child .picture{display:none}
	.plan .txtbox{margin:auto 10%; width:80%; padding:10px 0}
	.plan .txtbox .subtitle{text-align:center}
	.plan .layouts{width:100%; height:150px}
	.plan .layouts img{width:auto; height:150px; margin:auto}
	.pplans{margin:0}
	.modal{width:100%; right:0; box-sizing:border-box}
	.close{display:block}
	.mohide{display:none}
	.overview, .leasure, .sports{background:none; padding-bottom:0}
	.br-top{border-top-left-radius:0; border-top-right-radius:0}
	.br-bot{border-bottom-left-radius:0; border-bottom-right-radius:0}
	.switch{display:none}
	}

/*icomoon*/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?q1ygvv');
  src:  url('fonts/icomoon.eot?q1ygvv#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?q1ygvv') format('truetype'),
    url('fonts/icomoon.woff?q1ygvv') format('woff'),
    url('fonts/icomoon.svg?q1ygvv#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-home:before {
  content: "\e908";
}
.icon-bed:before {
  content: "\e909";
}
.icon-price:before {
  content: "\e90a";
}
.icon-map:before {
  content: "\e90b";
}
.icon-down:before {
  content: "\e906";
}
.icon-up:before {
  content: "\e907";
}
.icon-mail:before {
  content: "\e903";
}
.icon-car:before {
  content: "\e904";
}
.icon-call:before {
  content: "\e905";
}
.icon-prev:before {
  content: "\e900";
}
.icon-next:before {
  content: "\e901";
}
.icon-check:before {
  content: "\e902";
}
/*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}
.next{position: absolute; left:0; cursor:pointer}
.next, .prev{font-size:16px; top:50%; transform:translateY(-50%); font-weight:bold; border:0; z-index:1; color:#fff; background:#4db848; padding:5px}
.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:#005aab}

/*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;}

/*magnifier lence*/
.wrap {width:100%; margin:auto; 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}


.dwld-popup{width:350px; z-index:1000; display:none; max-width: 80%; border: 10px solid rgba(0,0,0,.5); position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.dwld-popup .dwld-content{padding:15px; font-size:16px; border-bottom:1px solid #ddd}
.dwld-popup .textarea{font-size:14px; padding: 10px; width: 100%; border: 1px solid #ddd; margin:10px auto; color: #666}
.dwld-popup .submit-btn{font-size:14px; padding: 11px; width: 100%; border: none; margin: 10px auto; color: #ffffff; background-color: #017bff; cursor: pointer;}
.dwld-form{cursor: pointer;}

.otp-popup{width:350px; z-index:1000; display:none; max-width: 80%; border: 10px solid rgba(0,0,0,.5); position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.otp-popup .otp-content{padding:15px; font-size:16px; border-bottom:1px solid #ddd}
.otp-popup .textarea{font-size:14px; padding: 10px; width: 100%; border: 1px solid #ddd; margin:10px auto; color: #666}
.otp-popup .submit-btn{font-size:14px; padding: 11px; width: 100%; border: none; margin: 10px auto; color: #ffffff; background-color: #017bff; cursor: pointer;}
.otp-popup{cursor: pointer;}


.mobile {
    display: none;
    width: 100%;
    height: auto;
	padding-right: 5px;
}

@media screen and (max-width: 1024px) and (min-width: 240px){
.dtop, .about {
    display: none;
}
}

@media screen and (max-width: 1024px) and (min-width: 240px){
.mobile {
    display: block;
}
}

.whatsapp {
    position: fixed;
    z-index: 999;
    left: 20px;
    bottom: 30px;
    color: #ffffff;
    background-color: #eabd07;
    border: 1px dotted #848b88;
    font-size: 1rem;
    padding: 12px 15px 12px 15px;
    border-radius: 50px;
    border: none;
}


@media (max-width: 768px){
.callBackForm, .enquireNow {
    left:50%;
	bottom:69px !important;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    font-size: 16px !important;
    width: fit-content;
}
}

@media (max-width: 768px){
.whatsapp {
    left: 50%;
    bottom: 13px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    text-align: center;
    width: fit-content;
}
}


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