/* 
CSS File Last Update : 01 April 2026
Project: kappasensesubud.com (Kappa Senses Ubud)
Website Designed & Coded by: Aditama (pandavamedia.net)
Main colors:
- Background: #FFFFFF; rgba(255,255,255, 1);
- Onyx Black (header): #2b272b; rgba(43,39,43, 1);
- Light blue (links content): #4cc9f0;
- Gold: #ddb228 rgba(221,178,40, 1);
Left-right margin from screen : 5%
Desktop max width: width:96%; max-width:1305px;
Mobile max width: 96%;
*/
/*html { height: 100%; }*/
@charset "UTF-8";
@font-face {
	font-family: 'Kollektif';
	src: url('fonts/kollektif.ttf') format('truetype');
}
@font-face {
	font-family: 'KollektifBold';
	src: url('fonts/kollektif-bold.ttf') format('truetype');
}
html { -webkit-text-size-adjust: 100%; }
body {
	position:relative;
	background-color:#111111;
	font-family: 'Abel', sans-serif;
	-webkit-font-smoothing:antialiased;
	font-smooth:always;
	font-size:16px;
	letter-spacing:0.2px;
	line-height:20px;
	color:#000000;
	margin:0;
	padding:0;
	border:0;
	width:100%;
	height: 100%;
	font-weight:400;
}
#pageBody {
	width:100vw; height:100vh;
}
.boldTxt { font-family: 'Abel', sans-serif; font-weight:500; }
form { MARGIN-LEFT: 0px;MARGIN-RIGHT: 0px;MARGIN-BOTTOM: 0px;MARGIN-TOP: 0px }
td,div,p { font-family: 'Abel', sans-serif; font-size:inherit; }
input[type=text],input[type=password],input[type=number],textarea,select { 
	font-family: 'Abel', sans-serif; 
	font-size:16px;
	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: 'Abel', 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;*/
}
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:#4cc9f0; 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:#4cc9f0;text-decoration:none; outline: 0; }
a:hover { color:#FFFFFF; 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; }
sup { font-size:13px !important; }

h1 { display:block; font-family: 'Kollektif', sans-serif; font-size:42px; line-height:40px; letter-spacing:0.8px; color:#000000; margin-bottom:25px; font-weight:500; }
h2 { display:block; font-family: 'Kollektif', sans-serif; font-size:30px; line-height:30px; letter-spacing:0.8px; color:#000000; margin-bottom:25px; font-weight:500; }
h3 { display:block; font-family: 'Kollektif', sans-serif; font-size:22px; line-height:26px; letter-spacing:0.8px; color:#000000; margin-bottom:10px; font-weight:500; }
h4 { display:block; font-family: 'Kollektif', sans-serif; font-size:20px; line-height:22px; letter-spacing:0.8px; color:#000000; margin-bottom:10px; font-weight:500; }
h5 { display:block; font-family: 'Kollektif', sans-serif; font-size:18px; line-height:20px; letter-spacing:0.8px; color:#000000; margin-bottom:10px; font-weight:500; }
h6 { display:block; font-family: 'Kollektif', sans-serif; font-size:16px; line-height:18px; letter-spacing:0.8px; color:#000000; margin-bottom:10px; font-weight:500; }

* {
    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; }
.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 { position:absolute; top:0; bottom:0; left:0; right:0; }
.noRecordsCnt { width:90%; max-width:350px; color:#888888; }
.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 fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}
@keyframes blink {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-moz-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}
@-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 fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}
@-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 fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}
@-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 fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}
@-o-keyframes blink {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes pulse {
	  0% {
	    -webkit-box-shadow: 0 0 0 0 rgba(221,178,40, 1);
	  }
	  70% {
	      -webkit-box-shadow: 0 0 0 10px rgba(221,178,40, 0);
	  }
	  100% {
	      -webkit-box-shadow: 0 0 0 0 rgba(221,178,40, 0);
	  }
}
@keyframes pulse {
	  0% {
	    -moz-box-shadow: 0 0 0 0 rgba(221,178,40, 1);
	    box-shadow: 0 0 0 0 rgba(221,178,40, 1);
	  }
	  70% {
	      -moz-box-shadow: 0 0 0 10px rgba(221,178,40, 0);
	      box-shadow: 0 0 0 10px rgba(221,178,40, 0);
	  }
	  100% {
	      -moz-box-shadow: 0 0 0 0 rgba(221,178,40, 0);
	      box-shadow: 0 0 0 0 rgba(221,178,40, 0);
	  }
}

/* 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: 'Abel', sans-serif; !important; font-size:14px !important; }
/* ICON SET */
.dvIcn { background-image:url('../../i/icons/icn-set.svg?x=1708'); background-repeat:no-repeat; }
.dvIcnPng { background-image:url('../../i/icons/icn-set.png?x=1708'); background-repeat:no-repeat; }
i.dvIcn { display:inline-block; line-height:0; vertical-align:top; width:25px; height:25px; }
i.dvBigIcn { width:35px; height:35px; margin-top:-7px; margin-right:4px; }
i.dvSmIcn { display:inline-block; line-height:0; vertical-align:top; width:19px; height:19px; }
i.dvFlgIcn { width:32px; height:21px; }
a.dvLnk { padding:3px 3px 3px 20px; color:#8e9b74; opacity:0.7; }
a.dvLnk:hover { opacity:1.0; }
/* ---------------------------------------------------------- */
.dvIcn.icnMenu { cursor:pointer; background-position:0 5px !important; }
.dvIcn.icnShare { background-position:0 -45px !important; }
.dvIcn.icnNvWhatsapp { background-position:0px -46px !important; }
.dvIcn.icnNvEmail { background-position:0px -150px !important; }
.dvIcn.icnNvLocation { background-position:0px -97px !important; }
.dvIcn.icnBack { background-position:0px -244px !important; width:35px; height:25px; }
.dvIcn.icnClose { background-position:-42px -249px !important; width:18px; height:18px; }
/* png style */
.dvIcnPng.icnMenu { cursor:pointer; background-position:0 0px !important; }
.dvIcnPng.icnShare { background-position:0 -45px !important; }
.dvIcnPng.icnNvWhatsapp { background-position:0px -52px !important; }
.dvIcnPng.icnNvEmail { background-position:0px -156px !important; }
.dvIcnPng.icnNvLocation { background-position:0px -104px !important; }
.dvIcnPng.icnBack { background-position:0px -249px !important; width:35px; height:25px; }
.dvIcnPng.icnClose { background-position:-42px -249px !important; width:18px; height:18px; }
/* icon flags */
.dvIcn.icnLngEn { background-position:0px -206px !important; }
.dvIcn.icnLngFr { background-position:-42px -206px !important; }
/* ---------------------------------------------------------- */
/* FIELD ICONS */
.dvIcnForm { background-image:url('../../i/icons/icn-set-form.png?x=1423'); background-repeat:no-repeat; }
/* ---------------------------------------------------------- */
.icnFldDate { background-position:100% 0px !important; }
.icnFldGuest { background-position:100% -50px !important; }
.icnFldChild { background-position:100% -250px !important; }
.icnFldPromo { background-position:100% -100px !important; }
.icnFldDest { background-position:100% -150px !important; }
.icnFldSelct { background-position:100% -200px !important; }
/* ---------------------------------------------------------- */
/* FILE ICON */
.dvIcnFl { background-image:url('../../i/icons/icn-set-filetype.png?x=1246'); background-repeat:no-repeat; }
i.dvIcnFl { display:inline-block; line-height:0; vertical-align:top; width:25px; height:25px; margin-top:-6px; margin-left:-4px; margin-right:6px; }
/* ---------------------------------------------------------- */
.icnFlPDF { background-position:0 0 !important; }
.icnFlExcel { background-position:0 -42px !important; }
.icnFlDoc { background-position:0 -84px !important; }
.icnFlZip { background-position:0 -126px !important; }
/* ---------------------------------------------------------- */
/* LINK ICON */
.dvIcnLnkPng { background-image:url('../../i/icons/icn-set-link.png?x=1734'); background-repeat:no-repeat; margin:2px 3px 2px 0; }
.dvIcnLnk { background-image:url('../../i/icons/icn-set-link.svg?x=2134'); background-repeat:no-repeat; margin:2px 3px 2px 0; }
i.dvIcnLnk { display:inline-block; line-height:0; vertical-align:top; width:20px; height:20px; margin-top:1px; margin-right:5px; }
/* ---------------------------------------------------------- */
.icnLnkLocation { background-position:1px 2px !important; }
.icnLnkWhatsapp { background-position:-26px 2px !important; }
.icnLnkEmail { background-position:-56px 2px !important; }
.icnLnkCall { background-position:2px -28px !important; }
.icnLnkPin { background-position:-26px -27px !important; }
.icnLnkDate { background-position:-56px -27px !important; }
.icnLnkCheck { background-position:3px -57px !important; }
.icnLnkWeb { background-position:-26px -56px !important; }
.icnLnkMenuBook { background-position:-57px -58px !important; }
.icnLnkSpaMenu { background-position:0 -87px !important; }
.icnLnkSpaMenuBook { background-position:-58px -88px !important; }
/* png link file */
.icnLnkLocationPng { background-position:0px 0px !important; }
.icnLnkWhatsappPng { background-position:-29px 0px !important; }
.icnLnkEmailPng { background-position:-58px 0px !important; }
.icnLnkCallPng { background-position:0px -29px !important; }
.icnLnkPinPng { background-position:-29px -29px !important; }
.icnLnkDatePng { background-position:-58px -29px !important; }
.icnLnkCheckPng { background-position:0px -58px !important; }
.icnLnkWebPng { background-position:-29px -58px !important; }
.icnLnkMenuBookPng { background-position:-58px -58px !important; }
/* ---------------------------------------------------------- */

/* SOCIAL MEDIA ICON */
.dvIcnScMdPng { background-image:url('../../i/icons/icn-set-socmed.png?x=1518'); background-repeat:no-repeat; }
.dvIcnScMd { background-image:url('../../i/icons/icn-set-socmed.svg?x=1610'); background-repeat:no-repeat; }
i.dvIcnScMd { display:inline-block; line-height:0; vertical-align:top; width:32px; height:32px; }
i.dvIcnScMd.sml { width:25px !important; height:25px !important; }
/* ---------------------------------------------------------- */
.icnScFacebook { background-position:0 0 !important; }
.icnScInstagram { background-position:-42px 0 !important; }
.icnScLinkedIn { background-position:-84px 0 !important; }
.icnScYoutube { background-position:-126px 0 !important; }
/* png link file */
.icnScFacebookPng { background-position:0 0 !important; }
.icnScInstagramPng { background-position:-42px 0 !important; }
.icnScLinkedInPng { background-position:-84px 0 !important; }
.icnScTwitterPng { background-position:-126px 0 !important; }
.icnScYoutubePng { background-position:-168px 0 !important; }
.icnScWhatsappPng { background-position:-210px 0 !important; }
.sml.icnInstagram { background-position:0 -45px !important; }
.sml.icnFacebook { background-position:-40px -45px !important; }
.sml.icnLinkedIn { background-position:-80px -45px !important; }
.sml.icnYoutube { background-position:-120px -45px !important; }
.sml.icnTwitter { background-position:-160px -45px !important; }
.sml.icnTiktok { background-position:-200px -45px !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:#93c953; font-size:14px; line-height:16px; margin:10px 0 5px 0; font-weight:500; }
a.lnkMore:hover { color:#CC0000 !important; } 
a.lnkMore.sml { font-size:14px; line-height:14px; }
a.lnkMore.blu { color:#0d5a9a; }
a.lnkMore.gren { color:#25D366; }
a.lnkMore.wht { color:#FFFFFF; }
a.lnkButton { display:inline-block; font-family: 'Kollektif', sans-serif; color:#FFFFFF; background-color:rgba(0,0,0, 0.7); border-radius:15px; padding:8px 15px; font-size:11px; line-height:11px; text-align:center; margin:15px 10px 15px 0; }
a.lnkButton:hover { background-color:rgba(0,0,0, 1.0); }
a.lnkButton.btnWhite { background-color:rgba(255,255,255, 0.7); color:#000000; }
a.lnkButton.btnWhite:hover { background-color:rgba(255,255,255, 1); }
a.lnkButton.btnBlue { background-color:rgba(66,193,239, 0.7); color:#000000; }
a.lnkButton.btnBlue:hover { background-color:rgba(66,193,239, 1); }
a.lnkButton.btnGreen { background-color:rgba(123,193,66, 1); color:#FFFFFF; }
a.lnkButton.btnGreen:hover { background-color:rgba(123,193,66, 0.8); }
a.lnkButton.btnGold { background-color:rgba(225,224,153, 1); color:#000000; }
a.lnkButton.btnGold:hover { background-color:rgba(225,224,153, 0.8); }
a.lnkButton.btnBlack { background:rgba(0,0,0, 0.7); color:#d1ae6c; }
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 */
/* 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:15px; box-shadow: 1px 1px 5px 0 rgba(0,0,0, 0.1); overflow:hidden; }
    .mdlBx { z-index:10000; }
.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 { z-index:5; position:absolute; top:7px; right:7px; 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; }


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

/* SECTION */
section.onView { z-index:1 !important; }
section.sectionGallery { z-index:2 !important; }
section.sectionDetail { z-index:20 !important; }
.fullSection { position:fixed; top:0; bottom:0; left:0; right:0; }
.fixSection { position:fixed; top:70px; bottom:0; left:0; right:0; }
section.popupSection { display:none; position:relative; z-index:50 !important; position:fixed; top:10%; bottom:5%; left:0; right:0; margin:auto; width:90%; max-width:560px; border-radius:10px; overflow:hidden; background:#000000; }
.contentSection { min-height:100px; padding:80px 0 80px 0; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.contentSection.topSection { padding-top:120px; }
.contentSection.gradHeading { background-image:url('../../i/bg/bg-pghead.jpg'); background-repeat:repeat-x; background-position:left top; background-size:auto; }
.contentSection.fitSection { padding:0; }
.contentSection.singleBlock { min-height:45vh; }
.contentSection.fullScrn { padding:0; min-height:100vh; }
.contentSection.hlghtSection { background-color:#f3f8ed; }
.contentSection.gradSection { position:relative; }
.contentSection.gradSection::before { z-index:0; content:''; position:absolute; left:0; right:0; top:0; height:80%; max-height:400px; background-image:linear-gradient(rgba(238,242,248, 1),rgba(238,242,248, 0)); }
.contentSection.lstPreview { padding:35px 0; }
/* WRAPPER */
.contentWrap { z-index:2; position:relative; width:94%; max-width:1278px; }
.contentWrap.fullWrap { width:100%; max-width:none; }
.contentWrap.bannerWrap { width:100%; max-width:none; height:93vh; }
.contentWrap.pageHeadWrap { width:96%; max-width:700px; margin-bottom:50px; }
.contentWrap.smPageWrap { width:96%; max-width:950px; }

/* NORMAL HEADER BAR */
#headerSection { z-index:1000; position:fixed; padding:0; top:0; left:0; right:0; background-color:rgba(43,39,43, 0.6); transition: all 0.3s; box-shadow: 0 0 20px 0 rgba(0,0,0, 0.02); }
#headerSection.headerSectionBanner { /*box-shadow: none;*/ }
#headerSection.solidHeader { background-color:rgba(43,39,43, 1.0); }
.headerWrap { position:relative; width:96%; max-width:1305px; height:70px; }
.headerLf { width:20%; margin-right:auto; text-align:left; }
.headerMd { margin:0 10px; }
.headerRg { width:20%; margin-left:auto; text-align:right; /* flex item gap */ }
/* NAVIGATION & LOGO */
.webLogo { transition: all 0.5s; }
.webLogo img { max-width:100%; height:50px; }
a.mobileNav,a.mblNavClose,.mobileMenu { display:none; }
a.startMenu { width:32px; height:32px; opacity:0.8; }
a.startMenu:hover { opacity:1.0; }
a.startMenu.show { display:inline-block !important; }
/* icon navigation */
ul.nvIcon { list-style-type:none; }
ul.nvIcon>li { position:relative; display:inline-block; vertical-align:top; margin:0 3px; opacity:0.8; transition: all 0.3s ease; }
ul.nvIcon>li:hover { opacity:1.0; }
.icnNav { display:inline-block; width:32px !important; height:32px !important; }
/* show menu */
.menuBx { display:none; overflow: hidden; z-index:900; position:fixed; top:75px; left:10px; right:10px; border-radius:10px; background:rgba(43,39,43, 0.9); }
.menuWrap { position:relative; width:97%; max-width:1305px; margin:auto; padding:30px 0; }
.menuWrap.wrapFlex { display:flex; justify-content:flex-start; align-content:flex-start; column-gap:3.5%; }
ul.nvMenu { display:inline-block; vertical-align:top; list-style-type:none; min-width:13%; max-width:20%; margin-top:4px; padding-left:1.5%; margin-left:2%; font-family: 'Kollektif', sans-serif; letter-spacing:0.5px; }
ul.nvMenu::after{
    clear: both;
    content: '';
    display: block;
}
ul.nvMenu:first-child { margin-left:0; border-left:0; padding-left:0; }
ul.nvMenu>label { display:block; font-size:16px; line-height:20px; /*color:#7BC142;*/color:#FFFFFF; margin-bottom:15px; font-weight:bold; }
ul.nvMenu>li { position:relative; margin:2px 0; padding:3px 0; font-size:15px; line-height:17px; }
ul.nvMenu>li a { color:#FFFFFF; opacity:0.8; }
ul.nvMenu>li a:hover { color:#42C1EF; opacity:1.0; }
ul.nvMenu>li.iconMn a { opacity:1.0 !important; }
.menuWrap.wrapFlex ul.nvMenu { padding-left:0; margin-left:0; min-width:8%; }
.langIcn { display:inline-block; margin-top:6px; }

/* booking bar */
.bookFrame { z-index:10; padding:10px; position:absolute; bottom:3%; left:0; right:0; max-width:1020px; margin:auto; transition: all 0.3s; }
.roomBarFrame { z-index:10; padding:10px; position:absolute; bottom:3%; left:0; right:0; max-width:1020px; margin:auto; transition: all 0.4s; }
.bookBrDv { position:relative; width:90vw; height:70px; /*max-width:1000px;*/max-width:800px; overflow:hidden; background:rgba(43,39,43, 0.9); border-radius:20px; box-shadow: 2px 2px 3px 0 rgba(0,0,0, 0.1); transition: all 0.3s; overflow:hidden; }
.bookBrBx { z-index:0; display:block; position:absolute; top:10px; bottom:10px; left:20px; right:20px; }
a.closeBookBar, a.closeRoomBar { z-index:1; position:absolute; right:10px; top:10px; width:13px; height:13px; background:url('../../i/icons/icn-bookbar-close.png') no-repeat center; background-size:contain; border-radius:50%; opacity:0.5; }
a.closeBookBar:hover, a.closeRoomBar:hover { opacity:1.0; }
/* swipe out */
.bookFrame.swipeOut, .roomBarFrame.swipeOut { bottom:0; }
.bookFrame.swipeOut .bookBrDv, .roomBarFrame.swipeOut .roomBrDv { cursor:pointer; height:3px; width:150px; background:rgba(153,153,153, 0.4); }
.bookFrame.swipeOut:hover, .roomBarFrame.swipeOut:hover { bottom:10px; }
.bookFrame.swipeOut:hover .bookBrDv, .roomBarFrame.swipeOut:hover .roomBrDv { height:6px; background:rgba(204,204,204, 0.7); border:1px #ddb228 solid; animation: pulse 2s infinite; }
.bookFrame.swipeOut .bookBrDv .bookBrBx, .roomBarFrame.swipeOut .roomBrDv .roomBrBx { display:none; }
ul.bookBrFrm { list-style-type:none; display:flex; justify-content:center; align-items:center; position:absolute; top:0; bottom:0; left:0; right:0; }
ul.bookBrFrm>li { /*width:20%;*/width:23%; }
ul.bookBrFrm>li.fldDest { width:25%; }
ul.bookBrFrm>li.fldGuest { /*width:10%;*/width:14%; }
ul.bookBrFrm>li.fldDate { /*width:25%;*/width:32%; }
/* room bar */
.roomBrDv { z-index:10; position:relative; width:90%; max-width:1000px; background:rgba(43,39,43, 0.9); border-radius:20px; box-shadow: 2px 2px 3px 0 rgba(0,0,0, 0.1); overflow:hidden; transition: all 0.6s ease; }
.roomBrBx { position:relative; margin:20px; }
.roomBarFrame.swipeOut {  }
.roomBarFrame.swipeOut .roomBrBx { position:absolute; left:0; right:0; top:0; bottom:0; }
/* booking form */
select.bookBrFld { padding:6px 30px 4px 2px !important; color:#FFFFFF !important; margin:0 !important; font-size:17px; width:95% !important; border:0 !important; border-bottom:1px #999999 dashed !important; background-color:transparent !important; background:url('../../i/icons/icn-arrw-selct.png') no-repeat right center; -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important; }
input.bookBrFld { padding:6px 30px 4px 2px !important; color:#FFFFFF !important; font-size:16px; width:75% !important; border:0 !important; border-bottom:1px #999999 dashed !important; background-color:transparent !important; }
input.nvBtnBx { cursor:pointer; padding:10px 20px 8px 20px; display:inline-block; border:0; border-radius:10px; background-color:rgba(255,224,153, 0.8); color:#000000; font-size:13px !important; line-height:14px; font-family: 'Kollektif', sans-serif; transition: all 0.5s; }
input.nvBtnBx:hover { background-color:rgba(255,224,153, 1.0); }
ul.bookBrFrm>li.fldDate>input { /*width:50% !important;*/width:80% !important; }
ul.bookBrFrm>li.fldGuest>input { /*width:50% !important;*/width:65% !important; }
/* drop menu */
.nvDrop { display:none; position:absolute; top:105%; right:-5px; padding:0 5px; border-radius:5px; background:transparent; /*box-shadow: 2px 2px 2px 0 rgba(0,0,0, 0.1);*/ }
.nvDrop1::before { content:''; position:absolute; width:10px; height:6px; bottom:99%; right:15px; background:url('../../i/icons/icn-drparrw.png') no-repeat center; }
.nvDrop ul { margin:0 !important; }
ul.nvLanguage { list-style-type:none; margin-left:2px; }
.nvDrop.icnDrp { top:107% !important; }

/* modal swap content */
.mdlSwp { display:none; z-index:5000; position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0, 0.8) url('../../i/pg-loading.gif') no-repeat center center; }
/* POP UP BANNER */
.modalPopCover { display:none; z-index:1100; position:fixed; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0, 0.5) }
.modalPopBx { position:relative; width:100%; height:100%; }
.modalBox { position:relative;
    margin:auto;
}
.modalBox.textOnly { max-width:400px; }
.btnMdlClose,.btnPopClose { z-index:5; margin-left:auto; position:absolute; top:0; right:-25px; 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; }
.modalContent { position:relative; overflow:hidden; margin:auto; }
.modalContent.carousel { height:auto; }
.modalWrapper { position:relative; width:100%; height:100%; overflow-y:auto; }
.popBnrImg { position:relative; max-width:1024px; height:70vh; width:100%; }
.popBnrImg.owl-carousel { width:410px !important; }
.popBnrImg img { max-width:100% !important; max-height:100% !important; 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; }

.videoiFrm { width:100vw; height:115vh; }

/* Float Object */
.pinBx { display:none; z-index:1100; position:absolute; left:0; right:0; bottom:0; top:0; }
.pinPt { position:absolute; }
.pinDot { position:relative; width:15px; height:15px; background-color:#ddb228; border-radius:50%; transition: all 0.3s ease; animation: pulse 2s infinite; }
.pinDot:hover { background-color:#0099CC; }
.pinFltBx { display:none; position:absolute; left:150%; top:-50px; padding:10px; width:400px; height:120px; overflow:hidden; background:rgba(0,0,0, 0.9); border-radius:10px; }
.pinFltBx.flip { left:auto; right:150%; }
.pinIcon { float:left; width:30%; padding-bottom:30%; margin-right:5%; border-radius:10px; background-color:#999999; }
.pinMsg { float:left; width:65%; text-align:left; color:#FFFFFF; }
.pinMsg h3 { color:#ffe099; margin-bottom:10px; }
/*.slick-initialized .pinBx { display:block !important; }*/

/* OVERLAY CONTENT */
.cntHeader { position:relative; margin-bottom:10px; font-family: 'KollektifBold', sans-serif; }
.cntHeader>label { display:block; font-size:11px; line-height:13px; color:#FFFFFF; margin-bottom:5px; }
.cntHeader>h1 { font-size:30px; line-height:32px; color:#ffe099; margin-bottom:20px; }
.cntHeader.multipleHdr>h1, .cntHeader>h2 { font-size:20px; line-height:20px; color:#ffe099; margin-bottom:0; }
.cntHeader>h2.smTtl { font-size:26px !important; line-height:28px !important; }
label.lblCnt { color:#ddb228; }
.cntBody { font-size:17px; line-height:20px; color:#FFFFFF; }
.cntBg { z-index:1; position:absolute; top:0; bottom:0; left:0; right:0; background-repeat:no-repeat; background-position:center; background-size:cover; }
.cntBg.bg80 { opacity:0.8; }
.cntBg.bg70 { opacity:0.7; }
.cntBg.bg60 { opacity:0.6; }
.cntBg.bg20 { opacity:0.2; }
/* detail conten */
.cntArea { position:relative; display:block; margin:5% 10%; width:100%; max-height:86%; text-align:left; overflow-y:auto; }
.cntMsg { margin-top:20px; }
.cntMsg:first-child { margin-top:0; }
.cntMsg ul, .cntMsg ol { margin-left:20px; margin-top:10px; }
.cntMsg ul>li, .cntMsg ol>li { padding:3px 0; }
.cntMsg h3 { font-size:18px; line-height:20px; }

/* COLUMN CONTENT */
ul.columnLst { list-style-type:none; display:flex; justify-content:center; align-items:center; }
ul.columnLst>li { position:relative; flex-grow:1; flex-basis:0; height:93vh; margin:0 2.5px; transition: all 0.3s ease-in-out; }
ul.columnLst>li:first-child { margin-left:0; }
ul.columnLst>li:last-child { margin-right:0; }
/* column masonry brick style */
ul.columnLst.brkStack { align-content:stretch; flex-direction: row; flex-wrap: wrap; }
ul.columnLst.brkStack>li { flex-grow:auto !important; height:40vh; background-color:#FFFF00; }
/* column content */
.columnCrsl { z-index:1; position:absolute; top:0; bottom:0; left:0; right:0; background-color:#101010; }
.columnBg { z-index:1; position:absolute; top:0; bottom:0; left:0; right:0; background-repeat:no-repeat; background-position:center; background-size:cover; }
.columnCnt { z-index:5; position:absolute; left:10%; right:10%; top:15%; text-align:left; }
.columnCnt.cntMid { left:auto; right:auto; top:auto; bottom:auto; width:80%; text-align:justify; text-align-last:center; margin-bottom:10%; }
.columnCnt.cntMid.cntSmall { max-width:500px; }
.columnCnt.cntBtm { top:auto; bottom:15%; }
.columnCnt.cntRight { left:auto; right:5%; top:auto; bottom:auto; width:35%; }
.columnCnt.cntVCenter { margin:50% 0; }
/* hover detail */
.cntHvr { background-color:#000000; }
.cntHvr .columnBg::after { z-index:2; content:''; position:absolute; bottom:0; left:0; right:0; height:30%; background-image:linear-gradient(rgba(0,0,0, 0),rgba(0,0,0, 0.7)); transition: all 0.3s ease; }
.cntHvr:hover .columnBg::after { height:50%; background-image:linear-gradient(rgba(0,0,0, 0),rgba(0,0,0, 0.9)); }
.cntHvr .cntBody { display:none; }
.cntHvr .cntBody.show { display:block !important; }
.cntHvr.topCnt .columnBg::after { z-index:2; content:''; position:absolute; top:0; bottom:auto; left:0; right:0; height:30%; background-image:linear-gradient(rgba(0,0,0, 0.7),rgba(0,0,0, 0)); }
.cntHvr.topCnt:hover .columnBg::after { height:50%; background-image:linear-gradient(rgba(0,0,0, 0.9),rgba(0,0,0, 0)); }
/* Box Content */
.boxCnt { z-index:2; position:relative; display:block; margin:15%; text-align:left; }
.boxCnt .cntBody { display:block; }
.hlghtBx { background-color:#FFFFFF; }
.hlghtBx .boxCnt .cntBody { color:#333333; }
.hlghtBx .boxCnt .cntHeader>label { color:#999999; }
.hlghtBx .boxCnt .cntHeader>h2 { color:#000000; font-size:40px; line-height:40px; font-weight:bold; margin-bottom:10px; }
/* hover grow */
ul.grwHvr>li { opacity:0.8; overflow:hidden; }
ul.grwHvr.nrml>li { opacity:1.0 !important; background:#000000 !important; }
ul.grwHvr>li .columnBg { opacity:0.8; }
ul.grwHvr.nrml>li .columnBg { opacity:0.95 !important; }
ul.grwHvr>li:hover { opacity:1.0; flex-grow:3 !important; }
ul.grwHvr.bigGrw>li:hover { flex-grow:5 !important; }
ul.grwHvr>li:hover .columnBg { opacity:1.0; }
ul.grwHvr.nrml>li:hover .columnBg { opacity:0.6 !important; }
ul.grwHvr>li:hover .columnBg::after { z-index:2; content:''; position:absolute; top:0; left:0; right:0; height:90%; background-image:linear-gradient(rgba(0,0,0, 0.9),rgba(0,0,0, 0)); }
ul.grwHvr>li .columnCnt>.cntBody { opacity:0; margin-bottom:20px; animation: fadeout 0.5s forwards; }
ul.grwHvr>li:hover .columnCnt>.cntBody { animation: fadein 1s forwards; }

/* DOWLOAD LIST */
ul.dwnldLst { display:block; list-style-type:none; margin-top:20px; margin-left:0; }
ul.dwnldLst>li { display:block; position:relative; margin:8px 0; font-family: 'Kollektif', sans-serif; font-size:15px; line-height:20px; }
ul.dwnldLst>li a { color:#D69A2D; line-height:23px; }

/* OFFERS */
ul.grdLst { list-style-type:none; }
ul.grdLst>li { position:relative; overflow:hidden; }
ul.grdLst.colLst { display:grid; grid-template-columns: 35% 65%; grid-auto-rows:93vh; grid-gap: 5px; }
ul.grdLst.rowLst { display:grid; grid-template-columns: 100%; grid-auto-rows:45vh; grid-gap: 5px; }
ul.grdLst.rowLst ul.grdLst.colLst { grid-auto-rows:45vh; }
ul.grdLst.rowLst>li:nth-child(odd) ul.grdLst.colLst { grid-template-columns: 35% 65%; }
ul.grdLst.rowLst>li:nth-child(even) ul.grdLst.colLst { grid-template-columns: 65% 35%; }
ul.grdLst.rowLst>li.duplc ul.grdLst.colLst { grid-template-columns: 50% 50%; }

/* GRID CONTAINER */
grid-container {
  display: grid;
  /*grid-template-columns: repeat(auto-fill, minmax(35% 30%, 1fr));*/
  grid-template-columns: 40% 30% 29.2%;
  grid-auto-rows: 45vh;
  grid-gap: 5px;
}

[short] {
  grid-row: span 1;
}

[tall] {
  grid-row: span 2;
}

[taller] {
  grid-row: span 3;
}

[tallest] {
  grid-row: span 4;
}

[colMerge2] {
  grid-column: span 2;
}


grid-item {
      position:relative;
      display: flex;
      align-items: center;
      justify-content: center;
}



a.lnkButton.helpBtn { min-width:auto; margin:3px 0; padding:8px 18px; background:#FFFFFF; border:2px #CCCCCC solid; color:#93c953; }
a.lnkButton.helpBtn:hover { border:2px #999999 solid; }

/* BANNER SLIDES */
ul.bannerLst { z-index:11; position:relative; list-style-type:none; width:100%; }
ul.bannerLst>li { position:relative; width:100%; height:92vh; }
ul.bannerLst.carouselList li.slick-slide { position:relative; width:100%; height:93vh; overflow:hidden; 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; /*opacity:0.8;*/ }
/* carousel arrow */
.bannerNvBx { z-index:12; position:absolute; margin:auto; left:0; right:0; bottom:8%; display:flex; justify-content:center; align-items:center; }
.bannerArrw { z-index:15; cursor:pointer; width:35px; height:35px; margin:0 10px; border-radius:50%; background:rgba(255,255,255, 0.4) url('../../i/icons/icn-arrw.png?xyz=33') no-repeat; transition: all 0.5s; }
.bannerArrw:hover { background-color:rgba(255,255,255, 1.0); }
.bannerArrw.arrwPrev { background-position:0px center; }
.bannerArrw.arrwNext { background-position:100% center; }
.bannerArrw.arrwClose { width:45px; height:45px; background-color:rgba(255,255,255, 0.6); background-position:center; }
.carslArrw { position:absolute; bottom:12%; margin:auto; }
.carslArrw.arrwPrev { left:4%; }
.carslArrw.arrwNext { right:4%; }
/* owl carousel */
ul.bannerCrsl { position:relative; list-style-type:none; width:100%; }
ul.bannerCrsl li { position:relative; width:100vw; height:93vh; overflow:hidden; display:flex !important; justify-content:center; align-items:center; }
/* owl carousel nav */
.owl-carousel .owl-nav button { position:absolute; bottom:12%; margin:auto; width:35px; height:35px; border-radius:50%; background:rgba(255,255,255, 0.4) url('../../i/icons/icn-arrw.png?xyz=33') no-repeat !important; transition: all 0.5s; }
.owl-carousel .owl-nav button:hover { background-color:rgba(255,255,255, 1) !important; }
.owl-carousel .owl-nav button.owl-prev { left:2%; background-position:0px center !important; }
.owl-carousel .owl-nav button.owl-next { right:2%; background-position:100% center !important; }
/* room type carousel */
.owl-carousel.roomCrsl .owl-nav button { bottom:15% !important; }
.owl-carousel.roomCrsl .owl-nav button.owl-prev { left:5% !important; }
.owl-carousel.roomCrsl .owl-nav button.owl-next { right:5% !important; }
/* gallery carousel */
.sectionGallery .bannerArrw { position:absolute; left:0; right:0; bottom:9.3%; margin:auto; }
.owl-carousel.galleryCrsl .owl-nav {  }
.owl-carousel.galleryCrsl .owl-nav button { bottom:10% !important; }
.owl-carousel.galleryCrsl .owl-nav button.owl-prev { left:45% !important; }
.owl-carousel.galleryCrsl .owl-nav button.owl-next { right:45% !important; }

/* CONTENT SLIDES */
ul.slideLst { position:relative; list-style-type:none; width:100%; height:100%; }
ul.slideLst>li { position:relative; width:100%; height:100%; }
ul.slideLst.carouselList li { position:relative; width:100%; height:100%; overflow:hidden; }
ul.slideLst.carouselList li.slick-slide { position:relative; width:100%; height:100%; }
ul.slideLst.carouselList ul.slick-dots { display:inline-block !important; width:auto !important; left:8% !important; right:auto !important; bottom:5% !important; }
ul.slideLst.carouselList ul.slick-dots li { width:12px !important; height:12px !important; }
ul.slideLst.carouselList ul.slick-dots li button::before { font-size:8px !important; color:#FFFFFF !important; opacity:1 !important; } 
ul.slideLst.carouselList ul.slick-dots li.slick-active button::before { font-size:12px !important; color:#ddb228 !important; }
ul.slideLst.carouselList.fullHeight ul.slick-dots { top:8% !important; bottom:auto !important; }
/* owl carousel */
ul.slideLst.owl-carousel li { height:93vh; }
ul.slideLst.owl-carousel.hlf li { height:44vh; }
/* owl carousel nav */
ul.slideLst.owl-carousel .owl-nav button { position:absolute; bottom:8%; margin:auto; width:25px; height:25px; border-radius:50%; background:rgba(255,255,255, 0.4) url('../../i/icons/icn-arrw-sm.png?xyz=1406') no-repeat !important; transition: all 0.5s; }
ul.slideLst.owl-carousel .owl-nav button:hover { background-color:rgba(255,255,255, 1) !important; }
ul.slideLst.owl-carousel .owl-nav button.owl-prev { left:9%; background-position:0px center !important; }
ul.slideLst.owl-carousel .owl-nav button.owl-next { left:18%; right:auto; background-position:100% center !important; }
ul.slideLst.owl-carousel .owl-dots { position:absolute; left:0; right:0; margin:auto; bottom:10%; }
.owl-dots button.owl-dot{
  border: 1px solid #666666;
  background: white;
   border-radius: 50%;
   height: 10px;
   width: 10px;
   margin:2px 3px;
   position: relative;
   opacity:0.7;
}
.owl-dots button.owl-dot:hover { opacity:1; }
.owl-dots button.owl-dot.active {
   background-color: #ddb228;
   border-radius: 50%;
   height: 13px;
   width: 13px;
   margin:0 3px;
   opacity:1;
}

/* ROOM */
/* content */
ul.bookBrCnt { list-style-type:none; display:flex; justify-content:center; align-items:center; }
ul.bookBrCnt>li { border-left:1px #8d826f solid; text-align:left; padding:0 20px; min-height:70px; display:flex; justify-content:center; align-items:center; }
ul.bookBrCnt>li:first-child { border-left:0; }
ul.bookBrCnt>li.fldContent { width:50%; }
ul.bookBrCnt>li.fldPrice { width:35%; }
h1.rmTitle { font-size:22px; line-height:22px; color:#FFFFFF; font-weight:bold; margin-bottom:10px; }
.rmDesc { line-height:18px; color:#DDDDDD; }
/* specification */
ul.spekLst { list-style-type:none; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; }
ul.spekLst>li { min-width:30%; color:#FFFFFF; text-align:left; margin:5px 0; font-size:15px; line-height:18px; }
ul.spekLst>li.priceRw { flex:auto; width:100%; font-family: 'Kollektif', sans-serif; font-size:20px; line-height:22px; }
ul.spekLst>li.priceRw>label { display:block; font-size:10px; line-height:14px; color:#ddb228; }
ul.spekLst>li.sizeRwPng { background:url('../../i/icons/icn-size.png') no-repeat left 2px; padding:0 0 0 25px; margin-right:15px; margin-top:3px; }
ul.spekLst>li.sizeRw { background:url('../../i/icons/icn-size.svg') no-repeat left 2px; padding:0 0 0 25px; margin-right:15px; margin-top:3px; }
ul.spekLst>li sup { font-size:10px; }
ul.spekLst>li.bedRwPng { background:url('../../i/icons/icn-bed.png') no-repeat left top; padding:0 0 0 25px; }
ul.spekLst>li.bedRw { background:url('../../i/icons/icn-bed.svg') no-repeat left 2px; padding:0 0 0 25px; }

/* DINING */
grid-container.diningBx {
    grid-template-columns: 30% 35% 35%;
    grid-auto-rows: 30vh;
}
grid-container.restoBx {
    grid-template-columns: 30% 70%;
    grid-auto-rows: 93vh;
}
grid-container.outletBx {
    grid-template-columns: 38% 62%;
    grid-template-rows: 55vh 37.5vh; /* total 93vh as in container box .restoBx */
}
.cntHeader.main>h2 { font-size:30px; line-height:32px; }
/* column dining outlet */
ul.columnLst.dineOutlet { position:absolute; top:0; bottom:0; left:0; right:0; }
ul.columnLst.dineOutlet>li { position:relative; height:100%; background:#FFFFFF; transition: all 0.3s ease-in-out; }

/* DETAIL PAGE */
grid-container.detailBx {
    grid-template-columns: 40% 60%;
    grid-auto-rows: 93vh;
}
.detailContent { z-index:0; position:relative; }
.popupContent { z-index:0; position:absolute; top:40px; left:10px; right:10px; bottom:10px; }
.cntLoading { display:none; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background:#FFFFFF url('../../i/content-loading.png') no-repeat center; }
a.btnBack { z-index:5; position:absolute; top:3%; right:2.5%; opacity:0.5; }
a.btnBack:hover { opacity:1.0; }
a.btnClose { z-index:5; position:absolute; top:10px; right:10px; opacity:0.5; }
a.btnClose:hover { opacity:1.0; }
a.fltPicLnk { position:absolute; font-family: 'Kollektif', sans-serif; font-size:16px; color:#FFFFFF; }
a.fltPicLnk.room { right:5%; bottom:105%; text-shadow:1px 1px rgba(0,0,0, 0.1); }

/* KAPPA ABOUT PAGE */
grid-container.kappaBx {
    grid-template-columns: 100%;
    grid-template-rows: 35vh 58vh; /* total 93vh as in container box .restoBx */
}
ul.aboutLst { position:absolute; top:0; bottom:0; left:0; right:0; display:flex; gap:5px; }
ul.aboutLst>li { position:relative; flex:1; height:auto; transition: all 0.3s ease-in-out; }

/* icons */
grid-container.iconLst {
    grid-template-columns: 40% 30% 29.2%;
    grid-auto-rows: 93vh; /* total 93vh as in container box .restoBx */
}
ul.columnLst.iconLst { padding-top:3%; gap:20px; width:90%; }
ul.columnLst.iconLst>li { height:70vh; padding:10px; }
.iconPic { position:relative; width:130px; height:120px; }
.iconPic.photo { width:100%; height:auto; padding-bottom:60%; margin-bottom:10px; border-radius:5px; overflow:hidden; }
ul.columnLst.iconLst h3 { font-size:20px; line-height:22px; }

/* content icons */
ul.iconLst { list-style-type:none; margin-left:0; margin:20px 0; }
ul.iconLst>li { margin:2px 0; }
ul.iconLst>li a { color:#ddb228; }
ul.iconLst>li a:hover { color:#333333; }

/* contact us */
.showMap { position:absolute; top:0; bottom:0; left:0; right:0; }
ul.contactLst { list-style-type:none; margin-left:0; margin-top:20px; margin-bottom:30px; }
ul.contactLst>li { margin:3px 0; padding:0; }
ul.contactLst>li i { }
ul.contactLst>li a { color:#ddb228; }
ul.contactLst>li a:hover { color:#333333; }
ul.contactLst>label { display:block; margin-bottom:10px; }
ul.icnLnkLst>li { display:flex !important; justify-content:flex-start; align-content:center; }
/* socmed links */
ul.socmed { list-style-type:none; overflow:hidden; margin-left:0; }
ul.socmed>li { float:left; width:32px; margin-right:12px; margin-left:1px; opacity:0.6; transition: all 0.5s; }
ul.socmed>li:hover { opacity:1.0; }

.videoWide { width:100% !important; height:100vh !important; }
.bannerVid { z-index:10; }
a.toggleVidMute { z-index:11; position:absolute; width:30px; height:30px; background:url('../../i/icons/icn-set-sound.svg?x=1450') no-repeat; background-size:auto; 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; }
a.toggleVidMute:hover { opacity:1.0; }





/* points banner */
ul.ptLst { list-style-type:none; }
ul.ptLst>li { float:left; padding-right:10px; margin-right:10px; font-weight:500; font-size:15px; border-right:2px #CCCCCC solid;  }
ul.ptLst>li:last-child { border:0; }

/* TABLE LIST WITH ICON */
ul.icnTbl { list-style-type:none; margin-left:0; }
ul.icnTbl>li { padding:10px 0; width:100%; display:flex; justify-content:left; align-items:center; }
.tableIcon { margin-right:5%; }
.tableMsg { width:70%; font-size:14px; line-height:18px; text-align:justify; }
.tableMsg>label { display:block; font-size:18px; font-weight:bold; margin-bottom:5px; }
ul.icnTbl.colTbl>li { width:28%; display:inline-table; margin:5px 2%; }
ul.icnTbl.colTbl>li>.tableIcon { margin:10px 0; }
ul.icnTbl.colTbl>li>.tableMsg { width:100%; }
ul.icnTbl.colTbl>li>.tableMsg>label { text-align:center; font-size:22px; line-height:24px; margin-bottom:20px; }
ul.icnTbl.colTbl.col4>li { width:40% !important; }

/* TABLE LIST BOXES */
ul.boxTbl { list-style-type:none; margin-left:0; grid-column-gap:3% !important; grid-row-gap:30px !important; }
ul.boxTbl>li { position:relative; overflow:hidden; background:#F9F9F9; border-radius:10px; }
ul.boxTbl>li>label { position:relative; display:block; background-color:#0d5a9a; color:#FFFFFF; padding:10px 20px; font-size:16px; font-weight:bold; }
.boxTblCnt { display:flex; justify-content:left; align-items:center; padding:10px 20px; }
.boxTblCnt .pgTxt { text-align:left !important; }

/* COLUMN CONTENT */
.rowBx { overflow:hidden; width:100%; margin-top:30px; }
.rowBx:first-child { margin-top:0 !important; }
h1+.rowBx,h2+.rowBx,h3+.rowBx { margin-top:0 !important; }
.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; }
/* icon list */
.flexCol.flxWdth { width:80%; }
.flexCol.flxWdth .colBx.colLf { float:none !important; margin:0 3%; width:30% !important; }
.flexCol.flxWdth .colBx.colRg { float:none !important; margin:0 3%; width:65% !important; }
/* YOUTUBE/VIDEO CONTAINER */

.videoBx {
      position: relative;
      width: 100%;
      /*padding-bottom: 57% !important;*/
      padding-bottom: 66.6% !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%;
}
.videoBx video { position:absolute; top:0; bottom:0; left:0; right:0; width: 100%; height: 100%; }
a.btnPlayThis { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:75px; height:75px; background:rgba(0,0,0, 0.4) url('../../i/icons/icn-play.png') no-repeat center center; border-radius:50%; overflow:hidden; opacity:0.6; }
a.btnPlayThis:hover { opacity:1.0; }
/* 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% 40%; grid-column-gap: 10%; grid-row-gap: 0px; }
ul.gridBx.colGrid { grid-column-gap: 10%; grid-row-gap: 0px; }
ul.gridBx.prdLst { grid-template-columns: repeat(3, 1fr); grid-column-gap: 3px; grid-row-gap: 1px; }
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; }
/*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 */
.notfoundImg { margin-bottom:20px; }
h1.notfoundTtl { font-size:82px; line-height:82px; color:#017742; margin-bottom:5px; }
.notfoundSubTtl { font-size:24px; line-height:28px; color:#93c953;; font-weight:bold; }
.notfoundMsg { font-size:14px; line-height:20px; color:#666666; margin:10px 0; }

/* IMAGE COVER */
.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)); }

/* 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:27%; background-repeat:no-repeat; background-position:center center; background-size:cover; }
	.frmBxRg { position:absolute; top:10px; bottom:10px; right:20px; width:63%; }
	.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; }
	.frmBrief { display:block; font-size:16px; line-height:18px; text-align:left; padding:5px; margin-bottom:10px; }
	.frmContent { display:block; padding:5px; }
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; 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:#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; }

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

/* ADD THIS */
.dtlShare { margin-top:40px; }
.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: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; }
.arrwPrev { left:2%; background-position:-2px 0; }
.arrwNext { right:2%; 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; }
ul.carouselList.fullHeight>.slick-list, ul.carouselList.fullHeight>.slick-list>.slick-track { height:100%; }
ul.carouselList.fullHeight .slick-track { display: flex !important; }  
ul.carouselList.fullHeight .slick-slide { height: auto !important; }
.carouselList:not(.slick-initialized) .slick-slide { display:none !important; }
.slick-initialized .slick-slide { display:inline-block !important; /*visibility: visible !important; */}
.carouselList .slick-slide: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:15px !important; height:15px !important; min-height:0 !important; padding:2px !important; margin:0 2px !important; background-color:transparent !important; } 
ul.slick-dots button::before { font-size:12px !important; color:#FF0000; }
ul.slick-dots li.slick-active button::before { font-size:16px !important; color:#000000 !important; }
ul.slick-dots li button>label { cursor:pointer; position:absolute; top:1px; right:25px; margin:auto; font-family: 'Abel', 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; }
/* ------------------ */

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