/* 
CSS File Last Update : 06 Aug 2024
Project: indojaya.com (Indo Jaya Drivindo)
Website Designed & Coded by: Aditama (pandavamedia.net)
Main colors:
- Background: #FFFFFF; rgba(255,255,255, 1);
- Red Copper: #c66b00; rgba(198,107,0, 1);
- Dark Blue (Title): #2b468a; rgba(43,70,138, 1);
- Bright Blue (Button): #0490be; rgba(4,144,190, 1);
- Darker Brown (Footer Bg): #5d5d5d; rgba(93,93,93, 1);
- Grey: #939597; rgba(147,149,151, 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";
* {
    margin:0;
    padding:0;
	-webkit-font-smoothing:antialiased;
	font-smooth:always;
}
:root {
    --black: #000000;
    --pitch-black: #000000;
	--white: #ffffff;
	--grey: #666666;
	--soft-grey: #999999;
	--c-grey: #CCCCCC;
	--pale-grey: #F0F0F0;
	--yellow: #f4e17d;
	--modal-black: rgba(0,0,0, 0.6);
	--font-family-normal: "Barlow", sans-serif;
	--font-family-heading: "Barlow Condensed", sans-serif;
	--font-family-menu: "Barlow Condensed", sans-serif;
	--font-family-quote: "Crimson Pro", serif;
	--font-weight-normal: 400;
	--font-weight-bold: 700;
	/* theme related */
	--indojy-blue: #0067af;
	--indojy-aqua: #cce1ef;
	--indojy-red: #f2142a;
	--indojy-pale-blue: #c1e6fb;
	--indojy-link: #000000;
	--indojy-link-hover: #0067af;
	--grand-turquoise: #07778E;
	--calm-sage: #BFD9BD;
	--pale-sage: #f2f7f2;
	--room-bar: rgba(204,204,204, 0.8);
}
html { -webkit-text-size-adjust: 100%; }
body {
	position:relative;
	background-color:var(--white);
    font-family:var(--font-family-normal);
    font-optical-sizing: auto;
	font-size:17px;
	letter-spacing:0.25px;
	/*line-height:20px;*/
	line-height:1.3em;
	color:var(--black);
	margin:0;
	padding:0;
	border:0;
	width:100%;
	height: 100%;
	font-weight:var(--font-weight-normal);
	counter-reset: section;
    box-sizing:border-box;
}
#pageBody {
	width:100%;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
}
.boldTxt { font-weight:600; }
form { MARGIN-LEFT: 0px;MARGIN-RIGHT: 0px;MARGIN-BOTTOM: 0px;MARGIN-TOP: 0px }
td,div,p { font-size:inherit; }
input[type=text],input[type=password],input[type=number],textarea,select { 
	font-size:14px;
	line-height:20px; 
	color:#000000; 
	background-color:#FFFFFF; 
	padding:10px;
	border:1px #DDDDDD solid;
	border-radius:2px;
	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:1px #DDDDDD solid !important; background-color:#FFFFFF !important; -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: var(--font-family-normal); 
	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;*/
}
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:var(--indojy-link); 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:var(--indojy-link);text-decoration:none; outline: 0; }
a:hover { color:var(--indojy-link-hover); 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; }
a.openPopUp { display:inline-block; }
a.openPopUp.linkOff { display:none; }
.filterGroup a { display:none; }

