/* 
CSS File Last Update : 20 May 2024
Project: omegahotelmanagement.com (OHM)
Website Designed & Coded by: Aditama (pandavamedia.net)
Main colors:
- Background: #FFFFFF; rgba(255,255,255, 1);
- Red: #e52e47; rgba(229,46,71, 1);
- Bright Blue (link): #0099cc; rgba(0,153,204, 1);
- Black: #333333;
Left-right margin from screen : none
Desktop max width: width:92%; max-width:1224px;
Mobile max width: 96%;
*/
/*html { height: 100%; }*/
@charset "UTF-8";
html { -webkit-text-size-adjust: 100%; }
body {
	position:relative;
	background-color:#FFFFFF;
	font-family: 'Poppins', sans-serif;;
	-webkit-font-smoothing:antialiased;
	font-smooth:always;
	font-size:14px;
	letter-spacing:0.25px;
	line-height:20px;
	color:#333333;
	margin:0;
	padding:0;
	border:0;
	width:100%;
	height: 100%;
	font-weight:400;
}
#pageBody {
	width:100%;
}
.boldTxt { font-family: 'Poppins', sans-serif;; font-weight:500; }
form { MARGIN-LEFT: 0px;MARGIN-RIGHT: 0px;MARGIN-BOTTOM: 0px;MARGIN-TOP: 0px }
td,div,p { font-family: 'Poppins', sans-serif;; font-size:inherit; }
input[type=text],input[type=password],input[type=number],textarea,select { 
	font-family: 'Poppins', sans-serif;; 
	font-size:16px;
	line-height:20px; 
	color:#000000; 
	background-color:#FFFFFF; 
	padding:10px;
	border:1px #DDDDDD solid;
	border-radius:5px;
	text-align:left;
	-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;
}
textarea { width:95% !important; }
select { width:100% !important; padding:10px; border:0; -webkit-appearance: menulist !important; }
input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,textarea:focus,select:focus { 
	color:#000000;
	border:1px #666666 solid;
	outline: none;
	background-color:#FFFFFF;
}
input[type=submit],input[type=button] {
	font-family: 'Poppins', sans-serif;; 
	font-size:16px;
	cursor:pointer;
	color:#FFFFFF; 
	background-color:#F9BE31; 
	border:0;
	padding:12px 20px 13px 20px;
	opacity:0.9;
	border-radius: 5px;
	-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:#F0F0F0;
}
input[type=text]:read-only,input[type=checkbox]:read-only,input[type=password]:read-only,textarea:read-only,select:read-only {
	opacity: .80;
	filter:Alpha(Opacity=60); /* support: IE8 */
	background-image: none;
	background-color:#F3F3F3;
	color:#000000;
	/*border:1px #DDDDDD solid;*/
}
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:#F0F0F0;
}
input[readonly]:focus,textarea[readonly]:focus,select[readonly]:focus { 
	/*border:1px #CCCCCC solid;*/
}
button { cursor:pointer; }
img, div, input, a { behavior: url("iepngfix.htc") }
img { max-width:100%; max-height:100%; }
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; }
ol.inBx, ul.inBx { margin-left:20px; }
p { margin-bottom:22px; }
b { font-weight:bold; }

