@charset "utf-8";
/* CSS Document */

/* ============================================================================ */
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700");
@import url("http://fonts.googleapis.com/css?family=Suranna");
@import url("http://fonts.googleapis.com/css?family=Herr+Von+Muellerhoff");

/*  SCSS VARIABLES
================================================================================ */

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, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, form,
label, table, caption, tbody, tfoot, thead, tr, th, td, article, fieldset, legend, aside, canvas, details, embed, figure, 
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{border: 0 none;list-style: none outside none;margin: 0;padding: 0; vertical-align:top;}

body {margin: 0px;font-size: 100%;font-family:'Times New Roman', Arial, Helvetica, sans-serif;}
img {width:100%; height:auto; border: none;}
a {text-decoration: none;}
.clr{clear:both;}
.fullImage{width:100%;}
h1{width:100%; height:auto; padding:0px;color:#000; font-size:25px; font-weight:900; font-family:Arial, Helvetica, sans-serif;}
h2{width:100%; height:auto; padding:0; margin:5px 0;font-size:22px; color:#fff; text-align:left; font-weight:bold; text-transform:uppercase;}
h3{font-size:17px; text-align:left; font-weight:bold;}
h4{width:100%; height:auto; padding:0; margin:12px 0;font-size:17px; text-align:left; font-weight:bold;}

.blue{color:#006faf;}
.black{color:#000;}
.white{color:#fff;} 
.red{color:#ff2a00;}

.left{ text-align:left;}
.center{ text-align:center;}
.right{ text-align:right;}

.topRibon{width:96%; height:auto; padding:0px 2%; margin:auto; background:none;}
.trCallUs{width:auto; height:auto; padding:7px 3% 0 0; margin:0; float:left; color:#fff; font-weight:bold; font-size:16px;}
.trEmail{width:auto; height:auto; padding:7px 0 0 0; margin:0 25px 0 0; float:left; color:#fff; font-weight:bold; font-size:16px;}
.trRightBox{width:565px; height:auto; padding:0; margin:7px 0 0 0; float:right; color:#fff; font-weight:300; font-size:15px;}
.trsmnav{width:20px; height:20px; padding:8px 5px 2px 5px; margin:0 0 0 7px; background:#fff; display:block; border-radius:100%; float:left;text-align:center; color:#000;}
.trsmnav:hover{ background:#fff; color:#000;}
.tricon{ font-size:15px; font-weight:100; margin:3px 7px 0 0;}

header {width: 100%;height: auto;position: fixed;top: 0;left: 0;z-index: 999;}
header .header{width:96%; height:auto; padding:0px 2%; margin:auto; background:none; position:relative; z-index:101;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important; }

header .rightBox{width:auto;float:right; margin:25px 0 10px 0; text-align:right;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .logoBox{width:20%;height: auto; padding:0px; margin:5px 0; position:relative; top:-35px; float:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .booknow{width:auto; height:auto; padding:0; margin:25px 0 10px 7px; float:right;}

header.smaller {height: auto; }
header.smaller .header{width:96%; height:auto; padding:0px 2%; margin:auto; background:#fff; position:absolute; z-index:99999; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
header.smaller .rightBox{width:auto;float:right; margin:25px 0 15px 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .logoBox{width:10%;height: auto; padding:0px; margin:5px 0; position:relative; top:0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .booknow{width:auto; height:auto; padding:0; margin:25px 0 10px 7px; float:right;}
header.smaller .menuBox{ margin:0px 0 0 0;}

header.smaller .nav ul ul li a{width:auto;padding: 5px 10px; color:#fff !important;}
header.smaller .nav a,.nav a:active,.nav a:hover,.nav a:visited{padding:2px 15px 1px;color:#000;text-decoration:none;}
.menuBox{width:auto; height:auto; margin:auto; padding:0; color:#007db8; font-size:15px; font-weight:400; text-align:left;}

header .booknowbtn{width:auto; height:auto; padding:8px 25px; margin:auto; background:#ff2a00; font-size:15px; font-weight:bold; color:#fff; display:block; border-radius:4px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .booknowbtn:hover{background:#00d13f;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.body{width:100%; height:auto; margin:0 auto 0 auto;}
.iheadingBox{width:100%; height:auto; padding:15px 0 25px 0; margin:0; text-align:left;}
.ifacilitiesheading{width:86%; height:auto; padding:15px 0 25px 0; margin:0 auto; border-bottom:solid 1px #f1f1f1;}

/*-- Banner Css --*/
.bannerPanel{width:100%; height:auto; margin:0;}
.banner{width:100%; height:auto; padding:0; margin:0;position:relative;}
.bannerHeading{width:96%; height:auto; padding:10px 2% 12px 2%; margin:auto; position:absolute; z-index:1; top:40%; color:#fff; font-size:60px; font-weight:900; text-align:center; text-shadow:0 2px 2px #000;font-family: 'Times New Roman', Helvetica, Arial, sans-serif; font-family:}
.bannerSMText{width:96%; height:auto; padding:5px 2% 15px 2%; margin:auto;color:#fff; font-size:25px; font-weight:400; text-align:center; text-shadow:0 2px 2px #000;}

.enquirybox{width:78%; height:auto; padding:25px 1% 15px 1%; margin:auto 10%; border-radius:7px; background:rgb(255,255,255,0.6); border:solid 3px #C1C1C1; position:absolute; z-index:1; bottom:6%;}
.biFormCol{width:19%; height:auto; padding:0 !important; margin:0px 0.5% !important; float:left; position:relative;}
.biFormCol1{width:39%; height:auto; padding:0 !important; margin:0px 0.5% !important; float:left; position:relative;}
.biFormCol2{width:19%; height:auto; padding:0 !important; margin:0px 0.5% !important; float:left; position:relative;}
.biTextBox{width:94%; height:auto; padding:10px 3% 9px 3%; margin:0px auto 10px auto; background:#fff; box-shadow:1px 1px 1px #000; border:none; color:#999 !important; font-size:14px; border-radius:4px; outline:none;}
.biDateTextBox{width:94%; height:auto; padding:10px 3% 9px 3%; margin:0px auto 10px auto; background:#fff url(images/calendarIcon.png) no-repeat right 7px center;box-shadow:1px 1px 1px #000; border:none; color:#999 !important; font-size:14px; border-radius:4px; outline:none;}
.biListBox{width:100%; height:auto; padding:10px 3% 9px 3%; margin:0px auto 10px auto; background:#fff;box-shadow:1px 1px 1px #000; border:none; color:#999 !important; font-size:14px; outline:none; border-radius:4px;}
.biTextAreaBox{width:94%; height:75px; padding:10px 3%; margin:0px auto 10px auto; background:#fff;box-shadow:1px 1px 1px #000;color:#999 !important; font-size:14px; outline:none;}
.bookingBtn{width:100%; height:auto; padding:10px 3%; background:#ff2a00; box-shadow:1px 1px 1px #000; border:none; color:#fff; font-weight:bold; font-size:14px; border-radius:4px; outline:none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.bookingBtn:hover{background:#00d13f; cursor:pointer;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

/*-- Rooms Css --*/
.roomTypePanel{width:95%; height:auto; padding:55px 2% 55px 3%; margin:auto;}
.roomBox{width:27.5%; height:auto; padding:10px 0.75%; margin:0px 2%; background:#f5f5f5; border:solid 1px #e1e1e1; float:left;}
.roomImgBox{width:100%; height:auto; padding:0; margin:0;}
.roomHeading{width:100%; height:auto; padding:0 0 0 0; margin:17px 0 12px 0; font-size:20px; font-weight:bold; text-align:center; text-transform:uppercase;}
.roomText{width:84%; height:auto; padding:0; margin:10px 8%; font-size:14px; font-weight:400; color:#333; line-height:22px; text-align:center;font-family:'open sans',Arial, Helvetica, sans-serif;}

.roomreadmorebox{width:120px; height:auto; padding:0; margin:15px auto 15px auto;}
.readmorebox3{width:auto; padding:0; margin:0; cursor:pointer;}
.rmicon3{width:8px; padding:6px 10px 5px 10px; margin:auto; float:left; background:#000; color:#fff; font-size:14px; font-weight:300; border-radius:3px 0 0 3px;}
.rmtext3{width:70px; padding:6px 10px 5px 10px; margin:auto; float:left; background:#ff2a00; color:#fff; text-align:center; font-size:14px; border-radius:0 3px 3px 0;}
.roomreadmorebox:hover .rmtext3{background:#dd2400;}

/*-- Index About Box --*/
.aboutpanel{width:89%; height:auto; padding:45px 5% 45px 6%; margin:0; background:url(images/bgimg1.jpg) no-repeat center center fixed; font-size:13px; color:#555; line-height:22px;}
.aboutBox{width:50%; height:auto; padding:0; margin:0; float:left;}
.aboutText{width:100%; height:auto; padding:0; margin:15px auto 0 auto; color:#fff; font-size:15px; line-height:27px; text-align:justify;font-family:'open sans',Arial, Helvetica, sans-serif;}
.aboutreadmorebox{width:auto; height:auto; padding:0; margin:40px auto 0 auto;}

.readmorebox2{width:auto; padding:0; margin:0; cursor:pointer; float:right;}
.rmicon2{width:auto; padding:5px 10px 5px 10px; margin:auto; float:left; background:#555; color:#fff; font-size:25px; font-weight:300; border-radius:3px 0 0 3px;}
.rmtext2{width:auto; padding:7px 15px 3px 15px; margin:auto; float:left; background:#ff2a00; color:#fff; font-size:14px; border-radius:0 3px 3px 0;}
.aboutreadmorebox:hover .rmtext2{background:#dd2400;}

.aboutImgBox{width:40%; height:auto; padding:5px 0.5%; margin:0; background:#fff; border:solid 1px #e1e1e1; float:right;}

/*-- Facilities Css --*/
.facilitiesPanel{width:94%; height:auto; padding:30px 3% 20px 3%; margin:auto;}
.facilitiesBox{width:100%; height:auto; padding:0; margin:35px 0 0 0;}
.fBox{width:20%; height:auto; padding:0; margin:0 0 40px 0; float:left;}
.fIconBox{width:40px; height:40px; padding:10px; margin:0 auto; background:#ff2a00;background: linear-gradient(#ffbcaf, #ff2a00); border:solid 3px #ff2a00; border-radius:150px; overflow:hidden;}
.fContentBox{width:100%; height:auto; padding:0; margin:0 auto;}
.fHeading{width:100%; height:auto; padding:0; margin:25px 0 15px 0; color:#333; font-size:15px; font-weight:bold; text-align:center; line-height:0; text-transform:uppercase;}
.fText{width:100%; height:auto; padding:0; margin:0; color:#979797; font-size:15px; font-weight:400; display:none;}

/*-- Contact Panel Css --*/
.contactPanel{width:80%; height:auto; padding:60px 10% 75px 10%;  background:url(images/bgimg2.jpg) no-repeat center center fixed; text-align:center; color:#000;}
.contactHeadTextBox{width:100%; height:auto;color:#fff; font-size:20px; font-weight:400; line-height:25px;}
.btn1{width:auto; padding:12px 20px; margin:0 5px; background:#fff; font-size:20px; font-weight:400; border:none; border-radius:5px; border:solid 1px #ff2a00; color:#ff2a00; outline:none; cursor:pointer;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.btn1:hover{background:#dd2400; color:#fff;border:solid 1px #dd2400;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

/*-- Popular Brand Css --*/
.galleryPanel{width:96%; height:auto; padding:25px 2% 35px 2%; margin:auto;}
.gallerybox{width:95%; height:auto; padding:0 0 15px 0; margin:auto auto 15px auto;}
.gbox{width:92%; height:auto; padding:6px 1%; margin:5px 3%; border:solid 1px #dcdcdc;}
.gimgbox{width:100%; height:auto; padding:0; margin:auto; position:relative;}

/*-- Footer Css --*/
.footerPanel{width:100%; height:auto; padding:60px 0 0 0; margin:auto; background:#0e0e0e url(images/footerBg.png) no-repeat center center; color:#697585; text-align:center;}

.footerCol1{width:12%; padding:0 0 0 5%; float:left;}
.footerNavBox{width:80%; height:auto; padding:10px 0 0 0; text-align:justify;}
div#fNav1 ul { margin:25px 0 10px 0; padding: 0; list-style: none; } 
div#fNav1 ul li { margin: 0; padding: 1px 0px; list-style: none; } 
div#fNav1 ul a:link, div#fNav1 ul a:active, div#fNav1 ul a:visited { margin: 0; padding:0px; text-decoration: none; color:#fff;display:block; font-size:15px;text-align:left;font-weight:400; line-height:28px;} 
div#fNav1 ul  a:hover {color:#ff2a00;}

.footerCol2{width:33%; height:auto; margin:0 0 25px 15%; float:left;}
div#fNav2 ul { margin:25px 0 10px 0; padding: 0; list-style: none; } 
div#fNav2 ul li { margin: 0; padding: 1px 0px; list-style: none; } 
div#fNav2 ul span { margin: 0; padding:0px; text-decoration: none; color:#fff;display:block; font-size:15px;text-align:left;font-weight:400; line-height:28px;} 

.footerCol3{width:30%; height:auto; margin:0 2% 0 0; float:right;}
.footerTextBox{width:100%; text-align:justify; padding:15px 0px;}
.fContactDetailsBox{width:100%; padding:5px 0 15px 0; font-size:15px; color:#fff; font-weight:400; text-align:left; line-height:25px;}
.fContact{width:90%; height:auto; padding:4px 0 0 0;}
.footerHeading{width:100%; margin:0 0 20px 0; font-size:18px; font-weight:800; color:#fff; text-transform:uppercase; text-align:left;}

.cRightBox{width:90%; height:auto; padding:17px 5%; margin:15px 0 0 0;  background:#131415; font-size:12px; font-weight:400; color:#fff; text-align:left;border-top:solid 1px #2b2b2b;}
.copyright{width:auto; height:auto; text-align:center; float:left;}
.poweredby{width:auto; height:auto; text-align:center; float:right;}
.poweredNav{color:#fff;}
.poweredNav:hover{color:#ff2a00;}

/*== INNER PAGE ==*/
.innWrap{width:92%; height:auto; padding:45px 0 50px 0; margin:0 auto;color:#333; font-size:15px; line-height:25px; text-align:justify; font-family:'open sans',Arial, Helvetica, sans-serif;}

/*-- Page Heading --*/
.innBanner{width:100%;margin:0; padding:0; margin:0; position:relative;}
.bgBox{width:100%; height:100%; padding:0; margin:0;background: rgba(0,0,0,0.4); position:absolute; z-index:1; top:0;}
.innBanHeadBox{width:100%; height:auto; padding:0; margin:0 0 10px 0; position:absolute; z-index:2; bottom:0;}
.page-title__column{ display:table-cell; vertical-align:middle;}
.page-title__column--border:after {content: '';width: 100%;height: 1px;background: rgba(255,255,255,0.7);display: block;}
.page-title__column--title {width: 1%;white-space: nowrap; padding: 10px 20px;}

.pageNavBox{width:93%; height:auto; padding:14px 3.5% 10px 3.5%; margin:0; background:#e1e1e1; font-size:14px; color:#f23f00; text-transform:uppercase;font-family:'open sans',Arial, Helvetica, sans-serif;}
a.pageNav:link,a.pageNav:active,a.pageNav:visited{width:auto; height:auto; padding:0; margin:0;font-size:14px; color:#000; position:relative; text-transform:uppercase;}
a.pageNav:hover{color:#f23f00;}

/*-- About Page --*/
.aboutLeftBox{width:57%; height:auto; padding:0; margin:auto; float:left;}
.innAboutHeading{width:100%; height:auto; padding:0px; margin:0 0 30px 0; color:#000; font-size:22px; font-weight:900; text-transform:uppercase;}
.aboutRightBox{width:35%; height:auto; padding:5px 0.5%; margin:0; border:solid 1px #f1f1f1; float:right;}

/*-- Room Page --*/
.iroomBox{width:98%; height:auto; padding:0 1%; margin:0 0 20px 0; background:#f5f5f5; border:dashed 1px #e1e1e1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.iroomBox:hover{background:#fff; border:dashed 1px #ff2a00;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.iroomBox:hover .iroomImgBox{border-right:dashed 1px #ff2a00;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.iroomBox:hover .iroomHeadingBox{border-bottom:dashed 1px #ff2a00;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.iroomImgBox{width:35%; height:auto; padding:12px 1% 12px 0; margin:auto;border-right:dashed 1px #e1e1e1; float:left;}
.iroomDetailsBox{width:61%; height:auto; padding:5px 1%; margin:auto; float:right;}
.iroomHeadingBox{width:100%; height:auto; padding:0; margin:0;border-bottom:dashed 1px #e1e1e1;}
.iroomHeadBox{width:75%; height:auto; padding:0; margin:5px 0 0 0; float:left;}
.iroomPriceBOx{width:20%; height:auto; padding:0; margin:10px 0 15px 0; text-align:right; float:right;}
.iroomPrice{width:auto; height:auto; padding:5px 12px; margin:auto; background:#ff2a00; color:#fff; font-size:20px; font-weight:bold; border-radius:5px;}
.iroomdesc{width:100%; height:auto; padding:0; margin:15px 0 10px 0; font-size:15px;}
.iroomFheading{width:100%; height:auto; padding:10px 0; margin:0;}
.iroomfacilitiesbox{width:98%; height:auto; padding:0px 0 10px 2%; margin:0;}
div.facilities ul { margin:0; padding: 0; list-style: none; } 
div.facilities ul li { margin: 0; padding: 1px 0px; list-style: none;} 
div.facilities ul span {width:33%; margin: 0; padding:0px; text-decoration: none; color:#8a8a8a;display:block; font-size:14px;text-align:left;font-weight:400; line-height:25px; float:left;} 
.iroomficon{ margin:8px 7px 0 0; font-size:12px;}

/*-- Contact Page --*/
.iContactPanel{width:98%; height:auto; padding:0 1%; margin:0 0 20px 0; }
.iContactInquiryBox{width:40%; height:auto; padding:0; margin:0; float:left;}
.iContactFormRow{width:100%; height:auto; padding:0; margin:0 0 20px 0; position:relative;}
.iContactBtnRow{width:100%; height:auto; padding:0; margin:0 0 20px 0; text-align:right;}
.iFormTextBox{width:95%; height:auto; padding:14px 2.5%; margin:auto; border:solid 1px #e1e1e1; color:#999 !important; font-size:14px; border-radius:4px; outline:none;}
.iFormTextAreaBox{width:95%; height:50px; padding:14px 2.5%; margin:auto; border:solid 1px #e1e1e1; color:#999 !important; font-size:14px; border-radius:4px; outline:none;}
.isubmitbtn{width:auto; height:auto; padding:10px 25px 11px 25px; margin:auto; background:#ff2a00; font-size:15px; color:#fff; border-radius:4px; border:none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.isubmitbtn:hover{background:#dd2400;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.iContactDetailsBox{width:50%; height:auto; padding:0; margin:0; float:right;}
.iContactHeading{width:100%; height:auto; padding:0px; margin:0 0 45px 0; color:#000; font-size:25px; font-weight:900; text-transform:uppercase;}
.iContactDetails{width:100%; height:auto; padding:0px; margin:0 0 12px 0; color:#777; font-size:15px; font-weight:400;}
.iContactMap{width:100%; height:auto; padding:0; margin:0;}