/* 
CSS File Last Update : 27 Dec 2023
Project: batiqa.com (Batiqa Hotels)
Website Designed & Coded by: Aditama (pandavamedia.net)
Main colors:
- Dark Blue: #033C5A; rgba(4,60,91,1);
- Gold: #C9AC85; rgba(194,165,122,1);
- Black: #333333;
*/
/*html { height: 100%; }*/
@charset "UTF-8";
/*@font-face {
  font-family: 'Work Sans';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/Work-Sans-regular.eot');
  src: url('../fonts/Work-Sans-regular.eot?#iefix') format('embedded-opentype'),
       local('Work Sans'),
       local('Work-Sans-regular'),
       url('../fonts/Work-Sans-regular.woff2') format('woff2'),
       url('../fonts/Work-Sans-regular.woff') format('woff'),
       url('../fonts/Work-Sans-regular.ttf') format('truetype'),
       url('../fonts/Work-Sans-regular.svg#WorkSans') format('svg');
}
@font-face {
  font-family: 'Work Sans Bold';
  font-weight: 700;
  font-style: normal;
  src: url('../fonts/Work-Sans-700.eot');
  src: url('../fonts/Work-Sans-700.eot?#iefix') format('embedded-opentype'),
       local('Work Sans Bold'),
       local('Work-Sans-700'),
       url('../fonts/Work-Sans-700.woff2') format('woff2'),
       url('../fonts/Work-Sans-700.woff') format('woff'),
       url('../fonts/Work-Sans-700.ttf') format('truetype'),
       url('../fonts/Work-Sans-700.svg#WorkSans') format('svg');
}
@font-face {
  font-family: 'Work Sans SemiBold';
  font-weight: 600;
  font-style: normal;
  src: url('../fonts/Work-Sans-600.eot');
  src: url('../fonts/Work-Sans-600.eot?#iefix') format('embedded-opentype'),
       local('Work Sans SemiBold'),
       local('Work-Sans-600'),
       url('../fonts/Work-Sans-600.woff2') format('woff2'),
       url('../fonts/Work-Sans-600.woff') format('woff'),
       url('../fonts/Work-Sans-600.ttf') format('truetype'),
       url('../fonts/Work-Sans-600.svg#WorkSans') format('svg');
}
@font-face {
  font-family: 'Work Sans Light';
  font-weight: 300;
  font-style: normal;
  src: url('../fonts/Work-Sans-300.eot');
  src: url('../fonts/Work-Sans-300.eot?#iefix') format('embedded-opentype'),
       local('Work Sans Light'),
       local('Work-Sans-300'),
       url('../fonts/Work-Sans-300.woff2') format('woff2'),
       url('../fonts/Work-Sans-300.woff') format('woff'),
       url('../fonts/Work-Sans-300.ttf') format('truetype'),
       url('../fonts/Work-Sans-300.svg#WorkSans') format('svg');
}*/

html { -webkit-text-size-adjust: 100%; }
body {
	position:relative;
	background-color:#FFFFFF;
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing:antialiased;
	font-smooth:always;
	font-size:15px;
	letter-spacing:0.8px;
	line-height:21px;
	color:#333333;
	margin:0;
	padding:0;
	height: 100%;
	width:100%;
	font-weight:normal;
}
#pageBody {
	/*background:#F1F1EA url('../../i/bg-pattern-batik2.jpg');*/
	/*background:#FFFFFF url('../../i/bg-pattern-batik2-wht.jpg');
	background-repeat:repeat-y;
	background-size:contain;
	background-position:center top;*/
	width:100%;
	/*background-color:#FFFFFF;
	border-top:5px #333333 solid;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:auto;
	background-attachment:fixed;*/
}
form { MARGIN-LEFT: 0px;MARGIN-RIGHT: 0px;MARGIN-BOTTOM: 0px;MARGIN-TOP: 0px }
td,div,p { font-family: 'Roboto', sans-serif; font-size:inherit; }
input[type=text],input[type=password],textarea,select { 
	width:89%;
	font-family: 'Roboto', sans-serif; 
	font-size: 15px;
	letter-spacing:0.8px;
	color:#333333; 
	background-color:#FFFFFF; 
	line-height:18px; 
	border:1px #b7b7b7 solid;
	padding:10px 15px 12px 15px;
	-webkit-border-radius: 3px; 
	   -moz-border-radius: 3px; 
					border-radius: 3px;
}
textarea { width:95% !important; }
select { width:100% !important; }
input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus { 
	color:#000000;
	border:1px #FFFFFF solid;
	background-color:rgba(204,204,204,0.2);
	-webkit-box-shadow: 0px 0px 2px rgba(204,204,204,0.2);
		 -moz-box-shadow: 0px 0px 2px rgba(204,204,204,0.2);
					box-shadow: 0px 0px 2px rgba(204,204,204,0.2);
}
input[type=submit],input[type=button] {
	cursor:pointer;
	font-family: 'Roboto', sans-serif; 
	font-size: 13px;
	letter-spacing:0.3px;
	color:#FFFFFF; 
	background-color:#b39a81; 
	border:0;
	padding:8px 20px;
	margin-top:5px;
	width:70%;
	opacity:0.8;
	-webkit-border-radius: 2px; 
	   -moz-border-radius: 2px; 
					border-radius: 2px;
	-webkit-appearance: none; /* keep button styling on ios device */
	-moz-appearance: none; /* keep button styling on ios device */
	appearance: none; /* keep button styling on ios device */
		-webkit-transition: all 0.5s;
			 -moz-transition: all 0.5s;
				-ms-transition: all 0.5s;
				 -o-transition: all 0.5s;
						transition: all 0.5s;
}
input[type=submit]:hover,input[type=button]:hover { opacity:1.0; }
input[type=text]:disabled,input[type=checkbox]:disabled,input[type=password]:disabled,textarea:disabled,select:disabled {
	opacity: .60;
	filter:Alpha(Opacity=60); /* support: IE8 */
	background-image: none;
	background-color:#F6F6F6;
}
input[type=text]:read-only,input[type=checkbox]:read-only,input[type=password]:read-only,textarea:read-only,select:read-only {
	opacity: .60;
	filter:Alpha(Opacity=60); /* support: IE8 */
	background-image: none;
	background-color:#F6F6F6;
	font-style:italic;
}
input[type=text]:-moz-read-only,input[type=checkbox]:-moz-read-only,input[type=password]:-moz-read-only,textarea:-moz-read-only,select:-moz-read-only {
	opacity: .60;
	filter:Alpha(Opacity=60); /* support: IE8 */
	background-image: none;
	background-color:#F6F6F6;
}
input[readonly]:focus,textarea[readonly]:focus,select[readonly]:focus { 
	border:1px #CCCCCC solid;
}
img, div, input, a { behavior: url("iepngfix.htc") }
ul,ol { list-style-position:outside; }
ol.smallList>li { margin:5px 7px; line-height:18px; }
ol.lower-alphabet { list-style-type:lower-alpha; }
ol.upper-alphabet { list-style-type:upper-alpha; }
p { margin-bottom:22px; }
b { font-weight:bold; }

