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

* {
	margin:0;font-weight:300;
	padding:0;
}
body {
	width:100%;  color:#333; overflow-x:hidden;font-family:Source Sans Pro; font-size:18px; font-weight:400;
}
#contact-loader{ margin-left:20px; display:none}
.error-container label{ display:none !important}
.error-container label:nth-child(5){ display:block !important}
.topHeaderBox{ float:left; width:100%; background:#fdb813; padding:5px 20px;}
.boxFifty ul{ padding-right:50px}
.boxFifty ul li{ text-align:left}
#contact-loader{ display:none}
.homeIntro.innerTxt p{ font-size:18px; padding-bottom:15px}
.cssmenu{ list-style:none; position:absolute; top:70px; right:40px; background:rgba(0,0,0,0.7); z-index:9999999; width:280px; display:none}
.menushow{ position:absolute; top:30px; right:40px; z-index:99999999999999999; cursor:pointer}
#banner{ z-index:1; position:relative}
.header{ z-index:99999; position:relative}
.logoHeader{ float:left}
.highEnd{ float:right;margin:10px 100px 0 0; color:#999; font-size:20px}
.rightheader{ float:right}
.boxFifty{ float:left; width:50%; text-align:left}
.boxFifty ul li{ text-align:left}
.cssmenu li{ list-style:none; border-bottom:1px dotted #666;float:left; width:100%;}
.cssmenu li a{ padding:10px 20px; float:left; width:100%; font-size:20px }
.cssmenu li a:link,.cssmenu li a:visited{ color:#fff; text-decoration:none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.cssmenu li a:hover{ padding-left:25px;}
.header{ float:left; width:100%; padding:15px;box-sizing: border-box;}
.cls{ clear:both}
.bxslider li img,.footer{float:left; width:100%;}

.punchLine span.bigTxt1{ text-transform:uppercase; font-size:78px; font-weight:900; line-height:66px}
.punchLine span.bigTxt2{ text-transform:none; font-size:20px; font-weight:normal; width:75%; float:left}
.punchLine span.bigTxt3{ text-transform:uppercase; font-weight:400	; font-size:43px;}

.punchLineBox{ position:absolute; left:0px; z-index:999; width:750px; bottom:30px; color:#fff; padding:10px 30px; font-size:28px; border-left:0px solid #000}
.punchLine{ font-size:38px;}
.punchLine span{ font-size:30px}

.homeIntro { padding:0 5%; width:100%;box-sizing: border-box; text-align:center; float:left}
.homeIntro p{ font-size:20px; font-weight:300}
h1{ padding:30px 0; text-transform:uppercase; font-weight:normal}

.luxury{ border:40px solid #f1f1f1; border-left:0}
.luxuryEnjoy{ border:40px solid #f1f1f1; border-right:0}
.boxleftFF  p{ padding-right:30px}

.breakImg{
    float:left; width:100%;
    background: url(../images/pipe.jpg) repeat-x left center; text-align:center;
}
.breakImg img{ text-align:center; margin:30px auto}

.boxleftFF{ width:55%; float:left; padding:30px 0 30px 60px;box-sizing: border-box; }
.boxleftFR{ width:45%; float:left; padding:30px 0 30px 30px;box-sizing: border-box; }
.boxleftFR img{ text-align:right; float:right; width:100%}

.boxleftFF .heading,.boxleftFR.txtAlignLeft .heading,.homeAmenitiesbox .heading,.headingP{ font-size:32px; font-weight:300; margin-bottom:20px}
p.txt{ line-height:26px}
.boxleftFF strong,.boxleftFR.txtAlignLeft strong{ font-weight:400}


.boxleftFF.txtAlignLeft{ padding:30px 60px 30px 0px;box-sizing: border-box; width:45% }
.boxleftFR.txtAlignLeft{padding:200px 30px 30px 0px;box-sizing: border-box; width:55%}
.boxleftFF.txtAlignLeft img { width:100%; }

.boxleftFF.txtAlignLeft p.luxuryTxt{ font-weight:300; font-size:76px !important; padding-left:60px; padding-bottom:30px}
p.luxuryTxt{font-size:76px !important; }
.amenitiesBoxHome{ margin:0 0 0 20%; width:80%; background:#f1f1f1; padding:30px;box-sizing: border-box; float:left}
.amenitiesBoxHome div{ width:50%; float:left; padding:30px;box-sizing: border-box;}
.amenitiesBoxHome div img{ width:100%}

.n1{font-size: 32px;font-weight: 400;margin-bottom: 0px;}
.n2{font-size: 32px;
font-weight: 300;
margin-bottom: 20px;}

.homeAmenitiesbox,.footer,.footerBottom{ float:left; width:100%}
.homeAmenitiesbox .heading{padding:30px 0 30px 60px;box-sizing: border-box;}

.homeAmenitiesbox .heading{ font-size:38px;}
.amenitiesBoxHome div p{ padding:15px 0}

.faceBook:link,.faceBook:visited{ background:url(../images/social-media.png) left top no-repeat; width:25px; height:25px; display:inline-block;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; margin-right:20px}
.faceBook:hover{ background-position:left -28px}

.youtube:link,.youtube:visited{ background:url(../images/social-media.png) -44px top no-repeat; width:25px; height:25px; display:inline-block;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.youtube:hover{ background-position:-44px -28px}


.addressMap,.enquiryBox{ float:left; width:50%; background:#f4f4f4; margin:124px  0 10px 0}
.addressMap p{ padding-left:50px;box-sizing: border-box; padding-bottom:15px; padding-top:15px}
.enquiryBox{ padding:30px 50px;box-sizing: border-box; margin-top:124px !important}

.enquiryBox input[type="text"], .enquiryBox input[type="email"], .enquiryBox textarea {
    width: 100%;
    margin: 00;
        margin-bottom: 0px;
    padding: 10px;
    box-sizing: border-box;
    background: #e8e8e8;
    margin-bottom: 14px;
    border-radius: 5px;
    font-family: Open Sans;
    font-weight: 300;
    font-size: 15px; border:0
}
.enquiryBox input[type="text"].inputSm{ width:50%}
.enquiryBox input[type="submit"]{ background:#cccccc; color:#000; padding:10px; text-align: center; width:100%; border:0; cursor:pointer; font-size:16px; text-transform:uppercase}

.footer{ border-bottom:1px solid #f1f1f1;border-top:1px solid #f1f1f1; background:#f1f1f1; color:#999}

.footerList,.footerList li{ list-style:none;color:#999;}
.footerList li{ width:50%; float:left;padding:2px 0}
.footerList li a:link,.footerList li a:visited{ text-transform:uppercase; color:#666666; font-weight:300; text-decoration:none; font-size:14px; font-weight:normal }
.footerList li a:hover{ color:#000}

.footer table{ margin:50px}
.footer table td{ font-size:14px; width:25%;color:#666666; line-height:20px}
.footer table td p{ font-weight:normal; line-height:22px}
.footerBottom{ padding:10px 20px;box-sizing: border-box; background:#333333}
.footerBottom .fiftyFB{ width:50%; float:left; font-size:13px}
.fiftyFB img{ float:right}

p.subHeading{ font-size:30px; font-weight:300; padding:0 0 20px 0}

.boxFifty.map{ padding:30px 50px;box-sizing: border-box;}

.boxFifty.enquiryBox{ margin:0 !important; background:none}

.viewMore:link,.viewMore:visited{ border:1px solid #CCC; padding:10px 20px; text-align:center; margin:0 auto; color:#333; text-decoration:none;-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{ background:#999; color:#fff;}

.photogalleryBox.nx{ list-style:none;width:100%; float:left}
.photogalleryBox li{ width:33.33%;  float:left; display:inline-block;box-sizing: border-box;padding:30px;}
.photogalleryBox li img{ width:100%; border:10px solid #fff; box-sizing: border-box;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;box-shadow:0 0 5px #ececec; opacity:0.7}
.photogalleryBox li img:hover{box-sizing: border-box; width:100%; border:10px solid #ccc;box-shadow:0 0 5px #ececec;opacity:1}


.popBox{ position:absolute; left:50%; top:50%; margin:-157px 0 0 -280px; z-index:999999}
#popup{ position:absolute; left:0%; top:0%; right:0; bottom:0; background:rgba(0,0,0,0.9); z-index:99999; display:none}

.videoPresentation:link,.videoPresentation:visited{ border-radius:20px; border:1px solid #fff; padding:8px 20px; color:#fff; position:absolute; right:30px; top:80px; z-index:9999; text-decoration:none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.videoIcon{ vertical-align:middle; margin:-3px 10px 0 0}
.videoPresentation:hover{ background:rgba(0,0,0,0.6)}


.videoPresentationNew:link,.videoPresentationNew:visited{ border-radius:20px; border:1px solid #fff; padding:8px 20px; color:#fff; z-index:9999; text-decoration:none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;background:rgba(0,0,0,0.6)}
.videoPresentationNew:hover{background:rgba(0,0,0,0.9)}


.closepop:link,.closepop:visited{ position:absolute; right:-5%; top:-5%; font-weight:bold; color:#fff; text-decoration:none}
@media screen and (max-width:750px){
.logoHeader img,.amenitiesBoxHome,.amenitiesBoxHome div,.addressMap ,.enquiryBox,.boxFifty,.footerBottom .fiftyFB { width:100%}
.footerBottom .fiftyFB,.footerBottom .fiftyFB img{ text-align:center; padding:3px 0; float:none}
.boxFifty{ padding-left:15px;box-sizing: border-box;}
.highEnd{ margin:10px}
.bx-wrapper{margin-top:50px}
.menushow{ position:relative; margin-top:30px; right:0}
.highEnd{ margin-top:-40px}
.videoPresentation:link, .videoPresentation:visited{ background:#000; left:10px; top:100px; right:auto; padding:10px; font-size:14px}
.punchLine span.bigTxt3,.punchLine span.bigTxt1{ font-size:20px}
.punchLineBox{ width:100%; background:rgba(0,0,0,0.6); float:left; position:relative; padding:10px;box-sizing: border-box; bottom:0}
.punchLine span.bigTxt2{ font-size:12px}
h1,.boxleftFF.txtAlignLeft p.luxuryTxt{ font-size:22px !important}
.homeIntro p{ font-size:16px}
.boxleftFF,.boxleftFR ,.boxleftFR,.boxleftFR,.boxleftFF.txtAlignLeft,.boxleftFR.txtAlignLeft{ width:100%; padding:15px;box-sizing: border-box;}
.luxuryEnjoy,.luxury{ border:15px solid #f1f1f1 !important}
.amenitiesBoxHome{ margin:0}
.amenitiesBoxHome div{ padding:0}
.addressMap, .enquiryBox{ margin:10px 0 !important}
.cssmenu{ top:150px; width:100%; right:0; background:rgba(0,0,0,0.9)}
.footer table{ margin:10px}
.footer table td{ float:left; width:100%; display:inline-block; padding:10px 0}
.footer table td:first-child img,.footer table td:first-child{ text-align:center}
#banner{ margin-top:50px}
.photogalleryBox li{ padding:10px; width:100%;box-sizing: border-box;}
h1.innerHeading{ padding:15px 0 10px 0}
.boxFifty.map{ padding:15px 0 0 0}
.boxFifty.map img{ width:100%}
}