@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato:300,400');
 
/* CSS Document */

* {
	margin:0;
	padding:0;box-sizing: border-box;
}
body {
	width:100%;  color:#000000; overflow-x:hidden;font-family:Lato;font-size:15px;  font-weight:400;
}
.introTxt.innerBox p{ text-align:justify}
.innerBanner,.innerBanner img{ float:left; width:100%}
.innerBanner{ margin-top:-170px}
.fancybox-title.fancybox-title-inside-wrap{ text-transform:lowercase}
a.fancybox-buttons{ position:relative; z-index:999999}
.required.error{ border-color:red !important}
.error-container label.error{ display:none !important}
.error-container label.error:last-child{ display:block !important; color:red; font-size:11px; margin-left:5%}
#innerBanner.nomarginSome{box-sizing: border-box;float: left;
width: 100%;
padding: 20px 50px;
text-align: left;
box-sizing: border-box; margin:0 auto 30px 0; }

#cssmenu{ background:url(../images/menu-bg.png) repeat-x}
#cssmenu > ul > li:nth-child(1) > a img{ margin-top:-4px !important}
#cssmenu > ul > li:nth-child(7) > a img{ margin-top:-4px !important}
#cssmenu > ul > li:nth-child(7){ background:none;}
#cssmenu > ul > li:nth-child(7) > a{ padding-bottom:25px !important}
#cssmenu > ul > li:nth-child(1) > a{padding-bottom:11px !important}

#cssmenu::before { content: ".";    background: url(../images/left-menu.png) no-repeat;  width: 24px; height: 46px; display: inline;  margin-left: -24px;  float: left;color:rgba(0,0,0,0)}
#cssmenu:after { content: ".123456";    background: url(../images/right-menu.png) no-repeat;  width: 24px; height: 46px; display: inline;  margin-right: -24px;  float: left;color:rgba(0,0,0,0)}

#banner{ margin:-162px 0 20px 0; position:relative; float:left; width:100%}
.header{ float:left; width:100%; position:relative; z-index:99999}
.logoHeader{ float:left}
.rightheader{ float:right; width:905px; margin:20px}
.bx-wrapper img{ width:100%}
.rightMenu{ margin-right:-50px}
.menuPipe{ background:url(../images/lineBg.jpg) left top no-repeat}