a { cursor:pointer; color:#333333; text-decoration:none; outline: 0;
		-webkit-transition: all 0.5s;
			 -moz-transition: all 0.5s;
				-ms-transition: all 0.5s;
				 -o-transition: all 0.5s;
						transition: all 0.5s;
}
a:visited { color:#333333;text-decoration:none; outline: 0; }
a:hover { color:#CC0000; text-decoration:none; outline: 0; }
a.lnkAnim { position: relative; padding-bottom:2px; }
a.lnkAnim:before {
  content: "";
  position: absolute;
  /*width: 20%;*/
  width: 15px;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #666666;
  visibility: hidden;
  transform-origin: 10% 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
a.lnkAnim:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.bx-wrapper a {
	-webkit-transition: none;
		 -moz-transition: none;
			-ms-transition: none;
			 -o-transition: none;
					transition: none;	
}
a.lnkOpacity { opacity:0.7 !important; }
a.lnkOpacity:hover { opacity:1.0 !important; }

h1 { display:block; font-family: 'Cormorant Infant', serif; font-size:44px; letter-spacing:1.0px; color:#C9AC85; line-height:48px; margin-bottom:10px; font-weight:bold; }
h2 { display:block; font-family: 'Cormorant Infant', serif; font-size:38px; letter-spacing:1.0px; color:#C9AC85; line-height:42px; margin-bottom:5px; font-weight:bold; }
h3 { display:block; font-family: 'Cormorant Infant', serif; font-size:30px; letter-spacing:1.0px; color:#333333; line-height:36px; margin-bottom:8px; font-weight:bold; }
h4 { display:block; font-family: 'Cormorant Infant', serif; font-size:20px; letter-spacing:1.0px; color:#333333; line-height:26px; margin-bottom:8px; font-weight:bold; }
h5 { display:block; font-family: 'Cormorant Infant', serif; font-size:18px; letter-spacing:1.0px; color:#666666; line-height:22px; margin-bottom:5px; font-weight:bold; }

* {
    padding: 0;
    margin: 0;
}

.addTopMargin10 { margin-top:10px; }
.addTopMargin15 { margin-top:15px; }
.addTopMargin20 { margin-top:20px; }
.addTopMargin30 { margin-top:30px; }
.addSideMargin5 { margin-left:5px; margin-right:5px; }
.markSrch { color:#000000; font-weight:bold; }
.loadingIcn { width:100%; text-align:center; }
.algnCenter { text-align:center; }

#byPandavamedia { color:#BF6645; margin-right:24px; }
#byPandavamedia>a { color:#BF6645; }
#byPandavamedia>a:hover { color:#99E5FF; }

.cYellow { color:#FFFF00 !important; }
.cRed { color:#FF0000 !important; }
.cGrey { color:#999999 !important; }
.cBlue { color:#0099CC !important; }
.cGreen { color:#0099CC !important; }
.clr{clear:both}
.topSpc { display:block; height:70px; }
.gapSpc { display:block; height:40px; }
.noBorder { border:0 !important; }
.noMargin { margin:0 !important; }
.noPadding { padding:0 !important; }
.dispBig { font-size:30px; color:#FF6600; font-weight:bold; }
.tooltipLoading { margin-top:60px; color:#000000; font-size:14px; }
.tooltipLoading a { background-color:#666666; padding:3px 10px; color:#FFFFFF; }
.tooltipLoading a:hover { background-color:#000000; color:#FFFFFF; }
.noRecord { padding:40px 10px; }
.goLeft { float:left !important; }
.goRight { float:right !important; }
.noResult { color:#CCCCCC; margin:50px 0px; }
.fldError { border:2px #fbc5c4 solid !important; }
.imageInsert { margin:5px; }
.noDataFound { color:#666666; font-style:italic; opacity:0.6; }
.noScroll { overflow:hidden; }
.noScrollMbl { overflow-x:hidden !important; overflow-y:hidden !important; position:fixed !important; } 
.goUpperCs { text-transform:uppercase !important; }
.allCenter { text-align:center !important; }
.allLeft { text-align:left !important; }
.hiBrand { color:#58cada !important; }
.noShow { display:none !important; }
.cmsHeader { margin-top:28px !important; }
.alertErr { display:block; padding:10px; border:2px #FF0000 solid; color:#FF0000; }
.alertDone { display:block; padding:10px; border:2px #0099CC solid; color:#0099CC; }
.offRecord { color:#990000; font-style:italic; }

section { display:block; position:relative; width:100%; }
.pageLoading { display:none; z-index:999999; position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255,0.8) url('../../i/page-loading.gif') no-repeat center center; }
.pageLoading>label { position:absolute; width:100px; height:20px; top:52%; left:0; right:0; margin:auto; text-align:center; background:#333333; color:#FFFFFF; }

a.lnkRead { display:inline-block; position:relative; font-size:12px; color:#990000; /*margin-top:10px;*/ opacity:0.8; text-transform:uppercase; white-space: nowrap; }
a.lnkRead:hover { opacity:1.0; color:#CC0000; }
a.lnkRmMore { display:inline-block; position:relative; font-size:12px; color:#C9AC85; text-transform:uppercase; }
a.lnkRmMore:hover { color:#000000; }
/*a.lnkBookRm { display:inline-block; position:relative; font-size:12px; color:#333333; margin-top:3px; opacity:0.8; text-transform:uppercase; border:1px #C9AC85 solid; padding:4px 15px; 
		-webkit-border-radius: 3px; 
		   -moz-border-radius: 3px; 
						border-radius: 3px;
}
a.lnkBookRm:hover { opacity:1.0; color:#000000; background:rgba(201,172,133,0.5); }*/
a.lnkBookRm { display:inline-block; position:relative; font-size:12px; color:#09212D; margin-top:3px; text-transform:uppercase; white-space:nowrap; border:1px #09212D solid; padding:3px 10px; 
		-webkit-border-radius: 2px; 
		   -moz-border-radius: 2px; 
						border-radius: 2px;
}
a.lnkBookRm:hover { color:#C9AC85; background:#09212D; }
a.lnkMore { display:inline-block; position:relative; font-size:13px; color:#FFFFFF; background:#666666; border:1px #FFFFFF solid; white-space: nowrap; padding:3px 20px; min-width:80px; margin:10px 0; opacity:0.7; text-transform:uppercase; text-align:center; }
a.lnkMore:hover { opacity:1.0; }
a.lnkGoSee { display:inline-block; position:relative; font-size:14px; color:#000000; white-space: nowrap; padding:2px 30px 2px 2px; margin-top:20px; opacity:0.7; text-transform:uppercase; background:url('../../i/icons/icn-chev-right.png') no-repeat right center; }
a.lnkGoSee:hover { opacity:1.0; }
a.lnkScroll { display:inline-block; position:relative; font-size:14px; color:#000000; white-space: nowrap; padding:2px 30px 2px 2px; margin-top:20px; opacity:0.7; text-transform:uppercase; background:url('../../i/icons/icn-chev-down.png') no-repeat right center; }
a.lnkScroll:hover { opacity:1.0; }
a.lnkButton { display:inline-block; font-size:16px; line-height:20px; color:#333333; background-color:#F1F1EA; border:2px #333333 solid; padding:8px 30px; min-width:250px; margin-top:30px; text-align:center; text-transform:uppercase; font-weight:bold; }
a.lnkButton:hover { background:#FFFFFF; }
a.lnkHelp { display:inline-block; position:relative; font-size:12px; color:#000000; white-space: nowrap; padding:2px 2px 2px 24px; margin-top:20px; opacity:0.5; text-transform:uppercase; background:url('../../i/icons/icn-help.png') no-repeat left center; }
a.lnkHelp:hover { opacity:1.0; }
a.lnkWeb { color:#333333; font-size:12px; background:url('../../i/icons/icn-linkto.png') no-repeat right center; padding:2px 23px 2px 0; }
a.lnkWeb:hover { color:#990000; }
a.lnkWeb.hilightLnk { color:#C9AC85; }
a.lnkWeb.hilightLnk:hover { color:#CC0000; }
a.lnkWeb.lnRow { display:inline-block; margin:3px 0; }
a.emailLnk { text-decoration:underline; color:#990000; }
a.emailLnk:hover { color:#FF0000; }
a.lnkReadSld { display:inline-block; position:relative; font-size:12px; color:#FFFFFF;background:url('../../i/icons/icn-more.png') no-repeat left center; padding:5px 0 5px 40px; margin-top:20px; opacity:0.7; text-transform:uppercase; }
a.lnkReadSld:hover { opacity:1.0; }
.lnkSearch { cursor:pointer; width:24px; height:24px; background:url('../../i/icons/icn-search.png') no-repeat center center; opacity:0.5; }
.lnkSearch:hover { opacity:1.0; }
.lnkSearch.searchClose { background-image:url('../../i/icons/icn-search-close.png') }

/* WEBSITE CUSTOM CSS */
.ui-widget { font-family: 'Roboto', sans-serif !important; font-size:14px !important; }
/* ---------------------------------------------------------- */
/* SECTIONS */
#headerSection { z-index:100; position:relative; width:100%; margin-bottom:15px; }
#headerSectionBanner { z-index:110; position:absolute; top:0; width:100%; margin-bottom:35px; }
#subHeaderBlock { z-index:55; position:relative; margin-bottom:45px; min-height:30px; }
#pageHeaderBlock { z-index:55; position:relative; min-height:30px; }
#locationHeaderBlock { z-index:55; position:relative; margin-bottom:45px; min-height:30px; }
#bannerSection { position:relative; z-index:0; height:100vh; background:#333333;
	  /*-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
			 -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
						box-shadow: 0px 0px 5px rgba(0,0,0,0.5);*/
}
#bottomSection { z-index:5; position:relative; width:100%; background:url('../../i/bg-bottom-gry.png') center top; min-height:200px; }
#bottomSection.bottomBlock { background:#09212D; border-top:8px #C9AC85 solid; }
#footerSection { z-index:5; position:relative; width:100%; background:#C9AC85; min-height:25px; }
#locationLink { z-index:5; position:relative; width:100%; margin-bottom:30px; background:#FFFFFF; }
#subBoxPhoto { z-index:5; position:relative; width:100%; margin-bottom:50px; }
#footBanner { z-index:5; position:relative; width:100%; border-top:8px #C9AC85 solid; }
#hilightBox { z-index:5; position:relative; width:100%; margin:30px 0; }
.bigBoxContent,#bigBoxContent { background:#FFFFFF;
	background:#FFFFFF url('../../i/bg-pattern-batik2-wht.jpg');
	background-repeat:repeat-y;
	background-size:contain;
	background-position:center top; 
}
.contenBlock { position:relative; display:block; padding:40px 0 40px 0; }
.contenBlock.welcomeBlock { padding:10px 0 20px 0; }
.contenBlock.firstBlock { padding:0 0 40px 0; }
.contenBlock.moreReadBlock { padding:0 0 40px 0; }
.contenBlock.guidesBlock { padding:30px 0 5px 0; background:#09212D; border-top:2px #C9AC85 solid; }
.contenBlock.guidesGryBlock { padding:30px 0 5px 0; background:#EEEEEE; border-top:1px #DDDDDD solid; }
.contenBlock.quickNavBlock { padding:30px 0 50px 0; }

/* WRAPPER */
.headerWrap { z-index:100; position:relative; width:96%; height:100%; }
.subHeaderWrap { position:relative; width:90%; max-width:600px; }
.subHeaderWrap.sbTtlSm { margin-top:40px; }
.bookingBarWrap { position:relative; width:100%; height:100%; }
.pageHeaderWrap { position:relative; width:90%; max-width:600px; margin-top:80px; }
.pageHeaderWrap.sbPgHeadSm { margin-top:60px; }
.pageHeaderWrap.photoPgHeadSm { margin-top:60px; max-width:900px; }
.bottomWrap { position:relative; overflow:hidden; width:96%; height:100%; padding:25px 0 30px 0; }
.waServWrap { position:relative; overflow:hidden; width:96%; height:100%; padding:30px 0 0 0; }
.footerWrap { position:relative; overflow:hidden; width:96%; height:100%; }
.contentWrap { position:relative; width:96%; height:100%; }
.halfWrap { position:relative; width:96%; height:100%; max-width:960px; }
.careerWrap { position:relative; width:96%; height:100%; max-width:800px; }
.contactWrap { position:relative; width:96%; height:100%; max-width:800px; }
.fullWrap { position:relative; width:100%; }
.ptBoxWrap { position:relative; width:100%; background:#FFFFFF; }
.openingWrap { position:relative; width:96%; height:100%; max-width:1100px; margin:40px 0; }
.pageWrap { position:relative; width:96%; height:100%; max-width:1010px; }
.roomSlideWrap { position:relative; width:96%; height:100%; max-width:1100px; margin-bottom:50px; }
.meetingSlideWrap { position:relative; width:96%; height:100%; max-width:1100px; }
.facilitySlideWrap { position:relative; width:100%; height:100%; }
.detailWrap { position:relative; width:96%; height:100%; max-width:970px; }
.meetingWrap { position:relative; width:96%; height:100%; max-width:900px; }
.articleWrap { position:relative; width:96%; height:100%; max-width:850px; }
.aboutWrap { position:relative; width:96%; height:100%; max-width:850px; }
.quickNavWrap { position:relative; width:96%; height:100%; max-width:850px; padding:30px 0 50px 0; border-top:1px #DDDDDD solid; }
.aboutHmWrap { position:relative; width:96%; height:100%; max-width:800px; }
.locationWrap { position:relative; width:100%; min-height:300px; /*padding-top:50px;*/padding-top:0px; background:#FFFFFF;
	  -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
			 -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
						box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.subBoxPhotoWrap { position:relative; width:98%; height:56vh; /*background:#FFFFFF;*/
	  /*-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
			 -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
						box-shadow: 0px 0px 5px rgba(0,0,0,0.5);*/
}
.footBnrWrap { position:relative; width:100%; }

/* TOP NAVIGATION */
#headerBar { z-index:150; position:relative; width:100%; height:130px; }
#headerBar.bannerHeaderBar { position:relative; width:100%; height:170px; background:url('../../i/bg-navbar.png') repeat-x center top; }
#headerBar.stickyHeader {
		height:63px !important;
		border-bottom:4px #333333 solid;
		background:#09212D;
    position: fixed;
    top:0;
	  -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
			 -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
						box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
#headerSection.cmsHeader>#headerBar.stickyHeader, #headerSectionBanner.cmsHeader>#headerBar.stickyHeader { top:28px; }
#headerBar.stickyHeader .nvMenuArea { top:20px; }
/* header note alert */
.headerNoteBar { z-index:800; position:fixed; top:0; left:0; right:0; width:100%; padding:5px 0; background:#0099CC; }
.headerNt { margin-top:30px !important; }
#headerSection.headerNt>#headerBar.stickyHeader, #headerSectionBanner.headerNt>#headerBar.stickyHeader { top:30px !important; }
a.lnkAlert { display:inline-block; font-size:14px; color:#FFFF00; font-weight:bold; /*padding-left:25px;*/ opacity:0.8; /*background:url('../../i/icons/icn-alert.png') no-repeat left center; background-size:auto 80%;*/ }
a.lnkAlert:hover { opacity:1.0; }
/* ---------------- */
.nvHeadLogo { position:absolute; top:33px; left:0; right:0; margin:auto; width:20%; text-align:center; }
.nvHeadLogo img { max-width:100%; max-height:100%; }
.nvHeadLogo.aboutLogo { top:53px; }
.nvHeadSmLogo { display:none; position:absolute; top:9px; left:0; right:0; margin:auto; width:20%; text-align:center; }
.nvHeadSmLogo img { max-width:100%; max-height:100%; }
.nvMenuArea { position:absolute; top:86px; text-align:left; }
.nvMenuArea.navArea { left:0; }
.nvMenuArea.navLangArea { top:82px; left:11%; }
.nvMenuArea.navIconArea { top:82px; left:11%; }
.nvMenuArea.bookArea { right:0; }
a.nvMenuLbl { font-family: 'Cormorant Infant', serif; font-size:16px; letter-spacing:1.0px; color:#333333; font-weight:bold; opacity:0.8; margin-right:20px; }
a.nvMenuLbl:hover { opacity:1.0; }
a.nvMenuBtn { 
		padding:12px;
		background:#333333;
		opacity:0.8;
		-webkit-border-radius: 5px; 
		   -moz-border-radius: 5px; 
						border-radius: 5px;
}
a.nvMenuBtn:hover { opacity:1.0; }
a.nvMenuBtn>label { cursor:pointer; font-family: 'Cormorant Infant', serif; font-size:14px; letter-spacing:1.0px; color:#FFFFFF; font-weight:bold; }
a.nvMenuBtn>label.nvMenuNav { padding:5px 5px 5px 30px; margin:0 6px; background:url('../../i/icons/icn-nvmenu.png') no-repeat left center; }
a.nvMenuBtn>label.nvMenuBook { padding:5px 27px 5px 3px; margin:0 0 0 2px; background:url('../../i/icons/icn-nvbooking.png') no-repeat right center; }
label.nvMenuNav:before { content:'MENU'; }
label.nvMenuBook:before { content:'BOOK NOW'; }
/*#headerBar.stickyHeader a.nvMenuBtn { background:#033C5A; border:1px #333333 solid; opacity:0.8; }
#headerBar.stickyHeader a.nvMenuBtn>label  { color:#FFFFFF; }*/
#headerBar.bannerHeaderBar a.nvMenuBtn { border:2px rgba(255,255,255, 0.7) solid; background:none; }
#headerBar.bannerHeaderBar a.nvMenuBtn:hover { opacity:1.0; border:2px rgba(255,255,255, 1.0) solid; background:rgba(255,255,255,0.2); }
#headerBar.bannerHeaderBar a.nvMenuBtn>label { color:#FFFFFF; }
#headerBar.bannerHeaderBar a.nvMenuLbl { color:#FFFFFF; }
#headerBar.stickyHeader a.nvMenuBtn { background:none; opacity:0.8; padding:12px 0; border:0; }
#headerBar.stickyHeader a.nvMenuBtn:hover { background:none; opacity:1.0; }
#headerBar.stickyHeader a.nvMenuBtn>label { color:#FFFFFF; font-size:16px; }
#headerBar.stickyHeader a.nvMenuBtn>label.nvMenuNav { background-image:url('../../i/icons/icn-nvmenu.png'); }
#headerBar.stickyHeader a.nvMenuBtn>label.nvMenuBook { background-image:url('../../i/icons/icn-nvbooking.png'); }
#headerBar.stickyHeader a.nvMenuLbl { color:#FFFFFF; }
#headerBar.subHotelHeader a.nvMenuBtn>label.nvMenuNav { background-image:url('../../i/icons/icn-nvmenu.png'); }
#headerBar.subHotelHeader a.nvMenuBtn>label.nvMenuBook { background-image:url('../../i/icons/icn-nvbooking.png'); }
#headerBar.subHotelHeader a.nvMenuBtn { background:#333333; border:0; opacity:0.8; }
#headerBar.subHotelHeader a.nvMenuBtn:hover { opacity:1.0; }
#headerBar.subHotelHeader a.nvMenuBtn>label { color:#FFFFFF; }
#headerBar.subHotelHeader a.nvMenuLbl { color:#333333; }
#headerBar.subHotelHeader.stickyHeader a.nvMenuBtn { background:none; opacity:0.8; padding:12px 0; }
#headerBar.subHotelHeader.stickyHeader a.nvMenuBtn:hover { background:none; opacity:1.0; }
#headerBar.subHotelHeader.stickyHeader a.nvMenuLbl { color:#FFFFFF; }
/* STAY STICKY OVERRIDE */
#headerBar.stickyHeader.staySticky .nvHeadLogo { display:none !important; }
#headerBar.stickyHeader.staySticky .nvHeadSmLogo { display:block !important; }
#headerBar.stickyHeader.staySticky + .stickyGap { height:100px !important; }
#headerBar.stickyHeader.staySticky .bookingBar { display:block !important; }

/* TOP NAVIGATION DROP MENU */
.nvMenuDrop {
		z-index:210;
		display:none;
		margin-top:14px;
	  padding:28px 30px 5px 23px;
		background:#333333;
		-webkit-border-radius: 5px; 
		   -moz-border-radius: 5px; 
						border-radius: 5px;
}
.nvMenuDrop>label { display:block; font-family: 'Cormorant Infant', serif; font-size:18px; letter-spacing:1.0px; font-weight:bold; color:#FFFFFF; margin-bottom:3px; }
label.menuDrop { display:block; font-family: 'Cormorant Infant', serif; font-size:20px; letter-spacing:1.0px; font-weight:bold; color:#C9AC85; margin-bottom:10px; }
.hideMenuDrop { display:none; }
#headerSectionBanner .nvMenuDrop { background:#FFFFFF; }
#headerSectionBanner .nvMenuDrop>label { color:#333333; }
#headerBar.stickyHeader .nvMenuDrop {
		display:none;
		border:1px #333333 solid;
		margin-top:14px;
	  padding:28px 30px 5px 23px;
		background:#333333;
		-webkit-border-radius: 5px; 
		   -moz-border-radius: 5px; 
						border-radius: 5px;
}
#headerBar.stickyHeader .nvMenuDrop>label { color:#FFFFFF; }
ul.nvMenu { list-style-type:none; margin:7px 0 23px 0; }
ul.nvMenu.nvPartGrp { margin-bottom:15px !important; }
ul.nvMenu>li { font-size:14px; color:#FFFFFF; margin-bottom:1.5px; }
ul.nvMenu>li>a { color:#FFFFFF; opacity:0.7; }
ul.nvMenu>li>a:hover { opacity:1.0; }
ul.nvMenu>li.nvMember { background:url('../../i/icons/icnlnk-star.png') no-repeat left center; padding-left:22px; }
ul.nvMenu>li.nvLnkOn { padding-left:15px; font-weight:bold; background:url('../../i/icons/icn-lnk-on-w.png') no-repeat left center; }
#headerSectionBanner ul.nvMenu>li { color:#333333; }
#headerSectionBanner ul.nvMenu>li>a { color:#333333; opacity:0.7; }
#headerSectionBanner ul.nvMenu>li>a:hover { opacity:1.0; }
#headerSectionBanner ul.nvMenu>li.nvLnkOn { background-image:url('../../i/icons/icn-lnk-on-b.png'); }
#headerBar.stickyHeader ul.nvMenu>li { color:#FFFFFF; }
#headerBar.stickyHeader ul.nvMenu>li>a { color:#FFFFFF; }
#headerBar.stickyHeader ul.nvMenu>li.nvLnkOn { background-image:url('../../i/icons/icn-lnk-on-w.png'); }
ul.nvMenu>li.nvHilight>a { color:#FFFF00; }
ul.nvMenu>li.nvBack { cursor:pointer; background:url('../../i/icons/icn-back.png') no-repeat left center; padding-left:22px; }
ul.nvMenu>li.nvNext { cursor:pointer; background:url('../../i/icons/icn-next.png') no-repeat right center; padding-right:22px; }

/* ICON MENU */
ul.nvIcon { list-style-type:none; }
ul.nvIcon::after {
    clear: both;
    content: '';
    display: block;
}
ul.nvIcon>li { float:left; cursor:pointer; position:relative; display:flex; justify-content:center; align-items:center; width:30px; height:30px; border:2px #666666 solid; border-radius: 50%; margin:0 5px; }
ul.nvIcon>li.nvOn { background-color:#C9AC85; }
ul.nvIcon>li>a { color:#333333; font-size:12px; line-height:12px; font-weight:bold; }
ul.nvIcon>li>a>img { max-width:100%; }
img.icnUsrWh { display:none; }
img.icnUsrBl { display:block; }
/* drop menu */
.nvDrop { display:none; position:absolute; top:125%; left:0; background-color:#333333; border-radius:5px; padding:0 15px; }
/*sticky header */
#headerBar.bannerHeaderBar ul.nvIcon>li { border:2px rgba(255,255,255, 0.8) solid; }
#headerBar.bannerHeaderBar ul.nvIcon>li.nvOn { background-color:#C9AC85; }
#headerBar.bannerHeaderBar ul.nvIcon>li>a { color:#FFFFFF; }
#headerBar.bannerHeaderBar  img.icnUsrWh { display:block; }
#headerBar.bannerHeaderBar  img.icnUsrBl { display:none; }
#headerBar.bannerHeaderBar .nvDrop  { background-color:#FFFFFF; }
#headerBar.stickyHeader ul.nvIcon>li { width:25px; height:25px; }
#headerBar.stickyHeader ul.nvIcon>li.nvOn { background-color:#C9AC85; }
#headerBar.stickyHeader .nvMenuArea.navArea { margin-top:5px; }
#headerBar.stickyHeader .nvMenuArea.navIconArea { left:9%; }
#headerBar.stickyHeader .nvDrop  { background-color:#333333; top:130%; }
#headerBar.stickyHeader ul.nvIcon>li>a { color:#FFFFFF; }
#headerBar.stickyHeader  img.icnUsrWh { display:block; }
#headerBar.stickyHeader  img.icnUsrBl { display:none; }
/* LANGUAGE */
.nvMenuDrop.langDrop { margin-top:8px; padding:5px 20px 5px 20px; }
ul.nvMenu.nvlanguage { margin-bottom:10px !important; }
ul.nvMenu.nvlanguage>label { display:block; margin-bottom:10px; color:#FFFFFF; font-size:12px; line-height:14px; padding-bottom:10px; border-bottom:1px #999999 dashed; }
ul.nvMenu.nvlanguage>label>b { white-space:nowrap; font-size:14px; line-height:16px; }
.nvLangBtn { cursor:pointer; position:relative; width:30px; height:30px; border:1px #333333 solid; opacity:0.8;
		-webkit-border-radius: 50%; 
		   -moz-border-radius: 50%; 
						border-radius: 50%;
}
.nvLangBtn:hover { opacity:1.0; background:rgba(255,255,255,0.2); }
.nvLangBtn>label { cursor:pointer; position:absolute; top:0; bottom:0; left:0; right:0; width:26px; height:14px; text-align:center; font-size:12px; line-height:12px; color:#333333; margin:auto; }
#headerSectionBanner .nvLangBtn { border:1px rgba(255,255,255, 0.7) solid; }
#headerSectionBanner .nvLangBtn:hover { border:1px rgba(255,255,255, 1.0) solid; }
#headerSectionBanner .nvLangBtn>label { color:#FFFFFF; }
#headerBar.stickyHeader .nvMenuArea.navLangArea { top:17px; left:9%; }
#headerBar.stickyHeader .nvMenuDrop.langDrop { margin-top:10px; padding:5px 20px 5px 20px; }
#headerBar.stickyHeader ul.nvMenu.nvlanguage { margin-bottom:10px !important; }
#headerBar.stickyHeader .nvLangBtn { width:24px; height:24px; border:1px #FFFFFF solid; }
#headerBar.stickyHeader .nvLangBtn>label { width:17px; height:12px; font-size:11px; line-height:11px; color:#FFFFFF; }

/* BOOKING PANEL */
.bookingLoading { display:none; z-index:10; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255, 0.7) url('../../i/loading-bar.gif') no-repeat center center; }
.bookingBar { display:none; position:relative; width:100%; height:60px; margin-top:4px; padding-bottom:1px; background:rgba(240,240,240,1); /*border-top:4px #333333 solid;*/ border-bottom:1px #333333 solid; }
.bookingMsg { float:left; width:16%; height:52px; background:#b89869; text-align:left; font-size:14px; /*padding:14px 27px 11px 27px;*/ padding:5px 27px 4px 27px; }
/*.bookingMsg>h3 { font-family: 'Cormorant Infant', serif; font-size:18px; line-height:14px; font-weight:bold; margin-bottom:0; }
.bookingMsg>a { font-size:13px; color:#512611; border-bottom:1px #666666 dashed; }*/
.bookingMsg>h3 { font-family: 'Roboto', serif; font-size:12px; line-height:14px; font-weight:normal; margin-bottom:0; }
.bookingMsg>a { font-family: 'Cormorant Infant', serif; font-size:22px; color:#512611; font-weight:bold; }
.bookingMsg img { max-width:100%; }
.bookingForm { float:left; width:75%; height:100%; margin-left:2%; }
.bookingForm input,.bookingForm select { font-size:13px !important; padding:8px; background:#FFFFFF; border:1px #DDDDDD solid; opacity:1 !important; }
.bookingForm select { padding:8px 8px 7px 8px; }
.bookingForm input:focus { border:1px #CCCCCC solid; }
input.bookFldDate { float:left; width:40%; margin-right:3px; background:#FFFFFF url('../../i/icons/icnf-date.png') no-repeat right center !important; }
select.bookFldNum,input.bookFldNum { text-align:center; }
ul.bookingField { list-style-type:none; overflow:hidden; }
ul.bookingField>li { overflow:hidden; float:left; width:11%; padding:10px 6px; }
ul.bookingField>li.bookFldHotel { /*width:23%;*/width:25%; }
ul.bookingField>li.bookFldAdults { width:10%; padding-right:3px; }
ul.bookingField>li.bookFldChild { width:9.5%; padding-left:0; }
ul.bookingField>li.bookFldDate { /*width:25.5%;*/width:28%; }
ul.bookingField>li.bookFldPromoCode { width:15%; padding-left:3px; }
ul.bookingField>li.bookFldButton { /*width:14%;*/width:22%; padding:11px 2px; }
input.bookButton { width:auto; min-width:150px; background:#333333; color:#FFFFFF; margin:0; padding:9px 15px 8px 15px; border:0;/* border:1px #CCCCCC solid;*/ 
	-webkit-border-radius: 5px; 
	   -moz-border-radius: 5px; 
					border-radius: 5px;
}
.btnDropUp { cursor:pointer; position:absolute; top:0; bottom:0; right:2%; margin:auto; width:20px; height:20px; background:url('../../i/icons/icn-dropup.png') no-repeat center center; opacity:0.5; }
.btnDropUp:hover { opacity:1.0; }
/* UI SELECT MENU */
.bookingForm .ui-selectmenu { border:2px #FF0000 dotted; }
.bookingForm .ui-selectmenu .ui-selectmenu-menu { z-index:10000 !important; font-size:13px !important; }
.bookingForm .ui-selectmenu .ui-selectmenu-button {  
	outline: 0; 
	width:90% !important;
	background-color:#F5F5F5; 
	line-height:18px; 
	border:1px #DDDDDD solid;
	padding:8px 16px;
	-webkit-border-radius: 2px; 
	   -moz-border-radius: 2px; 
					border-radius: 2px;
}
.bookingForm .ui-selectmenu .ui-selectmenu-button:hover { }
.bookingForm .ui-selectmenu .ui-selectmenu-button:focus { border:1px #DDDDDD solid; }
.bookingForm .ui-selectmenu .ui-menu-item-wrapper { z-index:10000 !important; padding:8px 15px !important; font-size:13px !important; }
/*.qckBookBox .ui-state-default .ui-icon.custom-icon {
    background-image: url('../../i/icons/icnf-drop.png') !important;
}*/
.bookingForm .ui-selectmenu .ui-selectmenu-menu .selWrappedBox { display:none; z-index:10000 !important; max-height:230px !important; }

/* PAGE BOTTOM */
.bottomCol { position:relative; float:left; overflow:hidden; width:32%; text-align:left; min-height:230px; border-left:1px rgba(201,172,133,0.7) solid; padding:2px; }
.bottomCol:first-child { border-left:0; }
.bottomCol.btmColMid { width:34.5%; overflow:hidden; }
ul.nvBottom { list-style-type:none; float:left; width:41%; margin-left:15px; min-height:227px; border-left:1px rgba(201,172,133,0.7) solid; padding:2px 10px 2px 20px; }
ul.nvBottom:first-child { margin-left:0; border-left:0; padding-left:0; }
ul.nvBottom>li { font-size:12px; margin:1px 0; }
ul.nvBottom>li>a { color:#FFFFFF; opacity:0.6; }
ul.nvBottom>li>a:hover { opacity:1.0; }
ul.nvBottom>li.nvBottomOn { color:#FFFFFF; font-weight:bold; padding-left:5px; }
ul.nvBottom>li.nvBottomLabel { font-family: 'Cormorant Infant', serif; font-size:16px; color:#C9AC85; margin-bottom:10px; padding:0; line-height:16px; }
h4.bottomTtl { font-size:24px; margin-bottom:10px; }
/* JAPRI COLUMN */
.japriIcn { width:30%; margin:5px auto; }
.japriIcn img { max-width:100%; }
.japriIcn a { opacity:0.8; }
.japriIcn a:hover { opacity:1.0; }
.japriMsg { font-size:13px; line-height:18px; margin:25px 30px 5px 30px; color:#DDDDDD; text-align:justify; }
.japriMsg>b { color:#C9AC85; font-weight:bold; }
.waLinkDv { margin-top:20px; }
.bestRateIcn { margin:5px auto 35px auto; width:60%; }
.bestRateIcn.floatIcn { position:absolute; top:20%; left:0; right:0; margin:auto; }
.bestRateIcn img { max-width:100%; }
a.waLink { /*font-family: 'Cormorant Infant', serif;*/ font-size:16px; letter-spacing:0.5px; color:#333333; font-weight:bold; padding:3px 0 3px 33px; background:url('../../i/icons/icn-whatsapp.png') no-repeat left center; }
a.waLink.waLnkSm { background-size:auto 95%; font-size:14px; padding:2px 0 0 23px; }
a.japriLink { /*font-family: 'Cormorant Infant', serif;*/ font-size:16px; letter-spacing:0.5px; color:#333333; font-weight:bold; padding:3px 0 3px 50px; background:url('../../i/icons/icn-sijapri.png') no-repeat left center; }
a.japriLink.japriLnkSm { background-size:contain; font-size:15px; padding:0 0 0 38px; color:#754C28; }
a.japriLink.japriPromo { display:block; margin:10px 0; font-size:15px; }
a.mapLink { letter-spacing:0.5px; color:#333333; font-weight:bold; padding:1px 0 1px 33px; background:url('../../i/icons/icn-pinmap.png') no-repeat left center; }
a.mapLink.mapLnkSm { background-size:auto 80%; padding:0 0 0 17px; }
/* SUBSCRIBE EMAIL */
.bottomTitle { font-family: 'Cormorant Infant', serif; font-size:16px; color:#C9AC85; margin-bottom:10px; padding:0; line-height:16px; }
.subscrBox { margin:2px 30px 10px 30px; overflow:hidden; }
.subscrMsg { font-size:13px; line-height:16px; color:#DDDDDD; text-align:justify; }
.subscrFormArea { display:block; position:relative; margin:15px 0; }
.subscrForm { overflow:hidden; }
.subscrLoading { display:none; position:absolute; top:0; bottom:0; left:0; right:0; background:url('../../i/subscribe-loading.gif') no-repeat center center; }
.subscrAlert { color:#FF0000; font-size:13px; line-height:16px; margin-bottom:3px; }
input.subscrFld { float:left; width:77%; height:22px; /*text-transform:uppercase; */font-size:13px; color:#333333; text-align:center; padding:8px; border:0; margin-right:7px;
	-webkit-box-shadow: 0.5px 0.5px 1px rgba(0,0,0,0.3);
		 -moz-box-shadow: 0.5px 0.5px 1px rgba(0,0,0,0.3);
					box-shadow: 0.5px 0.5px 1px rgba(0,0,0,0.3);
}
input.subscrFld:focus { border:0; background:#FFFFFF; }
input.subscrFld:disabled,input.subscrBtn:disabled { opacity:0.3; }
input.subscrBtn { float:right; /*width:42px;*/width:13%; height:38px; background:#464646 url('../../i/icons/icn-plane.png') no-repeat center center; margin:0; padding:0; 
	-webkit-box-shadow: 0.5px 0.5px 1px rgba(0,0,0,0.7);
		 -moz-box-shadow: 0.5px 0.5px 1px rgba(0,0,0,0.7);
					box-shadow: 0.5px 0.5px 1px rgba(0,0,0,0.7);
}
.socMedBox { float:left; width:60%; }
.waServBox { float:right; width:39%; padding:4px 0; }
.waServBox img { max-width:100%; }
    /* FOOTER ADDRESS */
    .btmCompDet { display:block; width:80%; margin:30px auto 0 auto; text-align:center; color:rgba(255,255,255, 0.7); font-size:13px; line-height:16px; }
    .btmCompDet>label { display:block; font-family: 'Cormorant Infant', serif; font-size:15px; line-height:18px; font-weight:bold; color:#C9AC85; margin-bottom:8px; }

/* FOOTER */
.footerLf { float:left; margin:2px 0; overflow:hidden; }
.footerRg { float:right; margin:2px 0; overflow:hidden; }
ul.nvFooter { list-style-type:none; overflow:hidden; }
ul.nvFooter>li { float:left; font-size:11px; margin:2px 0; }
ul.nvFooter>li:first-child>a { padding-left:0; border-left:0; }
ul.nvFooter>li>a { color:#000000; padding:0px 7px; border-left:1px #555555 solid; opacity:0.7; }
ul.nvFooter>li>a:hover { opacity:1.0; }
ul.nvFooter>li.nvFooterOn>a { font-weight:bold; opacity:1.0; }
ul.nvSocMed { float:left; list-style-type:none; overflow:hidden; margin-right:20px; }
ul.nvSocMed>li { cursor:pointer; float:left; width:23px; height:23px; background:url('../../i/icons/icnset-socmed.png') no-repeat; margin:4px; opacity:0.7; }
ul.nvSocMed>li:first-child { margin-left:0; }
ul.nvSocMed>li:hover { opacity:1.0; }
ul.nvSocMed>li.nvFacebook { background-position:0 0; }
ul.nvSocMed>li.nvTwitter { background-position:-31px 0; }
ul.nvSocMed>li.nvInstagram { background-position:-62px 0; }
ul.nvSocMed>li.nvYoutube { background-position:-93px 0; }
/* COPYRIGHT */
.copyright { float:left; font-size:11px; color:#333333; padding:3px 0; }

/* FOOT BANNER */
.ftBnrBox { position:relative; width:100%; height:160px; 
	background-color:#FFFFFF; 
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
.bnrBox { position:relative; width:98%; border:5px #FFFFFF solid; overflow:hidden; text-align:center; margin-bottom:5px; height:200px;
	background-color:#FFFFFF; 
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
		 -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
					box-shadow: 0px 0px 3px rgba(0,0,0,0.3); 
}
.bnrCntBox { 
	position: relative;
	margin:auto;
	width:80%; 
	/* dynamic height div to stay center vertically, container div must have fix height; */
	top: 50%;
	-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
}
.bnrCntBox.bnrCntLf { left:0; right:auto; text-align:left; margin-left:5%; }
.bnrCntBox.bnrCntRg { right:0; left:auto; text-align:right; margin-right:5%; }
h3.bnrTtl { font-family: 'Cormorant Infant', serif; font-size:36px; line-height:38px; font-weight:bold; margin-bottom:3px; }
.bnrMsg {  }
a.bnrBtn { display:inline-block; border:1px #C9AC85 solid; /*background:rgba(255,255,255,0.2);background:#C9AC85;*/ margin:15px 0 5px 0; padding:8px 20px; color:#C9AC85; }
a.bnrBtn:hover { background:#C9AC85; color:#FFFFFF; }

/* NEXT PREV RECORDS QUICK LINKS */
a.qckLnk { max-width:40%; opacity:0.7; text-transform:uppercase; } 
a.qckLnk:hover { opacity:1.0; color:#C9AC85; }
a.qckLnk.qLnkPrv { float:left;  padding:5px 5px 4px 37px; background:url('../../i/icons/icn-quicknav-prev.png') no-repeat left center; }
a.qckLnk.qLnkNxt { float:right; padding:5px 37px 4px 5px; background:url('../../i/icons/icn-quicknav-next.png') no-repeat right center; }

/* SUB HEADER (HOTELS) */
.subHeaderTtl { font-family: 'Cormorant Infant', serif; font-size:50px; letter-spacing:1.0px; line-height:50px; font-weight:bold; }
.subHeaderBrief {  opacity:0.7; margin:8px 0; }
.pageHeaderLbl { font-size:12px; line-height:16px; margin-bottom:10px; color:#999999; font-weight:bold; }
h1.pageHeaderTtl { font-family: 'Cormorant Infant', serif; font-size:50px; color:#333333; letter-spacing:1.0px; line-height:46px; font-weight:bold; text-transform: uppercase; }
.pageHeaderBrief { font-size:13px; letter-spacing:1.0px; line-height:18px; color:#333333; margin:10px 0; }
.pageHeaderNote { width:80%; font-size:11.5px; line-height:16px; opacity:0.6; }
.pageHeaderNote a { text-decoration:underline; color:#CC0000; }
.sbTtlSm>.subHeaderTtl { display:none; font-size:20px; line-height:20px; }
.sbTtlSm>.subHeaderBrief { font-size:12px; line-height:16px; }
.unitHeadBlock { margin-top:0 !important; }
.subHeaderQuote { font-family: 'Cormorant Infant', serif; font-size:16px; letter-spacing:0.6px; line-height:18px; font-weight:bold; color:#333333; margin-bottom:2px; }
.subHeaderContact { font-family: 'Cormorant Infant', serif; font-size:13px; letter-spacing:0.6px; line-height:18px; font-weight:bold; color:#333333; }

/* HOME BANNER */
.bannerMain { z-index:0; position:fixed; top:0; bottom:0; left:0; right:0; background:#333333; }
.bannerFrame { display:none; position:relative; overflow:hidden; width:100%; height:100vh; background-size:cover !important; background-repeat:no-repeat !important;  background-position:center top !important; /*background-attachment:fixed !important;*/ }
.bannerFrame.slideFrame {  }
.bannerFrame img.bnrImg { position:absolute; max-width:100%; max-height:100%; left:0; right:0; top:0; bottom:0; margin:auto; }
.bannerShadowBox { position:absolute; bottom:0; left:0; right:0; height:42vh; background:url('../../i/bg-shdw-banner.png') repeat-x center top; }
.bannerCntBoxCenter {
	z-index:50;
	position: relative;
	width:40%;
	/* dynamic height div to stay center vertically, container div must have fix height; */
	top: 60%;
	-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
}
/*.bannerCntBox.bnrCntLf { float:left; text-align:left; margin-left:10%; }
.bannerCntBox.bnrCntRg { float:right; text-align:right; margin-right:10%; }*/
.bannerCntBox {
	z-index:50;
	position: absolute;
	width:50%;
	/*bottom: 10%;*/
	top:-25%;
	left:0; right:0;
	margin:auto;
}
.bannerCntBox.bnrCntLf { left:5%; right:auto; text-align:left; margin-left:5%; width:30% !important; }
.bannerCntBox.bnrCntRg { right:5%; left:auto; text-align:right; margin-right:5%; width:30% !important; }
/*.bannerTitle { font-family: 'Cormorant Infant', serif; font-size:50px; color:#FFFFFF; line-height:46px; font-weight:bold; margin-bottom:10px; }*/
.bannerTitle { font-size:38px; color:#FFFFFF; line-height:38px; font-weight:bold; margin-bottom:10px; }
.bannerTitle>label { display:block; font-size:20px; line-height:22px; font-weight:normal; margin-bottom:5px; }
.bannerBrief { font-size:14px; color:#F0F0F0; line-height:18px; margin-bottom:10px; }
a.bannerBtn { display:inline-block; /*background:#FFFFFF;*/ margin:0; padding:4px 20px; color:#FFFFFF; font-size:12px; border:1px #FFFFFF solid; opacity:0.7; 
		-webkit-border-radius: 3px; 
		   -moz-border-radius: 3px; 
						border-radius: 3px;
}
a.bannerBtn:hover { background:rgba(255,255,255,0.3); opacity:1.0; }
/* BANNER SLIDER */
.bannerMain .bx-wrapper .bx-pager { bottom:5%; }
.bannerMain.cntBanner .bx-wrapper .bx-pager { bottom:7% !important; }
.bannerMain .bx-wrapper .bx-pager.bx-default-pager a {
	border: 1px rgba(255,255,255,0.2) solid;
	background: #666666;
	text-indent: -9999px;
	display: block;
	width: 40px;
	height: 3px;
	margin: 0 3px;
	outline: 0;
	opacity:0.6;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.bannerMain .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bannerMain .bx-wrapper .bx-pager.bx-default-pager a.active {
	border: 1px rgba(0,0,0,0.2) solid;
	background: #DDDDDD;
	opacity:1.0;
}
.bannerMain .bx-wrapper .bx-prev {
  left: 2%;
  top:55%;
  height:33px;
  background: url('../../i/icons/icn-nvbanner.png') no-repeat 0 0;
}
.bannerMain .bx-wrapper .bx-next {
  right: 2%;
  top:55%;
  height:33px;
  background: url('../../i/icons/icn-nvbanner.png') no-repeat 9px -37px;
}
.bannerMain .bx-wrapper .bx-prev:hover,.bannerMain .bx-wrapper .bx-prev:focus { background-position: 0 0; } 
.bannerMain .bx-wrapper .bx-next:hover,.bannerMain .bx-wrapper .bx-next:focus { background-position: 9px -37px; }
.bannerClick { cursor:pointer; }

/* BOOK MODULE */
.mdBookMsg { margin:16% 5%; text-align:left; }
.mdBookMsg.mdBookMsgFl { margin:12% 0; }
h1.mdBookTtl { font-size:38px; line-height:42px; margin-bottom:20px; }
.mdBookTxt { font-size:15px; }
/* QUICK BOOKING BOX */
.qckBookBox { background:#FFFFFF; margin:0; padding:5px; max-width:350px; }
.qckBookBox.homeQckBook { margin:5% 0; }
h3.qckBookTtl { background:#333333; font-size:18px; line-height:22px; color:#FFFFFF; padding:10px 5px; }
.qckBookTab { margin-top:5px; }
.qckBookTabCnt { background:#D7D7D7; }
ul.qckBookTabBtn { list-style-type:none; overflow:hidden; }
ul.qckBookTabBtn>li { cursor:pointer; float:left; width:33%; background:#EFEFEF; margin-left:1px; padding:10px 0; font-size:14px; opacity:0.7; }
ul.qckBookTabBtn>li:first-child { margin-left:0; }
ul.qckBookTabBtn>li:hover { opacity:1.0; }
ul.qckBookTabBtn>li.bookTabOn { background:url('../../i/bg-tab-on.png') repeat-x left top; opacity:1.0; }
.qckBookFlp { display:none; }
.qckBookFlp.qckBookOn { display:block; }
.qckBookCalendar { padding:7px 6px; }
input.qckBookBtn { background:#333333; opacity:0.7; width:100%; font-size:15px; letter-spacing:1.8px; font-weight:bold; padding:13px 0; }
/* UI CALENDAR */
.qckBookTabCnt .ui-datepicker { font-size:12px; border:0 !important; width:98% !important; }
.qckBookTabCnt .ui-datepicker-header {  }
.qckBookTabCnt .ui-datepicker table { width:100%; }
.qckBookTabCnt .ui-datepicker td span,
.qckBookTabCnt .ui-datepicker td a {
		font-family: 'Cormorant Infant', serif; font-weight:bold;
		display: block;
		padding:.3em .8em;
		text-align: center;
		text-decoration: none;
	 	border:1px #DDDDDD solid;
	 	background-color:#F5F5F5;
}
.qckBookTabCnt .ui-datepicker-calendar a.ui-state-default { background:#EBEBEB; }
.qckBookTabCnt .ui-datepicker-calendar a.ui-state-active { border:1px #999999 solid; background:#999999; }
.qckBookTabCnt .ui-state-disabled>span { opacity:0.5 !important; }
.qckBookTabCnt .ui-datepicker-calendar a.ui-state-hover {
  background: #FFFFFF;
  color:#333333;
}
.qckBookTabCnt .ui-datepicker-today.ui-datepicker-current-day a.ui-state-highlight {
    border-color: #CCCCCC;
    background: #FFFFFF;
    color: #333333;
}
/* UI SELECT MENU */
select.qckBookSel { position: relative;font-size:13px; text-transform:uppercase; padding:8px 15px 8px 15px; }
.qckBookBox .ui-selectmenu-menu { z-index:10000 !important; font-size:13px !important; }
.qckBookBox .ui-selectmenu-button { outline: 0; 
	width:90% !important;
	background-color:#F5F5F5; 
	line-height:18px; 
	border:1px #DDDDDD solid;
	padding:8px 16px;
	-webkit-border-radius: 2px; 
	   -moz-border-radius: 2px; 
					border-radius: 2px;
}
.qckBookBox .ui-selectmenu-button:hover { }
.qckBookBox .ui-selectmenu-button:focus { border:1px #DDDDDD solid; }
.qckBookBox .ui-menu-item-wrapper { padding:8px 15px !important; font-size:13px !important; }
/*.qckBookBox .ui-state-default .ui-icon.custom-icon {
    background-image: url('../../i/icons/icnf-drop.png') !important;
}*/
.ui-selectmenu-menu .selWrappedBox { max-height:230px !important; }
/* BOOKING BAR FORM */
.bookFldSel { height:36px; }
option.selOptOff { color:#999999; }

/* LOCATION LINKS */
.locLnkArea { padding:10px; font-size:0; }
.locLnkBox { position:relative; cursor:pointer; display:inline-block; /*width:16.1%;width:13.70%;*/width:12%; height:332px; margin-left:5px; vertical-align:top; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.locLnkBox:first-child { margin-left:0; }
.locLnkInfoBox { overflow:hidden; position:absolute; bottom:10px; right:0; width:78%; background:rgba(201,172,133,0.9); min-height:30px; text-align:left; padding:10px 15px; }
h3.locLnkTtl { font-size:16px; line-height:17px; margin-bottom:0px; color:#FFFFFF; }
label.locLnkLbl { font-size:13px; line-height:15px; color:#EEEEEE; }
.locLnkBrf { font-size:12px; line-height:14px; margin:10px 0; color:#FFFFFF; }
.locLnkFold { display:none; }

/* EVENTS SLIDER */
.evntSlide { position:relative; background:#f1f1ea; width:88%; height:431px; margin:25px 0 50px 0; 
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
		 -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
					box-shadow: 0px 0px 5px rgba(0,0,0,0.5);	
}
#eventSlide { }
.evntSlideClip { display:none; width:100%; height:431px; padding:0; margin:0; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.evntSlideClip img { max-width:100%; }
.bx-clone { display: none !important; }
.evntSlide .bx-wrapper .bx-prev { z-index:5; left:-50px; }
.evntSlide .bx-wrapper .bx-next { z-index:5; right:-50px; }

/* ARTICLE */
.artclArea { margin:10px 0 0 0; }
.artclBox { position:relative; display:inline-block; width:29%; margin:2%; text-align:left; vertical-align:top; font-size:0; }
.artclFrame { cursor:pointer; position:relative; height:200px; /*border:10px #FFFFFF solid;*/ overflow:hidden; text-align:center; margin-bottom:5px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
		 -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
					box-shadow: 0px 0px 3px rgba(0,0,0,0.3);	
}
.artclFrame img { max-width:100%; }
.artclContent { padding:10px; overflow:hidden; font-size:14px; }
.artclContentLf { float:left; }
.artclContentRg { float:right; }
.artclHeader { min-height:45px; }
h5.artclTtl { font-size:24px; margin-bottom:10px; }
h5.artclTtl>a { color:#000000; opacity:0.7; }
h5.artclTtl>a:hover { opacity:1.0; }
.artclLocLbl { font-size:11px; color:#999999; line-height:13px; text-transform:uppercase; font-weight:bold; }
.artclBrf { font-size:13px; line-height:16px; text-align:justify; margin-bottom:15px; font-weight:normal; }
.artclFltRow { display:block; width:100%; overflow:hidden; border-top:1px #CCCCCC solid; padding:8px 0; margin-top:15px; }
.artclFltLf { float:left; width:45%; text-align:left; }
.artclPrice { font-size:18px; font-weight:bold; width:70%; color:#C9AC85; }
.artclPrice>label { font-size:12px; line-height:13px; color:#999999; display:block; font-weight:normal; padding-bottom:3px; }
.artclPrice>span { font-weight:normal; font-size:15px; color:#666666; }
.artclMoreBtn { width:29% !important; margin-top:2px; }
.artclFltRg { float:right; width:45%; text-align:right; }
/*a.readMoreBtn { cursor:pointer; display:inline-block; font-size:12px; padding:3px 10px; border:1px #C9AC85 solid; opacity:0.8;
	-webkit-border-radius: 2px; 
	   -moz-border-radius: 2px; 
					border-radius: 2px;
}
a.readMoreBtn:hover { opacity:1.0; background:rgba(194,165,122,0.5); color:#000000; }*/
a.readMoreBtn { cursor:pointer; display:inline-block; color:#C9AC85; font-size:12px; padding:3px 10px; border:1px #C9AC85 solid; white-space:nowrap;
	-webkit-border-radius: 2px; 
	   -moz-border-radius: 2px; 
					border-radius: 2px;
}
a.readMoreBtn:hover { background:#C9AC85; color:#FFFFFF; }
a.readMoreBtn.btnWht { background:none; opacity:0.7; }
a.readMoreBtn.btnWht:hover { background:none; color:#333333; opacity:1.0; }
/* DARK ARTICLE BAR */
.guidesBlock h5.artclTtl>a { color:#C9AC85;}
.guidesBlock .artclBrf { color:#CCCCCC; }
.guidesBlock a.lnkWeb { color:#FFFFFF; }
.guidesBlock a.lnkRead { color:#C9AC85; border:1px #C9AC85 solid; padding:3px 15px; }
.guidesBlock a.lnkRead:hover { color:#FFFFFF; background:#C9AC85; }

/* SUB HOTEl - HEADER PHOTO BOX */
.subBoxPhotoArea { display:block; overflow:hidden; width:100%; height:96%; font-size:0; padding:8px 0; }
.subBoxPhotoCol { position:relative; display:inline-block; margin:2px; width:32.5%; overflow:hidden; height:99%; }
.subBoxPhoto { cursor:pointer; overflow:hidden; position:absolute; top:0; bottom:0; left:0; right:0; }
.subBoxPhoto.photoBg { background:#000000; }
.subPhotoFrame { width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition: all 2s ease; }
.subPhotoFrame:hover { transform: scale(1.1); opacity:0.6; }
.subBoxPhoto:hover a { opacity:1.0; transition: all 2s ease; }
.subBoxPhoto.sbBoxPhotoHrzWdTop { bottom:50.5%; }
.subBoxPhoto.sbBoxPhotoHrzWdBtm { top:50.5%; }
.subBoxPhoto.sbBoxPhotoVrtLf { right:50.5%; }
.subBoxPhoto.sbBoxPhotoVrtRg { left:50.5%; }
a.subBoxPhotoLnk { position:absolute; right:0; bottom:20px; font-family: 'Cormorant Infant', serif; font-size:14px; line-height:17px; /*background:rgba(221,221,221,0.8);*/background:#C9AC85; color:#FFFFFF; text-decoration:none; font-weight:bold; padding:9px 25px 7px 15px; }
a.subBoxPhotoLnk:hover { background:#333333; }

/* BODY CONTENT */
.floatWrapper { position:relative; display:block; overflow:hidden; width:100%; }
.floatWrapper.floatRow { margin:30px 0; }
.contentTxtBox { position:relative; text-align:justify; }
.contentLf { position:relative; float:left; width:47%; }
.contentRg { position:relative; float:right; width:47%; }
.contentFloatRg { position:absolute; top:2%; bottom:2%; right:0; left:56%; }
.contentPhoto { width:40%; }
.contentWelcome { width:45%; min-height:60vh; }
.contentReviews { width:44%; min-height:60vh; margin-right:25px; }
.contentPhotoMsg { width:52%; }
.contentRoomDetail { width:55%; }
.contentBooking { width:35%; }
.contentWord { width:45% !important; }
.contentMeeting { width:55%; padding:20px 10px; }
.contentInclusion { width:33%; background:#EEEEEE; text-align:left; padding:10px 20px 20px 15px; border:1px #DDDDDD solid; border-top:5px #999999 solid; }
.contentInclusion h4 { margin-bottom:10px; color:#C9AC85; }
.contentPhotoFrame { width:100%; padding:1px; margin:3px;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
		 -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
					box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
.contentPhotoFrame.plainFrame { width:96%; padding:5px; background:#FFFFFF;
	-webkit-box-shadow: none;
		 -moz-box-shadow: none;
					box-shadow: none;
}
.contentPhotoFrame img { max-width:100%; }
h1.contentTtl { font-size:30px; line-height:30px; margin-bottom:25px; text-align:left; }
h1.welcomeTtl { font-size:36px; line-height:38px; margin-bottom:25px; text-align:left; }
h2.contentTtl { font-size:30px; line-height:30px; margin-bottom:15px; text-align:left; }
h2.contentSubTtl { font-size:22px; line-height:24px; color:#333333; font-weight:bold; margin-bottom:15px; }
h2.contentSegmentTtl { font-size:26px; line-height:24px; color:#C9AC85; font-weight:bold; margin-bottom:15px; }
.contentArea { margin-bottom:20px; text-align:left; padding:3px; }
.contentHeadArea { position:relative; margin-bottom:30px; text-align:left; }
.contentHeadArea.aboutHeader { border-bottom:2px #CCCCCC solid; }
.contentHeadArea.middleHeader { text-align:center; }
.contentTxt { font-size:15px; text-align:justify; margin-bottom:20px; }
.contentTxt img { max-width:100%; }
.contentTxt h3 { font-size:24px; line-height:20px; margin-bottom:15px; margin-top:10px; }
.contentTxt a { color:#C9AC85; }
.contentTxt a:hover { border-bottom:1px #C9AC85 dotted; }
.contentTxt ul,ol { margin-left:35px; margin-top:10px; text-align:left; }
.contentTxt ul>li { padding-left:5px; padding:2px 0; line-height:19px; margin-bottom:3px; }
.contentTxt ul>li>label { display:block; font-size:16px; font-weight:bold; margin-bottom:5px; }
.contentFootnote { text-align:justify; font-style:italic; padding:15px 0; margin-top:40px; border-top:2px #bcc1be solid; border-bottom:2px #bcc1be solid; }
.contentFootnote a { color:#990000; }
.contentMsg { text-align:justify; margin:30px 0 10px 0; }
.contentAct { display:block; overflow:hidden; color:#CCCCCC; text-align:left; border-top:1px #CCCCCC solid; padding-top:3px; margin-top:25px; }
.contentActLf { float:left; width:48%; padding:6px 0; }
.contentActRg { float:right; width:48%; padding:3px 0; text-align:right; }
.contentOtherSegment { display:block; margin:40px 0 20px 0; }
.contentOtherSegment.contentTerms .contentTxt { font-size:14px; line-height:19px; color:#666666; }
.contentOtherSegment.contentTerms .contentTxt ul>li { line-height:18px; }
.contentOtherSegment.contentTerms h2.contentSegmentTtl { font-size:22px; color:#999999; }
.contentFloatMsg { text-align:justify;  
	position: relative;
	margin:auto;
	/* dynamic height div to stay center vertically, container div must have fix height; */
	top: 50%;
	-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
}
.contentLnk { margin-top:30px; }
.contentLnk>a { color:#990000; }
.contentLnk>a:hover { color:#FF0000; }
.contentImgPreview { width:100%; margin-bottom:40px; }
.contentImgPreview img { max-width:100%; }
.contentActRow { display:block; width:100%; overflow:hidden; margin:30px 0; padding:15px 0; border-top:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; text-align:left; }
.contentActCol { float:left; width:20%; margin-left:5%; }
.contentActCol:first-child { margin-left:10px; }
.contentBook { width:23% !important; }
.contentPhone { width:23% !important; }
.contentIcon { width:120px !important; padding:1px 0; }
.contentEmail { width:35px !important; padding:5px 0; margin-left:2%; }
.contentIcon img, .contentEmail img { max-width:100%; }
.contentPrice { width:30%; background:url('../../i/icons/tag-price.png') no-repeat left center; padding-left:40px; font-size:20px; font-weight:bold; }
.contentPrice>label { display:block; font-size:13px; color:#999999; font-weight:normal; }
.contentPrice>span { font-weight:normal; font-size:17px; }
.contentDownload { width:auto !important; font-size:13px; background:url('../../i/icons/tag-download.png') no-repeat 10px center; padding:6px 18px 6px 32px; background-size:18px; margin-top:5px; color:#C9AC85; border:1px #C9AC85 solid; 
	-webkit-border-radius: 3px; 
	   -moz-border-radius: 3px; 
					border-radius: 3px;
}
.contentDownloadSm { cursor:pointer; font-size:12px; width:auto !important; color:#C9AC85; background:url('../../i/icons/tag-download.png') no-repeat 5px center; background-size:auto 60%; padding:4px 10px 4px 30px; margin-left:0 !important; border:1px #C9AC85 solid; 
	-webkit-border-radius: 3px; 
	   -moz-border-radius: 3px; 
					border-radius: 3px;
}
.contentDownload>a, .contentDownloadSm>a { color:#C9AC85; }
.contentDownload:hover, .contentDownloadSm:hover { background-color:#C9AC85; color:#FFFFFF; }
.contentDownload:hover>a, .contentDownloadSm:hover>a { color:#FFFFFF; }
/*a.bookThisBtn { cursor:pointer; display:inline-block; font-size:13px; padding:6px 20px; margin:5px; border:1px #C9AC85 solid; background:rgba(194,165,122,0.5); opacity:0.8; white-space:nowrap;
	-webkit-border-radius: 5px; 
	   -moz-border-radius: 5px; 
					border-radius: 5px;
}
a.bookThisBtn:hover { opacity:1.0; color:#000000; }*/
a.bookThisBtn { cursor:pointer; display:inline-block; font-size:13px; padding:6px 20px; margin:5px; border:1px #09212D solid; color:#09212D; white-space:nowrap;
	-webkit-border-radius: 3px; 
	   -moz-border-radius: 3px; 
					border-radius: 3px;
}
a.bookThisBtn:hover { color:#C9AC85; background:#09212D; }
h1.cntPageTtl { position:relative; display:inline-block; font-size:42px; line-height:36px; margin-bottom:7px; text-align:left; padding-bottom:10px; }
h2.cntSubPageTtl { font-size:26px; line-height:20px; margin-bottom:20px; text-align:left; }
.cntSubTtl { font-size:19px; line-height:24px; margin-bottom:5px; }
.cntTtlLine { position:absolute; width:20%; height:2px; margin:auto; bottom:-3px; left:0; right:0; background:rgba(194,165,122,0.4); }
ul.contactList>li>label { font-family: 'Cormorant Infant', serif; font-size:22px !important; font-weight:bold; line-height:24px; }

/* CONTENT SLIDER */
.cntSlide { position:relative; /*background:#f1f1ea;*/ width:100%; margin:25px 0 50px 0; 
	/*-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
		 -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
					box-shadow: 0px 0px 5px rgba(0,0,0,0.5);*/	
}
.cntSlide.cntMeetingSlide { height:400px; overflow:hidden; }
.cntSlideClip { display:none; width:100%; padding:0; margin:0; background-repeat:no-repeat; background-position:center center; background-size:cover; }
/*.cntSlideClip { display:none; width:90%; padding:0; margin:0; text-align:left; }*/
.cntSlideCaption { z-index:6; position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); text-align:center; padding:5px; color:#EEEEEE; font-size:12px; font-style:italic; }
.cntSlideClip img { max-width:100% !important; }
.cntSlide .bx-wrapper .bx-prev { z-index:5; left:-50px; }
.cntSlide .bx-wrapper .bx-next { z-index:5; right:-50px; }
.cntSlide .bx-wrapper .bx-caption span { text-align:left; }
.slideFrame .bx-wrapper .bx-prev { z-index:5; }
.slideFrame .bx-wrapper .bx-next { z-index:5; }

/* ARTICLE READING */
.articlePath { font-size:14px; margin-bottom:8px; margin-left:4px; }
h1.articleTtl { font-size:36px; line-height:30px; margin-bottom:25px; text-align:left; }
h2.articleTtl { font-size:26px; line-height:20px; margin-bottom:20px; text-align:left; }
.articleSubTitle { font-size:14px; line-height:20px; color:#666666; padding:3px; }
.articleBrief { text-align:justify; font-style:italic; opacity:0.8; }
a.articlePosLnk { line-height:26px; padding:2px; }
a.articleGoBack { float:left; width:25px; height:25px; margin-right:6px; background:url('../../i/icons/icn-goback.png') no-repeat center center; background-size:cover; opacity:0.4; }
a.articleGoBack:hover { opacity:1.0; } 
/* BIOGRAPHY */
h1.articleBioTtl { font-size:36px; line-height:30px; margin-bottom:10px; text-align:left; }
.articleBioSubTtl { font-size:15px; line-height:20px; color:#666666; padding:3px; text-transform:uppercase; }
.bioPhoto { height:60vh; overflow:hidden; }
.bioHeadArea { border-bottom:1px #CCCCCC solid; padding-bottom:10px; }

/* ROOM TYPE */
.rmSlide { position:relative; background:#f1f1ea; width:88%; /*height:450px;*/ margin:25px 0 10px 0; 
/*	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
		 -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
					box-shadow: 0px 0px 5px rgba(0,0,0,0.5);	*/
}
.rmSlideClip { display:none; width:100%; height:450px; padding:0; margin:0; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.rmSlideClip img { max-width:100%; }
.rmSlide .bx-wrapper .bx-prev { z-index:5; left:-50px; }
.rmSlide .bx-wrapper .bx-next { z-index:5; right:-50px; }
.rmSlide .bx-wrapper .bx-pager { border:1px #FF0000 dotted; }
.bxPagerThumbs { cursor:pointer; display:inline-block; width:110px; height:72px; overflow:hidden; opacity:0.5; }
.bxPagerThumbs:hover { opacity:1.0; }
.bxPagerThumbs.pager-active { opacity:1.0; }
.bxPagerThumbs img { max-width:100%; }
/*img.bxThumbs { width:110px !important; }*/
.bxPagerBox { position:relative; display:block; overflow:hidden; margin-top:10px !important; }
.bxPagerBox a { opacity:0.5; }
.bxPagerBox a:hover { opacity:1.0; }
.bxPagerBox a.pager-active { opacity:1.0; }
/* ROOM DETAILS TAB */
.roomTabArea { margin:40px 0; }
.roomTabBar { position:relative; overflow:hidden; border-bottom:5px #bec0be solid; }
.roomTabSep { position:absolute; left:0; right:0; bottom:0; margin:auto; width:2px; height:95%; background:#bec0be; }
ul.roomTabLink { list-style-type:none; }
ul.roomTabLink>li { cursor:pointer; position:relative; display:inline-block; font-family: 'Cormorant Infant', serif; font-size:20px; letter-spacing:0.8px; color:#999999; width:50%; padding:13px 0px; font-weight:bold; }
ul.roomTabLink>li:hover { color:#666666; }
ul.roomTabLink>li.tabOn { color:#333333; background:url('../../i/bg-tab-on.png') repeat-x center center; }
ul.roomTabLink>li.tabLf { float:left; text-align:center; }
ul.roomTabLink>li.tabRg { float:right; text-align:center; }
.roomTabContent { margin-top:45px; border-bottom:5px #bec0be solid; }
.roomContentBox { display:none; }
.roomContentBox.tabContentOn { display:block; }
/* ROOM PAGE (STYLE 2) */
.cntRow-st2 { overflow:hidden; width:100%; margin-top:20px; margin-bottom:30px; text-align:left; }
.cntRow-st2 .cntColLf { position:relative; float:left; width:45%; }
.cntRow-st2 .cntColRg { position:relative; float:right; width:45%; }
.textLabelBox { position:relative; padding-left:45px; display:inline-block; }
.textLabelBox.normalLbl { padding-left:0; }
.labelTxt { position:absolute; top:0; left:0; width:27px; height:27px; background:url('../../i/icons/icn-amenities.png') no-repeat 0px 0px; }
.labelTxt.amnPrice { top:5px; background-position:0px 0px; }
.labelTxt.amnBeds { background-position:-34px 0px; }
.labelTxt.amnGuest { background-position:-72px 0px; }
.labelTxt.amnSize { background-position:-112px 0px; }
.labelTxt.amnBath { background-position:-142px 0px; }
.labelTxt.amnTravel { background-position:-166px 0px; }
h3.txtLabel { font-size:23px; color:#333333; line-height:24px; margin-bottom:5px; }

/* FACILITY */
.fcltSlide { position:relative; background:#FFFFFF; width:100%; padding:6px 0;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
		 -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
					box-shadow: 0px 0px 5px rgba(0,0,0,0.5);	
}
.fcltSlideBox { width:88%; }
.fcltSlideClip { position:relative; display:none; width:100%; height:80vh; padding:0; margin:0; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.fcltSlideClip img { max-width:100%; }
/* SLIDE NAVIGATION */
.fcltSlide .bx-wrapper .bx-prev { z-index:5; left:-50px; }
.fcltSlide .bx-wrapper .bx-next { z-index:5; right:-50px; }
/* SLIDE PAGE */
.fcltSlide .bx-wrapper .bx-pager { bottom:5%; left:3.5%; width:40%; text-align:left; }
.fcltSlide .bx-wrapper .bx-pager.bx-default-pager a {
	border: 1px #FFFFFF solid;
	background:none;
	width:8px;
	height:8px;
}
.fcltSlide .bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: #333333;
}
.fcltSlide .bx-wrapper .bx-pager.bx-default-pager a.active {
	border: 1px #FFFFFF solid;
	background: #FFFFFF;
}
/* FACILITY SLIDE CONTENT */
.fcltSldCntBox { position:absolute; top:0; bottom:0; left:0; width:45%; background:rgba(0,0,0,0.5); }
.fcltSldCntArea { position:absolute; top:32%; bottom:10%; left:8%; right:12%; text-align:left; }
ul.fcltNv { z-index:10; position:absolute; top:6%; left:9.5%; text-align:left; list-style-type:none; min-height:100px; margin-bottom:20px; }
ul.fcltNv>li { font-family: 'Cormorant Infant', serif; font-size:15px; font-weight:bold; cursor:pointer; color:#FFFFFF; opacity:0.7; margin:2px 0; }
ul.fcltNv>li:hover { opacity:1.0; }
ul.fcltNv>li.fcltOn { cursor:auto; color:#3ca4d7; font-weight:bold; opacity:1.0; }
h2.fcltSldTtl { font-family: 'Roboto', sans-serif; font-size:30px; line-height:32px; color:#FFFFFF; font-weight:bold; margin-bottom:20px; }
.fcltSldCnt { width:100%; height:280px; overflow-y:auto; color:#CCCCCC; text-align:justify; }

/* MODAL */
.boxModal { display:none; }
.mapArea { width:85vw; height:80vh; background:#FFFFFF; overflow:hidden; position:relative; }
#mapBox { z-index:1; position:absolute; top:0; bottom:0; right:0; width:70%; }
#mapAddress { z-index:2; position:absolute; top:0; bottom:0; left:0; width:30%; background:#FFFFFF; overflow-y:auto; 
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.1);
		 -moz-box-shadow: 0 0 8px rgba(0,0,0,0.1);
					box-shadow: 0 0 8px rgba(0,0,0,0.1);
}
.mapAddrWrap { margin:20px; text-align:center; }
.mapLogo { height:70px; margin-bottom:10px; }
.mapLogo img { max-height:100%; }
.mapTtl { font-family: 'Cormorant Infant', serif; font-size:32px; letter-spacing:1.0px; line-height:32px; font-weight:bold; margin:10px 0; }
.mapLocAddr { font-size:14px; text-transform:normal; line-height:18px; }
.mapLocAddr h3 { font-size:18px; line-height:20px; margin-top:30px; background:rgba(194,165,122,0.5); padding:5px; }
.mapDirct { font-size:12px; line-height:17px; color:#666666; text-align:justify; padding:3px; }
.bioArea { width:65vw; height:60vh; background:#FFFFFF; overflow:hidden; position:relative; }
#bioBox { z-index:1; position:absolute; top:45px; bottom:20px; right:20px; left:20px; }

/* PHOTOS */
.galleryArea { margin-top:30px; }
.galleryWrap { font-size:0; }
.photoFrame { position:relative; display:inline-block; width:23%; height:180px; vertical-align:top; margin:0.5%; background:#FFFFFF; }
.photoBox { position:absolute; top:0; bottom:0; left:0; right:0; cursor:pointer; overflow:hidden; margin:3px; background-repeat:no-repeat; background-position:center center; background-size:cover; opacity:0.9; }
.photoBox:hover { opacity:1.0; }
.photoBox img { max-width:100%; }
ul.photoGroup { display:block; list-style-type:none; overflow:hidden; margin-bottom:30px; }
ul.photoGroup>li.photoGroupLnk { position:relative; cursor:pointer; display:inline-block; padding:5px 20px; border:1px #999999 solid; margin:3px; }
ul.photoGroup>li.photoGroupLnk:hover { color:#333333; border:1px #333333 solid; }
ul.photoGroup>li.photoGroupLnk.groupLnkOn { background:#FFFFFF; border:1px #000000 solid; color:#000000; }
select.photoGroupSel { display:none; font-size:16px; padding:10px; height:40px; text-align:center !important; background:#F0F0F0; color:#00000; border:1px #666666 solid; 
	-webkit-border-radius: 3px; 
	   -moz-border-radius: 3px; 
					border-radius: 3px;
}
.videoPlay { position:absolute; width:50px; height:50px; left:0; right:0; top:0; bottom:0; margin:auto; background:url('../../i/icons/icn-play.png') no-repeat center center; opacity:0.7; }
.photoBox:hover>.videoPlay { opacity:1.0; }
.photoTitle { display:none; position:absolute; background:rgba(0,0,0,0.5); bottom:0; left:0; right:0; text-align:center; color:#FFFFFF; font-size:13px; line-height:16px; padding:7px 5px 10px 5px; }

/* CONTENT STYLE 2 COL (LEFT-RIGHT) */
.cntRowLfRg { display:block; overflow:hidden; }
.cntRowLfRg>.cntColLf { float:left; width:48%; }
.cntRowLfRg>.cntColRg { float:right; width:48%; }

/* LIST FILTER */
.listFilter { margin-bottom:25px; text-align:center; padding:0 10px; width:90%; max-width:500px; }

/* POINT BOX */
ul.ptBox { list-style-type:none; overflow:hidden; width:100%; display:block; border-top:5px #FFFFFF solid; border-bottom:5px #FFFFFF solid; background:rgba(201,172,133,1.0); }
ul.ptBox>li { position:relative; display:inline-block; width:20%; padding:2%; height:21.5vh; border-left:4px #FFFFFF solid; vertical-align:top; }
ul.ptBox>li:first-child { border-left:0; }
h1.ptHeaderTtl { font-size:38px; line-height:42px; margin-bottom:0px; }
h3.ptTtl { font-size:34px; line-height:34px; font-weight:bold; margin-bottom:20px; margin-top:10px; }
h4.ptTtl { font-size:24px; line-height:24px; font-weight:bold; margin-bottom:5px; margin-top:10px; color:#FFFFFF; }
.ptSubTtl { font-size:11px; line-height:12px; color:#FFFFFF; margin:0; }
.ptCnt {
	font-size:14px;
	line-height:16px;
	position: relative;
	margin:auto;
	/* dynamic height div to stay center vertically, container div must have fix height; */
	top: 50%;
	-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
}
.ptIcon { width:80px; height:80px; }
.ptIcon img { max-width:100%; }

/* ROOM BOOKING */
.roomBookBox { padding:20px; background:#DDDDDD; }
a.bookRoomBtn {
	display:block;
	cursor:pointer;
	/*background:#C9AC85;
	border:2px #a38559 solid !important;*/
	background:#09212D;
	border:2px #a38559 solid !important;
	color:#a38559;
	font-weight:bold;
	border:0;
	font-size:20px;
	padding:20px;
	text-align:center;
	opacity:0.8;
	-webkit-border-radius: 5px; 
	   -moz-border-radius: 5px; 
					border-radius: 5px;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
		 -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
					box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-webkit-transition: all 0.5s;
		 -moz-transition: all 0.5s;
			-ms-transition: all 0.5s;
			 -o-transition: all 0.5s;
					transition: all 0.5s;
}
a.bookRoomBtn:hover {
	opacity:1.0;
	-webkit-box-shadow: 0.5px 0.5px 5px rgba(0,0,0,0.5);
		 -moz-box-shadow: 0.5px 0.5px 5px rgba(0,0,0,0.5);
					box-shadow: 0.5px 0.5px 5px rgba(0,0,0,0.5);
}
.roomBookMsg { padding:20px 10px 0 10px; margin-top:40px; text-align:left; font-size:14px; line-height:18px; color:#666666; }
.roomBookMsg>h4 { font-size:28px; color:#333333; }
ul.roomBookPoint { margin-left:11px; margin-top:20px; }
ul.roomBookPoint>li { margin-bottom:15px; }
ul.roomBookPoint>li>label { display:block; font-family: 'Cormorant Infant', serif; font-weight:bold; font-size:20px; margin-bottom:5px; color:#333333; }

/* BOOKING FORM MODAL */
.bookMdlScrn { display:none; z-index:1000; background:rgba(255,255,255,0.99); position:fixed; top:0; bottom:0; left:0; right:0; }
.bookMdlArea { display:none; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; overflow-y:auto; }
.bookMdlBox { width:96%; margin:3% 0; }
.bookMdlBox.otherForm { width:96%; max-width:950px; margin:3% 0; }
.bookMdlLoading { width:50px; height:50px; background:url('../../i/mdl-loading.gif') no-repeat center center; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }
a.btnBookMdlClose { z-index:100; cursor:pointer; position:absolute; top:2%; right:3%; background:url('../../i/icons/icn-bookmdl-close.png') no-repeat center center; width:40px; height:40px; opacity:0.6; }
a.btnBookMdlClose:hover { opacity:1.0; }
h2.bookMdlTtl { }
.bookMdlForm { width:100%; }
.bookMdlForm>ul { list-style-type:none; overflow:hidden; width:100%; }
.bookMdlForm>ul>li { float:left; width:45%; margin:2%; }

/* POP UP MODAL */
.mdlScrn { display:none; z-index:1000; background:rgba(0,0,0,0.6); position:fixed; top:0; bottom:0; left:0; right:0; }
.mdlLoading { display:none; width:50px; height:50px; background:url('../../i/mdl-loading.gif') no-repeat center center; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }
.mdlBox { display:none; position:absolute; top:5%; bottom:5%; left:5%; right:5%; margin:auto; background:#FFFFFF; max-width:1000px; height:70vh; min-height:400px; border-radius:5px; overflow:hidden; }
.mdlBox.vertBox { max-width:389px; max-height:550px; height:auto !important; padding-bottom:0 !important; }
a.btnMdlClose, a.btnPopClose { z-index:100; cursor:pointer; position:absolute; top:10px; right:10px; border-radius:50%; background:#FFFFFF url('../../i/icons/icn-bookmdl-close.png') no-repeat center center; width:25px; height:25px; opacity:0.6; background-size:90%; }
a.btnMdlClose:hover, a.btnPopClose:hover { opacity:1.0; }
.mdlContent { z-index:1; position:absolute; top:0; bottom:0; left:0; right:0; }
.mdlContent img { max-width:100%; }
.mdlContent.mdlFlex { display:flex; flex-direction:column; top:15px; bottom:15px; left:15px; right:15px; text-align:left; }
.mdlBox.panoBx { max-width:800px; height:400px !important; }
.mdlBox.squareBx { max-width:500px !important; max-height:450px !important; }
/* modal content scroll */
.mdlHeader { margin-bottom:15px; font-size:26px; line-height:28px; font-weight:bold; }
.mdlScrll { flex-grow:1; overflow-y:auto; border:1px #EEEEEE solid; background:#F6F6F6; border-radius:5px; padding:5px 10px; }
/* floating countdown */
.mdlFloat { z-index:2; position:absolute; margin:auto; left:5%; right:5%; }
ul.tmrLst { list-style-type:none; }
ul.tmrLst>li { display:inline-block; margin:1%; text-align:center; }
ul.tmrLst>li>label { display:block; font-size:11px; color:#000000; }
.tmrBx { display:block; background:#11313e; padding:10px; font-size:52px; line-height:52px; color:#FFFFFF; font-weight:bold; border-radius:10px; }

/* FORM ACTION */
.formLoading { display:none; z-index:10000; position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255,0.6) url('../../i/mdl-loading.gif') no-repeat center center; }
.formAlert { color:#FF0000; }
.formTarget { display:none; opacity:0.1; }
input.submitBtn { width:40%; background:#333333; opacity:0.7; font-size:15px; letter-spacing:1.8px; font-weight:bold; padding:17px 50px; margin:20px 0; 
	-webkit-border-radius: 5px; 
	   -moz-border-radius: 5px; 
					border-radius: 5px;
}
h1.formTtl { font-family: 'Cormorant Infant', serif; font-size:50px; color:#333333; letter-spacing:1.0px; line-height:46px; font-weight:bold; text-transform: uppercase; }
.formMessage { text-align:center; margin:20px 0; }
.formMessage>h2 { margin-bottom:20px; }
.formMessage>p { }

/* CHECK PROFILE */
ul.chkAccount { list-style-type:none; margin-top:30px; border-top:1px #DDDDDD dashed; }
ul.chkAccount:first-child { margin-top:0; border-top:0; }
ul.chkAccount>li { padding:8px 0; }
ul.chkAccount>li>label { display:block; font-size:10px; line-height:12px; color:#999999; }
ul.chkAccount>li>div { font-size:18px; }

/* RESERVATION */
.reservForm { width:100%; }
.reservFormMdl { overflow:hidden; width:100%; margin-top:40px; }
.reservFormRow { padding:10px 0; border-top:2px #CCCCCC solid; }
.reservFormRow.lastRow { border-bottom:2px #CCCCCC solid; }
.reservFormRow.textCalArea { padding:2px 0; }
.reservFormRow.shwCalArea { padding:10px 0 11px 0; }
.reservFormRow.lfCntArea { text-align:left; }
.reservFormRow.subTtlRow { padding:15px 0 10px 0; background:#F0F0F0; }
.reservFormRow>h3 { font-size:24px; line-height:24px; }
.reservFormColLf { float:left; width:58%; }
.reservFormColRg { float:right; width:40%; }
ul.rsvFrm { list-style-type:none; overflow:hidden; }
ul.rsvFrm.fullCol { width:98%; }
ul.rsvFrm.halfCol { width:40%; }
ul.rsvFrm.singleCol { width:58%; }
ul.rsvFrm.confirmCol { width:52%; color:#990000; font-weight:bold; }
ul.rsvFrm.singleCal { width:65%; margin-left:32%; }
ul.rsvFrm.dualCol { width:70%; }
ul.rsvFrm>li { float:left; margin:2%; }
ul.rsvFrm>li.rsvFrmLbl { width:30%; text-align:right; padding:13px 0; font-size:16px; font-weight:bold; }
ul.rsvFrm>li.rsvFrmLbl.dualLinesLbl { padding:3px 0; }
ul.rsvFrm>li.rsvFrmLbl.largeLbl { width:67%; }
ul.rsvFrm>li.rsvFrmFld { width:60%; text-align:left; }
ul.rsvFrm>li.rsvFrmFld.showDate { padding:12px 5px; width:56%; }
ul.rsvFrm>li.rsvFrmFld.showDate>i { color:#999999; }
ul.rsvFrm>li.rsvFrmFld.showDate>span { color:#999999; padding:0 5px; }
ul.rsvFrm>li.rsvFrmFld.smallFld { width:25%; }
ul.rsvFrm>li.rsvFrmCal { width:45%; text-align:center; }
ul.rsvFrm>li.rsvFrmLf { float:left; width:45%; text-align:left; }
ul.rsvFrm>li.rsvFrmRg { float:right; width:45%; text-align:left; }
ul.rsvFrm>li>label { display:block; font-size:16px; font-weight:bold; margin-bottom:10px; }
input.rsvFld, select.rsvFldSel, textarea.rsvFld { background:#FFFFFF; font-size:15px; padding:13px 10px; color:#000000; border:1px #666666 solid;
	-webkit-border-radius: 2px; 
	   -moz-border-radius: 2px; 
					border-radius: 2px;
}
input[type=text].rsvFld,input[type=password].rsvFld { width:91%; }
input[type=file].rsvFld { width:96%; border:1px #999999 dotted; background:#EEEEEE; }
select.rsvFldSel:focus { border:3px #999999 solid; background:rgba(194,165,122,0.5); }
select.rsvFldSel { padding:10px !important; border:1px #000000 solid !important; height:42px !important; border-radius: 2px !important; color:#000000 !important; font-style:normal !important; }
select.rsvFldSel.fullSel { width:100% !important; }
select.rsvFldSel.halfSel { width:47% !important; float:left; margin-left:5%; }
select.rsvFldSel.halfSel:first-child { margin-left:0; }
input.halfFld { width:38% !important; float:left; margin-left:5%; }
input.halfFld:first-child { margin-left:0; }
.rsvFldCalendar { padding:7px 6px; }
input.rsvCheckBtn { background:#C9AC85; opacity:0.8; width:90%; font-size:15px; letter-spacing:1.8px; font-weight:bold; padding:17px 30px; margin:20px 0; 
	-webkit-border-radius: 5px; 
	   -moz-border-radius: 5px; 
					border-radius: 5px;
}
.rsvFrmFldNote { margin-top:10px; font-size:14px; line-height:18px; font-style:italic; }
.chkBoxContainer { position:relative; padding:3px 0 3px 40px; cursor:pointer; text-align:left; }
.chkBoxContainer input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.chkBoxCheckmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}
/* On mouse-over, add a grey background color */
.chkBoxContainer:hover input ~ .chkBoxCheckmark {
  background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.chkBoxContainer input:checked ~ .chkBoxCheckmark {
  background-color: #2196F3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.chkBoxCheckmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.chkBoxContainer input:checked ~ .chkBoxCheckmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.chkBoxContainer .chkBoxCheckmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* UI CALENDAR */
.reservFormRow .ui-datepicker { font-size:12px; border:0 !important; width:98% !important; }
.reservFormRow .ui-datepicker-header {  }
.reservFormRow .ui-datepicker table { width:100%; }
.reservFormRow .ui-datepicker td span,
.reservFormRow .ui-datepicker td a {
		font-family: 'Cormorant Infant', serif; 
		font-weight: bold;
		display: block;
		padding:.3em .8em;
		text-align: center;
		text-decoration: none;
	 	border:1px #DDDDDD solid;
	 	background-color:#F5F5F5;
}
.reservFormRow .ui-datepicker-calendar a.ui-state-default { background:#EBEBEB; }
.reservFormRow .ui-datepicker-calendar a.ui-state-active { border:1px #999999 solid; background:#999999; }
.reservFormRow .ui-state-disabled>span { opacity:0.5 !important; }
.reservFormRow .ui-datepicker-calendar a.ui-state-hover {
  background: #FFFFFF;
  color:#333333;
}
.reservFormRow .ui-datepicker-today.ui-datepicker-current-day a.ui-state-highlight {
    border-color: #CCCCCC;
    background: #FFFFFF;
    color: #333333;
}
/* UI SELECT MENU */
.reservFormRow .ui-selectmenu .ui-selectmenu-menu { z-index:10000 !important; }
.reservFormRow .ui-selectmenu-button { outline: 0; 
	width:92% !important;
	font-size:15px;
	background-color:#FFFFFF; 
	line-height:18px; 
	border:1px #666666 solid;
	padding:13px 10px;
	-webkit-border-radius: 2px; 
	   -moz-border-radius: 2px; 
					border-radius: 2px;
}
.reservFormRow .dualCol .ui-selectmenu-button { width:40% !important; }
.reservFormRow .personSelect .ui-selectmenu-button { width:40% !important; }

/* REVIEWS */
#reviewSlide { margin:20px 0; }
.reviewsBox { display:none; padding-bottom:10px; }
.reviewsProfilePic { overflow:hidden; width:50px; height:50px; background:#FFFFFF; border:3px #EEEEEE solid; 
	-webkit-border-radius: 50%; 
	   -moz-border-radius: 50%; 
					border-radius: 50%;
}
.reviewsProfilePic img { max-width:100%; }
.reviewsProfileBio { width:78%; padding:10px 0 30px 0; }
.reviewsProfileName { font-size:15px; font-weight:bold; }
.reviewsTxtBox { width:90%; }
.ratingBubble { font-size:20px; letter-spacing:3.5px; color:#00A680; text-align:center; }
.reviewsTitle { font-weight:bold; font-size:16px; line-height:18px; margin-bottom:8px; }
.reviewsMsg { font-size:14px; line-height:18px; margin-bottom:20px; }
.ratingDate { font-size:11px; }
.contentReviews .bx-wrapper .bx-prev { z-index:5; left: -5%; top:50%; }
.contentReviews .bx-wrapper .bx-next { z-index:5; right: -5%; top:50%; }

/* IN PAGE PHOTOS GALLERY */
.photosWrapper { width:100%; text-align:left; margin-top:50px; }
ul.photosLst { list-style-type:none; overflow:hidden; }
ul.photosLst>li { position:relative; float:left; cursor:pointer; width:24%; max-width:205px; height:135px; border:1px #DDDDDD solid; margin:1% 2% 1% 0; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover; }
ul.photosLst>li:first-child { margin-left:0; }
ul.photosLst>li img { max-width:100%; }
.photosLstTitle { position:absolute; background:rgba(0,0,0,0.5); bottom:0; left:0; right:0; text-align:center; color:#FFFFFF; font-size:13px; line-height:16px; padding:7px 5px 10px 5px; }

/* CONTACT US */
.contactBox { margin-bottom:50px; }
.contactBox h2 { display:block; font-size:28px; margin:40px 0 10px 0; }
.contactBox ul { list-style-type:none; overflow:hidden; border-bottom:1px #CCCCCC solid; }
.contactBox ul:first-child { border-top:1px #CCCCCC solid; }
.contactBox ul>li { float:left; width:42%; padding:20px 30px; font-size:14px; text-align:left; line-height:19px; border-left:1px #CCCCCC solid; }
.contactBox ul>li:first-child { text-align:left; border-left:0; }
.contactBox ul>li>label { display:block; margin-bottom:10px; font-size:18px; font-weight:bold; }

/* ABOUT HOME */
ul.aboutHm { list-style-type:none; overflow:hidden; }
ul.aboutHm>li { position:relative; float:left; width:31.6%; min-height:150px; margin:5px 7px; padding:0; }
ul.aboutHm>li img { max-width:100%; margin:0; }
.aboutHmCover { position:absolute; top:0; bottom:6px; left:0; right:0; }
.aboutHmCover:hover { background:rgba(0,0,0,0.5); }
.aboutHmLabel { position:absolute; width:90%; left:0; right:0; margin:auto; bottom:20px; color:#FFFFFF; letter-spacing:1.5px; text-transform:uppercase; 
	-webkit-transition: all 0.5s;
		 -moz-transition: all 0.5s;
			-ms-transition: all 0.5s;
			 -o-transition: all 0.5s;
					transition: all 0.5s;
}
.aboutHmCover:hover>.aboutHmLabel { position:absolute; width:90%; top: 50%;
	-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
}
a.aboutHmLnk { display:none; width:80px; font-size:10px; color:#FFFFFF; margin-top:7px; padding:3px 10px; border:1px #DDDDDD solid; white-space:nowrap; }
a.aboutHmLnk:hover { background:rgba(255,255,255,0.2); }
.aboutHmCover:hover>.aboutHmLabel>a.aboutHmLnk { display:block; }

/* VISION MISSION ICONS */
ul.visionLst { list-style-type:none; overflow:hidden; margin-left:0; }
ul.visionLst>li { float:left; width:30%; margin-left:5%; }
ul.visionLst>li:first-child { margin-left:0; }
.visionIcon { position:relative; display:block; width:200px; height:200px; margin-bottom:10px; }
.visionIcon img { max-width:100%; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }

/* PEOPLE */
ul.teamLst { list-style-type:none; overflow:hidden; font-size:0; }
ul.teamLst:first-child>li {  border-top:1px #DDDDDD solid; }
ul.teamLst>li { position:relative; /*float:left;*/display:inline-table; margin:0; width:33.20%; min-height:280px; border-left:1px #DDDDDD solid; /*border-bottom:1px #DDDDDD solid;*/ }
ul.teamLst>li:first-child { border-left:0; }
.teamPhoto { width:100%; height:200px; background:#EEEEEE; overflow:hidden; }
.teamPhoto img { max-width:100%; }
.teamCnt { padding:15px 25px 35px 25px; text-align:left; }
.teamMsg { font-size:13px; line-height:17px; margin-bottom:15px; color:#666666; }
.teamCnt>h3 { font-size:22px; line-height:24px; margin-bottom:5px; }

/* CAREER */
/*ul.careerRow { list-style-type:none; overflow:hidden; display:inline-table; width:100%; border-bottom:1px #CCCCCC solid; }
ul.careerRow:first-child { border-top:1px #CCCCCC solid; }
ul.careerRow>li { position:relative; display:table-cell; width:44%; border-left:1px #CCCCCC solid; padding:3%; text-align:left; }
ul.careerRow>li:first-child { border-left:0; }*/
.careerArea { position:relative; border-top:3px #CCCCCC solid; border-bottom:2px #CCCCCC solid; margin-bottom:30px; }
.careerLoading { display:none; z-index:10; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255,0.8) url('../../i/mdl-loading.gif') no-repeat center center; margin:auto; }
.careerNote { display:inline-table; background:#F0F0F0; padding:10px 20px; margin:10px 0px 30px 0; }
ul.careerRow { list-style-type:none; overflow:hidden; width:100%; border-top:1px #DDDDDD solid; padding:5px 0; }
ul.careerRow:first-child { border-top:0; }
ul.careerRow>li { position:relative; float:left; width:20%; padding:5px 10px; text-align:left; font-size:13px; }
ul.careerRow>li.careerTtl { width:30%; font-size:14px; line-height:20px; margin-bottom:0; }
ul.careerRow>li.careerFunc { width:31%; }
ul.careerRow>li.careerApply { width:7%; padding:5px; }
ul.careerRow.headerRow>li { color:#999999; font-size:14px; padding:3px 10px; }
.careerTtl>a { color:#000000; opacity:0.8; font-weight:bold; }
.careerTtl>a:hover { opacity:1.0; }
.careerCode { font-size:12px; font-style:italic; color:#999999; }
.careerBrief { margin-top:10px; line-height:16px; font-size:13px; }
.careerAct { overflow:hidden; margin-top:15px; }
.careerFilter { margin-bottom:25px; text-align:left; padding:0 10px; }
.careerFilter>label { font-size:14px; margin-right:8px; }

/* FLEX MIDDLE BOX */
.flexBxContainer { display:flex; justify-content:center; align-items:center; }
.flexBxContent { align-self:center; }
.flexBxLf { justify-content:left; }
.flexBxRg { justify-content:right; }

/* MEMBERSHIP REGISTRATION */
.wrapReg { position:relative; width:94%; max-width:700px; padding:20px 0; border-top:5px #EEEEEE solid; }
.wrapReg.wrapSignin { max-width:600px; }
.wrapReg.wrapForget { max-width:530px; }
.formBlock { position:relative; display:block; margin-top:30px; }
.formBlock:first-child { margin-top:0; }
.formBlock.noShw { display:none; }
.frmRegLbl { display:block; text-align:left; padding:5px; font-size:20px; font-weight:bold; margin-bottom:5px; }
.frmRegLbl.mdlLbl { text-align:center; font-weight:normal; font-size:18px; margin-bottom:10px; }
ul.frmReg { position:relative; display:block; overflow:hidden; list-style-type:none; border-radius:5px; border:1px #EEEEEE solid; padding:5px 20px 10px 20px; margin-bottom:10px; background-color:#FCFCFC; }
ul.frmReg>li { float:left; position:relative; text-align:left; overflow:hidden; padding:10px 0; width:100%; }
ul.frmReg>li.halfCol { width:47%; margin-right:3%; }
ul.frmReg>li.lnkCol { width:55%; margin-right:3%; }
ul.frmReg>li.btnCol { width:30%; }
ul.frmReg>li>label { position:relative; display:block; margin-bottom:5px; font-size:16px; padding-bottom:3px; }
ul.frmReg.prfDet>li>label { font-size:14px; }
.frmRegCol { float:left; margin:0 1% 0 0; }
.frmRegCol.selDate { width:10%; }
.frmRegCol.selMonth { width:20%; }
.frmRegCol.selYear { width:14%; }
.signinNote { position:relative; margin:20px 0; font-size:12px; }
.signinNote>label { display:block; }
.signinNote a { color:#0099CC; }
.signinNote a:hover { color:#990000; }
/* EDIT PROFILE */
.edtBx { position:relative; }
a.btnEdt { display:none; z-index:10; position:absolute; top:15px; right:15px; width:25px; height:25px; border-radius:50%; opacity:0.6; }
a.btnEdt:hover { opacity:1; }
a.btnEdt.editThis { background:#C9AC85 url('../../i/icons/icn-edit.png') no-repeat center;  }
a.btnEdt.cancelEdit { background:#333333 url('../../i/icons/icn-cancel.png') no-repeat center; }
a.btnEdt.showBtn { display:inline-block; }
.edtBx:hover a.editThis.hideBtn { display:inline-block; }
.edtBx.hide { position:absolute; }
.formEdt { display:none; z-index:5; position:relative; }
.formEdt.show { position:relative !important; }
.mPrfEdit { display:none; }
.mPrfEdtBtn { display:none; }
/* OTP SELECT */
ul.frmBtnSelc { list-style-type:none; margin-bottom:30px; }
ul.frmBtnSelc>li { padding:5px; }
a.btnSelc { display:inline-block; padding:15px; width:380px; background:#444444; color:#FFFFFF; font-size:13px; font-weight:bold; border-radius:10px; opacity:0.6; text-transform: uppercase; }
a.btnSelc:hover { opacity:1; }
a.btnSelc.off { cursor:default; background:#999999; opacity:0.3; color:#000000; }
/* MEMBERSHIP PROFILE */
.formContent { position:relative; }
.formContent a, a.mbrLnk { color:#0099CC; }
.formContent a:hover, a.mbrLnk:hover { color:#990000; }
.mPrfDet { font-size:18px; line-height:22px; font-weight:bold; }
/* Terms Popup */
.termsMdl { z-index:100; position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0, 0.8); }
/* pass meter */
.pass-wrapper { width:98%; }
.pass-greybar { border-radius:5px; }
.pass-text { font-size:11px !important; }

/* BOOKING PAGE */
.wrapBook { position:relative; width:94%; max-width:600px; padding:20px 0; border-top:5px #EEEEEE solid; }
ul.frmBook { list-style-type:none; }
ul.frmBook>li { position:relative; text-align:left; overflow:hidden; padding:15px 0; }
ul.frmBook>li>label { position:relative; display:block; margin-bottom:10px; font-size:16px; padding-bottom:3px; }
ul.frmBook>li>label::after { position:absolute; content:''; bottom:0; left:0; width:20px; height:2px; background:#CCCCCC; }
ul.frmBook>li.btnRow { display:block; padding-top:15px; margin-top:30px; border-top:5px #EEEEEE solid; }
span.impt { color:#FF0000; }
.frmBookCol { float:left; margin:0 3% 0 0; }
.frmBookCol>label { display:block; text-align:center; font-size:13px; font-weight:bold; }
.frmBookCol>.rsvFldCalendar { margin:0; padding:0; }
.frmBookBx { position:relative; }
.frmBookBx span.ui-selectmenu-button { background:#FFFFFF; font-size:15px; padding:13px 10px; }
ul.frmOpt { list-style-type:none; }
ul.frmOpt.smTbl { max-width:300px; }
ul.frmOpt>li { display:block; padding:2px 0; overflow:hidden; }
ul.frmOpt.col>li { display:inline-block; margin-right:20px; }
.bookBx { position:relative; }
.frmAlert { display:none; position:relative; background-color:rgba(255,0,0,0.1); border-radius:5px; min-height:6px; padding:10px 20px 10px 10px; margin-bottom:20px; text-align:left; }
.frmTarget { display:none; }
.frmAlertCnt { position:relative; }
.frmAlertCnt i { color:#FF0000; }
.frmAlertCnt a { color:#0099CC; }
.frmAlertCnt a:hover { color:#990000; }
.frmAlertClose { cursor:pointer; position:absolute; top:5px; right:5px; width:15px; height:15px; background:url('../../i/icons/icn-close-sm.png') no-repeat center center; opacity:0.5; }
.frmAlertClose:hover { opacity:1.0; }
.frmLoading { display:none; z-index:10; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255, 0.7) url('../../i/loading-bar.gif') no-repeat center 95%; }
.frmLoading.mdl { background-position:center center; }
input.bookNowBtn {
	cursor:pointer;
	background:#09212D;
	border:1px #a38559 solid !important;
	color:#a38559;
	font-weight:bold;
	border:0;
	font-size:18px;
	padding:13px 30px;
	margin:5px 0;
	width:auto;
	text-align:center;
	opacity:0.8;
					border-radius: 5px;
					transition: all 0.5s;
}
input.bookNowBtn:hover {
	opacity:1.0;
	-webkit-box-shadow: 0.5px 0.5px 5px rgba(0,0,0,0.5);
		 -moz-box-shadow: 0.5px 0.5px 5px rgba(0,0,0,0.5);
					box-shadow: 0.5px 0.5px 5px rgba(0,0,0,0.5);
}


/* AWARDS LOGO */
.hotelAwards { margin-top:30px; text-align:left; }
.hotelAwards ul { list-style-type:none; }
ul.hotelAwardsBox { list-style-type:none; overflow:hidden; padding:0; }
ul.hotelAwardsBox>li { float:left; margin-left:10px; }
ul.hotelAwardsBox>li:first-child { margin-left:0; }

/* MODAL WA SERVICE */
#waServModal { display:none; z-index:1000; position:absolute; top:0; bottom:0; left:0; right:0; background:#0a2430; }
.waServClose { cursor:pointer; position:absolute; top:20px; right:0; width:32px; height:32px; background:url('../../i/icons/icn-bookmdl-close-w.png') no-repeat center center; opacity:0.6; }
.waServClose:hover { opacity:1.0; }
.waServLogo { float:left; width:20%; }
.waServLogo img { max-width:100%; }
.waServListBox { float:right; width:75%; text-align:left; }
h3.waServTtl { color:#FFFFFF; font-weight:normal; line-height:24px; margin-bottom:20px; }
ul.waServLst { list-style-type:none; overflow:hidden; }
ul.waServLst>li { float:left; width:23%; height:60px; margin:10px 10px 10px 0; }
ul.waServLst>li>a { color:#FFFFFF; font-size:18px; }
ul.waServLst>li>a>label { display:block; font-family: 'Cormorant Infant', serif; font-size:16px; line-height:16px; color:#C9AC85; font-weight:bold; margin-bottom:6px; }

/* SHARE THIS */
.shareBox { position:relative; width:100%; height:50px; margin-top:10px; margin-bottom:20px; }
.shareTtl { position:absolute; left:0; width:13%; font-family: 'Cormorant Infant', serif; font-size:24px; color:#999999; text-align:left; font-weight:bold; font-style:italic; margin-top:8px; }
.shareThis { position:absolute; right:0; text-align:left; width:85%; overflow:hidden; }

/* DATEPICKER CALENDAR */
.ui-datepicker-header {
  background: #C9AC85  !important;
  color: #FFFFFF !important;
}

/* MOBILE SETUP */
.tagMobile { display:none; }
.menuBoxDesktop { position:absolute; display:block; top:8px; bottom:8px; left:8px; right:8px; }
.menuBoxMobile { position:absolute; display:none; top:8px; bottom:8px; left:8px; right:8px; }
.nvMenuTxtDesktop { display:block; }
.nvMenuTxtMobile { display:none; }

/* MOBILE SLIDER  */
.locationMblWrap { display:none; }
div.sliderMbl {
		display:block;
    margin-left: 4.5%;
    margin-right: 4.5%;
    margin-top:10px;
}
div.slideMbl { position:relative; height:58vh; margin:2px; }
.slideThis>div { display:none; }
.bx-viewport li { min-height: 1px; min-width: 1px; }
.bx-clone {display: none;}

.bx-wrapper .bx-prev {
	z-index:10 !important;
  left: 4%;
  top:48%;
}
.bx-wrapper .bx-next {
	z-index:10 !important;
  right: 4%;
  top:48%;
}

/* MOBILE RESPONSIVE */
/* small device ----------- */
@media only screen 
and (max-width: 1000px) {
		h2 { font-size:36px; letter-spacing:auto; line-height:34px; }
		.tagMobile { display:block; }
		.menuBoxDesktop { display:none; }
		.menuBoxMobile { display:block; }
		/* TOP HEADER NAVIGATION */
		#headerBar { height:150px !important; }
		#headerBar.bannerHeaderBar { height:140px !important; background-position:center -20px; }
		#headerBar.stickyHeader { height:63px !important; }
		.nvHeadLogo { top:20px; left:1%; width:35%; }
		.nvHeadLogo.memberLogo { top:40px; }
		.nvHeadSmLogo { top:12px; width:45%; }
		.nvMenuArea { position:absolute; top:65px; text-align:left; }
		#headerBar.stickyHeader .nvMenuArea { top:25px; }
		#headerBar.subHotelHeader { height:150px !important; }
		#headerBar.subHotelHeader .nvHeadLogo { width:30% !important; }
		#headerBar.subHotelHeader.stickyHeader { height:63px !important; }
		#headerBar.subHotelHeader.stickyHeader .nvHeadSmLogo { top:18px; width:35% !important; }
		.nvMenuArea.navArea { left:2%; }
		.nvMenuArea.bookArea { right:2%; }
		a.nvMenuLbl { display:none; }
		a.nvMenuBtn { 
				padding:8px 10px;
		}
		label.nvMenuNav:before { content:'MENU'; }
		label.nvMenuBook:before { content:'BOOK'; }
		a.nvMenuBtn>label.nvMenuNav { padding:8px 5px; margin:0; background:none; }
		a.nvMenuBtn>label.nvMenuBook { padding:8px 5px; margin:0; background:none; }
		#headerBar.stickyHeader a.nvMenuBtn { background:none; opacity:0.8; padding:8px 10px; border:1px #FFFFFF solid; }
		#headerBar.stickyHeader a.nvMenuBtn>label.nvMenuNav { font-size:14px; padding:8px 5px; margin:0; background-image:none; }
		#headerBar.stickyHeader a.nvMenuBtn>label.nvMenuBook { font-size:14px; padding:8px 5px; margin:0; background-image:none; }
		#headerBar.subHotelHeader a.nvMenuBtn>label.nvMenuNav { padding:8px 5px; margin:0; background-image:none; }
		#headerBar.subHotelHeader a.nvMenuBtn>label.nvMenuBook { padding:8px 5px; margin:0; background-image:none; }
		#headerBar.subHotelHeader.stickyHeader a.nvMenuBtn { background:none; opacity:0.8; padding:8px 10px; border:1px #FFFFFF solid; }
		.subHeaderTtl { font-size:46px; letter-spacing:0.2px; line-height:50px; font-weight:bold; margin-top:10px; }
		.subHeaderQuote { font-size:16px; margin-bottom:7px; }
		#subHeaderBlock { margin-bottom:25px; }
		
		/* WRAPPER */
		.openingWrap { margin:0; height:auto; padding:0; }
		.pageHeaderWrap { margin-top:20px; }
		.pageHeaderWrap.sbPgHeadSm { margin-top:20px; }
		.pageHeaderWrap.photoPgHeadSm { margin-top:20px; }
		
		/* LANGUAGE */
		.nvMenuArea.navLangArea { display:none; }
		
		/* BOOKING PANEL */
		.bookingBar { overflow:hidden; height:auto; }
        #headerBar.stickyHeader.staySticky .bookingBar { display:none !important; }
		.btnDropUp { right:5%; top:10px; bottom:auto;}
		.bookingMsg { float:none; width:86%; }
		.bookingForm { float:none; width:92%; height:100%; margin-left:0; margin:15px 0; }
		ul.bookingField>li { float:none; width:96%; padding:5px; }
		ul.bookingField>li.bookFldHotel { width:96%; }
		ul.bookingField>li.bookFldDate { width:96%; }
		ul.bookingField>li.bookFldPromoCode { width:96%; }
		ul.bookingField>li.bookFldButton { width:96%; padding:10px 2px; }
		.bookingForm select { height:40px !important; border:1px #CCCCCC solid !important; }
		.bookingForm input { width:94%; height:25px !important; border:1px #CCCCCC solid !important; }
		input.bookFldDate { float:left; width:43%; margin-left:10px; margin-right:0; }
		input.bookFldDate:first-child { margin-left:0; }
		input.bookButton { width:100% !important; height:45px !important; background:#333333 !important; margin:0; padding:10px !important; border:0; }
		
		/* POP UP MODAL */
		.mdlBox { max-height:80vh; height:0; padding-bottom:127%; }
		.mdlBox.vertBox { max-width:78% !important; max-height:70vh !important; height:auto !important; padding-bottom:0 !important; }
		.mdlBox.vertBox img { max-height:100% !important; }
		.mdlBox.squareBx { padding-bottom:0 !important; min-height:350px; }
		.mdlContent { padding:0 !important; }
		/* timer */
		.tmrBx { font-size:36px; line-height:36px; }

		/* MOBILE SLIDER  */
		.locationWrap { display:none; }
		.locationMblWrap { display:block; padding:25px 0 60px 0; }
		.slideThis { padding:10px 0; }
		
		/* HOTELS HEADER */
		#locationHeaderBlock { margin-bottom:20px; margin-top:0; }
		
		/* PAGE BOTTOM */
		.bottomWrap { padding:25px 0 0 0; }
		.bottomCol { float:none; width:98%; min-height:50px; border-left:0; padding:2px; margin-bottom:20px; }
		.bottomCol:first-child { border-left:0; }
		.bottomCol.btmColMid { width:100%; }
		.bottomCol.btmColNv { border-bottom:1px rgba(201,172,133,0.7) solid; }
		ul.nvBottom { width:42%; min-height:240px; }
		ul.nvBottom>li { display:block; width:100%; font-size:12px; margin:1px 0; }
		
		/* JAPRI COLUMN */
		.japriIcn { width:40%; margin:5px auto; }
		.japriMsg { font-size:13px; line-height:16px; margin:25px 5px 5px 5px; }
		.bestRateIcn { top:5px; margin-bottom:20px; }
		
		/* SUBSCRIBE EMAIL */
		.bottomTitle { font-size:24px; line-height:22px; }
		.subscrBox { margin:2px 2px 10px 2px; }
		
		/* FOOTER */
		.footerLf { float:none; margin:10px 5px; }
		.footerRg { float:none; margin:6px 0; overflow:hidden; }
		ul.nvFooter { display:none; }
		ul.nvFooter>li { float:none; display:inline-block; margin:0; }
		ul.nvBottom>li { float:none; display:inline-block; margin:0; }
		
		/* BANNER HOME */
		#bannerSection { height:90vh; }
		.bannerFrame { height:90vh; }
		.bannerShadowBox { height:55vh; background-position:center 50px; }
		.bannerCntBox {
			width:75%;
			top:auto !important;
			bottom:20% !important;
		}
		.bannerCntBox.bnrCntLf { left:8%; width:75% !important; }
		.bannerCntBox.bnrCntRg { right:8%; width:75% !important; }
		.bannerCntBoxCenter { width:80%; }
		.bannerMain .bx-wrapper .bx-prev {
		  left: 4%;
		  top:48%;
		}
		.bannerMain .bx-wrapper .bx-next {
		  right: 4%;
		  top:48%;
		}
		.bannerTitle { font-size:30px; line-height:30px; }
		.bannerBrief { line-height:15px; }

		/* FOOT BANNER */
		.ftBnrBox { height:160px;
			background-size:cover;
		}
		h3.bnrTtl { font-size:32px; line-height:28px; }
		.bnrMsg { line-height:16px; }
		
		/* LOCATION LINKS */
		/*.locLnkBox { display:inline-block; width:100%; height:100px; margin-left:0; margin:2px 0; }*/
		/*.locLnkBox { display:inline-block; width:48%; height:150px; margin-left:0; margin:2px; }*/
		.locLnkBox { width:100%; height:96.5%; }
		.locLnkInfoBox { width:80%; padding:10px; bottom:8%; }
		.locLnkBrf { display:none; }
		.locLnkHead { float:left; width:52%;}
		.locLnkFold { display:block; float:right; width:45%; }
		.locLnkFold>a.lnkMore { margin:0; }
		
		/* EVENTS SLIDER */
		.evntSlide { width:98%; height:390px; }
		.evntSlideClip { height:390px; }
		.evntSlide .bx-wrapper .bx-prev { left:8px; width:30px; height:30px; background-image:url('../../i/icons/icn-mblslide-prev.png'); background-position:center center; background-size:cover; }
		.evntSlide .bx-wrapper .bx-next { right:8px; width:30px; height:30px; background-image:url('../../i/icons/icn-mblslide-next.png'); background-position:center center; background-size:cover; }
		
		/* ARTICLE */
		.artclArea { margin:10px 0 0 0; }
		.artclBox { position:relative; display:inline-block; width:100%; margin:0 2px; padding:10px 0; text-align:left; vertical-align:top; font-size:0; }
		.artclBox.offrBox { padding:5px 0 !important; }
		.artclFrame { position:relative; /*border:10px #FFFFFF solid;*/ overflow:hidden; text-align:center; margin-bottom:5px;
			-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
				 -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
							box-shadow: 0px 0px 3px rgba(0,0,0,0.3);	
		}
		.artclFrame img { max-width:100%; }
		.artclContent { padding:10px; overflow:hidden; }
		.artclContentLf { float:left; }
		.artclContentRg { float:right; }
		h5.artclTtl { font-size:22px; margin-bottom:10px; }
		h5.artclTtl>a { color:#000000; opacity:0.7; }
		h5.artclTtl>a:hover { opacity:1.0; }
		.artclFltRow { padding:5px 0 0 0; }
		.artclBrf { font-size:14px; line-height:16px; text-align:justify; }
		.contentActCol { float:none; width:100%; margin-left:2%; margin-top:2%; }
		.contentActCol:first-child { margin-top:0; }
		
		/* POINT BOX */
		ul.ptBox { background:none; }
		ul.ptBox>li { width:43%; border-left:0; height:25vh; border:0; margin:3px 0; background:rgba(201,172,133,1.0); }
		h1.ptHeaderTtl { font-size:28px; line-height:26px; }
		h4.ptTtl { font-size:18px; line-height:16px; margin:5px 0; }
		
		/* SUB HOTEl - HEADER PHOTO BOX */
		#subBoxPhoto { margin-bottom:10px; }
		.subBoxPhotoWrap { width:92%; height:73vh; }
		.subBoxPhotoArea { display:block; overflow:hidden; width:95.8%; height:96.8%; font-size:0; padding:8px; }
		.subBoxPhotoCol { width:48.5%; height:39.5%; }
		.subBoxPhotoCol.subPhotoRow { width:98.2%; height:18%; margin-top:-8px; }
		
		/* BODY CONTENT */
		.contenBlock { position:relative; display:block; padding:20px 0 20px 0; }
		.contenBlock.firstBlock { padding:0 0 10px 0; }
		.contenBlock.moreReadBlock { padding:10px 0 50px 0; }
		.contenBlock.offerBlock { padding:30px 0 50px 0; }
		.contenBlock.guidesBlock, .contenBlock.guidesGryBlock { padding:30px 0 50px 0; }
		.floatWrapper { position:relative; display:block; overflow:hidden; width:98%; }
		.floatWrapper.floatRow { margin:10px 0 40px 0; }
		h2.contentTtl { margin-bottom:10px; }
		.contentLf { position:relative; float:none; width:100%; }
		.contentRg { position:relative; float:none; width:100%; }
		.contentWelcome { text-align:center; }
		.contentPhoto { width:98%; }
		.contentPhotoMsg { width:98%; }
		.contentWord { width:98% !important; }
		.contentPhotoFrame { margin:0 0 20px 0; }
		.contentPhotoFrame.plainFrame { width:100%; padding:0; }
		.contentMsg { margin:10px 0; }
		.contentImgPreview { margin-bottom:10px; }
		.contentMeeting { width:94%; padding:10px; }
		.contentInclusion { width:94%; margin-top:10px; }
		.contentAct { border-top:0; border-bottom:1px #CCCCCC solid; padding-bottom:10px; }
		h1.welcomeTtl { text-align:center; }
		.cntSlide { margin:25px 0 25px 0; }
		
		/* FACILITY */
		.fcltSlideBox { width:96%; }
		.fcltSldCntBox { top:0; bottom:0; left:0; right:0; width:100%; }
		.fcltSldCntArea { top:26%; bottom:none; left:12%; right:12%; }
		ul.fcltNv { top:5%; left:14%; }
		.fcltSlide .bx-wrapper .bx-prev { left:8px; width:20px; height:20px; background-image:url('../../i/icons/icn-mblslide-prev.png'); background-position:center center; background-size:cover; }
		.fcltSlide .bx-wrapper .bx-next { right:8px; width:20px; height:20px; background-image:url('../../i/icons/icn-mblslide-next.png'); background-position:center center; background-size:cover; }
		.fcltSlide .bx-wrapper .bx-pager { bottom:3%; left:10.5%; }
		.fcltSldCnt { height:260px; }
		
		/* ROOM TYPE */
		.rmSlide { width:98%; height:300px; }
		.rmSlideClip { height:300px; }
		.rmSlide .bx-wrapper .bx-prev { left:8px; width:30px; height:30px; background-image:url('../../i/icons/icn-mblslide-prev.png'); background-position:center center; background-size:cover; }
		.rmSlide .bx-wrapper .bx-next { right:8px; width:30px; height:30px; background-image:url('../../i/icons/icn-mblslide-next.png'); background-position:center center; background-size:cover; }
		h1.contentTtl.roomTypeName { text-align:center; }
		h4.roomBookPointTtl { text-align:center; }
		
		/* AWARDS LOGO */
		ul.hotelAwardsBox { text-align:center; }
		ul.hotelAwardsBox>li { float:none; display:inline-table; margin:5px; }
		ul.hotelAwardsBox>li:first-child { margin-left:0; }
		
		/* IN PAGE PHOTOS GALLERY */
		ul.photosLst>li { width:47%; max-width:none; }
		
		/* PHOTOS */
		ul.photoGroup { display:none; }
		select.photoGroupSel { display:block; }
		.photoFrame { width:46.5%; height:150px; }
		
		/* ABOUT HOME */
		ul.aboutHm>li { position:relative; float:left; width:47%; min-height:auto; margin:2px 5px; padding:0; }
		.aboutHmCover:hover>.aboutHmLabel { font-weight:bold; }
		a.aboutHmLnk { display:block; }
		
		/* RESERVATION */
		.reservForm { margin-bottom:20px; }
		.reservFormMdl { margin-top:20px; }
		.reservFormRow { padding:5px 0; }
		.reservFormColLf { float:none; width:96%; }
		.reservFormColRg { float:none; width:96%; }
		ul.rsvFrm.singleCol { width:96%; }
		ul.rsvFrm.dualCol { width:96%; }
		ul.rsvFrm>li { float:none; margin:1% 2%; }
		ul.rsvFrm>li.rsvFrmCal { width:96%; }
		ul.rsvFrm>li.rsvFrmLbl { display:block; text-align:left; width:auto; font-size:12px; line-height:12px; padding:3px 0; }
		ul.rsvFrm>li.rsvFrmFld { display:block; width:auto; text-align:left; }
		ul.rsvFrm>li.rsvFrmLf { float:none; width:96%; }
		ul.rsvFrm>li.rsvFrmRg { float:none; width:96%; }
		ul.rsvFrm>li>label { display:block; font-size:12px; line-height:12px; padding:3px 0; margin-bottom:0px; margin-top:5px; }
		ul.rsvFrm>li.rsvFrmLbl.largeLbl { width:96%; }
		ul.rsvFrm>li.rsvFrmFld.smallFld { width:96%; }
		
		/* FORM ACTION */
		a.btnBookMdlClose { top:1.5%; right:3%; background-size:auto 60%; }
		input.submitBtn { width:auto; }
		h1.formTtl { font-size:30px !important; line-height:36px;  }
		
		/* REVIEWS */
		.contentReviews .bx-wrapper .bx-prev { left: 0; }
		.contentReviews .bx-wrapper .bx-next { right: 0; }
		
		/* MODAL WA SERVICE */
        .waServWrap { overflow-y:auto; }
		.waServClose { top:15px; right:3px; }
		.waServLogo { width:25%; margin-left:3%; margin-top:7%; }
		.waServListBox { width:65%; margin-top:9%; padding-bottom:60px; }
		ul.waServLst>li { width:96%; height:auto; }
		
		/* VISION MISSION ICONS */
		ul.visionLst>li { float:none; display:block; width:96%; margin-left:0; margin-top:10px; margin-bottom:20px; }
		.visionIcon { height:auto; }
		.visionIcon img { max-width:100%; position:relative; }
		
		/* PEOPLE */
		ul.teamLst>li { display:block; width:96%; border-left:0; }
		
		/* BIOGRAPHY */
		.bioPhoto { height:auto; margin-bottom:10px; }
		
		/* MODAL */
		.mapArea { width:90vw; }
		#mapBox { left:0; width:100%; }
		#mapAddress { display:none; }
		
		/* MEMBERSHIP REGISTRATION */
		.nvMenuArea.navIconArea { display:none; top:82px; left:11%; }
		ul.frmReg>li.halfCol { width:100%; margin-right:0; }
		.frmRegCol.selDate { width:20%; }
        .frmRegCol.selMonth { width:45%; }
        .frmRegCol.selYear { width:30%; }
		
		/* CONTACT US */
		.contactBox ul { border-bottom:0; }
		.contactBox ul>li:first-child { text-align:left; border-left:0; }
		.contactBox ul>li { float:none; width:90% !important; border-left:0; }
		
		/* SHARE THIS */
		.shareBox { margin-top:0; }
		.shareTtl { width:15%; font-size:18px; line-height:18px; margin-top:4px; }
		.shareThis { width:84%; overflow:hidden; }
}

/* PHONES LANDSCAPE ORIENTATION */
@media only screen 
and (max-width: 1000px)
and (orientation: landscape) {
		/* TOP HEADER NAVIGATION */
		#headerBar { height:80px !important; }
		#headerBar.bannerHeaderBar { height:100px !important; background-position:center -50px; }
		#headerBar.stickyHeader { height:60px !important; }
		.nvHeadLogo { top:10px; left:0; width:auto; height:80px; }
		.nvHeadSmLogo { top:12px; width:45%; }
		.nvMenuArea { top:40px; }
		
		/* TOP NAVIGATION DROP DOWN */
		.nvMenuDrop {
				width:55vw;
				overflow:hidden;
		}
		ul.nvMenu { float:left; width:50%; margin:8px 0; }
		.nvMenuArea.navLangArea { display:block; top:34px; left:135px; }
		#headerBar.stickyHeader .nvMenuArea.navLangArea { top:17px; left:105px; }
		
		/* PAGE BOTTOM */
		
		/* BANNER HOME */
		#bannerSection { height:92vh; }
		.bannerFrame { height:92vh; }
		.bannerShadowBox { height:55vh; background-position:center 0; }
		.bannerCntBox {
			width:75%;
			top:0;
		}
		.bannerTitle { font-size:42px; line-height:38px; }
		
		/* PAGE BOTTOM */
		.bottomWrap { padding:25px 0 0 0; }
		.bottomCol { float:none; width:98%; min-height:50px; border-left:0; padding:2px; margin-bottom:20px; }
		.bottomCol:first-child { border-left:0; }
		.bottomCol.btmColMid { width:100%; text-align:left; }
		.bottomCol.btmColNv { border-bottom:1px rgba(201,172,133,0.7) solid; }
		ul.nvBottom { width:42%; min-height:240px; }
		ul.nvBottom>li { display:block; width:100%; font-size:12px; margin:1px 0; }
		/* JAPRI COLUMN */
		.japriIcn { width:40%; margin:5px auto; }
		.japriMsg { font-size:13px; line-height:16px; margin:25px 5px 5px 5px; }
		.bestRateIcn { left:1%; right:auto; }
		.socMedBox { padding-top:6px; }
		
		/* SUBSCRIBE EMAIL */
		.bottomTitle { font-size:24px; line-height:22px; }
		.subscrBox { margin:2px 2px 10px 2px; }
		
		/* FOOTER */
		.footerLf { float:none; margin:10px 5px; }
		.footerRg { float:none; margin:6px 0; overflow:hidden; }
		ul.nvFooter { display:none; }
		ul.nvFooter>li { float:none; display:inline-block; margin:0; }
		ul.nvBottom>li { float:none; display:inline-block; margin:0; }
		
		/* SUB HOTEl - HEADER PHOTO BOX */
		.subBoxPhotoWrap { height:150vh; }
		.subBoxPhotoCol { height:35.5%; }
		.subBoxPhotoCol.subPhotoRow { height:22%; }

		/* POINT BOX */
		ul.ptBox>li { height:35vh; }
}

/* TABLET LANDSCAPE ORIENTATION */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	 	.nvMenuArea.navLangArea { left:14%; }
	 	#headerBar.stickyHeader .nvMenuArea.navLangArea { left:11%; }
}