@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:200,300,400,500,600,700);
*{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, input, select, legend, table, caption, tbody, tfoot, thead, tr, th, td, input {margin:0; padding:0; border:0}
body{font-size:100%; font-family:'Roboto Condensed', 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}
.mwidth{width:100%; max-width:100%; height:auto; margin:auto}
.relpar{height:0; width:100%; position:relative}
.switch{display:block}
.lheight{line-height:1.5}
.lspace{letter-spacing:2px}
section, footer {
    float: none;
}
.banner-text {
    padding: 40px;
    background: rgba(0,0,0,.7);
    border-radius: 40px 0px 40px 0px;
}
.highheding li {
    color: #666664;
    list-style: none;
    line-height: 1.4;
    box-sizing: border-box;
    border: 1px dotted #666664;
	background: #FFFFFF !important;
    padding: 10px;
    margin: 10px 0;
}
.innerPage {
    padding-top: 66px;
}

.mobileno {
    position: fixed;
    right:13px;
    background:#50b848;
    top: 83px;
    font-size: 1em;
    line-height: 1;
    padding: 12px 15px 12px 15px;
	border-radius:5px;
    z-index: 2;
    transition: all 0.3s;
	border:2px solid #8ec98a;
}

/*text*/
h1{font-size:1.5em !important; margin:10px 0}
h2,h3{font-size:1.3em}
h4,h5{font-size:1}
p,h6{font-size:0.9em}
.small{font-size:0.7em}
.title{font-size:24px; margin:0px 0 20px 0}
/*color*/
.white{color:#fff}
.black{color:#333}
.gray{color:#888}
.brown{color:#349948}
.bg-white{background:#fff}
.bg-gray{background:#f1f1f1}
.bg-brown{background:#f6aa77}
/*header*/
header{position:absolute; top:80px !important; left:15px !important; right:0; z-index:2}
header .logo{width:auto; height:auto; padding:10px 25px;}
header .menu{width:41px; height:auto; cursor:pointer}
nav{position:relative; margin-right:20px; display:none}
nav ul{list-style:none; font-size:14px}
nav ul li{display:inline-block; list-style:none; padding:0; margin:0}
nav ul li a{display:block; padding:0 5px; line-height:40px; color:#ddd; transition: all .5s}
nav ul li:hover a, nav ul li:active a{color:#fff}
.anchor-link{height:24px; width:24px; padding:8px} #menu-toggle{display:none}

.callnow{font-size:1em; display:none; padding:10px 0}
.default{}
.fixed{background:rgba(0,0,0,.8); height:40px; padding:0 20px}
.fixed .logo{display:none}
.fixed .callnow{display:block}
.fixed nav{display:block; float:left}
.fixed .sitevisit, .fixed .inquirenow{display:block}
/*Home*/
#home{height:93vh; width:100%;}
#home .home-bg{width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:-1}
#home .mobile-bg{display:none}
#home .home-content{width:60%; position:absolute; top:50%; left:20%; transform:translateY(-50%)}
#home .home-content h1{font-weight:300; font-size:1.6em !important; margin:0; color:#fff; line-height:1.1; text-shadow:1px 1px 4px rgba(0,0,0,0.5)}
#home .home-content h1 .btxt{font-size:2em !important; display:block}
#home .home-content .discover{display:block; margin:25px auto 0}
.more-links{display:block; list-style:none; width:75%; position:absolute; left:50%; transform:translateX(-50%); bottom:75px}
.more-links li{display:inline-block; font-size:0.8em; font-weight:500; width:30%; max-width:150px; margin:0 10px}
.more-links li.switch{display:inline-block}
.more-links li a{padding:8px 0; display:block; color:#000; background:rgba(255,255,255,.6); border-radius:14px}
/*overview*/
.stats{display:block; height:50px; padding:0 150px; position:absolute; top:-50px; left:0; right:0; z-index:1; background:rgba(211,175,55,.7)}
.features li{display:block; float:left; box-sizing:border-box; width:16%; list-style:none; height:50px; padding:7px 0 7px 50px; position:relative; font-size:.9em; line-height:36px; margin:0;}
.features li i{position:absolute; left:0; top:0; padding:7px 13px; height:36px; width:24px; font-size:1.5em; line-height:36px}
.autobg li:nth-child(odd){background::none}
.autobg li:nth-child(even){background:rgba(211,175,55,.2)}
/*content*/
.col-80{width:20%}
.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{display:block}
.gallery img{display:block; width:100%; height:auto}
/*table*/
table{width:100%; border-spacing:0; border-collapse:separate; margin:10px auto; font-size:.8em; border:1px solid rgba(0,0,0,.2);}
table th, table td{text-align:center; padding:10px; border-bottom:1px solid rgba(0,0,0,.2); border-left:1px solid rgba(0,0,0,.2)}
table th small, table td small{font-size:.8em}
table tr:last-child td{border-bottom:0}
table tr td:first-child{border-left:0}

/*plans*/
.plan{margin:0 4% 4% 0; width:21%; height:250px}
.plan:hover{box-shadow:0 0 10px rgba(0,0,0,.5)}
.plan .plan-pic{height:100%; width:100%; position:relative}
.plan .plan-pic img{position:absolute; width:120%; height:auto; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 500ms}
.plan:hover .plan-pic img{width:150%}
.plan:hover .plan-pic a{width:100%; height:100%; position:absolute; z-index:1; background-color:rgba(0,0,0,0.5); background-image:url(images/zoom-in.png); background-position:center center; background-repeat:no-repeat; background-size:32px; transition: all 0.3s}
.plan .plan-pic a{background-size:0}
.plan .caption{line-height:60px; font-size:.9em; background:rgba(0,0,0,.8); position:relative; top:-60px; transition:all 500ms}
.plan:hover .caption{top:0; z-index:1}

/*list*/
.ul{display:block; list-style:none; text-align:justify; margin-right:20px}
.ul li{display:block; font-size:1em; font-weight:300; margin:0 0 10px 0; position:relative; margin-left:15px}
.ul li:before{ content:"o"; position:absolute; left:-15px}
/*map*/
#map {width:100%; height:640px; background:#fff}
/*highlight*/
.highlights li{display:block; clear:both}
.highlights li:nth-child(odd){background:#fff}
.highlights li:nth-child(even){background:#f1f1f1}
.txtbox{padding:20px; box-sizing:border-box}
.highlights li .txtbox{padding:20px 3em; box-sizing:border-box}
.highlights li .txtbox .title{font-weight:300}
.highlights li img{width:100%; height:auto; display:block}
/*video*/
.popupbg {position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999999; background:rgba(0,0,0,.8); display:none;}
.vdcontainer {position:fixed; top:50%; left:50%; margin:-179px 0px 0px -310px; height:358px; z-index:9999999; background-color:#000000; border-radius:8px; display:none;}
.vdcontainer .pad {padding:10px;}
.vdcontainer .close {position: absolute; top: -43px;right: 0px; padding: 16px; background: #000000; border-radius: 8px 8px 0px 0px}

/*download*/
#download-bar{display:none; position:fixed; font-size:12px; line-height:1; width:100%; left:0; right:0; bottom:0; z-index:11; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.3)}
#download-bar li{float:left; display:block; width:25%}
#download-bar li a{display:block; padding:5px; color:#444}
#download-bar li a i{font-size:2em; display:block; margin-bottom:8px; color:#d54242}
.hide-download-bar{position:absolute; height:10px; width:10px; padding:5px; top:-24px; height:14px; right:10px; background:#000; color:#fff; font-size:14px; line-height:1}

.scrollup{font-size:10px; color:#000; line-height:1; padding:0 10px; position:fixed; z-index:4; bottom:10px; left:10px; display:none; z-index:2}
.scrollup i{font-size:24px; line-height:20px}
@keyframes bg {
    0%{background:#f29620}
    50%{background:#d81555}
	75%{background:#5413c9}
	100%{background:#f29620}
}
@media screen and (min-width: 240px) and (max-width: 1024px) {
  .website-container .logo{display: none !important;}
	
	header .logo{width:66px; height:auto; padding:0px 0px;}
	
	header{top:70px !important;}
	
  .enquireNow {
    bottom: 47px !important;
  }
  .innerPage header {
    top:40px;
}
  .innerPage {
    padding-top: 56px;
}
	
	.banner-text {
    padding: 20px;
}
	
	.mobileno{top: 66px; font-size: .8em;}
	
	.container{padding:1em}
	.nav-logo, .nav-banner{display:none}
	#menu-toggle{display:block}
	nav ul{display:none}
	nav ul.open{display:block; background:rgba(0,0,0,.8); position:absolute; font-size:1em; left:8px; top:50px; width:150px; line-height:1; padding:10px}
	nav ul.open:after{position:absolute; top:-10px; left:0; content: ""; display: block; border-left:0 solid #fff; border-right:10px solid transparent; border-bottom:10px solid rgba(0,0,0,.8)}
	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}
	.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%}
	.more-links{width:100%}
	.more-links li.switch{display:none}
	.builder-logo{display:none}
	.stats,.download,.popup-banner{display:none}
	#home{height:auto}
	#home .home-bg{display:none}
	#home .mobile-bg{width:100%; height:auto; display:block}
	#home .home-content{width:100%; left:0}
	#home .home-content h1{font-size:1em !important; line-height:1.3}
	#home .home-content h1 .btxt{font-size:1.5em !important}
	.home-footer ul li{font-size:.7em; margin:5px 0}
	.modal-content{width:100%; height:100%}
	.popup-banner{display:none}
	.popup-input1{width:100%; margin:10px 0}
	.enquiry .form-boxes{width:100%; margin:0}
	.modal{width:100%; height:100%}
	.close-modal{font-size:34px}
	.popup-form{padding:2em 3em; height:100%}
	.plan{margin:2.5%; width:45%; height:150px}
	.plan .caption{font-size:.7em; line-height:1.5; height:30px; top:-30px}
	h1,h2,h3,h4,h5,.title{font-size:1em !important}
	p,table,td,li{font-size:.8em}
	.highlights li .txtbox, .txtbox{padding:15px}
	#download-bar{display:block}
	.scrollup{bottom:60px}
	}
/*icomoon*/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?4p8mu8');
  src:  url('fonts/icomoon.eot?4p8mu8#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?4p8mu8') format('truetype'),
    url('fonts/icomoon.woff?4p8mu8') format('woff'),
    url('fonts/icomoon.svg?4p8mu8#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-setting:before {
  content: "\e926";
}
.icon-layout:before {
  content: "\e922";
}
.icon-plan:before {
  content: "\e923";
}
.icon-money:before {
  content: "\e924";
}
.icon-brochure:before {
  content: "\e925";
}
.icon-download:before {
  content: "\e921";
}
.icon-image:before {
  content: "\e91e";
}
.icon-text:before {
  content: "\e91f";
}
.icon-menu:before {
  content: "\e920";
}
.icon-tick:before {
  content: "\e91b";
}
.icon-ticked:before {
  content: "\e91c";
}
.icon-checked:before {
  content: "\e91d";
}
.icon-cart:before {
  content: "\e914";
}
.icon-office:before {
  content: "\e915";
}
.icon-medical:before {
  content: "\e916";
}
.icon-college:before {
  content: "\e917";
}
.icon-school:before {
  content: "\e918";
}
.icon-wifi:before {
  content: "\e919";
}
.icon-wifi2:before {
  content: "\e91a";
}
.icon-phone:before {
  content: "\e912";
}
.icon-call:before {
  content: "\e913";
}
.icon-up:before {
  content: "\e900";
}
.icon-down:before {
  content: "\e901";
}
.icon-prev:before {
  content: "\e902";
}
.icon-next:before {
  content: "\e903";
}
.icon-room:before {
  content: "\e904";
}
.icon-bed:before {
  content: "\e905";
}
.icon-mortgage:before {
  content: "\e906";
}
.icon-key:before {
  content: "\e907";
}
.icon-key2:before {
  content: "\e908";
}
.icon-price:before {
  content: "\e909";
}
.icon-star:before {
  content: "\e90a";
}
.icon-flag:before {
  content: "\e90b";
}
.icon-featured:before {
  content: "\e90c";
}
.icon-location2:before {
  content: "\e90d";
}
.icon-location:before {
  content: "\e90e";
}
.icon-building:before {
  content: "\e90f";
}
.icon-home:before {
  content: "\e910";
}
.icon-home2:before {
  content: "\e911";
}

/*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; top:47%; left:10px; cursor:pointer}
.next{position: absolute; top:47%; right:10px; cursor:pointer}
.next, .prev{font-size:28px; font-weight:bold; background:none; border:0; z-index:1; text-shadow:0px 0px 2px rgba(255,255,255,0.3)}

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

/*scroll div*/
.scrolldiv{
  overflow-x: hidden;
  overflow-y: scroll;
}
.scrolldiv::-webkit-scrollbar {
  width:5px;
  height:5px;
}
.scrolldiv::-webkit-scrollbar-button {
  width: 5px;
  height: 5px;
}
.scrolldiv::-webkit-scrollbar-thumb {
  background: #5413c9;
  border-radius: 50px;
}
.scrolldiv::-webkit-scrollbar-thumb:hover {
  background: #5413c9;
}
.scrolldiv::-webkit-scrollbar-thumb:active {
  background: #5413c9;
}
.scrolldiv::-webkit-scrollbar-track {
  background: rgba(255,255,255,0);
  border: 0px none #ffffff;
}
.scrolldiv::-webkit-scrollbar-track:hover {
  background: rgba(255,255,255,0);
}
.scrolldiv::-webkit-scrollbar-track:active {
  background: rgba(255,255,255,0);
}
.scrolldiv::-webkit-scrollbar-corner {
  background: transparent;
}
.scrolldiv::-moz-scrollbar {
  width:5px;
  height:5px;
}
.scrolldiv::-moz-scrollbar-button {
  width:5px;
  height:5px;
}
.scrolldiv::-moz-scrollbar-thumb {
  background: #5413c9;
  border: 0px none #ffffff;
  border-radius: 50px;
}
.scrolldiv::-moz-scrollbar-thumb:hover {
  background: #5413c9;
}
.scrolldiv::-moz-scrollbar-thumb:active {
  background: #4db848;
}
.scrolldiv::-moz-scrollbar-track {
  background: rgba(255,255,255,0);
  border: 0px none #ffffff;
  border-radius: 50px;
}
.scrolldiv::-moz-scrollbar-track:hover {
  background: rgba(255,255,255,0);
}
.scrolldiv::-moz-scrollbar-track:active {
  background: rgba(255,255,255,0);
}
.scrolldiv::-moz-scrollbar-corner {
  background: transparent;
}


.disclamer-popup{width:45%; z-index:1035; display:none; max-width: 80%; position: fixed; left: 50%; top: 22%; transform: translate(-50%, -50%)}
.disclamer-popup .disclamer-content{padding:15px; font-size:16px; border-bottom:1px solid #ddd; background:#fff; padding:15px; border-radius: 5px; font-size: 1em; font-weight: 400; color: #444;}

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

	.innerPage header{
		top:56px !important;
	}

.disclamer-popup {
    width: 85%;
    top: 33%;
}
}

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