a { position:relative; cursor:pointer; color:#0099CC; 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:#0099CC;text-decoration:none; outline: 0; }
a:hover { color:#f48b2a; 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: 'Poppins', sans-serif;; font-size:34px; letter-spacing:0.1px; color:#000000; line-height:36px; margin-bottom:25px; font-weight:600; }
h2 { display:block; font-family: 'Poppins', sans-serif;; font-size:30px; letter-spacing:0.1px; color:#000000; line-height:32px; margin-bottom:25px; font-weight:600; }
h3 { display:block; font-family: 'Poppins', sans-serif;; font-size:28px; letter-spacing:0.1px; color:#000000; line-height:28px; margin-bottom:20px; font-weight:600; }
h4 { display:block; font-family: 'Poppins', sans-serif;; font-size:26px; letter-spacing:0.1px; color:#000000; line-height:26px; margin-bottom:20px; font-weight:600; }
h5 { display:block; font-family: 'Poppins', sans-serif;; font-size:24px; letter-spacing:0.1px; color:#000000; line-height:24px; margin-bottom:20px; font-weight:600; }
h6 { display:block; font-family: 'Poppins', sans-serif;; font-size:18px; letter-spacing:0.1px; color:#000000; line-height:22px; margin-bottom:20px; font-weight:600; }

* {
    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:#FFFFFF; }
#byPandavamedia>a { color:#FFFFFF; }
#byPandavamedia>a:hover { color:#FFFFFF; }

.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; width:90%; }
.goLeft { float:left !important; }
.goRight { float:right !important; }
.go2Column { width:48% !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:relative !important; } 
.goUpperCs { text-transform:uppercase !important; }
.allCenter { text-align:center !important; }
.allLeft { text-align:left !important; }
.allRight { text-align:right !important; }
.allJustify { text-align:justify !important; }
.justifyCenter { text-align:justify !important; text-align-last:center !important; }
.justifyCenter li { text-align:left !important; text-align-last: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; }
.textBx ul, .textBx ol { margin-left:20px; }
.smMrgn5 { margin-bottom:5px !important; }
.smMrgn10 { margin-bottom:10px !important; }
.noRecords { width:80%; max-width:600px; opacity:0.6; font-size:0.9em; line-height:1.4em; color:#CC0000; }
.bgContainer { position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover; }
small { font-size:13px; opacity:0.5; }
table td { vertical-align:top; }

section,header,footer { 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; }
.ajxLoading { display:none; z-index:10; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255, 0.7) url('../../i/mdl-loading.gif') no-repeat center center; }
/* ---------------------------------------------------------- */

/* anim keyframe */
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes blink {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-moz-keyframes blink {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-webkit-keyframes blink {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-ms-keyframes blink {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-o-keyframes blink {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes pulse {
	  0% {
	    -webkit-box-shadow: 0 0 0 0 rgba(84,199,223, 1);
	  }
	  70% {
	      -webkit-box-shadow: 0 0 0 15px rgba(84,199,223, 0);
	  }
	  100% {
	      -webkit-box-shadow: 0 0 0 0 rgba(84,199,223, 0);
	  }
}
@keyframes pulse {
	  0% {
	    -moz-box-shadow: 0 0 0 0 rgba(84,199,223, 1);
	    box-shadow: 0 0 0 0 rgba(84,199,223, 1);
	  }
	  70% {
	      -moz-box-shadow: 0 0 0 15px rgba(84,199,223, 0);
	      box-shadow: 0 0 0 15px rgba(84,199,223, 0);
	  }
	  100% {
	      -moz-box-shadow: 0 0 0 0 rgba(84,199,223, 0);
	      box-shadow: 0 0 0 0 rgba(84,199,223, 0);
	  }
}

/* HEADER TITLE LINE */
.ttlLineBx { position:relative; width:100%; padding:0; }
.ttlLineBx::before { z-index:0; content:''; position:absolute; left:0; right:0; top:8px; bottom:0; margin:auto; width:100%; height:1px; background-color:#cccccc; }
.ttlLineBx>h1, .ttlLineBx>h2, .ttlLineBx>h3, .ttlLineBx>h4, .ttlLineBx>h5, .ttlLineBx>h6 { z-index:1; display:inline-block; position:relative; margin:0; background-color:#FFFFFF; line-height:auto; }
/* title line flex style */
.ttlLineFlex { display:flex; justify-content:center; align-items:center; }
.ttlLineFlex::before { content:''; flex: 1 1 auto; height:1px; background-color:#CCCCCC; }
.ttlLineFlex::after { content:''; flex: 1 1 auto; height:1px; background-color:#CCCCCC; }
.ttlLineFlex.dsh::before { background-color:transparent; background-image:url('../../i/bg/bg-dashln.png'); }
.ttlLineFlex.dsh::after { background-color:transparent; background-image:url('../../i/bg/bg-dashln.png'); }
.ttlLineFlex>h1, .ttlLineFlex>h2, .ttlLineFlex>h3, .ttlLineFlex>h4, .ttlLineFlex>h5, .ttlLineFlex>h6 { z-index:1; display:inline-block; position:relative; margin:0 20px 7px 20px; line-height:auto; }
.ttlLineFlexRg { display:flex; justify-content:left; align-items:center; }
.ttlLineFlexRg::after { content:''; flex: 1 1 auto; height:2px; background-color:#CCCCCC; }
.ttlLineFlexRg.dsh::after { background-color:transparent; background-image:url('../../i/bg/bg-dashln.png'); }
.ttlLineFlexRg>h1, .ttlLineFlexRg>h2, .ttlLineFlexRg>h3, .ttlLineFlexRg>h4, .ttlLineFlexRg>h5, .ttlLineFlexRg>h6 { z-index:1; display:inline-block; position:relative; margin:0 20px 7px 0; line-height:auto; }

/* IMAGE COVER */
.videoWide { width:100%; height:100%; }
.imgBx { position:relative; /*width:100%; padding-bottom:60%;*/ overflow:hidden; background-color:#000000; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.imgFrame { 
	z-index:1; 
	position:absolute; top:0; bottom:0; left:0; right:0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-repeat:no-repeat; background-position:center center; background-size:cover;
    /*opacity:0.85;*/
    transition: all 0.5s;
}
/*.imgFrame>a { opacity:0.85; }
.imgFrame>a:hover { opacity:1.0; }*/
.imgFrame>a { position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; }
.imgFrame img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.imgFrame.fittedImg img {
    flex-shrink: 0;
    min-width: 0;
    min-height: 0;
    object-fit: contain;
}
/* image caption */
.imgCaptBx { z-index:2; position:absolute; left:0; right:0; bottom:0; padding:10px 20px; color:#FFFFFF; transition: all 0.5s; }
.imgBx:hover .imgCaptBx { padding:15px 20px; background-image:linear-gradient(rgba(0,0,0, 0),rgba(0,0,0, 0.5)); }

/* LAZY LOADING */
.lzLoading { display:none; height:80px; background:url('../../i/lz-loading.png') no-repeat center center; }

/* ADD THIS */
.dtlShareBx { display:inline-block; margin:0; }
.dtlShare { display:flex; justify-content:flex-start; align-items:center; gap:5px; margin-top:10px; }
.dtlShare>label { font-size:11px; line-height:11px; padding:0 3px; color:#0099cc; }
.dtlShare .addthis_inline_share_toolbox {  }
.dtlShare .sharethis-inline-share-buttons {  }
.dtlShare .at-share-btn { margin:0 2px !important; }
.dtlShare .st-btn { margin-right:5px !important; height:26px !important; width:28px !important; padding:0 6px !important; }
.dtlShare .st-btn>img { top:3px !important; width:20px !important; height:20px !important; }

/* SLICK ARROW NAV */
.carouselArrwBx { z-index:10; position:absolute; width:20%; top:15%; bottom:5%; }
.carouselArrwBx.bxLf { left:0; }
.carouselArrwBx.bxRg { right:0; }
.carouselArrw { z-index:20; display:none; cursor:pointer; position:absolute; width:35px; height:35px; top:0; bottom:0; margin:auto; border-radius:50%; background-image:url('../../i/icons/icn-arrw.png'); background-repeat:no-repeat; background-repeat:no-repeat; transition: all 0.5s; opacity:0.5; }
.carouselArrw:hover { background-color:rgba(255,255,255, 0.7); opacity:1.0; }
.carouselArrw.wht { background-image:url('../../i/icons/icn-arrw-w.png'); }
.carouselArrw.wht:hover { background-color:rgba(0,0,0, 0.7); opacity:1.0; }
.arrwPrev { left:0; background-position:-2px 0; }
.arrwNext { right:0; background-position:-105px 0; }
.carouselArrwBx .carouselArrw { opacity:0.3; }
.carouselArrwBx:hover .carouselArrw { opacity:1.0; }
.carouselArrwBx .arrwPrev { left:5%; }
.carouselArrwBx .arrwNext { right:5%; }

/* SLICK CUSTOMIZE */
.carouselArea { position:relative; width:100%; height:100%; min-height:100px; }
.carouselArea.loading::before { z-index:0; content:''; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:50px; height:50px; background:url('../../i/crsl-loading.png') no-repeat center center; }
/* hide slick before loading */
.slick-slider:not(.slick-initialized) .slick-slider:not(:first-of-type) { display:none !important; /*visibility: hidden !important;*/ }
ul.carouselList:not(.slick-initialized) li { display:none !important; /*visibility: hidden !important;*/ }
ul.slick-initialized li { display:inline-block !important; /*visibility: visible !important; */}
ul.carouselList li:focus { outline: none; }
/* ------------------------- */
.nvCrsl { display:none; outline:0; z-index:10; cursor:pointer; position:absolute; bottom:0; top:0; margin:auto; width:30px; height:30px; background-repeat:no-repeat; background-position:center center; background-image:url('../../i/icons/icn-crsl-arrw.png'); transition: all 0.2s; opacity:0.3; }
.nvCrsl:hover { opacity:0.8; }
.nvCrsl.crslPrv { left:2%; background-position:0 0; }
.nvCrsl.crslNxt { right:2%; background-position:-80px 0; }
/* slick dots */
.slick-sides:focus { outline:none; }
ul.slick-dots { z-index:100; position:absolute; right:0; left:0; /*bottom:3%;*/bottom:-50px; height:20px; margin:auto !important; }
ul.slick-dots li { display:inline-block !important; width:14px !important; height:14px !important; min-height:0 !important; padding:2px !important; margin:0 !important; background-color:transparent !important; } 
ul.slick-dots button::before { font-size:8px !important; color:#FF0000; }
ul.slick-dots li.slick-active button::before { font-size:13px !important; color:#000000 !important; }
ul.slick-dots li button>label { cursor:pointer; position:absolute; top:1px; right:25px; margin:auto; font-family: 'Poppins', sans-serif;; font-size:14px !important; line-height:14px !important; color:#CCCCCC; }
ul.slick-dots li.slick-active button>label { font-weight:bold; color:#FFFFFF; font-size:15px !important; }
/* bar style */
ul.bar-dots { z-index:100; position:absolute; left:50%; transform:translateX(-50%); bottom:5% !important; height:20px;  }
ul.bar-dots li { cursor:pointer; display:inline-block !important; width:35px !important; height:5px !important; min-height:auto !important; border-radius:3px; padding:0 !important; overflow:hidden; background:#879596; margin:0 3px; }
ul.bar-dots li button { display:none !important; opacity:0 !important; font-size:0 !important; content:none !important; }
ul.bar-dots li button:before { display:none !important; opacity:0 !important; font-size:0 !important; content:none !important; }
ul.bar-dots li.slick-active { background:#d1ae6c; }
/* vertical style */
ul.vertical-dots { z-index:100; position:absolute; left:-5%; right:auto; width:25px; }
ul.vertical-dots li { display:block !important; width:25px !important; height:25px !important; }
ul.vertical-dots button::before { font-size:15px !important; color:#CCCCCC; }
ul.vertical-dots li.slick-active button::before { font-size:20px !important; color:#f37021 !important; }
/* number style */
ul.number-dots { background-color:#efefef; padding:7px 0; height:37px; bottom:-10% !important; }
ul.number-dots li { margin:3px 8px !important; }
ul.number-dots li button { font-size:16px !important; line-height:16px !important; font-weight:bold; }
ul.number-dots li.slick-active { width:30px !important; height:30px !important; }
ul.number-dots li.slick-active button { border-radius:100%; width:30px; height:30px; }
/* slick progress bar dots */
.progressBarContainer {
	z-index:10;
  	position: absolute;
	bottom: 18%;
	left:0; right:0;
	width:90%;
	margin:auto;
	text-align: center;
}
.progressBarContainer.photoHeader { bottom: 5% !important; }
.progressBarContainer div {
	position: relative;
  	display: inline-block;
  	width: 40px;
  	padding: 0;
  	cursor: pointer;
  	margin: 0;
  	color: white;
  	text-align:left;
}
.progressBarContainer div:last-child {
  	margin-right: 0;
}
.progressBarContainer div span.progressBar {
  	width: 100%;
  	height: 5px;
  	background-color: #879596;
  	display:block;
  	overflow:hidden;
  	border-radius:3px;
}
.progressBarContainer div span.progressBar .inProgress {
  	background-color: #d1ae6c;
  	width: 0%;
  	height: 5px;
}
/* text select */
.slick-slider {
  -webkit-user-select: text !important;
  -khtml-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}
.slick-list.draggable {
  -webkit-user-select: none !important;
  -khtml-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
/* ----------------------------------- */

/* SWIPEBOX CUSTOMIZE */
#swipebox-prev { z-index:10; position:absolute !important; left:0 !important; top:0 !important; bottom:0 !important; margin:auto !important; }
#swipebox-next { z-index:10; position:absolute !important; right:0 !important; top:0 !important; bottom:0 !important; margin:auto !important; }
/* ------------------ */

/* SLIDE GALLERY CONTAINER */
/* pic slide */
ul.slideImgLst { position:absolute; left:0; right:0; margin-bottom:40px; list-style-type:none; }
ul.slideImgLst>li { position:relative; width:100%; }
ul.slideImgLst.carouselList li.slick-slide { position:relative; display:flex !important; justify-content:center; align-items:center; overflow:hidden !important; height:100%; border-radius:7px !important; }
ul.slideImgLst li .imgFrame>img { width:auto !important; max-width:100% !important; }
ul.slideImgLst ul.slick-dots { bottom:-30px !important; }
/* YOUTUBE/VIDEO CONTAINER */
.videoBx {
      position: relative;
      width: 100%;
      padding-bottom: 56.25% !important; 
      height: 0;
}
.videoBx.fitBx { position:absolute !important; top:0; bottom:0; left:0; right:0; margin:auto; padding-bottom:0 !important; height:auto; }
.videoBx .frmCover { z-index:1; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.videoBx iframe{
      z-index:0;
      position: absolute;
      top:0;
      left: 0;
      width: 100%;
      height: 100%;
}
a.btnPlayThis { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:80px; height:80px; background:url('../../i/icons/icn-play.png') no-repeat center center; border-radius:50%; overflow:hidden; opacity:0.6; }
a.btnPlayThis:hover { opacity:1.0; }
/* VIDEO */
a.toggleVidMute { z-index:11; position:absolute; width:30px; height:30px; background:url('../../i/icons/icn-sets-sound.png') no-repeat; background-position:0px 0px; bottom:6%; left:2.5%; opacity:0.5; transition: opacity 0.8s ease-in-out 0s; }
a.toggleVidMute.unmute { background-position:-40px 0px; opacity:1.0; }
a.toggleVidMute:hover { opacity:1.0; }

/* MOBILE SETUP */
.tagMobile { display:none; }
.mobileOnly { display:none !important; }

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

[filter=clickThis] { cursor:pointer !important; }

/* WEBSITE CUSTOM CSS */
.ui-widget { font-family: 'Poppins', sans-serif;; !important; font-size:14px !important; }
/* ICON SET */
.dvIcn { background-image:url('../../i/icons/icn-set.png?x=1451'); background-repeat:no-repeat; }
i.dvIcn { display:inline-block; line-height:0; vertical-align:top; width:24px; height:24px; }
i.dvBigIcn { width:35px; height:35px; margin-top:-7px; margin-right:4px; }
i.dvSmIcn { width:16px; height:16px; }
a.dvLnk { padding:3px 3px 3px 20px; color:#8e9b74; opacity:0.7; }
a.dvLnk:hover { opacity:1.0; }
span.icnSpanFr { display:inline-block; padding:2p 0; }
span.icnSpanBtn { display:inline-block; padding:6px 0; }
/* ---------------------------------------------------------- */
.dvIcn.icnMenu { cursor:pointer; background-position:0 0px !important; }
.dvIcn.icnLanguage { cursor:pointer; background-position:-34px 0px !important; }
.dvIcn.icnChkBlu { cursor:pointer; background-position:0px -34px !important; }
.dvIcn.icnSrcBlu { background-position:-68px 0px !important; margin-top:-2px; margin-right:0; }
.dvIcn.icnShare { background-position:0 -45px !important; }
.dvIcn.icnNvWhatsapp { background-position:0px -90px !important; }
.dvIcn.icnLnkLoc { background-position:0px -135px !important; margin-top:-2px; margin-right:8px; }
.dvIcn.icnBlLnkLoc { background-position:-30px -135px !important; margin-top:-2px; margin-right:8px; }
.dvIcn.icnMore { background-position:-35px -45px !important; margin-top:-2px; margin-left:0; }
.dvIcn.icnLnkIn { background-position:-34px -34px !important; margin-top:-5px; margin-right:5px; }
.dvBigIcn.icnValue { background-position:0px -175px !important; }
.dvBigIcn.icnTeam { background-position:0px -225px !important; }
.dvBigIcn.icnStrength { background-position:0px -275px !important; }
.dvSmIcn.icnMore { background-position:-35px -90px !important; margin-top:0; margin-left:3px; }
.dvSmIcn.icnSmWhatsapp { background-position:-35px 0 !important; margin-top:-1px; margin-left:3px; }
.dvSmIcn.icnChkBlu { background-position:0px -36px !important; margin-right:6px; }

/* SOCIAL MEDIA ICON */
.dvIcnScMd { background-image:url('../../i/icons/icn-set-socmed.png?x=1558'); background-repeat:no-repeat; }
i.dvIcnScMd { display:inline-block; line-height:0; vertical-align:top; width:31px; height:31px; }
/* ---------------------------------------------------------- */
.icnFtWhatsapp { background-position:-300px 0 !important; }
.icnFtEmail { background-position:-350px 0 !important; width:40px !important; }
.icnFtCall {  }
.icnInstagram { background-position:0 0 !important; }
.icnFacebook { background-position:-46px 0 !important; }
.icnLinkedIn { background-position:-92px 0 !important; }
.icnYoutube { background-position:-138px 0 !important; }
.icnTwitter { background-position:-184px 0 !important; }
.icnTiktok { background-position:-230px 0 !important; }
/* ------ */
.dvIcnScMd.blk { background-position-y:-46px !important; }

/* REVIEW ICON */
.dvIcnRvw { background-image:url('../../i/icons/icn-set-review.png?x=1154'); background-repeat:no-repeat; }
i.dvIcnRvw { display:inline-block; line-height:0; vertical-align:top; width:65px; height:65px; }
.icnRvw_tripadvisor { background-position:0 0 !important; }
.icnRvw_traveloka { background-position:-85px 0 !important; }
.icnRvw_agoda { background-position:-170px 0 !important; }
.icnRvw_bookingcom { background-position:0 -85px !important; }
.icnRvw_pegipegi { background-position:-85px -85px !important; }
.icnRvw_tiketcom { background-position:-170px -85px !important; }
.icnRvw_tripcom { background-position:0 -170px !important; }
.icnRvw_google { background-position:-85px -170px !important; }

/* A LINKS */
a.titleLnk { color:#000000; opacity:0.7; }
a.titleLnk:hover { opacity:1.0; }
a.blockLnk { display:inline-block !important; color:#03a7fc; opacity:0.7; font-size:16px; line-height:18px; margin:10px 0; padding-right:25px; background:url('../../i/icons/icn-more-block.png') no-repeat right center; }
a.blockLnk:hover { opacity:1.0; }
a.lnkMore { display:inline-block !important; color:#e52e47; opacity:0.8; font-size:14px; font-weight:bold; letter-spacing:0;  }
a.lnkMore:hover { opacity:1.0; }
a.lnkMore.sml { font-size:13px; line-height:13px; }
a.lnkMore.blu { color:#00abeb; }
a.lnkMore.gren { color:#25D366; }
a.lnkButton { display:inline-block; color:#FFFFFF; background:#e52e47; border-radius:4px; padding:5px 25px; font-size:14px; line-height:14px; font-weight:bold; text-align:center; margin:10px 0; }
a.lnkButton:hover { background-color:#d0132d; color:#FFFFFF; }
a.lnkButton.btnBlack { background:rgba(0,0,0, 0.7); color:#d1ae6c; border:1px #d1ae6c solid; }
a.lnkButton.btnBlack:hover { background:rgba(0,0,0, 1.0); }
a.lnkButton.smBtn { min-width:auto; margin:3px 0; }
.lnkAnm {
		-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.labelLnk { position:relative; display:inline-block; color:#000000; padding-bottom:4px; }
a.labelLnk::after { position:absolute; content:''; bottom:0; left:0; right:0; margin:auto; width:0; height:1px; background:#666666; transition: all 0.3s; }
a.labelLnk:hover::after { width:100%; }
/* ---------------------------------------------------------- */
/* PRELOADER */
/*.preloader { z-index:1000; position:fixed; top:0; bottom:0; left:0; right:0; background:#F0F0F0 url('../../i/logo-opening.gif') no-repeat center center; }*/

/* MODAL SCREEN */
	.mdlScrn { display:none; z-index:10000; position:fixed; top:0; bottom:0; left:0; right:0; /*background:rgba(238,238,238, 0.95);*/background:rgba(0,0,0, 0.8); }
	.mdlWrapper { position:relative; width:100%; height:100%; }
	.mdlLoading { display:none; z-index:10; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:70px; height:70px; background:url('../../i/mdl-loading.gif') no-repeat center center; }
	.mdlArea { display:none; position:absolute; top:2%; bottom:2%; left:2%; right:2%; margin:auto; max-width:900px; max-height:70vh; background:#FFFFFF; border-radius:5px; box-shadow: 0 0 5px 0 rgba(0,0,0, 0.1); overflow:hidden; }
.mdlArea.mdlReservation { max-width:900px; max-height:580px; }
.mdlArea.mdlWeddingInq { max-width:900px; max-height:580px; }
.mdlArea.mdlMeetingInq { max-width:950px; max-height:525px; }
.mdlArea.mdlOffersInq { max-width:900px; max-height:550px; }
.mdlArea.mdlTblReserv { max-width:900px; max-height:525px; }
.mdlArea.mdlSpaReserv { max-width:900px; max-height:525px; }
.mdlArea.mdlSubscribe { max-width:650px; max-height:475px; }
.mdlArea.mdlJob { max-width:400px; max-height:460px; }
.mdlArea.mdlPageContent { max-width:1000px; max-height:550px; }
.mdlArea.mdlPageValue { max-width:1000px; max-height:450px; }
.mdlArea.mdlPageTeam { max-width:1000px; max-height:430px; }
.btnMdlClose,.btnPopClose { z-index:5; position:absolute; top:7px; right:7px; width:20px; height:20px; background:#FFFFFF url('../../i/icons/icn-mdlclose.png') no-repeat center center; border-radius:50%; opacity:0.5; transition: all 0.5s; }
.btnMdlClose:hover,.btnPopClose:hover { opacity:1.0; }
	.mdlBox { position:absolute; top:0; left:0; bottom:0; right:0; overflow-y:auto; }

.mdlTitle { display:none; position:absolute; left:30px; top:35px; width:90%; text-align:left; padding:0 5px; }
.mdlTitle::after { z-index:0; content:''; position:absolute; top:0; bottom:0; left:50px; right:0; margin:auto; height:2px; border-bottom:1px #CCCCCC dashed; }
.mdlTitle>h5 { z-index:1; position:relative; left:0; display:inline-block; font-size:36px; background:#FFFFFF; padding-bottom:5px; padding-right:30px; }

/* COLUMN CONTENT */
.rowBx { overflow:hidden; width:100%; margin-top:50px; }
.rowBx:first-child { margin-top:0; }
.colBx { position:relative; }
.colBx.colLf { float:left; width:47%; text-align:left; }
.colBx.colRg { float:right; width:47%; text-align:left; }
.colCntBrf { width:65% !important; }
/* flex style column */
.flexCol { display:flex; justify-content:center; align-items:center; }
.flexCol .colBx.colLf { float:none !important; margin-right:auto; }
.flexCol .colBx.colRg { float:none !important; margin-left:auto; }
.colImage { position:relative; width:100%; padding-bottom:110%; background-color:#EEEEEE; border-radius:10px; overflow:hidden; }
/* GRID COLUMN */
ul.gridBx { list-style-type:none; text-align:left; padding:0; 
	display: grid;
	overflow: hidden;
	text-align: center;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	margin-left:0 !important;
	margin-top:10px;
}
ul.gridBx:first-child { margin-top:0; }
ul.gridBx>li { 
	position:relative;
	overflow:hidden;
	width:100%;
	text-align:left;
}
ul.gridBx.fullRw { grid-template-columns: repeat(1, 1fr); max-height:500px; }
ul.gridBx.blogLst { grid-template-columns: repeat(2, 1fr); grid-column-gap: 50px; grid-row-gap: 50px; }
ul.gridBx.hmProd { grid-template-columns: repeat(3, 1fr); }
ul.gridBx.contCol { grid-template-columns: 60% 35%; grid-column-gap: 5%; grid-row-gap: 0px; }
ul.gridBx.colGrid { grid-column-gap: 10%; grid-row-gap: 0px; }
ul.gridBx>li.col2Span {
    grid-column:2/4 !important;
}
ul.gridBx>li.col3Span>.pointBx {
  max-width: 700px;
  text-align:center !important;
}
ul.hmProd>li { background:#F0F0F0; min-height:80px; }

/* STICKY DIVS */
.stickyDiv.stickyThis { position:fixed; top:62px; left:0; }
.stickyDiv.goBottom { position:absolute; left:0; bottom:0; }

:host {
  --color-bg-default: #3f51b5;
  --color-fg-primary: #ffc107;
  --color-fg-default: #fff;
  --color-fg-accent: #ff9800;
  --color-bg-inrange: #333;
  --day-width: 35px;
  --day-height: 30px;
}
/* increase start and end */
.container.range-plugin .calendar>.days-grid>.day.start,
.container.range-plugin .calendar>.days-grid>.day.end {
  font-weight: bold !important;
  transform: scale(1.2) !important;
  color:#FF0000 !important;
  z-index: 1;
}

/* PAGE CONTENT */
.pageContent { position:relative; }
.topSection {  }
.topSection.topGap { margin-top:95px !important; }
.topSection.topNoBookingGap { margin-top:55px !important; }
.contentSection { min-height:100px; padding:80px 0 80px 0; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.contentSection.pageHeading { margin-top:50px; min-height:15vh; padding:75px 0 30px 0; background-color:#EEEEEE; }
.contentSection.header { margin-top:85px; padding:80px 0 20px 0; }
.contentSection.listSection { padding:40px 0 80px 0; }
.contentSection.fullBlock { padding:0; }
.contentSection.bxSection { padding:40px 0 80px 0; }
.contentSection.subBlock { padding:20px 0; }
.contentSection.nwPickSection { padding:20px 0 80px 0; }
.contentSection.rmOthrSection { padding:40px 0 80px 0; }
.contentSection.detailBlock { padding:40px 0; }
.contentWrap { z-index:2; position:relative; width:94%; max-width:1278px; }
.contentWrap.headingWrap { width:92%; max-width:1100px; display:flex; justify-content:center; align-items:flex-start; }
.contentWrap.headingWrap.hmWrap { max-width:900px; margin:20px 0; }
.contentWrap.fullWrap { width:100%; max-width:1400px; }
.contentWrap.htlListWrap { width:100%; max-width:none; }
.contentWrap.flipWrap { width:92%; max-width:1100px; }
.contentWrap.openingWrap { width:92%; max-width:1100px; }
.contentWrap.titleWrap { width:92%; max-width:1000px; }
.contentWrap.pgDetlWrap { width:92%; max-width:1100px; }
.sectionBg { z-index:1; position:absolute; top:0; bottom:0; left:0; right:0; opacity:0.1; background-repeat:no-repeat; background-position:center center; background-size:cover; }

/* HEADER BAR */
#headerSection { z-index:1000; position:relative; top:0; left:0; right:0; /*background-color:rgba(255,255,255, 0.3);*/ transition: all 0.3s; }
.headerWrap { position:relative; width:94%; max-width:1278px; }
.headerLf { width:5%; margin-right:auto; text-align:left; }
.headerMd { width:88%; }
.headerRg { width:5%; margin-left:auto; text-align:right; /* flex item gap */ }

/* NAVIGATION & LOGO */
.webLogo { transition: all 0.5s; margin:0 3%; max-width:190px; }
.webLogo img { max-width:100%; }
.logoNormal { display:block; }
.logoSticky { display:none; }
.menuBx { width:49%; }
.menuBx.lf { text-align:right; }
.menuBx.rg { text-align:left; }
.headerNav { padding:10px 0; }
.headerBook { display:none; position:relative; width:100%; padding:5px 0; background-color:rgba(0,0,0, 0.3); border-top:1px rgba(255,255,255, 0.4) dashed; border-bottom:1px rgba(255,255,255, 0.4) dashed; }
.headerBook.hideBookingBar { display:none; }
/* menu nav */
a.mobileNav,a.mblNavClose,.mobileMenu { display:none; }
ul.nvMenu { list-style-type:none; }
ul.nvMenu::after{
    clear: both;
    content: '';
    display: block;
}
ul.nvMenu>li { position:relative; float:left; margin:2px 12px; padding:3px 0; font-size:14px; line-height:14px; font-weight:600; transition: all 0.3s; }
ul.nvMenu>li a { color:#000000; opacity:1.0; }
ul.nvMenu>li a.bookNv { position:relative; color:#e52e47 !important; font-weight:700 !important; }
ul.nvMenu>li:hover::after { content:''; position:absolute; bottom:0; left:0; width:18px; height:3px; border-radius:1px; background:#e52e47; animation: blink 0.8s infinite; }
ul.nvMenu>li.noMrk:hover::after { display:none; }
ul.nvMenu>li.nvLogo { width:70px; height:35px; }
ul.nvMenu>li.nvLogo.gc { width:100px; height:35px; margin:2px 5px; }
ul.nvMenu>li.nvLogo.gc>.imgFrame { height:30px; margin:auto; }
ul.nvMenu>li.nvLogo img { max-height:100%; }
ul.nvMenu>li.nvLogo:hover::after { display:none; }
ul.nvMenu>li a.bookNv.nvOn::after { content:''; position:absolute; bottom:-8px; left:0; right:0; margin:auto; width:8px; height:8px; background:url('../../i/icons/icn-arrwbk.png') no-repeat center; }
.menuBx.lf ul.nvMenu { justify-content:flex-end; }
.menuBx.rg ul.nvMenu { justify-content:flex-start; }
/* icon navigation */
ul.nvIcon { list-style-type:none; }
ul.nvIcon>li { position:relative; display:inline-block; vertical-align:top; margin:2px 4px; }
ul.nvIcon>li>a>span { display:inline-block; font-size:14px; line-height:14px; margin-left:2px; font-weight:600; color:#FFFFFF; }
a.icnNav { display:inline-block; width:24px; height:24px; }
/* drop down navigation */
ul.nvMenu>li.wDrop { /*margin-right:20px;*/ }
ul.nvMenu>li.wDrop>a { /*padding-right:13px; background:url('../../i/icons/icn-nvarrw.png') no-repeat right center;*/ }
.nvDrop { z-index:500; display:none; position:absolute; top:100%; left:0; margin-top:5px; padding:5px 0; }
.nvDrop.right { left:auto; right:-15px; padding-right:15px !important; }
ul.nvDwMenu { list-style-type:none; text-align:left; white-space:nowrap; }
ul.nvDwMenu>li { cursor:pointer; position:relative; padding:6px 0; font-size:14px; line-height:16px; font-weight:400; color:#FFFFFF; border-top:1px #EEEEEE dashed; }
ul.nvDwMenu>li:first-child { border:0; }
ul.nvDwMenu>li a { color:#000000; opacity:0.8; }
ul.nvDwMenu>li a:hover { opacity:1.0; }
.nvDrop.right ul.nvDwMenu>li { text-align:right; }
/* second sub menu */
ul.nvDwMenu>li.wDrop>a { font-size:14px; font-weight:600; }
.nvDrop.sbDrop { top:5%; left:92%; max-height:75vh; overflow-y:auto; background-color:rgba(0,0,0, 0.8); padding:5px 10px; }
.nvDrop.sbDrop ul.nvDwMenu>li { padding:5px 0; }
.nvGroup { display:block; margin-top:10px; }
.nvGroup:first-child { margin-top:0; }
.nvGroup>label { display:block; font-size:14px; font-weight:600; color:#FFFFFF; border-radius:2px; margin:3px -3px; background-color:rgba(255,255,255, 0.2); padding:3px; }

/* HEADER BOOKING BAR */
.bookgBarBx { position:relative; text-align:center; margin:3px 4px 4px 4px; }
ul.bookgBar { list-style-type:none; display:flex; justify-content:center; align-items:center; gap:25px; }
ul.bookgBar>li { }
.bookgFld { background-color:transparent !important; background-image:url('../../i/icons/icn-sets-form-w.png?x=1558'); background-repeat:no-repeat; background-position:100% 0px; }
input.bookgFld, select.bookgFld, textarea.bookgFld { display:block; border:0 !important; border-bottom:1px #FFFFFF dashed !important; border-radius:0; padding:5px 25px 5px 2px; font-size:14px !important; line-height:14px !important; color:#EEEEEE !important; }
input.bookgFld:focus, select.bookgFld:focus, textarea.bookgFld:focus { border:0 !important; border-bottom:1px #FFFFFF dashed !important; background-color:transparent; color:#FFFFFF !important; }
select.bookgFld:focus { box-shadow:none !important; }
select.bookgFld { padding:8px 5px; }
.bookgFld::placeholder { color:#CCCCCC !important; }
.bookgFld:-ms-input-placeholder { color:#CCCCCC !important; }
.bookgFld::-ms-input-placeholder { color:#CCCCCC !important; }
.bookgFld.fldDest { width:220px !important; /*background-position:100% -180px;*/ }
.bookgFld.fldDate { /*width:170px;*/width:200px;  background-position:100% -30px; }
.bookgFld.fldGuest { width:55px; background-position:100% -80px; }
.bookgFld.fldPromo { width:100px; background-position:100% -130px; }
button.bookgBtn { background-color:#e52e47 !important; border:0; padding:10px 15px 9px 15px !important; border-radius:4px; color:#FFFFFF; font-weight:bold; white-space:nowrap; }

/* START BOOKING BAR */
.stBookBar { display:inline-block; position:relative; background-color:rgba(0,0,0, 0.3); border-radius:3px; padding:5px 10px; }
ul.bookgBar.stBooking { gap:10px; }
ul.bookgBar.stBooking input.bookgFld { background-color:#FFFFFF !important; border-radius:2px; min-width:250px; padding:8px 10px; color:#000000 !important; font-size:16px; line-height:16px; }
ul.bookgBar.stBooking input.bookgFld.fldDate { width:220px; padding-left:40px; background:url('../../i/icons/icn-date.png') no-repeat 8px center; }
ul.bookgBar.stBooking button.bookgBtn { padding:11px 15px 10px 15px; }

/* HEADER WITH BANNER */
#headerSection.headerSectionBanner { position:absolute; background-color:transparent; box-shadow: none; }
#headerSection.headerSectionBanner ul.nvMenu>li a { color:#FFFFFF; }
#headerSection.headerSectionBanner ul.nvDwMenu>li a { color:#FFFFFF; }
#headerSection.headerSectionBanner .nvDrop { background-color:#000000; border-radius:2px; padding:10px 20px 10px 15px; border:1px #333333 solid; }
#headerSection.headerSectionBanner ul.nvDwMenu>li { border-top:1px #666666 dashed; }
#headerSection.headerSectionBanner ul.nvDwMenu>li:first-child { border:0; }
#headerSection.headerSectionBanner select.bookgFld { background-color:transparent !important; color:#FFFFFF !important; border-radius:2px; -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important; }
#headerSection.headerSectionBanner select.bookgFld:focus { background-color:#111111 !important; }
#headerSection.headerSectionBanner ul.nvMenu>li a.bookNv { color:#FFFFFF !important; }
/* STICKY HEADER AFTER SCROLL */
#headerSection.stickyHeader, 
#headerSection.mainHeader { position:fixed; border-bottom:1px #DDDDDD solid; box-shadow: 0 0 8px 0 rgba(0,0,0, 0.2); }
#headerSection.stickyHeader .headerNav, 
#headerSection.mainHeader .headerNav { background:#EEEEEE url('../../i/bg/bg-header.jpg') no-repeat center; background-size:cover; }
#headerSection.stickyHeader .headerBook, 
#headerSection.mainHeader .headerBook { background:#f9f9f9; border-top:1px #E4E4E4 solid; border-bottom:0; }
#headerSection.mainHeader .headerBook { display:block; }
#headerSection.mainHeader .headerBook.hideBookingBar,
#headerSection.stickyHeader .headerBook.hideBookingBar { display:none; }
#headerSection.stickyHeader .webLogo, 
#headerSection.mainHeader .webLogo { height:60px; max-height:100%; }
#headerSection.stickyHeader .webLogo .logoNormal, 
#headerSection.mainHeader .webLogo .logoNormal,
#headerSection.stickyHeader .nvLogo .logoNormal, 
#headerSection.mainHeader .nvLogo .logoNormal { display:none; }
#headerSection.stickyHeader .webLogo .logoSticky, 
#headerSection.mainHeader .webLogo .logoSticky,
#headerSection.stickyHeader .nvLogo .logoSticky, 
#headerSection.mainHeader .nvLogo .logoSticky { display:block; }
#headerSection.stickyHeader ul.nvMenu>li a, 
#headerSection.mainHeader ul.nvMenu>li a { color:#000000; }
#headerSection.stickyHeader .dvIcn, 
#headerSection.mainHeader .dvIcn { background-image:url('../../i/icons/icn-set-b.png?x=1558'); }
#headerSection.stickyHeader .nvDrop, 
#headerSection.mainHeader .nvDrop { background-color:#FFFFFF; border-radius:2px; padding:10px 20px 10px 15px; border:1px #EEEEEE solid; /*box-shadow: 1px 1px 3px 0 rgba(0,0,0, 0.2);*/ }
#headerSection.stickyHeader ul.nvDwMenu>li a,
#headerSection.mainHeader ul.nvDwMenu>li a { color:#000000; }
#headerSection.stickyHeader ul.nvDwMenu>li,
#headerSection.mainHeader ul.nvDwMenu>li { color:#000000; border-top:1px #DDDDDD dashed; }
#headerSection.stickyHeader ul.nvDwMenu>li:first-child,
#headerSection.mainHeader ul.nvDwMenu>li:first-child { border:0; }
/*#headerSection.stickyHeader .headerBook { display:block; }*/
#headerSection.stickyHeader ul.nvIcon>li>a>span, 
#headerSection.mainHeader ul.nvIcon>li>a>span { color:#000000; }
#headerSection.stickyHeader input.bookgFld, #headerSection.stickyHeader select.bookgFld, #headerSection.stickyHeader textarea.bookgFld { border-bottom:1px #666666 dashed !important; color:#333333 !important; }
#headerSection.stickyHeader input.bookgFld:focus, #headerSection.stickyHeader select.bookgFld:focus, #headerSection.stickyHeader textarea.bookgFld:focus { border-bottom:1px #666666 dashed !important; color:#000000 !important; background-color:transparent !important; }
#headerSection.mainHeader input.bookgFld, #headerSection.mainHeader select.bookgFld, #headerSection.mainHeader textarea.bookgFld { border-bottom:1px #666666 dashed !important; color:#333333 !important; }
#headerSection.mainHeader input.bookgFld:focus, #headerSection.mainHeader select.bookgFld:focus, #headerSection.mainHeader textarea.bookgFld:focus { border-bottom:1px #666666 dashed !important; color:#000000 !important;  background-color:transparent !important; }
#headerSection.stickyHeader .bookgFld, 
#headerSection.mainHeader .bookgFld { background-image:url('../../i/icons/icn-sets-form.png?x=1558'); }
#headerSection.stickyHeader .bookgFld::placeholder, 
#headerSection.mainHeader .bookgFld::placeholder { color:#999999 !important; }
#headerSection.stickyHeader .bookgFld:-ms-input-placeholder, 
#headerSection.mainHeader .bookgFld:-ms-input-placeholder { color:#999999 !important; }
#headerSection.stickyHeader .bookgFld::-ms-input-placeholder, 
#headerSection.mainHeader .bookgFld::-ms-input-placeholder { color:#999999 !important; }
#headerSection.stickyHeader select.bookgFld,
#headerSection.mainHeader select.bookgFld { background-color:transparent !important; -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important; }
#headerSection.stickyHeader ul.nvMenu>li a.bookNv,
#headerSection.mainHeader ul.nvMenu>li a.bookNv { color:#e52e47 !important; }

/* HEADER CORPORATE SITE */
#headerSection.groupSite .headerLf, #headerSection.groupSite .headerRg, #headerSection.groupSite .menuBx { margin-top:60px; }
#headerSection.groupSite .headerNav { padding:20px 0; }
/* sticky */
#headerSection.groupSite.stickyHeader .headerLf, #headerSection.groupSite.stickyHeader .headerRg, #headerSection.groupSite.stickyHeader .menuBx, 
#headerSection.groupSite.mainHeader .headerLf, #headerSection.groupSite.mainHeader .headerRg, #headerSection.groupSite.mainHeader .menuBx { margin-top:0; }
#headerSection.groupSite.stickyHeader .headerNav,
#headerSection.groupSite.mainHeader .headerNav { padding:20px 0; }
#headerSection.groupSite.stickyHeader .webLogo,
#headerSection.groupSite.mainHeader .webLogo { height:auto !important; margin:0 3%; }
#headerSection.groupSite.stickyHeader .nvGroup>label,
#headerSection.groupSite.mainHeader .nvGroup>label { background-color:#EEEEEE; color:#000000; }

/* BOTTOM */
#bottomSection { position:relative; width:100%; background-color:#EEEEEE; padding:45px 0; background-repeat:no-repeat; background-position:center; background-size:cover; }
#bottomSection.hmBottom { border-top:10px #f9f9f9 solid; }
.bottomWrap { position:relative; width:94%; max-width:1278px; }
/* foot note */
.ftNote { max-width:550px; }
.ftTtl { margin-bottom:10px; max-width:550px; }
.ftTtl h6 { font-size:24px; line-height:24px; }
/* logo brands */
.ftBrandsBx { max-width:900px; }
ul.ftBrands { list-style-type:none; display:flex; justify-content:center; align-items:center; margin-top:10px; }
ul.ftBrands:first-child { margin-top:0; }
ul.ftBrands>li { margin:0 15px; }
ul.ftBrands>li img { max-width:100%; max-height:100%; } 
ul.ftBrands.carouselList li.slick-slide { margin:0 10px; }
.logoBx { display:flex; justify-content:center; align-items:center; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }

/* FOOTER */
#footerSection { position:relative; width:100%; background-color:#333333; border-top:13px #858585 solid; color:#FFFFFF; }
.footerWrap { position:relative; width:94%; max-width:1278px; }
.ftFlexWrap { display:flex; justify-content:center; align-items:flex-start; }
.footerNvRow { padding:25px 0; }
.footerCprghtRow { background:#000000; padding:14px 0; font-size:15px; line-height:15px; }
.ftColLf { width:43%; max-width:600px; padding:30px 0; border-right:1px #858585 solid; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap: wrap; }
.ftColRg { padding:30px 0 15px 0; margin-left:5%; text-align:left; }
/* footer nav list */
.ftNvBx { flex-basis:50%; }
ul.ftNv { list-style-type:none; text-align:left; padding-right:20px; margin-top:35px; }
ul.ftNv:first-child { margin-top:0; }
ul.ftNv>label { display:block; font-size:16px; font-weight:bold; margin-bottom:10px; }
ul.ftNv>li { font-size:14px; }
ul.ftNv>li a { color:#FFFFFF; opacity:0.8; }
ul.ftNv>li a:hover { opacity:1; }
/* socmed icons */
.ftRwBx { position:relative; margin-top:30px; }
.ftRwBx:first-child { margin-top:0; }
label.icnSetLabel { display:block; font-size:11px; line-height:11px; font-weight:bold; padding:0 4px; margin-bottom:12px; }
ul.ftSocMed { list-style-type:none; overflow:hidden; }
ul.ftSocMed>li { float:left; margin-left:7px; opacity:0.7; }
ul.ftSocMed>li:first-child { margin-left:0; }
ul.ftSocMed>li:hover { opacity:1.0; }
/* apps download */
ul.ftLnkBtn { list-style-type:none; display:flex; justify-content:flex-start; align-items:center; }
ul.ftLnkBtn>li { margin-left:10px; }
ul.ftLnkBtn.logoBtn>li { margin-left:8%; }
ul.ftLnkBtn>li:first-child { margin-left:0; }
/* footer side nav */
ul.ftSdNv { list-style-type:none; }
ul.ftSdNv>li { padding:1px 15px; border-left:2px #444444 solid; font-size:14px; }
ul.ftSdNv>li:first-child { border:0; }
ul.ftSdNv>li a { color:#FFFFFF; opacity:0.8; }
ul.ftSdNv>li a:hover { opacity:1; }

/* Home welcome */
.hmWelcome { background-color:#EEEEEE; }
h1.welcomeTtl {font-size:30px; line-height:34px; }
.welcomeImg { position:relative; width:100%; padding-bottom:30%; }
/* column layout */
.colFix { display:flex; align-items:center; position:relative; min-height:30vh; width:100%; }
.colFix>.colFixLf { position:relative; margin-right:auto; width:50%; text-align:left; }
.colFix>.colFixRg { position:relative; margin-left:auto; width:50%; }
.colImgBg { position:relative; overflow:hidden; border-radius:4px; }
.colCntBx { position:relative; width:70%; }
/* FLIP COLUMN */
.colFix.flip {}
.colFix.flip>.colImgBg { width:47%; padding-bottom:29%; }
.colFix.flip>.colCntBx { width:53%; }
.colFix.flip>.colCntBx .msgBx { margin-left:15%; margin-right:0; width:75%; } 
.colFix.flip:nth-child(even) { flex-direction: row-reverse; }
.colFix.flip:nth-child(even) .colCntBx { text-align:right; }
.colFix.flip:nth-child(even) .colCntBx .msgBx { margin-left:10%; }
.colFix.flip:nth-child(even) .colCntBx .msgBrf { text-align-last:right; }
.colFix.flip:nth-child(even) .colCntBx .msgBrf ul { direction: rtl; margin-left:0; margin-right:18px; }
.colFix.flip:nth-child(even) .colCntBx .msgBrf li {  }
.colFix.flip:nth-child(even) ul.actLst>li { float:right; }
/* column rows */
.colRow { position:relative; margin-top:8vh; }
.colRow:first-child { margin-top:0; }

/* HOME HOTELS */
.colFix.htlHmCol>.colFixLf { width:30% !important; height:425px; }
.colFix.htlHmCol>.colFixRg { position:relative; width:70% !important; height:425px; }
.htlNtBx { margin:10px 15%; }
h2.htlNtTtl {}
.htlNtBrf { margin-bottom:20px; text-align:justify; }
.offrThb { position:relative; width:100%; padding-bottom:60%; background-color:#F0F0F0; border-radius:5px; overflow:hidden; margin-bottom:25px; }
/* HOME HOTEL LIST */
.hmHtlLst { width:100%; height:100%; }
ul.hmHotelLst { list-style-type:none; }
ul.hmHotelLst li { position:relative; display:inline-block; vertical-align:top; width:50%; height:425px; margin:0 2px; overflow:hidden; }
ul.hmHotelLst .slick-list { padding:0 15% 0 0 !important;}
.hmHtlLst .arrwPrev { left:1% !important; }
.hmHtlLst .arrwNext { right:1% !important; }
/* content */
.hmHtlBx { z-index:2; position:absolute; left:0; right:0; bottom:0; padding:40px 20px 20px 20px; text-align:left; background-image:linear-gradient(rgba(0,0,0, 0),rgba(0,0,0, 0.7),rgba(0,0,0, 1)); }
.hmHtlBx>label { display:block; font-size:10px; line-height:13px; color:#999999; font-weight:600; margin-bottom:4px; }
h3.hmHtlNm { font-size:20px; line-height:22px; color:#FFFFFF; margin-bottom:15px; }

.hotelThb { position:relative; width:100%; padding-bottom:70%; background-color:#FFFFFF; border-radius:5px; overflow:hidden; margin-bottom:15px; }
label.hotelLbl { display:block; font-size:10px; margin-bottom:0; color:#999999; }
.hotelCnt { text-align:left; }
h5.hotelNm { font-size:20px; line-height:24px; margin-bottom:10px; }

/* HOME UNIT ROOMS */
.rmHmSection { background-color:#E5E5E5; margin:7px 0; }
.colFix.rmHmCol>.colFixLf { width:60% !important; }
.colFix.rmHmCol>.colFixRg { width:40% !important; }
.rmHmPicBx { width:100%; }
.rmHmPicBx .carouselArrw.arrwPrev { left:5%; }
.rmHmPicBx .carouselArrw.arrwNext { right:5%; }
ul.rmHm { list-style-type:none; }
ul.rmHm.carouselList li.slick-slide { position:relative; width:98%; height:62vh; min-height:450px; }
.rmHmBg { z-index:0; position:absolute; top:0; bottom:0; left:0; right:0; }
.rmHmBx { z-index:1; text-align:left; position:absolute; bottom:0; left:0; right:0; background-color:rgba(0,0,0, 0.6); }
.rmHmCnt { position:relative; width:65%; padding:15px 4% 15px 6%; background-color:rgba(0,0,0, 0.5); min-height:50px; }
.rmHmPrc { position:relative; width:35%; padding:15px 6% 15px 4%; }
.rmHmPrc .rmPriceBx { margin-bottom:10px; }
h4.rmHmName { color:#FFFFFF; margin-bottom:10px; }
.rmHmBrf { color:#CCCCCC; font-size:15px; line-height:18px; }
.rmPriceBx { position:relative; text-align:left; letter-spacing:0; }
.rmPriceBx>label { display:block; font-size:10px; line-height:10px; color:#999999; margin-bottom:5px; }
.rmPrice { font-size:22px; line-height:24px; color:#000000; font-weight:600; display:flex; justify-content:flex-start; align-items:center; }
.rmPrice>span { display:inline-block; margin-left:10px; font-size:16px; line-height:16px; color:#666666; }
/* home price */
.rmHmPrc .rmPriceBx>label { color:#CCCCCC; }
.rmHmPrc .rmPrice { color:#FFFFFF; font-size:20px; line-height:20px; }
.rmHmPrc .rmPrice>span  { color:#CCCCCC; font-size:14px; line-height:14px; }
a.rmBkngLnk { margin-top:5px; }

/* PAGE HEADER */
.welcomeBrf { text-align:justify; }
.vLine { position:relative; padding:0 0 0 7%; }
.vLine::before { content:''; position:absolute; left:0; top:4px; width:4px; height:40%; min-height:15px; max-height:35px; background-color:#e52e47; }
.headingTtl { position:relative; width:45%; }
.headingTtl.hmTtl { text-align:left; }
.headingTtl h1, .headingTtl h2, .headingTtl h3, .headingTtl h4 { margin-bottom:0; }
.headingBrf { position:relative; width:50%; text-align:justify; }
.headingBrf.cntr { text-align:center; }
.headingBrf.vLine { padding-left:4%; }
.headingBrf::before { position:absolute; }
.headingBg { z-index:0; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; background-repeat:no-repeat; background-position:center; background-size:cover; opacity:0.2; }
.headingBg.hmBg { opacity:0.13; }
.msgBx { width:85%; }
.msgBx>label { display:block; font-size:13px; line-height:16px; color:#666666; margin-bottom:4px; }
.msgBx>h2 {}
.msgBrf { position:relative; margin-bottom:17px; text-align:justify; }
.msgBrf ul, .msgBrf ol { margin-left:18px; }
.msgExtLnk { font-style:italic; }
.cntHeader { position:relative; width:94%; max-width:1100px; margin-bottom:20px; }
.cntHeader.lf { text-align:left; }
.cntHeader.fullHdr { width:100%; max-width:auto; }
.cntHeader.hlf { max-width:700px; }
/* page title */
h1.titlePg { margin-bottom:15px; }
.titleBrf { max-width:800px; }

/* HEADER BANNER */
#headBanner { z-index:100; position:relative; width:100%; box-shadow: 0 0 28px 0 rgba(0,0,0, 0.5); }
#headBanner.homeBanner { height:100vh; }
#headBanner.bnrHeader { box-shadow: 0 0 28px 0 rgba(0,0,0, 0.2); }
.bannerWrap { z-index:1; position:relative; width:100%; height:100vh; background:#333333; overflow:hidden; }/* page header banner */
.bannerWrap.headBanner { height:80vh; }
.bannerWrap.headBanner ul.bannerLst>li { height:80vh; }
.bannerWrap.headBanner ul.bannerLst.carouselList li.slick-slide { height:80vh; }
/*.bannerWrap::after { content:''; position:absolute; top:0; left:0; right:0; height:25vh; background:url('../../i/bg/tbnr-shadow.png') repeat-x center top; background-size:auto 100%; }*/
.bannerWrap::after { content:''; position:absolute; top:-6px; left:-30%; right:-30%; height:5px; background-color:#FFFFFF; box-shadow: 0 20px 120px 90px rgba(0,0,0, 1); }
/*.bannerShdw { z-index:2; position:absolute; top:-181px; left:0; right:0; height:180px; background-color:#FFFFFF; box-shadow: 0 30px 80px 60px rgba(0,0,0, 1); opacity:0.7 }*/
.bannerWrap ul.slick-dots { z-index:1; bottom:5%; text-align:left; width:94%; max-width:1100px; }
.bannerWrap ul.slick-dots li { float:left; }
.bannerWrap ul.slick-dots li button::before { font-size:9px !important; color:#CCCCCC !important; opacity:1; }
.bannerWrap ul.slick-dots li.slick-active button::before { font-size:15px !important; color:#e52e47 !important; }
.homeBnrWrap ul.slick-dots { text-align:center; }
/* FIND HOTEL BOX */
.bannerFind { z-index:10; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:600px; height:180px; }
/* BANNER */
ul.bannerLst { list-style-type:none; }
ul.bannerLst>li { position:relative; width:100%; height:100vh; }
ul.bannerLst.carouselList li.slick-slide { position:relative; height:100vh; display:flex !important; justify-content:center; align-items:center; }
.bannerBg { z-index:0; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background-repeat:no-repeat; background-position:center; background-size:cover; }
/* BANNER CONTENT */
.bannerBx { position:relative; z-index:2; width:94%; max-width:600px; }
h2.bannerTtl { font-size:44px; line-height:46px; color:#FFFFFF; font-weight:700; text-shadow: 2px 2px rgba(0,0,0, 0.5); }
/* BANNER NOTE */
.bnrNoteBx { z-index:0; position:relative; display:block; width:100%; padding:15px 0; border-top:1px #FFFFFF solid; background-color:#EEEEEE; }
/* POP UP BANNER */
.modalBox { 
	position:relative;
	margin:auto; 
}
.modalBox.textOnly { max-width:400px; }
.modalContent { position:relative; max-width:1024px; max-height:95vh; /*height:750px; border:1px rgba(255,255,255, 0.1) solid; box-shadow: 0 0 10px 0 rgba(255,255,255, 0.2);*/ border-radius:10px; overflow:hidden; margin:auto; }
.modalContent.carousel { height:auto; }
.modalWrapper { position:relative; width:100%; height:100%; overflow-y:auto; }
.popBnrImg { position:relative; /*width:100%; height:100%;*/width:auto; height:auto; }
.popBnrImg.owl-carousel { width:410px !important; }
.popBnrImg img { /*max-width:100% !important; max-height:100% !important; object-fit: cover;*/max-height:90vh; max-width:100%; object-fit: contain; }
.popBnrCnt { font-size:14px; line-height:20px; padding:30px 25px 25px 25px; }
h5.popBnrTtl { font-size:26px; line-height:26px; margin-bottom:15px; }
.modalBox.textOnly .popBnrCnt { padding:40px 35px 30px 35px; }
ul.popBnrBxLst { list-style-type:none; }
ul.popBnrBxLst.owl-carousel .owl-item>li { width:100%; overflow:hidden; }


/* HOME HOTELS */
.hmHtlSection { background-color:#EEEEEE; }

/* PROMO */
ul.htPromoLst { list-style-type:none; width:88%; }
ul.htPromoLst li { position:relative; background:#FFFFFF; }
.promoColLf { width:50%; }
.promoColRg { width:50%; }
.htPromoPic { position:relative; width:100%; padding-bottom:70%; background:#EEEEEE; border-radius:3px; overflow:hidden; }
.htPromoCnt { display:block; text-align:left; padding-left:15%; padding-right:0; }
.htPromoCnt>label { display:block; font-size:13px; margin-bottom:8px; }
h3.htPromoTtl {}
.htPromoBrf { margin-bottom:10px; padding-left:0; padding-right:5%; text-align:justify; text-align-last:left; }
/* FLIP */
ul.htPromoLst.flip li { margin:0 10px; }
ul.htPromoLst.flip li:nth-child(odd) .flxBx { flex-direction: row-reverse; }
ul.htPromoLst.flip li:nth-child(odd) .htPromoCnt { text-align:right; padding-left:0; padding-right:15%; }
ul.htPromoLst.flip li:nth-child(odd) .htPromoBrf { text-align-last:right; padding-left:5%; padding-right:0; }
ul.htPromoLst.flip li:nth-child(odd) ul.actLst>li { float:right; }

/* NEWS */
ul.nwLst { list-style-type:none; }
ul.nwLst.carouselList li.slick-slide { position:relative; margin:0 15px; }
ul.nwLst .actLst { margin-top:0; }
.nwLstPic { position:relative; width:100%; padding-bottom:120%; background-color:#EEEEEE; border-radius:5px; overflow:hidden; }
.nwLstMsg { text-align:left; padding:20px 0 0 0; min-height:100px; }
label.lblName { display:block; font-size:12px; line-height:15px; margin-bottom:5px; }
h5.nwLstTtl { font-size:16px; line-height:22px; margin-bottom:15px; font-weight:500; }
.nwLstBrf { font-size:15px; line-height:22px; }

/* DETAIL PAGE 2 COLUMNS */
.colFix.vCol { align-items:flex-start; }
.colFix.vCol>.colFixLf { width:35%; }
.colFix.vCol>.colFixRg { width:60%; text-align:left; }
.cntImgBx { position:relative; overflow:hidden; border-radius:5px; }

/* GUEST REVIEW */
ul.rviewLst { list-style-type:none; padding-bottom:30px; margin-bottom:5%; width:80%; }
ul.rviewLst.carouselList li.slick-slide { position:relative; display:flex !important; flex-direction:column !important; justify-content:center; align-items:center; min-height:250px; }
.rviewIcn { display:inline-block; margin-bottom:10px; }
.rviewTtl { display:block; /*margin-bottom:20px;*/ }
.rviewTtl>h6 { font-size:24px; line-height:26px; margin-bottom:5px; }
.rviewTtl>label { display:block; color:#8e9b74; font-size:14px; line-height:16px; }
.rviewMsg { display:block; font-size:18px; line-height:24px; margin-bottom:30px; }

/* ROOM TYPE */
.rmTypeWrap { width:94%; max-width:1100px; }
.colFix.rmBrief { min-height:15vh; }
.colFix.rmBrief>.colFixLf { width:60%; padding-right:5%; border-right:1px #C5C5C5 solid; }
.colFix.rmBrief>.colFixRg { width:40%; padding-left:5%; }
h1.rmName { font-size:26px; line-height:26px; margin-bottom:10px; }
.rmDesc { line-height:20px; }
.colFix.rmBookBx { min-height:0; }
.colFix.rmBookBx>.colFixLf { width:70%; }
.colFix.rmBookBx>.colFixRg { width:30%; }
/* room detail */
.rmDetlWrap { width:94%; max-width:860px; }
.rmRvwWrap { padding:40px 0; width:94%; max-width:860px; }
.rmCommtTtl { max-width:540px; margin-bottom:30px; }
/* room review */
ul.rmRvwLst { list-style-type:0; }
ul.rmRvwLst.carouselList li.slick-slide { position:relative; display:flex !important; justify-content:center; align-items:center; min-height:170px; }
.rmRvwBx { width:80%; margin:auto; }
.rmRvwBx>blockquote { font-size:18px; line-height:24px; font-size:600; margin-bottom:15px; font-weight:600; color:#666666; }
.rmRvwBx>label { position:relative; display:inline-block; color:#8e9b74; font-size:16px; line-height:20px; padding-top:8px; }
.rmRvwBx>label::after { content:''; position:absolute; top:0; left:0; right:0; margin:auto; width:30px; height:2px; background:#EEEEEE; border-radius:5px; }
/* room additional info */
.rmAddtWrap { width:94%; max-width:1100px; margin-top:40px; }
.rmAddtImg { position:relative; width:100%; padding-bottom:25%; }
.rmAddtImg ul.slideImgLst.carouselList li.slick-slide { position:relative; padding-bottom:35%; height:auto; overflow:hidden; }
.colFix.rmAddtBx {}
.colFix.rmAddtBx>.colFixLf { width:45%; }
.colFix.rmAddtBx>.colFixRg { width:45%; }
/* tab content */
.tabBx { position:relative; }
ul.tabNv { list-style-type:none; display:flex; justify-content:flex-start; align-items:flex-end; border-bottom:3px #DDDDDD solid; }
ul.tabNv>li { cursor:pointer; position:relative; padding:8px 20px; color:#CCCCCC; font-size:20px; line-height:22px; transition: all 0.5s; }
ul.tabNv>li:hover { color:#999999; }
ul.tabNv>li.tabOn { font-weight:bold; color:#333333; }
ul.tabNv>li::before { content:''; position:absolute; left:0; bottom:0; width:2px; height:50%; background-color:#DDDDDD; }
ul.tabNv>li:first-child { padding-left:5px; }
ul.tabNv>li:first-child::before { display:none; }
.tabShowBx { position:relative; padding:30px 5px; }
.tabDisp { position:relative; display:none; text-align:left; }
.tabDisp:first-child { display:block; }
.tabDisp ul, .tabDisp ol { margin-left:20px; }
/* OTHER ROOM TYPE */
ul.rmOthrLst { list-style-type:none; }
ul.rmOthrLst.carouselList li.slick-slide { position:relative; margin:0 40px; }
.rmOthrLstPic { position:relative; width:100%; padding-bottom:110%; background-color:#EEEEEE; border-radius:5px; overflow:hidden; }
.rmOthrLstMsg { text-align:left; padding:20px 4px; }
h5.rmOthrLstTtl { font-size:20px; line-height;22px; margin-bottom:12px; }
.rmOthrLstMsg .rmPrice { font-size:18px; line-height:18px; color:#000000; font-weight:600; display:flex; justify-content:flex-start; align-items:center; }
.rmOthrLstMsg .rmPrice>span { display:inline-block; margin-left:5px; font-size:14px; line-height:14px; font-weight:normal; color:#666666; }
.rmOthrLstMsg a.lnkMore { margin-top:13px; }

/* SPECIAL OFFERS */
ul.offrLst { list-style-type:none; grid-template-columns: repeat(3, 1fr); grid-column-gap:7%; grid-row-gap:7vh; }
ul.offrLst>li { position:relative; }
.offrThb { position:relative; width:100%; padding-bottom:60%; background-color:#F0F0F0; border-radius:5px; overflow:hidden; margin-bottom:25px; }
label.offrLbl { display:block; font-size:10px; margin-bottom:5px; color:#999999; }
h5.offrTtl { font-size:18px; line-height:22px; margin-bottom:13px; }
.offrBrf { font-size:14px; line-height:19px; color:#666666; }

/* call action */
ul.actLst { list-style-type:none; overflow:hidden; margin-top:10px; }
ul.actLst.briefLst { margin-top:0; }
ul.actLst.btnLst {  }
ul.actLst>li { position:relative; float:left; width:auto !important; text-align:left; margin:0 0 0 35px !important; }
ul.actLst.mnLink>li { font-size:20px; line-height:22px; padding:10px 0; margin-left:10% !important; }
ul.actLst>li:last-child { float:right; }
ul.actLst>li:first-child { float:left; margin-left:0px !important; }
ul.actLst.mdLst { text-align:center; }
ul.actLst.mdLst>li { float:none; display:inline-block; vertical-align:top; margin:0 8px !important; }
ul.actLst.btnLst>li:last-child { float:left; }
ul.actBtnLst { list-style-type:none; overflow:hidden; margin-top:20px; }
ul.actBtnLst>li { display:inline-block; width:auto !important; text-align:left; margin:0 20px !important; }

/* CONTACT US */
.colFix.contactBx { align-items:center; }
.colMap { width:40% !important; height:64vh; overflow:hidden; border-radius:5px; background-color:#EEEEEE; }
.colAddress { width:52% !important; margin-left:8%; }
.tabContact { margin-top:40px; }
.tabContact ul.tabNv>li { font-size:18px; line-height:20px; }

/* DETAIL PAGE */
.detlWrap { width:94%; max-width:860px; }
.detlHead { position:relative; text-align:left; margin-bottom:35px; }
.detlHead>label { display:block; font-size:13px; letter-spacing:0.2px; margin-bottom:5px; }
.detlHead>label>a { color:#666666; }
label.lblCrumb { display:block; font-size:13px; letter-spacing:0.2px; margin-bottom:5px; } 
label.lblCrumb>span { color:#000000; }
label.lblCrumb>span.sep { padding:0 5px; opacity:0.5; }
.detlHead>h1 { margin-bottom:15px; }
.detlImgBx { display:inline-block; position:relative; width:100%; margin-bottom:20px !important;/*padding-bottom:30px !important;*/ }
.detlImgBx ul.slideImgLst { position:relative; height:auto; }
.detlImgBx ul.slideImgLst.carouselList li.slick-slide { overflow:hidden; width:100%; height:100% !important; /*max-height:57vh !important;*/ }
.detlImgBx ul.slick-dots { bottom:-48px !important; }
.detlContentBx { display:block; position:relative; }
.detlRwBx { position:relative; padding-bottom:20px; }
h2.detlTtl { font-size:20px; line-height:22px; margin-bottom:15px; }
/* side image */
ul.sdImgList { position:absolute; top:0; bottom:0; left:0; right:0; list-style-type:none; }
ul.sdImgList li { position:relative; width:100%; padding-bottom:62%; overflow:hidden; }
.owl-item { height:100% !important; }

/* FILTER TAB */
ul.fltrTab { list-style-type:none; }
ul.fltrTab>li { cursor:pointer; display:inline-block; vertical-align:top; margin:0; border-left:1px #DDDDDD solid; transition: all 0.3s; }
ul.fltrTab>li:first-child { border-left:0; }
ul.fltrTab>li a { display:inline-block; color:#000000; opacity:0.7; padding:3px 17px; margin-left:5px; }
ul.fltrTab>li a:hover { opacity:1.0; background:#F0F0F0; }

/* FILTER */
.filterBx { display:block; margin:20px 0 10px 0; }
ul.lstFilter { display:inline-block; list-style-type:none; overflow:hidden; }
ul.lstFilter>label { display:inline-block; font-size:15px; font-weight:bold; }
ul.lstFilter>li { position:relative; cursor:pointer; display:inline-block; vertical-align:top; padding:8px 15px; margin:5px 6px; min-width:100px; background:#FFFFFF; font-size:14px; line-height:14px; font-weight:500; border-radius:3px; border:1px #CCCCCC solid; transition: all 0.2s; }
ul.lstFilter>li:hover { background:rgba(142,155,116, 0.1); }
ul.lstFilter>li.clicked { background-color:#999999; color:#FFFFFF; }
/* sticky */
.filterBx.stickyScroll.stickyOn { background-color:rgba(255,255,255, 0.9); left:0 !important; right:0 !important; padding:8px 0; margin-top:0; }

/* PAGE CONTENT */
.cntBody { position:relative; padding:30px 0; }
.cntList { margin:0 -15px; }
.cntList.rmOthr { margin:0 -40px; }
.cntBx { position:relative; display:block; text-align:center; padding:15px 0 15px 0; }
h2.cntTtl { font-size:22px; line-height:28px; margin-bottom:20px; }
h4.cntTtl { font-size:20px; line-height:22px; margin-bottom:15px; }
.cntBx:first-child { padding-top:0; }
.cntBx:first-child h2.cntTtl { font-size:24px; line-height:28px; margin-bottom:20px; }
.cntBx.cntLf { text-align:left; }
.cntTxt { text-align:left; }
.cntTxt.cntJtfy { text-align:justify; text-align-last:center; }
.cntTxt.cntJtfyLf { text-align:justify; }
.cntTxt ul, .cntTxt ol { margin-left:18px; }
.cntTxt ol>li { margin:10px; }
.cntTxt ul>li>p,  .cntTxt ol>li>p { margin:5px; }
.cntTxt img { max-width:100% !important; }
.openingVidBx { position:relative; max-width:800px; margin-bottom:40px; border-radius:5px; overflow:hidden; }
.openingImgBx { position:relative; max-width:800px; padding-bottom:50%; margin-bottom:40px; border-radius:5px; overflow:hidden; }

/* PAGE CONTENT */
h1.pageTtl,h2.pageTtl { position:relative; font-size:48px; line-height:48px; }
h2.pageSubTtl { position:relative; font-size:50px; line-height:48px; }
.lineTtl { padding-bottom:15px !important; }
.lineTtl::after { position:absolute; content:''; bottom:0; left:0; width:10%; max-width:50px; height:6px; background-color:#000000; }
h1>label,h2>label,h3>label { display:block; font-family: 'Poppins', sans-serif;; font-size:16px; line-height:22px; margin-bottom:5px; color:#666666; font-weight:400; }
.justifyBrf { text-align:justify; }
.pageBrf { text-align:center; }

/* PAGE HEADER */
.headGap { height:30px; }
.contentHeader { position:relative; padding-bottom:50px; }
h2.pageSubTtl {}
.pageBrief { position:relative; max-width:700px; }

/* PHOTOS */
ul.photoLst { list-style-type:none; }
ul.photoLst>li { position:relative; display:inline-block; overflow:hidden; margin:0.8%; width:22%; padding-bottom:14%; border-radius:5px; vertical-align:top; }
ul.photoLst>li>.imgFrame { cursor:pointer; opacity:1; }
ul.photoLst>li>.imgFrame:hover { opacity:0.7; }
.imgPlace { position:absolute; top:0; bottom:0; left:0; right:0; background-color:#333333; display:flex; justify-content:center; align-items:center; }
.imgLabel { position:relative; z-index:10; color:#FFFFFF; }

/* NEWSROOM */
.newsLstWrap { width:94%; max-width:1000px; }
/*.colFix.newsBx { align-items:flex-start; min-height:80px; }*/
.colFix.newsBx { display:grid; grid-template-columns: 26% 68%; gap:0; min-height:30px !important; margin-top:20px; }
.colSdCat { position:relative; height: 100%; width:100% !important; }
.colList { width:100% !important; padding:5px 0; margin-left:8%; }
/* listing category */
ul.nwCatLst { position:sticky !important; top:140px; list-style-type:none; padding-right:8%; border-right:2px #DDDDDD solid; }
ul.nwCatLst>li { cursor:pointer; position:relative; text-align:right; padding:5px 2px; font-size:14px; line-height:18px; }
ul.nwCatLst>li a { color:#000000; opacity:0.6; }
ul.nwCatLst>li a:hover { opacity:1; }
ul.nwCatLst>li.nvOn { font-size:1em; font-weight:bold; color:#e52e47; }
ul.nwCatLst>li.nvOn a { color:#e52e47; opacity:1; }
/* NEWS LISTING */
ul.newsLst { list-style-type:none; }
ul.newsLst>li { position:relative; margin-bottom:20px; padding-bottom:20px; border-bottom:1px #DDDDDD dashed; }
ul.newsLst>li:first-child { margin-top:0; }
.newsThb { position:relative; width:100%; padding-bottom:35%; overflow:hidden; border-radius:5px; background-color:#EEEEEE; margin-bottom:20px; }
h5.newsTtl { font-size:17px; line-height:22px; font-weight:500; margin-bottom:10px; }
.newsBrf { font-size:14px; line-height:20px; color:#666666; margin-bottom:5px; }
.newsTag { display:none; }
/* news content */
h1.newsRdTtl { font-size:26px; line-height:30px; margin-bottom:15px; }

/* MEBERSHIP */
.mbrTbl { border-bottom:1px #DDDDDD solid; margin-bottom:10px; }
.mbrTblRow { position:relative; }
.mbrTypeWrap { margin-top:40px; }
ul.lstMbrType.gridBx { list-style-type:none; margin:0; grid-template-columns: 26% 16% 16% 16% 16%; grid-column-gap:25px; grid-row-gap:0; }
ul.lstMbrType.gridBx:nth-child(odd) { background-color:#F0F0F0; }
ul.lstMbrType.gridBx.headrRw { background-color:transparent; border-bottom:1px #CCCCCC dashed; }
ul.lstMbrType.gridBx.spanCol { grid-template-columns: 26% 70%; }
ul.lstMbrType.gridBx>li { position:relative; text-align:center; padding:15px 10px; font-size:12px; line-height:16px; display:flex; justify-content:center; align-items:center; }
ul.lstMbrType.gridBx>li:first-child { text-align:left; flex-direction:column; }
ul.lstMbrType.gridBx.spanCol>li { text-align:left !important; justify-content:flex-start; }
ul.lstMbrType.gridBx>li>ul { margin-left:17px; }
.mbrTypeThb { position:relative; width:100%; padding-bottom:60%; border-radius:10px; overflow:hidden; }
.mbrTypeNm { width:96%; margin-right:1%; font-weight:500; font-size:14px; line-height:18px; text-align:left; }
.mbrTypeNm>span { display:inline-block; width:auto; position:relative; }
ul.lstMbrType.gridBx.cardSelect { display:none !important; }
ul.lstMbrType.gridBx.cardSelect>li { justify-content:center !important; }
/*.mbrTypeNm>span::after { content:''; position:absolute; top:8px; right:-15px; width:10px; height:5px; background:url('../../i/icons/icn-arrw-sm.png') no-repeat center; } */
a.mbrTypeTtl { display:inline-block; color:#333333; text-decoration:underline; text-decoration-style:dashed; text-decoration-color:#999999; }
.mbrTypeBrf { display:none; width:96%; margin-right:1%; font-size:12px; line-height:17px; margin-top:10px; }
.lstMbrTypeGrp { display:block; padding:20px 10px; text-align:center; background-color:rgba(0,153,204, 0.6); color:#FFFFFF; font-size:16px; line-height:16px; }
/* terms cond */
ul.lstMbrTerm { list-style-type:none; display:flex; justify-content:flex-start; align-items:flex-start; gap:5%; }
ul.lstMbrTerm>li { text-align:left; font-size:13px; line-height:18px; padding:15px 10px; }
ul.lstMbrTerm>li>label { display:inline-block; font-size:15px; line-height:18px; font-weight:500; padding:1px 0; margin-bottom:7px; border-bottom:2px #e52e47 solid; }
ul.lstMbrTerm>li>ul { margin-left:17px; }
a.btnSubscrb { display:inline-block; background:#e52e47; font-size:13px; font-weight:500; padding:7px 20px; color:#FFFFFF; border-radius:5px; min-width:120px; margin-top:10px; }
a.btnSubscrb:hover { background:#333333; }

/* CONTACT US */
.contactCnt { position:relative; }
.contactCnt h5 { font-size:18px; line-height:18px; margin-bottom:10px; }
ul.contactLst { list-style-type:none; }
ul.contactLst>li { display:inline-block; margin:6px 0; width:100%; }
ul.contactLst>li.hlf { width:40% !important; }
ul.contactLst>li>label { display:block; font-size:10px; line-height:11px; font-weight:normal; color:#999999; padding:2px 0; }
/* listing */
ul.gridBx.cntAddrsLst { list-style-type:none; grid-template-columns: repeat(3, 1fr); grid-column-gap:0; grid-row-gap:0; width:98%; }
ul.gridBx.cntAddrsLst>li { border-top:1px #EEEEEE solid; border-right:1px #EEEEEE solid; }
ul.gridBx.cntAddrsLst>li:nth-child(-n+3) { border-top:0; }
ul.gridBx.cntAddrsLst>li:nth-child(3n) { border-right:0; }
.cntAddrsBx { margin:15px 20px; display:block; position:relative; font-size:14px; line-height:17px; }
.cntAddrsBx h6 { margin-bottom:10px; }
.cntAddrsBx ul.contactLst>li { margin:2px 0; }
span.sLbl { color:#999999; }

/* TEAM */
.teamWrap { max-width:1000px; }
ul.teamLst { list-style-type:none; }
ul.teamLst>li { position:relative; display:flex; justify-content:center; align-items:center; padding:30px 0; }
ul.teamLst>li::after { content:''; position:absolute; bottom:0; right:0; height:1px; width:67%; border-bottom:1px #DDDDDD dashed; }
ul.teamLst>li:first-child { padding-top:0; }
ul.teamLst>li:last-child::after { display:none; }
.teamPic { width:25%; }
.teamBx { width:67%; margin-left:8%; text-align:left; }
.prflPic { position:relative; width:100%; padding-bottom:100%; border-radius:50%; overflow:hidden; background-color:#EEEEEE; }
h5.prflNm { font-size:22px; line-height:26px; margin-bottom:10px; }
h5.prflNm>label { display:block; font-size:14px; line-height:14px; font-weight:normal; color:#666666; padding:3px 0; }
.prflBrf { margin-bottom:15px; text-align:justify; }
a.prflLnk { color:#0099CC; font-size:14px; line-height:14px; }

/* CAREER */
.jbWrap { max-width:1100px; }
ul.jbLst { list-style-type:none; }
ul.jbLst>li { position:relative; padding:30px 0; border-top:1px #DDDDDD solid; }
ul.jbLst>li:first-child { border-top:0; }
ul.jbCol.gridBx { grid-template-columns: 30% 22% 20% 15% 13%; }
ul.jbCol>li { font-size:16px; line-height:20px; }
ul.jbCol>li.flx { display:flex; justify-content:flex-start; align-items:center; }
a.jbTtl { display:block; font-size:20px; line-height:26px; font-weight:600; margin-bottom:5px; }
ul.jbCol>li label { display:block; font-size:10px; line-height:14px; color:#999999; margin-bottom:8px; }
label.jbNum { font-size:14px !important; line-height:18px !important; margin-bottom:0 !important; }
a.btnApply { background-color:#0099CC; padding:5px 15px; }
a.btnApply.bigBtn { padding:10px 25px; min-width:150px; }
/* fold content */
.jbDetailBx { display:none; position:relative; width:100%; padding:5px 0; margin:10px 0 0 0; text-align:left; border-top:1px #DDDDDD dashed; }
a.jbDetlClose { display:inline-block; position:absolute; top:27px; right:30px; width:20px; height:20px; background:url('../../i/icons/icn-fold.png') no-repeat center; opacity:0.4; } 
a.jbDetlClose:hover { opacity:1.0; }
.jbDetlCnt { width:88%; }
.jbDetlRow { position:relative; text-align:left; margin:20px 0; }
.jbDetlRow>h4 { font-size:17px; line-height:18px; margin-bottom:8px; }
.jdDetlTxt { position:relative; }
.jdDetlTxt ul, .jdDetlTxt ol { margin-left:20px; }
/* talenta widget */
.jbWrap #jobs { border:0 !important; }
.jbWrap #jobs p { display:inline-block !important; padding:0 !important; margin:20px 10px !important; font-size:14px !important; text-decoration-line:none !important; }
.jbWrap #jobs a { text-decoration-line:none !important; text-decoration-color: red; outline: 0 !important; padding:10px 15px !important; border:1px #CCCCCC solid; border-radius:5px; color:#000000; opacity:0.7; }
.jbWrap #jobs a:hover { text-decoration-line:none !important; opacity:1; background:#F0F0F0; }

/* CUSTOM LIST LAYOUT */
/* room spec */
.room-spec ul { list-style-type:none; margin-left:22px; }
.room-spec ul>li { text-align:left; }
.room-spec ul>li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #999999; /* Change the color */
  font-size:22px;
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 0.9em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.room-spec ul>li>label { position:relative; display:inline-block; color:#999999; width:25%; margin-right:10px; }
.room-spec ul>li>label::after { content:':'; position:absolute; right:0; }
/* contact address */
.contact-address ul { list-style-type:none; margin-left:0; }
.contact-address ul>li { margin-bottom:20px; }
.contact-address ul>li>label { display:block; font-size:11px; line-height:11px; opacity:0.4; margin-bottom:3px; }

/* OUR HOTELS */
.groupBx { position:relative; margin-top:70px; }
.groupBx:first-child,.groupBx:nth-child(2) { margin-top:0; }
.groupHeader { width:96%; margin-bottom:20px; max-width:700px; }
.groupHeader h2 { font-size:26px; line-height:30px; margin-bottom:3px; }
.groupBrf {}
.findResult { font-size:20px; line-height:24px; margin-bottom:40px; margin-top:-20px; }
/* list */
ul.oHtlLst { list-style-type:none; background:#F0F0F0; padding:10px; border-radius:10px; }
ul.oHtlLst>li { position:relative; display:inline-block; width:31%; min-height:300px; vertical-align:top; margin:15px 1% 25px 1%; }

/* FORM */
.frmArea { position:relative; }
.frmTarget { display:none; }
.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/mdl-loading.gif') no-repeat center center; }
.frmLoading.loadingBar { background-image:url('../../i/ajx-loading-bar.gif'); }
/*.frmAlert { z-index:9; display:none; position:relative; background:rgba(255,0,0, 0.1); width:100%; min-height:30px; border-radius:5px; margin-bottom:5px; text-align:left; }*/
	.frmAlert { z-index:9; display:none; position:absolute; top:35%; left:0; right:0; margin:auto; background:rgba(255,204,204, 0.8); width:70%; min-height:30px; border-radius:5px; text-align:left; }
.frmAlert.searchAlert { margin-bottom:8px; }
.frmAlert.successAlert { background:rgba(72,202,228, 0.8); }
.frmAlertCnt { position:relative; padding:8px 40px 8px 10px; font-size:13px; line-height:14px; }
.frmAlertCnt ul, .frmAlertCnt ol { list-style-type:none; overflow:hidden; }
.frmAlertCnt li { float:left; margin-right:9px; }
.frmAlertCnt li::after { content:','; }
.frmAlertCnt li:last-child::after { content:''; }
.frmAlertClose { z-index:1; cursor:pointer; position:absolute; top:5px; right:5px; width:20px; height:20px; background:url('../../i/icons/icn-close-sm.png') no-repeat center center; opacity:0.7; }
.frmAlertClose:hover { opacity:1.0; }

/* MODAL FORM */
/*
.frmBx { position:absolute; top:0; bottom:10px; left:0; right:0; display:block; }
.frmBxLf { position:absolute; top:0; bottom:0; left:0; width:35%; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:5px; }
.frmBxRg { position:absolute; top:0; bottom:0; right:0; width:57%; }
*/
	.frmBx { position:absolute; top:0; bottom:0; left:0; right:0; display:block; }
	.frmBxLf { position:absolute; top:0; bottom:0; left:0; width:35%; background-repeat:no-repeat; background-position:center center; background-size:cover; }
	.frmBxRg { position:absolute; top:10px; bottom:10px; right:20px; width:55%; }
	.fullBx { width:94%; left:20px; right:20px; margin:auto; }
	.frmBxTitle { position:absolute; left:0; right:0; top:20px; width:100%; text-align:left; padding:0; }
	.frmBxTitle::after { z-index:0; content:''; position:absolute; top:0; bottom:0; left:50px; right:0; margin:auto; height:2px; border-bottom:1px #CCCCCC dashed; }
	.frmBxTitle>h3 { z-index:1; position:relative; left:0; display:inline-block; font-size:28px; line-height:30px; background:#FFFFFF; padding-right:20px; }
	.frmBxScrl { position:absolute; top:75px; bottom:0; left:0; right:0; }
	.frmPic { position:relative; overflow:hidden; border-radius:5px; }
	.frmPic  img { max-width:100%; }
	.frmBrief { display:block; font-size:14px; line-height:18px; text-align:left; padding:5px; margin-bottom:10px; }
	.frmContent { display:block; padding:5px; }
	.frmCntRow { text-align:left; }
	.frmCntRow ul, .frmCntRow ol { margin-left:20px; }
ul.frmLst { list-style-type:none; }
ul.frmLst>li { position:relative; display:block; width:100%; overflow:hidden; padding:5px 0; text-align:left; }
ul.frmLst>li label { position:relative; display:block; font-size:11px; padding:0 3px; opacity:0.8; }
ul.frmLst>li.frmButton { padding:20px 0; }
ul.frmLst>li input {  }
.frmCheckbx label { display:inline-block; float:left; margin:5px 15px 5px 0; font-size:16px !important; opacity:1.0 !important; }
.frmCheckbx span { padding-left:5px; }
.frmCol { position:relative; float:left; margin-right:10px; }
.frmCol.colFull { width:92%; }
.frmCol.colHlf { width:45%; }
.frmCol.colQrt { width:30%; }
.frmCol.colSm { width:13%; }
.frmCol.colSml { width:18%; }
.fldImpt>label::after { content:'*'; color:#FF0000; font-size:1.2em; padding-left:5px; padding-top:5px; }
input.fldBook { text-align:left; }
input.fldBook.fldBookDate { width:300px; }
input.fldBook.fldBookPerson { width:135px; }
input.fldBook.fldBookChild { width:135px; }
input.fldBook.fldBookCode { width:150px; }
input.btnBook { display:inline-block; background:rgba(0,0,0, 0.7); color:#FFFFFF; border:1px #333333 solid; border-radius:3px; padding:10px 15px 8px 15px; font-size:14px; line-height:14px; text-align:center; min-width:120px; }
input.btnBook:hover { background:rgba(0,0,0, 1.0); }
input.frmFld { text-align:left; width:90%; }
select.frmFld { margin-top:0; padding:10px; }
input.fldMessage { width:88%; }
.frmCol.colQrt input.frmFld { width:86% !important; }
.frmCol.colSm input.frmFld { width:70% !important; }
.frmCol.colSml input.frmFld { width:76% !important; }

/* CHAT FLOAT */
ul.chatIcnBx { z-index:1000; list-style-type:none; position:fixed; bottom:7.5%; right:3%;  }
ul.chatIcnBx>li { margin-top:1px; text-align:right; }
ul.chatIcnBx>li>a { opacity:0.7; transition: all 0.5s; }
ul.chatIcnBx>li>a:hover { opacity:1; }














/* address block */
h6.ftName { position:relative; font-size:20px; line-height:24px; margin-bottom:10px; text-align:center; }
.ftAddress { display:block; margin-bottom:10px; text-align:center; font-size:15px; line-height:20px; }
a.ftLink { display:inline-block; margin:5px 0; font-size:15px; color:#0099cc; }
a.ftLink:hover { }
ul.footerBlock { list-style-type:none; }
ul.footerBlock>li { display:block; text-align:center; }
/* copyright */
.ftCopyright { margin:50px 0 5px 0; font-size:14px; line-height:14px; }
/* social media */

ul.ftSocMed.ftContact>li { margin:0 8px; }

/* scroll top */
a.scrlTop { display:inline-block; color:#FFFFFF; font-size:15px; line-height:15px; white-space:nowrap; background:url('../../i/icons/icn-top.png') no-repeat right center; padding-right:22px; }







/* ABOUT US */
.aboutPic { width:100%; padding-bottom:65%; background:#EEEEEE; }
.aboutBx { position:relative; width:88%; margin:20px 0px 20px 10%; text-align:justify; }
.visionBx { position:relative; font-size:20px; line-height:28px; }
.visionBx>h3 { font-size:36px; line-height:38px; margin-bottom:20px; }

/* LIST LINKS */
ul.linkLst { list-style-type:none; overflow:hidden; }
ul.linkLst>li { float:left; }

/* SERVICES */
ul.servcLst { list-style-type:none; }
ul.servcLst>li { position:relative; display:inline-block; vertical-align:top; width:26%; padding-bottom:25%; border-radius:10px; margin:1%; background:#FFFFFF; transition: all 0.3s; }
.servcIcn { position:absolute; width:115px; height:115px; top:15%; left:0; right:0; margin:auto; background-repeat:no-repeat; background-position:center 0; }
.servcCnt { position:absolute; width:80%; height:30%; bottom:10%; left:0; right:0; margin:auto; }
.servcBx { position:relative; }
.servcBx>label { display:block; font-size:16px; line-height:22px; }

/* VALUES */
.pointIcn { width:12%; padding-bottom:12%; margin:2% 5%; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.pointCnt { width:68%; padding:15px 10px; }
.valueIcn { width:40%; padding-bottom:40%; margin:2% auto; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.valueCnt { width:84%; padding:15px 10px; margin:auto; text-align:center; }
.teamIcn { width:80%; padding-bottom:80%; margin:2% auto; border-radius:50%; overflow:hidden; border:2px #EEEEEE solid; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.teamCnt { width:84%; padding:15px 10px; margin:auto; text-align:center; font-size:14px; }
.teamCnt>label { display:block; font-size:22px; line-height:24px; font-weight:bold; margin-bottom:2px; }

/* hover */
ul.servcLst>li:hover { background:#646464; }
ul.servcLst>li:hover .servcIcn { background-position:center -144px; }
ul.servcLst>li:hover .servcBx>label { color:#FFFFFF; font-weight:bold; }
.servcBx>a { display:none !important; opacity:0; }
.servcBrf { display:none !important; opacity:0; font-size:13px; line-height:16px; color:#DDDDDD; margin:5px 0; }
ul.servcLst>li:hover .servcBx>a { display:inline-block !important; animation: fadein 0.5s forwards; }
ul.servcLst>li:hover .servcBrf { display:block !important; animation: fadein 0.5s forwards; }

/* HOME PRODUCT LIST */
.hmProdBx { z-index:2; position:absolute; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0, 0); transition: all 0.3s; }
.hmProdBx:hover { background-color:rgba(0,0,0, 0.3); }
.hmProdImage { z-index:1; position:relative; width:100%; padding-bottom:80%; }
.hmProdCnt { max-width:55%; color:#FFFFFF; text-align:center; }
.hmProdCnt>label { display:block; font-size:15px; line-height:18px; font-weight:500; padding:4px 8px; background-color:rgba(0,0,0, 0.5); border-radius:5px; }
.hmProdCnt>label>a { color:#FFFFFF; }
.actLnkBx { position:relative; margin-top:10px; }
.actLnkBx>a { margin-top:15px; display:none !important; opacity:0; }
.hmProdBx:hover .hmProdCnt>a { display:inline-block !important; animation: fadein 0.5s forwards; }
.hmProdBx:hover .actLnkBx>a { display:inline-block !important; animation: fadein 0.5s forwards; }
ul.lstProdCat>li { cursor:pointer; }
h2.prodGroup { font-size:22px; }
ul.lstProdCat>li.mainGrp .hmProdCnt>label { font-size:20px; line-height:22px; font-weight:bold; }
ul.lstProdCat>li.mainGrp .hmProdImage { padding-bottom:70%; }
/* expand list */
.expnBx { position:relative; transition: transform 0.26s ease; }
.expnBx.loading { background:url('../../i/ajx-loading.gif') no-repeat center center; }
.expnBx>label { display:block; padding:30px 10px; color:#CCCCCC; }
.lstProdBx { margin:10px 0 30px 0; }
.lstProdBx h3 { font-size:20px; color:#015f35; }
ul.gridBx.lstProduct { grid-template-columns: repeat(5, 1fr) !important; margin-top:0 !important; }
ul.gridBx.lstProduct>li { overflow:hidden; border-radius:5px; margin:auto !important; }

/* SERVICES */
.srvcPic { width:32% !important; }
.srvcPic img { max-width:100%; }
.srvcBx { width:60% !important; }

/* read */
label.readLbl { display:block; color:#00abeb; margin-bottom:20px; font-size:16px; }
h1.readTtl { font-size:34px; line-height:34px; color:#000000; margin-bottom:25px; }
h2.readSubTtl { font-size:28px; line-height:30px; color:#333333; margin-bottom:20px; }
.readBlock { text-align:justify; margin-top:35px; }
.readBlock:first-child { margin-top:0; }
.readText { position:relative; }
.readText ul, .readText ol { margin-left:22px; }
.noteBlock { position:relative; font-style:italic; font-size:14px; line-height:20px; text-align:justify; color:#666666; padding:15px 0; margin-top:30px; }
.noteBlock::before { position:absolute; content:''; left:0; top:0; height:3px; width:20px; background:#999999; }




/*ul.gridBx>li:nth-child(-n + 2) {
    border-top:0;
}*/
/* point grid */
ul.gridBx.pointLst { grid-template-columns: repeat(2, 1fr); grid-column-gap:10px; grid-row-gap:10px; }
ul.gridBx.pointLst>li { background-color:#F3F3F3; display:flex; border-radius:5px; justify-content:left; align-items:center; }
ul.gridBx.valueLst { grid-template-columns: repeat(4, 1fr); grid-column-gap:10px; grid-row-gap:10px; }
ul.gridBx.valueLst>li { border-radius:5px; text-align:center; }
ul.gridBx.teamLst { grid-template-columns: repeat(4, 1fr); grid-column-gap:10px; grid-row-gap:10px; }
ul.gridBx.teamLst>li { border-radius:5px; text-align:center; }
ul.gridBx.aboutLst { grid-template-columns: 55% 45%; grid-column-gap:10px; grid-row-gap: 0px; }
ul.gridBx.visionLst { grid-column-gap:7%; }
/* ---------- */
ul.gridBx.bgHover>li .imgFrame { opacity:0.5; }
ul.gridBx.bgHover>li:hover .imgFrame { opacity:1.0; }
.gridPicBg { z-index:0; position:relative; width:100%; padding-bottom:60%; background-color:#CCCCCC; overflow:hidden; }
.gridLogo { z-index:1; position:absolute; width:135px; height:135px; top:0; bottom:0; left:0; right:0; margin:auto; }
.gridLogo img { max-width:100%; }
/* grid description */
.gridCvr { cursor:pointer; z-index:10; position:absolute; top:0; bottom:0; left:0; right:0; display:flex; justify-content:center; align-items:center; transition: all 0.5s; }
.gridCvr:hover { background-color:rgba(0,0,0, 0.5); }
.gridMsgBx { position:relative; width:80%; margin:15px 10% 15px 0; }
.gridHeadingBx { position:relative; width:90%; margin:15px 10% 15px 0; }
.gridBrief { text-align:justify; margin-bottom:10px; }
a.gridLblLnk { font-size:30px; font-weight:bold; color:#FFFFFF; text-shadow: 0 0 5px rgba(0,0,0, 0.3); }




/* map info box */
.mapInfBx { position:relative; overflow:hidden; }
.mapInfThb { float:left; width:80px; height:80px; margin-right:10px; background:#F0F0F0; border-radius:5px; overflow:hidden; }
.mapInfDet { float:left; width:280px; text-align:left; padding:2px; }
.mapInfTitle { display:block; font-size:14px; font-weight:bold; padding-bottom:2px; border-bottom:3px #EEEEEE solid; margin-bottom:5px; }
.mapInfAddrs { font-size:12px; line-height:14px; }
.mapInfDet ul.actLst { margin-top:5px; }
.mapInfDet a.lnkMore { font-size:13px; line-height:13px; }

/* NOT FOUND */
h1.notfoundTtl { font-size:82px; line-height:82px; color:#cc4b12; margin-bottom:5px; }
.notfoundSubTtl { font-size:26px; line-height:28px; color:#cc4b12; }
.notfoundMsg { margin:20px 0; }



/* STICKY SCROLL */
.stickyScroll.stickyOn { z-index:600; position:fixed; left:0; right:0; margin:auto; }
.stickyScroll.stickyOff { position:absolute; bottom:0 !important; left:0 !important; }

/* SLIDE PAGING */
.blockPage { position:relative; display:block; margin-bottom:20px; }
.pagingBar { display:block; background-color:#efefef; padding:8px 0; min-height:20px; margin-top:10px; text-align:center; }