.punchLineBox{ position:absolute; z-index:9999; left:20px; bottom:20px}
.punchLineBox p{ color:#fff; font-size:32px; text-transform:uppercase; text-shadow:0 0 5px #000}
span.bold{ font-weight:bold}

.innerBanner .punchLineBox p{background:rgba(0,0,0,0.5); padding:10px 20px}

.boldTxt{font-size:60px; font-weight:bold}
.introTxt{ float:left; width:100%; padding:30px 10%; background:url(../images/skyBg.jpg); text-align:center}
.introTxt.innerBox{padding:30px 5%; background:#fefefe}
.cls{ clear:both}
.introTxt p{ font-weight:400; line-height:30px}

.quickEnquiry.inn input.captcha{ float:left !important}
.fiftyBox.quickEnquiry.inn h1{ margin:10px 0 30px 0}


h1{ text-transform:uppercase; font-size:30px; font-weight:bold; margin-bottom:30px}

h1 span{ border-bottom:1px solid #3291bf}
p.highlightTxt{color:#283e59; font-weight:bold; font-size:18px; margin-bottom:20px}

.viewMore:link,.viewMore:visited{border:1px solid #3291bf; padding:10px 20px; color:#3291bf; text-decoration:none; font-weight:normal;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.viewMore:hover{ color:#fff; background:#3291bf}
.countBox{ width:20%; float:left; text-align:center}
.counterTxt{ font-size:46px; font-weight:bold}
.roundBoxTxt{ font-size:20px; text-transform:uppercase; font-weight:400; margin:10px}
.countBg{ float:left; width:100%; background:url(../images/countBg.png); padding:70px 0}

.projectsTab{ margin:0 auto; width:400px; display:none}
.projectsTab a:link,.projectsTab a:visited{ padding:10px 20px; font-size:20px; color:#333; text-decoration:none; font-weight:400; margin:10px 1px 0 0; display:inline-block}
.projectsTab a:hover,.projectActive{ color:#fff !important; background:#3291bf}

.projectBox,.fiftyBox{ float:left; width:50%}
.projectBox{ border:10px #fff solid; background:#f1f1f1}
.projectBox .fiftyBox{}

.projectImg img{ width:100%}
.projectTxt{ padding:20px 30px}
.projectTxt p{ padding:5px 0}
.headingProject{ font-size:30px}

.moreInfo:link,.moreInfo:visited{ color:#fff; padding:7px 30px 7px 10px; background:#ff9900 url(../images/arrow.png) 90px center no-repeat; text-decoration:none; float:right; margin:10px 0}

.quickEnquiry input,.quickEnquiry textarea{ border:0; padding:10px; background:#f1f1f1; width:90%; margin:0 5% 10px 5%; border-radius:5px;font-family:Lato;font-size:15px;}
.quickEnquiry input.captcha{ width:50%}
.quickEnquiry input[type="submit"]{ background:#3291bf; text-align:center; color:#fff; text-transform:uppercase; cursor:pointer}
.quickEnquiry input[type="submit"]:hover{ background:#64aae4}
.fiftyBox.quickEnquiry h1{ text-align:center; margin:50px 0 30px 0	}

.footerBg{ float:left; width:100%; background:url(../images/footerbg.png) left bottom no-repeat; background-size:100% auto}

.bxslider2 li img{ width:auto !important; margin:0 5%}

.footerBox{ width:25%; float:left; padding:50px 30px}
.footerBox ul li{ background:url(../images/arrow1.png) left center no-repeat; list-style:none; padding-left:15px; margin:6px 0}
.footerBox ul li a:link,.footerBox ul li a:visited{ color:#333; text-decoration:none}
.footerBox ul li a:hover{color:#000}
.footerBox,.footerBox p{color:#333;}
.footerBox.copy{ text-align:right}
.footerBox.copy p{ padding-top:30px}
#contact-loader{ display:none}



.photogallery{ list-style:none; position:relative; z-index:0 }
.photogallery li{ width:33.3333%; margin:0%; float:left; display:table;padding:30px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;   }
.photogallery li img{ width:100%; position:relative; z-index:0; box-shadow:0 0 5px #eaeaea; padding:5px}
.photogallery li:hover{ background:#f1f1f1}

.amenities,.amenities li{ list-style:none}
.amenities li{ width:25%; text-align:center; float:left; margin-bottom:30px}
.amenities li p{ text-align:center !important}

.floorImg img{ width:100%; max-width:1200px}

.completedProjects li,.completedProjects { text-align:left !important; list-style:none}
.completedProjects li{ width:32%; margin-bottom:8px; float:left; background:url(../images/arrowBlue.png) left 2px no-repeat; padding-left:25px}
.completedProjects{ margin-left:4%}


@media screen and (max-width:1030px) {.rightheader{ width:auto; position:absolute; right:0px}#cssmenu::before,#cssmenu::after,.rightMenu,.menuPipe{ display:none !important}#cssmenu .open{ background:#fff} .projectBox{ min-height:270px}}

@media screen and (max-width:650px) {
.footerBox,.projectBox,.fiftyBox,.countBox{ width:100%}
.rightheader{ width:auto; position:absolute; right:0px}
#cssmenu::before,#cssmenu::after,.rightMenu,.menuPipe{ display:none !important}
#cssmenu{ background:none}
.punchLineBox p{ color:#fff; font-size:18px; text-transform:uppercase;}
span.bold{ font-weight:bold}
.boldTxt{font-size:30px; font-weight:bold}
#banner{ margin:0}
.footerBox.copy{ text-align:left}
#cssmenu .open{ background:#fff}
.bxslider2 li img{ width:100% !important; margin:0}
.countBg{ background-size:cover}
.innerBanner{ margin-top:-50px}
.footerBox{ padding:10px 30px}
.amenities li,.photogallery li{ width:100%;}
.innerBanner .punchLineBox p{background:rgba(0,0,0,0.5); padding:5px; font-size:16px}
}