h1 { display:block; font-family:var(--font-family-heading); font-size:60px; letter-spacing:0.1px; color:#000000; line-height:1.1em; margin-bottom:25px; font-weight:var(--font-weight-bold); }
h2 { display:block; font-family:var(--font-family-heading); font-size:40px; letter-spacing:0.1px; color:#000000; line-height:1.1em; margin-bottom:25px; font-weight:var(--font-weight-bold); }
h3 { display:block; font-family:var(--font-family-heading); font-size:32px; letter-spacing:0.1px; color:#333333; line-height:1.1em; margin-bottom:20px; font-weight:var(--font-weight-bold); }
h4 { display:block; font-family:var(--font-family-heading); font-size:26px; letter-spacing:0.1px; color:#333333; line-height:1.1em; margin-bottom:20px; font-weight:var(--font-weight-bold); }
h5 { display:block; font-family:var(--font-family-heading); font-size:24px; letter-spacing:0.1px; color:#333333; line-height:1.1em; margin-bottom:10px; font-weight:var(--font-weight-bold); }
h6 { display:block; font-family:var(--font-family-heading); font-size:18px; letter-spacing:0.1px; color:#333333; line-height:1.1em; margin-bottom:10px; font-weight:var(--font-weight-bold); }
h1 sup, h1 sub, 
h2 sup, h2 sub,
h3 sup, h3 sub,
h4 sup, h4 sub,
h5 sup, h5 sub { font-size:0.4em; }
pre { white-space: pre-line; /*white-space: -moz-pre-wrap; white-space: -o-pre-wrap; */word-wrap: break-word; }

* {
    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:10px; background:var(--pale-grey); width:60%; border-radius:5px; font-style:italic; margin:3% auto 3% 0; }
.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:90%; max-width:500px; opacity:0.6; }
.bgContainer { position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover; }
small { font-size:13px; opacity:0.5; }
table { border-collapse: collapse; }
table td { vertical-align:top; }
blockquote { 
  font-size:28px;
  line-height:32px;
  color: #000000;
  text-align:center;
  font-weight:500;
  width:90%;
  margin:auto;
  padding:35px 0;
  quotes: "\201C" "\201D" "\2018" "\2019";
}
blockquote p { margin:0 !important; padding:0 !important; }
.smallNt { font-size:0.9em; line-height:1.4em; font-style:italic; color:var(--grey); }

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.png') 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(191,217,189, 1);
	  }
	  70% {
	      -webkit-box-shadow: 0 0 0 15px rgba(191,217,189, 0);
	  }
	  100% {
	      -webkit-box-shadow: 0 0 0 0 rgba(191,217,189, 0);
	  }
}
@keyframes pulse {
	  0% {
	    -moz-box-shadow: 0 0 0 0 rgba(191,217,189, 1);
	    box-shadow: 0 0 0 0 rgba(191,217,189, 1);
	  }
	  70% {
	      -moz-box-shadow: 0 0 0 15px rgba(191,217,189, 0);
	      box-shadow: 0 0 0 15px rgba(191,217,189, 0);
	  }
	  100% {
	      -moz-box-shadow: 0 0 0 0 rgba(191,217,189, 0);
	      box-shadow: 0 0 0 0 rgba(191,217,189, 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, .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:flex-start; align-items:center; }
.ttlLineFlexRg::after { content:''; flex: 1 1 auto; height:1px; background-color:#CCCCCC; }
.ttlLineFlexRg.dsh::after { background-color:transparent; background-image:url('../../i/bg/bg-dashln-d.png'); }
.ttlLineFlexRg>h1, .ttlLineFlexRg>h2, .ttlLineFlexRg>h3, .ttlLineFlexRg>h4, .ttlLineFlexRg>h5, .ttlLineFlexRg>h6 { z-index:1; display:inline-block; position:relative; margin:0 20px 0 0; line-height:auto; }

/* IMAGE COVER */
.imgWrapper { display:block; width:100%; text-align:center; margin:auto; }
.imgWrapper img { max-width: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 a { display:flex; justify-content: center; align-items: center; }
.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:255px; background:url('../../i/lz-loading.gif') no-repeat center center; }

/* ADD THIS */
.dtlShare {  }
.dtlShare>label { display:block; font-size:12px; font-style:italic; padding:0 3px; opacity:0.6; }
.dtlShare .at-share-btn { margin-right:5px !important; }

/* SLICK ARROW NAV */
.carouselArrwBx { z-index:10; position:absolute; width:35%; top:15%; bottom:13%; }
.carouselArrwBx.bxLf { left:0; }
.carouselArrwBx.bxRg { right:0; }
.carouselArrw { z-index:20; display:none; cursor:pointer; position:absolute; width:34px; height:34px; top:0; bottom:0; margin:auto; border-radius:50%; background-image:url('../../i/icons/icn-crsl-arrw.png'); background-repeat:no-repeat; background-repeat:no-repeat; transition: all 0.5s; opacity:0.7; }
.carouselArrw:hover { background-color:rgba(255,255,255, 0.7); opacity:1.0; }
.arrwPrev { left:0; background-position:0 -49px; }
.arrwNext { right:0; background-position:-49px -49px; }
.carouselArrw.wht:hover { background-color:rgba(0,0,0, 0.7); opacity:1.0; }
.carouselArrw.wht.arrwPrev { background-position:0 0; }
.carouselArrw.wht.arrwNext { background-position:-49px 0; }
.carouselArrw.chevr.arrwPrev { background-position:0 -98px; }
.carouselArrw.chevr.arrwNext { background-position:-49px -98px; }
.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%; 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.slick-slide { 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:-40px; height:20px; width:auto; 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; }
/* ------------------ */

/* OWL CAROUSEL */
.owl-carousel .owl-dots { margin-top:5px; text-align:center; }
.owl-carousel.overlayItm .owl-dots { position:absolute; bottom:10px; left:0; right:0; }
.owl-carousel .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #DDDDDD;
  margin: 0 4px;
}
.owl-carousel .owl-dots button.owl-dot.active {
    width: 20px;
  border-radius: 5px;
  background-color:#E6AC43;
}
.owl-carousel.owl-dots button.owl-dot:focus {
  outline: none;
}

/* SLIDE GALLERY CONTAINER */
/* pic slide */
ul.slideImgLst { position:absolute; left:0; right:0; top:0; bottom:45px; 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; }
/* YOUTUBE/VIDEO CONTAINER */
.videoWide { width:100% !important; height:100% !important; }
.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 { cursor:pointer; z-index:11; position:absolute; width:30px; height:30px; background:url('../../i/icons/icn-sets-sound.png') no-repeat; background-position:0px 0px; bottom:35px; left:30px; 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; }
a.toggleZoomVideo { cursor:pointer; z-index:12; position:absolute; bottom:35px; left:70px; width:30px; height:30px; background:url('../../i/icons/icn-expand.png?x=3387') no-repeat center; opacity:0.5; transition: opacity 0.8s ease-in-out 0s; }
a.toggleZoomVideo:hover { opacity:1.0; }
.videoCapt { z-index:11; position:absolute; bottom:36px; left:7%; padding:5px; color:#FFFFFF; font-size:14px; line-height:16px; font-weight:600; }
.videoCapt>a { color:#FFFFFF; }

/* 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-sets.png?x=1133'); background-repeat:no-repeat; }
i.dvIcn { display:inline-block; line-height:0; vertical-align:top; width:25px; height:25px; }
i.dvIcn.lf { margin-right:6px; margin-left:0; }
i.dvIcn.rg { margin-right:0; margin-left:6px; }
i.dvNvIcn { cursor:pointer; width:30px; height:30px; }
i.dvBigIcn { width:35px; height:35px; margin-top:-7px; margin-right:4px; }
i.dvSmIcn { width:17px; height:17px; }
a.dvLnk { padding:3px 3px 3px 20px; color:#8e9b74; opacity:0.7; }
a.dvLnk:hover { opacity:1.0; }
span.icnSpanFr { display:inline-block; padding:1px 0; }
span.icnSpanSm { display:inline-block; padding:4px 0; }
span.icnSpanFr.ftNote { font-size:0.6em; padding:2px 0; margin-top:5px; }
span.icnSpanBtn { display:inline-block; padding:6px 0; }
.icnLabel { display:flex; justify-content:center; align-items:center; }
/* ---------------------------------------------------------- */
.dvIcn.icnMenu { cursor:pointer; background-position:0 0px !important; }
.dvIcn.icnLocation { cursor:pointer; background-position:-35px 0px !important; }
.dvIcn.icnLnkIn { background-position:0 -62px !important; }
.dvSmIcn.icnDate { background-position:0 -35px !important; }
.dvSmIcn.icnMore { background-position:-35px -35px !important; }
.dvSmIcn.icnPlay { background-position:-35px -62px !important; }
.dvSmIcn.icnListen { background-position:0px -62px !important; }
.dvBigIcn.icnValue { background-position:0px -175px !important; }
/* navigation icon */
.dvNvIcn.icnMnEmail { background-position:-40px 0 !important; }
.dvNvIcn.icnMnWhatsApp { background-position:-80px 0 !important; }

/* 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:34px; height:34px; }
/* ---------------------------------------------------------- */
.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:-42px 0 !important; }
.icnLinkedIn { background-position:-84px 0 !important; }
.icnYoutube { background-position:-126px 0 !important; }
.icnTwitter { background-position:-168px 0 !important; }
.icnTiktok { background-position:-210px 0 !important; }
.icnSpotify { background-position:-252px 0 !important; }
/* ------ */
.dvIcnScMd.blk { background-position-y:-40px !important; }

/* SOCIAL MEDIA CONNECT ICON */
.dvIcnScMdCn { background-image:url('../../i/icons/icn-set-socmed-connect.png?x=1252'); background-repeat:no-repeat; }
i.dvIcnScMdCn { display:inline-block; line-height:0; vertical-align:top; width:25px; height:25px; }
/* ---------------------------------------------------------- */
.icnConnect { background-position:0 0 !important; }
.icnCnInstagram { background-position:-32px 0 !important; }
.icnCnFacebook { background-position:-64px 0 !important; }
.icnCnLinkedIn { background-position:-96px 0 !important; }
.icnCnYoutube { background-position:-127px 0 !important; }
.icnCnTwitter { background-position:-159px 0 !important; }
.icnCnTiktok { background-position:-191px 0 !important; }
.icnCnSpotify { background-position:-223px 0 !important; }

/* LINK MINI ICONS */
.dvIcnLnk { background-image:url('../../i/icons/icn-set-link.png?x=2009'); background-repeat:no-repeat; }
i.dvIcnLnk { float:left; display:inline-block; width:15px; height:15px; margin-top:4px; margin-right:7px; background-position-y:0; }
i.dvIcnLnk.rg { margin-right:0; margin-left:10px; }
i.dvIcnLnk.blu { background-position-y:-46px !important; }
i.dvIcnLnk.blk { background-position-y:-23px !important; }
/* ---------------------------------------------------------- */
.dvIcnLnk.icnMail { background-position-x:0 !important; }
.dvIcnLnk.icnPhone { background-position-x:-23px !important; }
.dvIcnLnk.icnPin { background-position-x:-46px !important; }
.dvIcnLnk.icnRoute { background-position-x:-69px !important; }
.dvIcnLnk.icnMore { background-position-x:-92px !important; }
.dvIcnLnk.icnCheck { background-position-x:-115px !important; }
.dvIcnLnk.icnUrl { background-position-x:-138px !important; }
.dvIcnLnk.icnFind { background-position-x:-161px !important; }
.dvIcnLnk.icnWhatsapp { background-position-x:-184px !important; }
.dvIcnLnk.icnDownload { background-position-x:-207px !important; }
.dvIcnLnk.icnTime { background-position-x:-230px !important; }
.dvIcnLnk.icnInfo { background-position-x:-253px !important; }
.dvIcnLnk.icnReturn { background-position-x:-276px !important; }
.dvIcnLnk.icnSeat { background-position-x:-299px !important; }
.dvIcnLnk.icnSearch { background-position-x:-322px !important; }
.dvIcnLnk.icnPerson { background-position-x:-345px !important; }
.dvIcnLnk.icnBrochure { background-position-x:-368px !important; }
.dvIcnLnk.icnSize { background-position-x:-391px !important; }
.dvIcnLnk.icnBed { background-position-x:-414px !important; }
.dvIcnLnk.icnBath { background-position-x:-437px !important; }
.dvIcnLnk.icnCalendar { background-position-x:-460px !important; }
.dvIcnLnk.icnP { background-position-x:-483px !important; }
.dvIcnLnk.icnPromo { background-position-x:-506px !important; }
.dvIcnLnk.icnDotsVt { background-position-x:-529px !important; }
.dvIcnLnk.icnDotsHr { background-position-x:-552px !important; }
.dvIcnLnk.icnMblMenu { background-position-x:-575px !important; }

/* REVIEW ICON */
.dvIcnRvw { background-image:url('../../i/icons/icn-set-review.png?x=1451'); background-repeat:no-repeat; }
i.dvIcnRvw { display:inline-block; line-height:0; vertical-align:top; width:65px; height:65px; }
.icnRvwTripadvisor { background-position:0 0 !important; }
.icnRvwTraveloka { background-position:-85px 0 !important; }

/* MENU NAVIGATE */
.dvIcnNv { background-image:url('../../i/icons/icn-set-menu.png?x=1451'); background-repeat:no-repeat; }
i.dvIcnNv { display:inline-block; line-height:0; width:30px; height:30px; margin-right:10px; margin-left:0; }
i.dvIcnNv.rg { margin-right:0; margin-left:10px; }
/* ---------------------------------------------------------- */
.icnMenu  { background-position:0 0 !important; }
.icnMenuW  { background-position:-50px 0 !important; }
i.icnDrpArrw { display:inline-block; line-height:0; width:10px; height:10px; background-image:url('../../i/icons/icn-nvarrw.png'); background-repeat:no-repeat; background-position:center; margin-top:3px; margin-left:3px; transition: all 0.5s; }
i.icnDrpArrw.sideDrp { transform:rotate(-90deg); }

/* A LINKS */
a.webLnk { color:#F1CD7C; }
a.webLnk:hover { color:#000000; }
a.icnRead { display:inline-block; position:relative; font-size:0.8em; opacity:0.8; color:#0067af; background:url('../../i/icons/icn-readmore.png') no-repeat right center; white-space:nowrap; padding:0 22px 0 0; line-height:1em; }
a.icnRead:hover { opacity:1.0; }
a.lnkRead { display:inline-block; position:relative; opacity:0.8; font-size:12px; color:#f38139; padding:5px 35px 5px 2px; font-weight:500; background:url('../../i/icons/icn-readmore.png') no-repeat right center; }
a.lnkRead:hover { opacity:1.0; }
a.lnkReadB { display:inline-block; position:relative; font-size:14px; line-height:18px; color:var(--grand-turquoise); padding:1px 0; font-weight:500; font-weight:400; }
a.lnkReadB:hover { color:var(--indojy-blue); }
a.lnkReadY { display:inline-block; position:relative; font-size:14px; line-height:18px; color:var(--indojy-red); padding:1px 0; font-weight:500; font-weight:400; }
a.lnkReadY:hover { color:var(--calm-sage); }
a.lnkReadDw { display:inline-block; position:relative; font-size:14px; line-height:18px; color:#037fb9; padding:1px 20px 1px 0; font-weight:500; font-weight:400; background:url('../../i/icons/icn-arwdw.png') no-repeat right center; }
a.lnkReadDw:hover { color:#F1CD7C; border-bottom:1px #F1CD7C dashed; }
a.lnkDownload { display:inline-block; position:relative; opacity:0.8; font-size:12px; color:#f38139; padding:5px 25px 5px 2px; font-weight:500; background:url('../../i/icons/icn-download.png') no-repeat right center; }
a.lnkDownload:hover { opacity:1.0; }
a.lnkDownloadB { display:inline-block; position:relative; font-size:14px; line-height:18px; color:#037fb9; padding:1px 0; font-weight:500; font-weight:400; }
a.lnkDownloadB:hover { color:#F1CD7C; }
a.btnRead { display:inline-block; position:relative; white-space:nowrap; font-size:12px; font-weight:500; letter-spacing:0.7px; color:#FFFFFF; padding:10px 20px; background:#333333; opacity:0.7; margin-top:20px; border:2px #F38139 solid; 
	-webkit-border-radius: 12px; 
	   -moz-border-radius: 12px; 
					border-radius: 12px;
		-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.btnRead:hover { opacity:1.0; }
a.exprRead { color:#999999; font-size:12px; margin-top:0px !important; opacity:0.7; }
a.exprRead:hover { opacity:1.0; }
a.btnRead.bookRoom { margin-top:0px; background:#FF9900; opacity:0.7; border:2px #F38139 solid; }
a.btnRead.readRoom { margin-top:0px; }
a.lnkRead.readRoom { margin-top:7px; }
a.lnkReadB.readRoom { margin-top:10px; }
a.lnkDownload.downloadMenu { float:right; margin-top:10px; }
a.lnkDownload.downloadDoc { float:right; margin-top:10px; }
a.lnkDownloadB.downloadDoc { float:right; margin-top:10px; }
a.lnkDownload.downloadPage { float:left; margin-top:20px; }
a.btnRead.bookHtlRoom { font-size:14px; color:#000000; background:rgba(243,129,57,0.3); opacity:0.8; margin-top:10px; }
a.btnRead.bookHtlRoom:hover { background:rgba(243,129,57,0.7); color:#FFFFFF; }
a.btnRead.offerRead { font-size:12px; padding:7px 10px 9px 10px; background:#333333; margin-top:0; border:2px #F38139 solid;
	-webkit-border-radius: 10px; 
	   -moz-border-radius: 10px; 
			border-radius: 10px;
}
a.btnBookRoom { display:block; position:relative; white-space:nowrap; font-family: 'Crimson Pro', serif; font-size:15px; letter-spacing:0.7px; color:#FFFFFF !important; font-weight:600; background:#333333; text-align:center; padding:17px; opacity:0.7;
	-webkit-border-radius: 5px; 
	   -moz-border-radius: 5px; 
			border-radius: 5px;
}
a.btnBookRoom:hover { opacity:1.0; }
a.btnBookRoom.bookRoom { padding:12px 17px !important; }
a.btnBookRoom.bookGift { display:inline-block; }
a.btnBookRoom.bookOffer { background:#F38139; }
a.btnBookRoom.buyGiftCard { background:#F1CD7C; }
a.lnkBtmPnl { display:inline-block; font-size:12px; color:#FF9900; font-weight:500; margin-top:10px; opacity:0.8; }
a.lnkBtmPnl:hover { opacity:1.0; }
a.lnkAlert { display:inline-block; font-size:15px; color:#000000; font-weight:400; opacity:0.8; /*padding-left:25px; background:url('../../i/icons/icn-alert.png') no-repeat left center;*/ background-size:contain; }
a.lnkAlert:hover { opacity:1.0; }
a.waContact { display:inline-block; color:var(--indojy-blue); font-weight:bold; background:url('../../i/icons/icn-whatsapp-contact.png') no-repeat left center; padding:2px 2px 2px 32px; margin-top:10px; }
a.waContact:hover { color:#000000; }
/* ---------------------------------------------------------- */

/* PRELOADER */
.preloader { z-index:10000; 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:var(--modal-black); }
	.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-w.png') no-repeat center center; }
	.mdlArea { display:none; position:absolute; top:2%; bottom:2%; left:2%; right:2%; margin:auto; max-width:1000px; max-height:70vh; background:#FFFFFF; border-radius:10px; box-shadow: 1px 1px 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.mdlTeamPage { max-width:900px; max-height:550px; }
.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 { z-index:5; position:absolute; top:3px; right:3px; width:25px; height:25px; background:url('../../i/icons/icn-mdlclose.png') no-repeat center center; opacity:0.5; transition: all 0.5s; }
.btnMdlClose: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.topCol { align-items:flex-start; }
.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.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;
}

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

/* column layout */
.colFix { display:flex; justify-content:center; align-items:center; position:relative; min-height:15vh; width:100%; }
.colFix.vTop { align-items:flex-start !important; }
.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:8px; }
.colCntBx { position:relative; width:70%; }
/* FLIP COLUMN */
.colFix.flip {}
.colFix.flip>.colImgBg { width:50%; padding-bottom:30%; }
.colFix.flip>.colCntBx { width:50%; }
.colFix.flip>.colCntBx .msgBx { margin-left:15%; margin-right:0; width:85%; text-align:justify; }
.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-right:15%; margin-left:0; }
/* column rows */
.colRow { position:relative; margin-top:8vh; }
.colRow.rwBlock { margin-top:13vh; }
.colRow:first-child { margin-top:0; }
/* LIST THUMBNAIL & LABEL */
.lstThumbnl { position:relative; display:block; width:100%; padding-bottom:110%; background-color:#F0F0F0; border-radius:4px; overflow:hidden; margin-bottom:15px; }
label.lstLabel { display:block; font-size:10px; line-height:13px; color:#999999; font-weight:600; margin-bottom:4px; text-transform:uppercase; }
h3.lstTitle, h4.lstTitle, h5.lstTitle, h6.lstTitle { font-size:24px; line-height:24px; font-weight:600; }
.lstBrief { font-size:13px; line-height:17px; color:#666666; margin-bottom:10px; }
/* call action */
ul.actLst { list-style-type:none; position:relative; overflow:hidden; margin-top:25px; display:flex; justify-content:flex-start; align-items:center; padding-top:8px; border-top:1px #DDDDDD solid; }
ul.actLst.noBorder { padding-top:0; border-top:0; }
ul.actLst.btnLst {  }
ul.actLst>li { position:relative; width:auto !important; text-align:left; margin:0 8px; }
ul.actLst.mnLink>li { font-size:20px; line-height:22px; padding:10px 0; margin-left:10% !important; }
ul.actLst>li:last-child { margin-left:auto !important; }
ul.actLst>li:first-child { 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.actLst.stackCol>li:last-child { margin-left:8px !important; }
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; }

/* ABSOLUTE COLUMN */
.colAbs { position:absolute; top:1px; bottom:1px; left:10px; right:10px; gap:30px; }
.colAbs>.colLf { width:43%; }
.colAbs>.colRg { width:57%; }

/* PAGE CONTENT */
.tagBx { margin-bottom:10px; }
.contentTag { position:relative; display:inline-block; white-space:nowrap; padding:2px 2px 2px 12px; color:#44b549; font-size:12px; line-height:12px; font-weight:600; }
.contentTag::before { content:''; position:absolute; left:0; top:0; bottom:0; margin:auto; width:5px; height:5px; border-radius:50%; background-color:rgba(102,102,102, 0.3); }
.contentTag>span { color:#CCCCCC; }
.pageContent { position:relative; }
.topSection { margin-top:100px !important; }
.topSection.topGap { margin-top:70px !important; }
.contentSection { min-height:100px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
/* table style */
.tableWrap { position:relative; width:100%; margin:25px 0; }
.pageContent table { width:100%; }
.pageContent table td { padding:2px 4px; }
.pageContent table tr { width:100%; }
.pageContent table tr:first-child { background-color:#EEEEEE; }
.pageContent table tr:first-child>td { padding:4px; }

/* SECTIONS */
#bigBoxContent {  }
#bigBoxContent.bannerBigCnt { margin-top:-8%; }
#bigBoxContent.noBannerCnt { margin-top:125px; }
#bigBoxContent.noBannerBigCnt { margin-top:125px; min-height:74.4vh; }
#bigBoxContent.noBannerReadCnt { margin-top:125px; min-height:74.4vh; }
#bigBoxContent.pageBannerBigCnt { margin-top:68px; }
#bannerSection { position:relative; z-index:0; height:100vh; }
section.contentBlock { position:relative; width:100%; min-height:100vh; }
section.headingBlock { position:relative; width:100%; margin-top:99px; }
section.headingBlock.stickyBlock { z-index:100; position:sticky !important; top:99px !important; }
section.normalBlock { position:relative; width:100%; }
section.singleBlock { position:relative; width:100%; min-height:78vh; padding:0; }
section.normalBlock.noGap { margin-bottom:0; }
section.bgBlock { display:block; position:relative; width:100%; min-height:250px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
section.pickPromoBlock { position:relative; width:100%; margin-bottom:10px; background:var(--pale-sage); padding:10px 0; }
section.hmRoomTypeBlock { position:relative; width:100%; margin-bottom:10px; background:var(--pale-sage); padding:40px 0; }
section.otherReadBlock { display:block; position:relative; width:100%; margin-top:80px; margin-bottom:10px; padding:10px 0 30px 0; border-top:1px #d1d1d1 solid; }
#subscriptionSection { position:relative; z-index:0; /*margin:6% 0 3% 0;*/margin:3% 0 1% 0; }
#footerFAQSection { position:relative; z-index:0; margin:3% 0 1% 0; }
/* ---------------------------------------------------------- */

/* WRAPPER */
.contentWrap { width:96%; max-width:none; }
.contentWrap.fullWrap { width:100%; max-width:none; }
.contentWrap.readWrap { max-width:1000px; padding:80px 0; }
.contentWrap.detailWrap { max-width:900px; padding:80px 0; }
.contentWrap.blockWrap { padding:80px 0; }
.contentFullWrap { position:relative; width:100%; }
.contentBannerWrap { position:relative; width:100%; min-height:360px; background-color:#000000; }
.contentBannerWrap.cntBnrSm { min-height:300px; }
.pckPromoWrap { z-index:100; position:relative; width:96%; display:flex; justify-content:center; align-items:center; }
.subscribeWrap {}
.footerFAQWrap { width:98%; max-width:1115px; border:2px #CCCCCC dashed; padding:10px;
	-webkit-border-radius: 3px; 
	   -moz-border-radius: 3px; 
					border-radius: 3px;
}
/* ---------------------------------------------------------- */

/* HEADER BAR */
#headerSection { z-index:1000; position:fixed; top:0; padding-bottom:10px; width:100%; transition: all 0.5s; background-color:var(--indojy-blue); }
.headerWrap { z-index:100; position:relative; width:96%; height:100%; /*margin-top:20px;*/margin-top:10px; }
.headerNoteBar { cursor:pointer; z-index:1800; position:fixed; top:0; left:0; right:0; width:100%; height:32px; background:#F1CD7C; }
.headerLine { z-index:600; position:fixed; top:0; left:0; right:0; width:100%; height:0; background:var(--grand-turquoise); }
#headerBar { position:relative; width:100%; }
#headerBar.headNoteBr { top:32px !important; }
#headerBar.basicHeader { 
		/*position:relative;
		padding:30px 0;
		border-bottom:10px #b2b2b2 solid;
		background:#000000 url('../../i/bg/marble-navbar.jpg') center top;
    top:0;
	  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
			 -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
						box-shadow: 0px 0px 3px rgba(0,0,0,0.5);*/
}

/* TOP NAVIGATION */
.headerFlx { width:100%; display:flex; justify-content:center; align-items:center; }
.headerLf { position:relative; width:20%; min-width:150px; margin-right:auto; text-align:left; display:flex; justify-content:flex-start; align-items:center; }
.headerMd { position:relative; width:45%; margin-left:auto; text-align:left; }
.headerRg { position:relative; width:22%; margin-left:auto; text-align:right; }
.headerLogo { position:relative; width:100%; max-width:200px; margin-right:30px; text-align:left; }
.headerLogo img { max-width:100%; } 
.logoBanner { display:none; }
.logoNormal { display:block; }
.headerWrap>.headerLogo { margin-right:0; height:auto; }
.nvBlock { display:inline-block; position:relative; font-weight:500; }
.nvBlock.blockRg { margin-left:auto; margin-top:-2px; }
.nvMobileBtn { display:none; }
ul.nvMenu { display:inline-block; list-style-type:none; margin:8px 0; font-family:var(--font-family-menu); }
ul.nvMenu>li { cursor:pointer; position:relative; display:inline-block; padding:5px; margin:0 5px; font-size:1.5em; letter-spacing:0.7px; opacity:1.0; font-weight:500; }
ul.nvMenu>li:hover>a { color:var(--white); opacity:1.0; }
ul.nvMenu>li>a { color:var(--indojy-pale-blue); white-space:nowrap; }
ul.nvMenu>li>a:hover { color:var(--white); opacity:1.0; }
a.nvArrw { background:url('../../i/icons/icn-nvarwdrop-w.png') no-repeat right center; padding-right:10px; }
a.nvToHome { float:left; margin-top:18px; margin-left:15px; margin-right:5px; display:inline-block; width:24px; height:24px; background:url('../../i/icons/icn-tohome.png') no-repeat center center; opacity:0.7; }
a.nvToHome:hover { opacity:1.0; }
.nvLnkMore { position:relative; cursor:pointer; margin:13px 5px; width:24px; height:24px; background:url('../../i/icons/icn-nvmore.png') no-repeat center center; opacity:0.7; }
.nvLnkMore:hover {  opacity:1.0; }
/* DROP DOWN MENU */
.nvDrop { display:none; z-index:100; position:absolute; left:-5px; top:30px; padding:10px; min-width:80px; text-align:left; background:rgba(0,0,0,0.95); 
	border: 1px rgba(255,255,255,0.2) solid;
	border-radius: 5px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
}
.nvLnkMore>.nvDrop { left:auto; right:-8px; background-position:right top; }
ul.nvSubMenu { list-style-type:none; margin-top:0; }
ul.nvSubMenu>li { cursor:pointer; position:relative; padding:3px 0; font-size:12px; letter-spacing:0.7px; font-weight:bold; }
ul.nvSubMenu>li>a { color:#a2a9b0; white-space:nowrap; }
ul.nvSubMenu>li>a:hover { color:#FFFFFF; }
ul.nvSubMenu>label { display:inline-block; color:#ccc4c1; font-weight:600; margin-top:10px; margin-bottom:5px; border-bottom:1px #999999 dashed; }
ul.nvSubMenu>label:first-child { margin-top:0; }
.nvLnkMore>.nvDrop>ul.nvSubMenu>li { text-align:right; }
/* ICON NAV */
ul.nvIcon { list-style-type:none; display:flex; justify-content:center; align-items:center; gap:15px; }
ul.nvIcon>li { width:30px; height:30px; }
ul.nvIcon>li:hover { filter: brightness(0) invert(1); }

/* STICKY HEADER */
#headerSection.headerSectionBanner { position:fixed; border:0; background-color:transparent; }
#headerSection.headerSectionBanner .logoBanner { display:block; }
#headerSection.headerSectionBanner .logoNormal { display:none; }
#headerSection.headerSectionBanner ul.nvMenu>li>a { color:var(--indojy-pale-blue); }
#headerSection.headerSectionBanner ul.nvMenu>li>a:hover { color:var(--white); }
#headerSection.headerSectionBanner ul.nvMenu.menuBooking a { color:var(--indojy-pale-blue); }
#headerSection.headerSectionBanner ul.nvMenu.menuBooking:hover a { color:var(--calm-sage); }
#headerSection.headerSectionBanner a.nvArrw { background-image:url('../../i/icons/icn-nvarwdrop-w.png'); }	
#headerSection.headerSectionBanner a.btnMainNav { background-image:url('../../i/icons/icn-mnav.png'); }
#headerSection.stickyHeader { /*height:63px !important;*/ background-color:var(--indojy-blue); position: fixed; top:0; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); }
#headerSection.stickyHeader .logoBanner { display:none; }
#headerSection.stickyHeader .logoNormal { display:block; }	
#headerSection.stickyHeader ul.nvMenu>li>a { color:var(--indojy-pale-blue); }
#headerSection.stickyHeader ul.nvMenu>li>a:hover { color:var(--white); }
#headerSection.stickyHeader a.nvArrw { background-image:url('../../i/icons/icn-nvarwdrop-w.png'); }
#headerSection.stickyHeader a.btnMainNav { background-image:url('../../i/icons/icn-mnav-b.png'); }	

#headerSection.cmsHeader>#headerBar.stickyHeader, #headerSectionBanner.cmsHeader>#headerBar.stickyHeader { top:22px; }

/* MOBILE SLIDE NAVIGATION V2 */
a.btnMainNav { display:inline-block; width:30px; height:30px; margin:7px 30px 0 0; background:url('../../i/icons/icn-mnav.png') no-repeat left center; opacity:0.7; }
a.btnMainNav:hover { opacity:1.0; }
.nvSlideBx { z-index:500; display:none; position:absolute; top:0; bottom:0; left:0; margin:0; height:100vh; min-width:33%; background:rgba(255,255,255, 1.0); border-right:1px var(--pale-grey) solid; }
a.nvSlideClose { display:inline-block; position:absolute; width:25px; height:30px; left:2vw; top:35px; background:url('../../i/icons/icn-mnav-x.png') no-repeat center; opacity:0.7; }
a.nvSlideClose:hover { opacity:1.0; }
.nvSlideArea { position:absolute; top:10px; bottom:20px; left:5.8vw; right:12%; overflow-y:auto; text-align:left; }
.nvSlideLogo { position:relative; float:left; width:60%; max-width:172px; text-align:left; }
.nvSlideLogo img { max-width:100%; }
.nvSlideCnt { position:absolute; top:75px; left:0; right:0; bottom:0; text-align:left; }
.nvSlideNav { overflow:hidden; margin-bottom:20px; }
ul.nvSlideLnk { list-style-type:none; float:left; width:60%; margin-bottom:18px;  }
ul.nvSlideLnk>li { font-family:var(--font-family-heading); font-size:15px; margin:8px 0; font-weight:600; }
ul.nvSlideLnk>li a { color:var(--black); }
ul.nvSlideLnk>li a:hover { color:var(--indojy-red); }
ul.nvSlideLnk.rgLnk { float:right; width:37%; }
ul.nvSlideLnk.sideLnk>li { font-size:15px; font-weight:500; margin:5px 0; }
ul.nvSlideLnk>li.homeLnk a { color:#033C5A; }
/* NAVIGATION BOTTOM NOTE */
.nvSlideFt { display:block; font-size:13px; line-height:18px; border-top:3px #EEEEEE solid; padding:30px 0; }
.nvSlideFt>label { display:block; font-family:var(--font-family-heading); font-size:18px; line-height:22px; font-weight:bold; margin-bottom:12px; }
.nvSlideFt>span { display:block; font-weight:normal; }
a.nvSlideBkBtn { display:inline-block; font-family:var(--font-family-heading); font-size:14px; color:#FFFFFF; font-weight:bold; background:#333333; padding:10px 25px; opacity:0.7; 
	-webkit-border-radius: 5px; 
	   -moz-border-radius: 5px; 
			border-radius: 5px;
}
a.nvSlideBkBtn:hover { opacity:1.0; }
/* ---------------------------------------------------------- */

/* V2. FOOTER BAR */
#footerSection { display:block; position:relative; width:100%; background:var(--indojy-pale-blue); padding:10px 0; }
.footerWrap { position:relative; width:96%; display:flex; justify-content:center; align-items:flex-start; }
.footerWrap.swap { flex-direction:row-reverse; }
.footerRow { padding:20px 0; }
.footerRow.icnRow { padding:10px 0; }
.footerRow.icnRow .footerWrap { align-items:center; }
.footerLf { position:relative; width:20%; margin-right:auto; }
.footerRg { position:relative; margin-left:auto; width:70%; text-align:right; }
.copyright { color:var(--black); font-size:0.9em; }
a.pdvLnk { color:var(--indojy-pale-blue); }
.icnToTop { cursor:pointer; float:right; width:36px; height:36px; background:url('../../i/icons/v2-icn-top.png') no-repeat center center; opacity:0.6; }
.icnToTop:hover { opacity:1.0; }
/* FOOTER SOCIAL MEDIA */
ul.ftSocMed { list-style-type:none; display:flex; justify-content:flex-start; align-items:center; gap:7px; }
ul.ftSocMed>li { cursor:pointer; width:25px; height:25px; opacity:0.8; transition: all 0.5s; }
ul.ftSocMed>li:hover { opacity:1.0; }
/* BANNER FOOTER */
#footerSection.bnrFooter { z-index:1000; transition: all 0.5s; }
#footerSection.bnrFooter.showFtr { position:fixed !important; bottom:0; left:0; right:0; background-color:rgba(0,0,0, 0.3); transition: all 0.5s; padding:0; }
#footerSection.bnrFooter.showFtr i.dvIcnScMdCn { background-position-y:-35px !important; }
#footerSection.bnrFooter.showFtr .footerRg { text-align:left !important; }
#footerSection.bnrFooter.showFtr .copyright { color:var(--white); }
/* BOTTOM PAGE */
.footerBgBx { width:100%; padding-bottom:10%; }
/* ---------------------------------------------------------- */

/* BANNER VIDEO */
.bannerVid { z-index:10; }
/* 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:35px; left:30px; 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; }
.videoCapt { z-index:11; position:absolute; bottom:36px; left:7%; padding:5px; color:#FFFFFF; font-size:14px; line-height:16px; font-weight:600; }
.videoCapt>a { color:#FFFFFF; }
/* VIDEO BANNER */
.videoFrame { background-color:#FFFFFF !important; }
.bannerVideo { 
	/* Make video to at least 100% wide and tall */
  min-width: 100%; 
  min-height: 100%; 
  
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;
  
  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%); 
}
/*.vidPlay { cursor:pointer; z-index:1000000; width:55px; height:55px; position:absolute; bottom:40%; left:0; right:0; margin:auto; background:url('../../i/icons/icn-play.png') no-repeat center center; background-size:contain; opacity:0.4; 
		-webkit-transition: all 0.5s;
			 -moz-transition: all 0.5s;
				-ms-transition: all 0.5s;
				 -o-transition: all 0.5s;
						transition: all 0.5s;
}*/
.vidPlay { cursor:pointer; width:130px; height:40px; margin:auto; background:url('../../i/icons/icn-play4.png') no-repeat center center; opacity:0.6; 
		-webkit-transition: all 0.5s;
			 -moz-transition: all 0.5s;
				-ms-transition: all 0.5s;
				 -o-transition: all 0.5s;
						transition: all 0.5s;
}
.vidPlay:hover { opacity:0.8; }
.vidPlay.playAlone { margin-top:100px; }
.videoImage { display:none; }
.vidContent { z-index:1000; position:absolute; font-family: 'Crimson Pro', serif; float:left; font-weight:600; width:88%; max-width:500px; display:flex; justify-content: center; align-items: center; left:0; right:0; top:30%; margin:auto; text-align:center; }
ul.vidCntLst { list-style-type:none; }
ul.vidCntLst>li { text-align:center; }
ul.vidCntLst>li.vidLogo { text-align:center; margin-bottom:50px; }
ul.vidCntLst>li.vidLogo img { max-width:100%; margin:auto; }
ul.vidCntLst>li.vidLoc { margin-top:5px; }
ul.vidCntLst>li.vidButton { margin-top:10px; }
/* ---------------------------------------------------------- */
/* BX SLIDER */
.bannerMain .bx-wrapper .bx-pager { z-index:52; width:auto; right:2%; bottom:6%; }
.bannerMain.cntBanner .bx-wrapper .bx-pager { bottom:7% !important; }
.bannerMain .bx-wrapper .bx-pager.bx-default-pager a {
	float:left;
	border: 1px rgba(0,0,0,0.2) solid;
	background: #FFFFFF;
	text-indent: -9999px;
	/*display: block;*/
	width: 8px;
	height: 8px;
	margin: 0 3px;
	outline: 0;
	opacity:0.8;
	-webkit-border-radius: 50%;
		 -moz-border-radius: 50%;
					border-radius: 50%;
		-webkit-transition: all 0.3s;
			 -moz-transition: all 0.3s;
				-ms-transition: all 0.3s;
				 -o-transition: all 0.3s;
						transition: all 0.3s;
}
.bannerMain .bx-wrapper .bx-pager.bx-default-pager a:hover {
	opacity:1.0;
	background: #FFFFFF;
}
.bannerMain .bx-wrapper .bx-pager.bx-default-pager a.active {
	border: 1px rgba(0,0,0,0.2) solid;
	background: #f1cd7c;
	width: 25px;
	opacity:1.0;
	-webkit-border-radius: 5px;
		 -moz-border-radius: 5px;
					border-radius: 5px;
}
.bannerMain .bx-wrapper a {
		-webkit-transition: all 0.5s;
			 -moz-transition: all 0.5s;
				-ms-transition: all 0.5s;
				 -o-transition: all 0.5s;
						transition: all 0.5s;
}
.bannerMain .bx-wrapper .bx-prev {
  left: 2%;
  top:46%;
  width:40px; height:40px;
  background: url('../../i/icons/icn-bnrm-control.png') no-repeat 0 0;
  opacity:0.5;
}
.bannerMain .bx-wrapper .bx-next {
  right: 2%;
  top:46%;
  width:40px; height:40px;
  background: url('../../i/icons/icn-bnrm-control.png') no-repeat -45px  0;
  opacity:0.5;
}
.bannerMain .bx-wrapper .bx-prev:hover { opacity:1.0; } 
.bannerMain .bx-wrapper .bx-next:hover { background-position: -45px  0; opacity:1.0; }
.bannerMain .bx-wrapper .bx-prev:focus { background-position: 0  0; }
.bannerMain .bx-wrapper .bx-next:focus { background-position: -45px  0; }
/* ---------------------------------------------------------- */

/* V3. HEADER BANNER */
#headBanner { z-index:100; position:relative; width:100%; box-shadow: 0 0 28px 0 rgba(0,0,0, 0.5); }
#headBanner.bnrHeader { box-shadow: 0 0 28px 0 rgba(0,0,0, 0.2); }
.bannerWrap { z-index:1; position:relative; width:100%; height:100vh; 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:''; z-index:100; position:absolute; top:-30px; left:-30%; right:-30%; height:5px; background-color:transparent !important; box-shadow: 0 20px 120px 190px rgba(0,0,0, 0.7); }
.bannerShdw { z-index:100; position:absolute; top:0; height:18%; min-height:130px; left:0; right:0; background-image:linear-gradient(rgba(0,0,0, 1),rgba(0,0,0, 0)); }
.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; }
/* 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; }
ul.bannerLst.owl-carousel .owl-item>li { display:none; position:relative; width:100%; height:100vh; display:flex; justify-content:center; align-items:center; }
ul.bannerLst.owl-carousel .owl-dots { position:absolute; bottom:0; top:0; right:2.2%; height:60vh; margin:auto; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:10px; }
ul.bannerLst.owl-carousel .owl-dots button.owl-dot { width:13px; height:13px; border:2px #c1e6fb solid; background-color:#000000; }
ul.bannerLst.owl-carousel .owl-dots button.owl-dot.active { width:13px; height:13px; border-radius: 50%; border:0; background-color:#f2142a; }
.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; }
.bannerBx.left { margin-right:auto; margin-left:12%; max-width:500px; text-align:left; }
.bannerBx.right { margin-left:auto; margin-right:12%; max-width:500px; text-align:left; }
h2.bannerTtl { font-size:4.0em; line-height:0.8em; color:var(--black); font-weight:700; text-shadow: 2px 2px rgba(255,255,255, 0.5); margin-bottom:15px; }
.bannerBrief { font-size:1.1em; line-height:1.2em; }
a.bannerBtn { display:inline-block; background-color:#dd0000; border:2px #c1e6fb solid; border-radius:10px; color:#FFFFFF; padding:8px 20px; text-align:center; min-width:120px; font-weight:bold; margin-top:20px; }
/* 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%; }
.popBnrImg.owl-carousel { width:410px !important; }
.popBnrImg img { max-width:100% !important; max-height:100% !important; object-fit: cover; }
.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; }
/* PULSE BUTTON */
.pulse {
	z-index:100; position:absolute; left:0; right:0; bottom:10%; margin:auto;
  /*margin:100px;*/
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: url('../../i/scrollmore2.png') no-repeat center center;
  background-size:contain;
  /*border:2px #FFFFFF solid;*/
  cursor: pointer;
  box-shadow: 0 0 0 rgba(255,255,255, 0.6);
  animation: pulse 2s infinite;
}
.pulse:hover {
  animation: none;
  width: 36px;
  height: 36px;
  border:1px #FFFFFF solid;
  background-color:rgba(255,255,255, 0.3);
}

/* HOME BIG LINKS */
ul.lnkColBig { width:100%; list-style-type:none; grid-column-gap:0; grid-row-gap:0; margin-top:0; }
ul.lnkColBig>li { background-color:#000000; }
.bigLnkBx { position:relative; width:100%; padding-bottom:50%; }
.bigLnkArea { z-index:1; position:absolute; top:0; bottom:0; left:0; right:0; display:flex; justify-content:center; align-items:center; text-align:center; }
.bigLnkArea h4 { font-size:2.6em; line-height:0.9em; color:var(--white); text-shadow: 1px 1px rgba(0,0,0, 0.5); }
.bigLnkBg { z-index:0; position:absolute; top:0; bottom:0; left:0; right:0; transition: all 0.5s; }
ul.lnkColBig>li:hover .bigLnkBg { opacity:0.6; }
a.bigLnkBtn { display:inline-block; font-family:var(--font-family-heading); color:var(--black); font-size:20px; font-weight:normal; border:2px #257dbb solid; background-color:#FFFFFF; border-radius:5px; padding:6px 20px 8px 20px; }

/* HOME UPDATES */
.hmUpdatesCol>.colFixLf { width:40%; }
.hmUpdatesCol>.colFixRg { width:60%; }
.hmUpdatesWrap { position:relative; text-align:left; width:90%; max-width:800px; }
.hmUpdatesWrap>h3 { color:var(--indojy-red); font-size:38px; margin-bottom:40px; }
ul.hmUpdatesLst { list-style-type:none; }
ul.hmUpdatesLst.owl-carousel .owl-item>li {}
h5.ttlUpdates { font-family:var(--font-family-normal); font-size:1.4em; font-weight:600; margin-bottom:15px; }
.brfUpdates { font-size:1.0em; }
ul.hmUpdatesLst a.icnRead { margin-top:10px; }

/* PAGE HEADING */
.pgHeadingBx { margin-right:auto; background-color:rgba(0,0,0, 0.7); padding:30px; min-height:200px; width:90%; max-width:400px; }
.pgHeadingCnt { position:relative; text-align:left; margin-right:auto; }
.pgHeadingCol {  }
.pgHeadingCol.colFix { align-items:flex-start; }
.pgHeadingCol.colFix>.colFixLf { width:38%; text-align:left; margin-top:15px; }
.pgHeadingCol.colFix>.colFixRg { width:55%; text-align:left; }
h1.pgTitle { position:relative; font-size:3.6em; color:var(--white); }
h2.pgTitle { font-size:2.6em; display:inline-block; color:var(--black); border-bottom:9px var(--indojy-red) solid; padding-bottom:15px; }
.pgBrief { color:var(--white); font-size:1.1em; line-height:1.2em; }
.pgHeadingBx.barLine { background-color:transparent;  max-width:450px; min-height:auto; padding:30px 0 0 0; }
.pgHeadingBx.barLine h1.pgTitle { color:var(--black); line-height:0.78em; padding:0 0 0 25px; }
.pgHeadingBx.barLine h1.pgTitle::before { content:''; position:absolute; width:10px; left:0; top:0; bottom:0; background-color:var(--indojy-red); }
.pgHeadingBx.barLine .pgBrief { color:var(--black); }
.pgHeadingBx.fullHeading { max-width:none !important; }
.headPic { position:relative; width:100%; padding-bottom:65%; background-color:#EEEEEE; margin-top:30px; overflow:hidden; border-radius:10px; }

/* PAGE CONTENT */
.pgContentRw { margin-top:50px; }
.pgContentRw:first-child { margin-top:0; }
/* ABOUT US POINTS */
ul.lstPointsBx { list-style-type:none; grid-column-gap:25px; grid-row-gap:25px; }
ul.lstPointsBx>li { background-color:var(--indojy-aqua); }
.ptsArea { padding:20px; display:flex; justify-content:center; align-items:flex-start; }
.ptsIcon { width:15%; margin-right:auto; }
.ptsCnt { width:80%; margin-left:auto; }
.ptsCnt>h6 { font-family:var(--font-family-normal); font-size:26px; margin-bottom:15px; }
/* side image */
ul.sdImgList { list-style-type:none; }
ul.sdImgList li { position:relative; width:100%; padding-bottom:62%; overflow:hidden; }
.owl-item { height:100% !important; }

/* CONTACT US */
.mapCol { display:block; position:relative; height:78.5vh; }
.contactCol { width:80%; text-align:left; }
ul.contactLst { list-style-type:none; }
ul.contactLst>li { margin-bottom:13px; display:flex; justify-content:flex-start; align-items:center; }

/* PRODUCTS */
ul.lstPrdNv { width:100%; list-style-type:none; grid-column-gap:0; grid-row-gap:0; margin-top:0;  }
ul.lstPrdNv>li { cursor:pointer; background-color:#FFFFFF; border-bottom:10px var(--indojy-aqua) solid; }
ul.lstPrdNv>li .bigLnkBx { padding-bottom:26%; }
ul.lstPrdNv>li .bigLnkArea { margin-top:40px; }
ul.lstPrdNv>li .bigLnkArea h4 { font-size:40px; color:var(--soft-grey); text-shadow: 1px 1px rgba(255,255,255, 0.5); transition: all 0.5s; }
ul.lstPrdNv>li:hover .bigLnkArea h4 { color:var(--black); }
ul.lstPrdNv>li .bigLnkBg { opacity:0.3; }
/* selected link */
ul.lstPrdNv>li.clickIn { cursor:normal; border-bottom:10px var(--indojy-red) solid; background-color:#000000; }
ul.lstPrdNv>li.clickIn .bigLnkBg { opacity:0.4; }
ul.lstPrdNv>li.clickIn .bigLnkArea h4 { color:var(--white); text-shadow: 1px 1px rgba(0,0,0, 0.5); }
/* PRODUCT LIST */
ul.lstProduct { width:100%; list-style-type:none; grid-column-gap:0; grid-row-gap:0; margin-top:0; grid-template-columns:repeat(3, 1fr); }
ul.lstProduct>li { border-right:1px var(--indojy-aqua) solid; border-bottom:1px var(--indojy-aqua) solid; min-height:50px; }
ul.lstProduct>li:nth-child(3n) { border-right:0; }
ul.lstProduct>li:nth-last-child(-n+3) { border-bottom:0; }
/*ul.lstProduct>li:nth-last-child(-n+3) { border-bottom:0; }*/
.lsPrdArea { display:block; padding:10% 8%; text-align:left; }
.lsPrdThumb { position:relative; width:100%; padding-bottom:70%; margin:0 auto 20px auto; }
.lsPrdCnt { position:relative; width:85%; margin:auto; }
h3.lsPrdName { display:block; font-family:var(--font-family-normal); font-size:1.4em; margin-bottom:10px; font-weight:600; }
.lsPrdBrf { margin-bottom:15px; font-size:0.95em; line-height:1.1em; }
.lsPrdBrf ul, .lsPrdBrf ol { margin-left:18px; }
/* PRODUCT FILTER */
.fltrBx { display:inline-block; border-top:1px var(--indojy-aqua) solid; padding:10px 20px; margin-top:50px; }
ul.lstFilter { list-style-type:none; gap:10px; }
ul.lstFilter>li { padding:6px 0; font-family:var(--font-family-heading); border-bottom:3px transparent solid; margin-right:20px; font-size:24px; font-weight:bold; }
ul.lstFilter>li:last-child { margin-right:0; }
ul.lstFilter>li a { color:var(--soft-grey); }
ul.lstFilter>li.clickIn { border-bottom:3px var(--indojy-red) solid; }
ul.lstFilter>li.clickIn a { color:var(--indojy-red); }
ul.lstFilter>li.fltrIcon { width:50px; height:35px; margin:0; padding:0; background:url('../../i/icons/icn-filter.png') no-repeat center; }

/* CONTENT BLOCK */
.pageCntBlock { position:relative; margin-bottom:0; height:100%; }
.pageCntPart { display:block; width:100%; text-align:justify; margin-top:10px; }
.pageCntPart:first-child { margin-top:0; }
.pageCntPart ul, .pageCntPart ol { margin-left:18px; margin-top:5px; margin-bottom:5px; }
.pageContent { padding:5px 0; margin-bottom:20px; text-align:justify; }
.pageContent:last-child { margin-top:0; }
.pageContent h3 { font-size:22px; line-height:26px; font-weight:bold; margin:20px 0 12px 0; }
.pageContent ul,ol { margin-left:18px; }
.pageContent img { max-width:100%; width:100%; }

/* PRODUCT DETAIL */
.prdCol>.colLf { width:43%; }
.prdCol>.colRg { width:57%; align-self:stretch; border-left:1px var(--indojy-aqua) solid; overflow-y:auto; }
.prdColArea { padding:30px 10px 10px 20px }
.prdCntBx { position:relative; width:90%; text-align:left; }
h1.prdTitle { font-family:var(--font-family-normal); font-size:30px; }
.prdDetail { position:relative; }
.prdDetail table { width:100%; margin:20px 0; }
.prdDetail table td { padding:3px 5px; font-size:0.95em; border:1px #999999 solid; }
/* product pic */
ul.prdPicLst { list-style-type:none; width:94%; }
ul.prdPicLst.owl-carousel .owl-item>li {}

/* BLOG LIST */
.blogWrap { max-width:1200px; }
ul.lstBlog { width:100%; list-style-type:none; grid-column-gap:50px; grid-row-gap:50px; margin-top:50px; grid-template-columns: repeat(3, 1fr); }
ul.lstBlog:first-child { margin-top:0; }
ul.lstBlog>li { border:1px var(--c-grey) solid; min-height:50px; border-radius: 5px; overflow:hidden; }
/* list content */
.lstBlogArea { display:block; padding:0; text-align:center; }
.lstBlogThumb { position:relative; width:100%; padding-bottom:70%; margin:0 auto; }
.lstBlogCnt { position:relative; padding:15px; text-align:left; }
h5.lstBlogTtl { display:block; font-family:var(--font-family-normal); font-size:1.2em; line-height:1.2em; margin-bottom:10px; font-weight:600; }
.lstBlogBrf { margin-bottom:15px; font-size:0.95em; line-height:1.1em; }
/* BLOG READ */
.pgHeadingBx.readHeading { max-width:none !important; margin-bottom:30px; }
.readRow { display:block; position:relative; width:100%; min-height:20vh; padding:25px 0; }
.readCol { overflow:hidden; }
.readColCnt { position:absolute; top:0; bottom:0; left:0; width:43%; text-align:left; }
.readColImg { position:relative; float:right; width:47%; height:0; padding-bottom:50%; background-color:#DDDDDD; background-repeat:no-repeat; background-position:center center; background-size:cover; 
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
}
.readColImg.imgLf { float:left; }
.readColImg img { max-width:100%; }
.readColMsg { width:100%; }
.readColMsg>label { display:block; font-size:14px; line-height:14px; font-weight:400; margin-bottom:12px; }
.readColMsg>h2 { font-size:32px; line-height:36px; margin-bottom:30px; }
.readColBrief { margin-bottom:25px; text-align:justify; }
.readMdTxt { width:80%; text-align:justify; margin:50px 0; }
h1.readTitle { position:relative; font-size:2.4em; color:var(--black); font-weight:500; }
.readBrief { font-style:italic;  }
.detlContentBx { display:block; position:relative; }
.detlRwBx { position:relative; padding-bottom:20px; }
/* ---------------------------------------------------------- */


/* MOBILE SETUP */
.tagMobile { display:none; }
#mobileNav { display:none; }
.mobileOnly { display:none; }
h3.sliderOfferTitle { display:none; }

/* NOT FOUND */
.notfoundPic { display:inline-block; border-radius:5px; overflow:hidden; margin-bottom:20px; }
h1.notfoundTtl { font-size:30px; line-height:32px; color:#cc4b12; font-weight:bold; margin-bottom:5px; text-align:center !important; }
.notfoundSubTtl { font-size:22px; line-height:24px; color:#cc4b12; }
.notfoundMsg { margin:10px 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; }

/* 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.4); }
.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:30px; 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:32px; line-height:34px; background:#FFFFFF; padding-bottom:5px; padding-right:30px; }
	.frmBxScrl { position:absolute; top:90px; bottom:0; left:0; right:0; overflow-y:auto; }
	.frmBxScrl::-webkit-scrollbar {
        height: 12px;
        width: 5px;
        background:rgba(153,153,153, 0.1);
    }
    .frmBxScrl::-webkit-scrollbar-thumb {
        background: #CCCCCC;
        -webkit-border-radius: 2ex;
    }
    .frmBxScrl::-webkit-scrollbar-corner {
        background: rgba(0,0,0, 0.7);
    }
	.frmPic { position:relative; overflow:hidden; border-radius:5px; }
	.frmPic  img { max-width:100%; }
	.frmBrief { display:block; text-align:left; padding:5px; margin-bottom:10px; }
	.frmContent { display:block; padding:5px; }
	.frmCntRow { text-align:justify; }
	.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:13px; padding:0 5px; opacity:0.8; }
ul.frmLst>li.frmButton { padding:20px 0; }
.frmCheckbx label { display:inline-block; float:left; margin:5px 15px 5px 0; 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:#d1ae6c; border:1px #d1ae6c solid; border-radius:3px; padding:10px 15px 8px 15px; font-size:15px; line-height:15px; 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; }