/* 
CSS File Last Update : 10 Mar 2025
Project: iammorrissey.co (Morrissey Hotel Jakarta)
Website Designed & Coded by: Aditama (pandavamedia.net)
Main colors:
Left-right margin from screen : none
Desktop max width: width:92%; max-width:1224px;
Mobile max width: 96%;
*/
/*html { height: 100%; }*/
@font-face { 
	font-family: 'baskerville-regular';
	src: url('fonts/Baskerville-Regular.otf') format('otf');
}
@charset "UTF-8";
* {
    margin:0;
    padding:0;
	-webkit-font-smoothing:antialiased;
	font-smooth:always;
}
:root {
    --black: #333333;
    --pitch-black: #000000;
	--white: #ffffff;
	--grey: #666666;
	--soft-grey: #999999;
	--c-grey: #CCCCCC;
	--pale-grey: #e3e4e4;
	--yellow: #f4e17d;
	--modal-black: rgba(0,0,0, 0.8);
	--font-family-normal: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
	/*--font-family-heading: "Damion", cursive;*/
	--font-family-heading: "baskerville-regular", serif;
	--font-family-heading-brief: "baskerville-regular", serif;
	/*--font-family-subheading: "Port Lligat Slab", serif;*/
	--font-family-subheading: "baskerville-regular", serif;
	--font-family-childheading: "baskerville-regular", serif;
	--font-family-button: "Roboto", sans-serif;
	--font-family-quote: "Crimson Pro", serif;
	--font-family-menu: "Roboto", sans-serif;
	--font-family-slide-menu: "baskerville-regular", serif;
	--font-weight-light: 300;
	--font-weight-normal: 400;
	--font-weight-medium: 600;
	--font-weight-bold: 700;
	--font-heading-style: normal;
	--hamburger-color: #000000;
	--hamburger-sticky-color: #FFFFFF;
	/* theme related */
	--mrsy-body-bg: #FFFFFF;
	--mrsy-body-shade-bg: #000000;
	--mrsy-body-txt: #000000;
	--mrsy-body-txt2: #999999;
	--mrsy-body-bgtxt: #FFFFFF;
	--mrsy-title-ln-bg: #EEEEEE;
	--mrsy-title-txt: #000000;
	--mrsy-pagetitle-txt: #ffdeb6;
	--mrsy-readblock-title-txt: #000000;
	--mrsy-subtitle-txt: #ffdeb6;
	--mrsy-title-link: #c17b40;
	--mrsy-block-ln: 1px rgba(154,100,62, 1.0) dashed;
	--mrsy-header-ln-bg: #000000;
	--mrsy-footer-bg: #000000;
	--mrsy-footer-txt: #FFFFFF;
	--mrsy-copyright-txt: #DDDDDD;
	--mrsy-banner-bg: #000000;
	/*--mrsy-mnav-bg: rgba(0,0,0, 0.4);
	--mrsy-mnav-shade-bg: rgba(255,255,255, 0.15);*/
	--mrsy-mnav-bg: rgba(86,86,86, 0.5);
	--mrsy-mnav-shade-bg: rgba(86,86,86, 0.5);
	--mrsy-mnav-txt: #FFFFFF;
	--mrsy-mnav-txt-weight: 600;
	--mrsy-mnav: rgba(255,255,255, 0.4);
	--mrsy-mnav-hover: #FFFFFF;
	--mrsy-sticky-mnav: #FFFFFF;
	--mrsy-sticky-mnav-hover: #EEEEEE;
	--mrsy-ftnav: #FFFFFF;
	--mrsy-ftnav-hover: #999999;
	--mrsy-ftnav-ln: ;
	--mrsy-link: #000000;
	--mrsy-link-hover: #666666;
	--mrsy-link-ln: 1px rgba(255,255,255, 1.0) solid;
	--mrsy-link-light: #FFFFFF;
	--mrsy-link-light-hover: #999999;
	--mrsy-button-bg: #FFFFFF;
	--mrsy-button-bg-hover: #CCCCCC;
	--mrsy-button-txt: #000000;
	--mrsy-button-bookroom-bg: #FFFFFF;
	--mrsy-button-bookroom-bg-hover: #CCCCCC;
	--mrsy-button-bookroom-txt: #000000;
	--mrsy-button-bookroom-txt-hover: #000000;
	--mrsy-bottom-bg: #7b0062;
	--mrsy-bottom-txt: #010101;
	--mrsy-slide-dots: #999999;
	--mrsy-slide-dots-active: #000000;
	--mrsy-slide-label: #e1d0b7;
	--mrsy-slide-arrow-bg: rgba(255,255,255, 0.1);
	--mrsy-thumb-ln: 2px rgba(154,100,62, 0.2) solid;
	--mrsy-mdl-bg: #fff5eb;
	--mrsy-bkng-fld-border: 2px rgba(154,100,62, 0.8) solid;
	/* modal popup */
	--mrsy-modal-cover-bg: rgba(0,0,0, 0.95);
	--mrsy-modal-bx-bg: rgba(0,0,0, 0);
	--mrsy-modal-bx-txt: #FFFFFF;
	/*--mrsy-modal-bx-shadow: 1px 1px 5px 0 rgba(0,0,0, 0.1);*/
	--mrsy-modal-bx-shadow: ;
	/* mobile */
	--mrsy-slide-nvmenu-bg: rgba(0,0,0, 0.85);
	--mrsy-slide-nvmenu-txt: #FFFFFF;
	--mrsy-slide-nvmenu: rgba(255,255,255, 0.7);
	--mrsy-slide-nvmenu-hover: rgba(255,255,255, 1);
	--mrsy-slide-nvmenu-footer-txt: #c17b40;
	--mrsy-mbl-copyright-bg: #410a1c;
	/* base color */
	--mrsy-gold: #9a643e;
	--mrsy-burgundy: #671933;
	--mrsy-peach: #fff5eb;
	--mrsy-blue: #0067af;
	--mrsy-aqua: #cce1ef;
	--mrsy-red: #f2142a;
	--mrsy-pale-blue: #c1e6fb;
	--room-bar: rgba(204,204,204, 0.8);
}
html { -webkit-text-size-adjust: 100%; }
body {
	position:relative;
	background-color:var(--mrsy-body-bg);
    font-family:var(--font-family-normal);
    font-optical-sizing: auto;
	font-size:16px;
	letter-spacing:0.25px;
	/*line-height:20px;*/
	line-height:1.4em;
	color:var(--mrsy-body-txt);
	margin:0;
	padding:0;
	border:0;
	width:100%;
	height: 100%;
	font-weight:var(--font-weight-normal);
	counter-reset: section;
    box-sizing:border-box;
}
/*body * {
    box-sizing: initial !important;
}*/
#pageBody {
	width:100%;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
}
#pageBody.dark { background-color:var(--mrsy-body-shade-bg); color:var(--mrsy-body-bgtxt); }
/*#pageBody::after { content:''; z-index:1000; position:fixed; top:0; left:0; right:0; height:5px; background-color:var(--mrsy-header-ln-bg); }*/
.boldTxt { font-weight:600; }
form { MARGIN-LEFT: 0px;MARGIN-RIGHT: 0px;MARGIN-BOTTOM: 0px;MARGIN-TOP: 0px }
td,div,p { font-size:inherit; }
input, textarea, select, button {
	font-family:var(--font-family-normal);
	font-size:0.9em; 
}
input[type=text],input[type=password],input[type=number],textarea,select,button { 
	color:#000000; 
	background-color:#FFFFFF; 
	padding:10px;
	border:0;
	border-radius:3px;
	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;
	outline: none;
	background-color:#FFFFFF;
}
input[type=submit],input[type=button] {
	font-family: var(--font-family-normal); 
	cursor:pointer;
	color:var(--mrsy-button-txt); 
	background-color:var(--mrsy-button-bg); 
	border:0;
	padding:12px 20px 13px 20px;
	opacity:0.9;
	border-radius: 20px;
	-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(--mrsy-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(--mrsy-link);text-decoration:none; outline: 0; }
a:hover { color:var(--mrsy-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-style:var(--font-heading-style); font-size:54px; letter-spacing:normal; /*line-height:0.8em;*/line-height:0.95em; margin-bottom:30px; font-weight:var(--font-weight-light); }
h2 { display:block; font-family:var(--font-family-subheading); font-size:44px; letter-spacing:normal; line-height:0.95em; margin-bottom:40px; font-weight:var(--font-weight-light); }
h3 { display:block; font-family:var(--font-family-subheading); font-size:32px; letter-spacing:normal; line-height:0.95em; margin-bottom:15px; font-weight:var(--font-weight-light); }
h4 { display:block; font-family:var(--font-family-subheading); font-size:26px; letter-spacing:normal; line-height:0.95em; margin-bottom:15px; font-weight:var(--font-weight-light); }
h5 { display:block; font-family:var(--font-family-childheading); font-size:20px; line-height:1.2em; margin-bottom:10px; font-weight:var(--font-weight-light); }
h6 { display:block; font-family:var(--font-family-childheading); font-size:18px; line-height:1.2em; margin-bottom:10px; font-weight:var(--font-weight-light); }
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; width:70%; border-radius:5px; font-style:italic; opacity:0.6; margin:5% auto 5% auto; }
.noRecord>h6 { font-style:normal; font-size:1.7em; }
.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:100%; opacity:0.6; font-style:italic; }
.bgContainer { position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover; }
small { font-size:13px; opacity:0.6; }
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); }
.ovrlay { color:var(--mrsy-body-bgtxt); }
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Old versions of Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
									supported by Chrome, Edge, Opera and Firefox */
}

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; visibility: visible; }
}
@keyframes fadeInUpward {
	0% {
	  opacity: 0;
	  transform : translateY(50px);
	}
	100% {
	  visibility: visible;
	  opacity: 1;
	  transform : translateY(0px);
	}
}
@keyframes blink {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

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

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

/* Opera < 12.1 */
@-o-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; visibility: visible; }
}
@-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);
	  }
}
/* SHOW IN VIEWPORT */
.vwGroup .vwAnim, .vwGroup .vwPort {
	--delay: .1s; /* default value */
	  -webkit-animation-delay: var(--delay);
	  animation-delay: var(--delay)
}
.vwGroup .vwAnim:nth-child(2), .vwGroup .vwPort:nth-child(2) {
	 --delay:.2s
}
.vwGroup .vwAnim:nth-child(3), .vwGroup .vwPort:nth-child(3) {
	  --delay:.3s
}
.vwGroup .vwAnim:nth-child(4), .vwGroup .vwPort:nth-child(4) {
	 --delay:.4s
}
.vwGroup .vwAnim:nth-child(5), .vwGroup .vwPort:nth-child(5) {
	 --delay:.5s
}
.vwGroup .vwAnim:nth-child(6), .vwGroup .vwPort:nth-child(6) {
	 --delay:.6s
}
.vwGroup .vwAnim:nth-child(7), .vwGroup .vwPort:nth-child(7) {
	  --delay:.7s
}
.vwGroup .vwAnim:nth-child(8), .vwGroup .vwPort:nth-child(8) {
	  --delay:.8s
}
.vwGroup .vwAnim:nth-child(9), .vwGroup .vwPort:nth-child(9) {
	  --delay:.9s
}
.vwGroup .vwAnim:nth-child(10), .vwGroup .vwPort:nth-child(10) {
	  --delay:.10s
}

/* 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:var(--mrsy-title-ln-bg); }
.ttlLineBx>h1, .ttlLineBx>h2, .ttlLineBx>h3, .ttlLineBx>h4, .ttlLineBx>h5, .ttlLineBx>h6 { z-index:1; display:inline-block; position:relative; margin:0; background-color:var(--mrsy-title-ln-bg); 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:var(--mrsy-title-ln-bg); }
.ttlLineFlex::after { content:''; flex: 1 1 auto; height:1px; background-color:var(--mrsy-title-ln-bg); }
.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:var(--mrsy-title-ln-bg); }
.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 { display:none; z-index:2; position:absolute; left:0; right:0; bottom:0; padding:10px 20px; color:var(--mrsy-body-bgtxt); font-size:0.8em; line-height:1.2em; transition: all 0.5s; text-shadow: 1px 1px #000000; text-align:center; }
.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.6; }
.carouselArrw:hover { /*background-color:rgba(255,255,255, 0.7);*/ opacity:1.0; }
.arrwPrev { left:15px; background-position:0 -49px; }
.arrwNext { right:15px; 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:var(--font-family-normal); 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:25px; 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-color:var(--mrsy-slide-dots);
  margin: 0 4px;
}
.owl-carousel .owl-dots button.owl-dot.active {
    width: 20px;
  border-radius: 5px;
  background-color:var(--mrsy-slide-dots-active);
}
.owl-carousel.owl-dots button.owl-dot:focus {
  outline: none;
}

/* SLIDE GALLERY CONTAINER */
/* pic slide */
.galleryLoading { position:relative; min-height:150px; background:url('../../i/crsl-loading.png') no-repeat center; }
.galleryLoading.done { background-image:url('') !important; }
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-sound2.png') no-repeat; background-position:0px 0px; bottom:105px; 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; }
.mobileNav { 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; }
.flexBxTop { align-items:flex-start; }
.flexBxBottom { align-items:flex-end; }
.flexBxRow { flex-direction:column; }

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

/* WEBSITE CUSTOM CSS */
.ui-widget { font-family:var(--font-family-normal) !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; }
/* SVG Icons */
span.flexIcn { display:flex; justify-content:flex-start; align-items:center; }
i.dvSvg { display:inline-block; line-height:0; width:22px; height:22px; margin-right:6px; background-repeat:no-repeat; background-position:center; background-size:contain; }
i.dvSvg.sml { width:16px; height:16px; margin-right:8px; }
i.dvSvg.rg { margin-left:6px; margin-left:0; }
.dvSvg.icnCall { background-image:url('../../i/icons/svg/icn-call.svg'); }
.dvSvg.icnEmail { background-image:url('../../i/icons/svg/icn-email.svg'); }
.dvSvg.icnWhatsApp { background-image:url('../../i/icons/svg/icn-whatsapp.svg'); }
.dvSvg.icn360 { background-image:url('../../i/icons/svg/icn-360.svg'); width:30px; height:30px; }
.dvSvg.icnScInstagram { background-image:url('../../i/icons/svg/icn-sc-instagram.svg'); }
.dvSvg.icnScSpotify { background-image:url('../../i/icons/svg/icn-sc-spotify.svg'); }
.dvSvg.icnScTiktok { background-image:url('../../i/icons/svg/icn-sc-tiktok.svg'); }
.dvSvg.icnScYoutube { background-image:url('../../i/icons/svg/icn-sc-youtube.svg'); }
.dvSvg.icnScLinkTree { background-image:url('../../i/icons/svg/icn-sc-linktree.svg'); }
.dvSvg.icnRmSize { background-image:url('../../i/icons/svg/icn-rm-size.svg'); }
.dvSvg.icnRmBed { background-image:url('../../i/icons/svg/icn-rm-bed.svg'); }
.dvSvg.icnRmView { background-image:url('../../i/icons/svg/icn-rm-photo.svg'); }
.dvSvg.icnRmPeople { background-image:url('../../i/icons/svg/icn-rm-people.svg'); }
.dvSvg.icnTime { background-image:url('../../i/icons/svg/icn-time.svg'); }
.dvSvg.icnFood { background-image:url('../../i/icons/svg/icn-food.svg'); }
.dvSvg.icnLocation { background-image:url('../../i/icons/svg/icn-location.svg'); }
.dvSvg.icnSteps { background-image:url('../../i/icons/svg/icn-steps.svg'); }
.dvSvg.icnPrice { background-image:url('../../i/icons/svg/icn-price.svg'); }
/* ---------------------------------------------------------- */
.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=2143'); 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.lnkMore { display:inline-block; color:var(--mrsy-link); font-size:0.9em; font-weight:var(--font-weight-medium); padding:2px 20px 2px 0; background:url('../../i/icons/icn-more.png') no-repeat right center; }*/
a.lnkMore { display:inline-block; color:var(--mrsy-link); font-size:1em; line-height:1.2em; font-weight:var(--font-weight-medium); border-bottom:1px #333333 solid; padding:2px 0; }
a.lnkMore:hover { color:var(--mrsy-link-hover); }
a.lnkMore.lst { margin-top:15px; }
a.lnkMore.xl { font-size:1.1em; padding-right:30px; }
/*a.btnMore { display:inline-block; color:var(--mrsy-button-txt); min-width:140px; font-size:0.9em; font-weight:var(--font-weight-medium); padding:8px 35px 7px 15px; border-radius:8px; text-align:left; background:var(--mrsy-button-bg) url('../../i/icons/icn-more.png') no-repeat 94% center; }*/
/*a.btnMore:hover { background-color:var(--mrsy-button-bg-hover); background-image:url('../../i/icons/icn-more-w.png'); color:#FFFFFF }*/
a.btnMore { display:inline-block; color:var(--mrsy-button-txt); min-width:140px; font-size:0.9em; font-weight:var(--font-weight-medium); padding:8px 15px 7px 15px; border-radius:25px; text-align:center; background-color:var(--mrsy-button-bg); }
a.btnMore.sml { min-width:110px; }
a.btnMore:hover { background-color:var(--mrsy-button-bg-hover); color:#FFFFFF }
a.lnkDownload { display:inline-block; position:relative; opacity:0.8; font-size:1.15em; font-weight:var(--font-weight-medium); color:#000000; padding:5px 2px 5px 42px; font-weight:500; background:url('../../i/icons/svg/icn-lnk-read.svg') no-repeat left center; background-size:contain; }
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.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(--mrsy-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-color:var(--mrsy-modal-cover-bg); }
	.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?x=2235') no-repeat center center; }
	.mdlArea { position:absolute; top:2%; bottom:2%; left:2%; right:2%; margin:auto; max-width:1100px; max-height:78vh; background-color:var(--mrsy-modal-bx-bg); border-radius:10px; box-shadow:var(--mrsy-modal-bx-shadow); }
	.btnMdlClose { cursor:pointer; z-index:5; position:absolute; top:-4%; right:-10%; width:20px; height:20px; background:url('../../i/icons/icn-mdlclose.png') no-repeat center center; background-size:contain; opacity:0.8; transition: all 0.5s; }
	.btnMdlClose:hover { opacity:1.0; }
	.mdlBox { position:absolute; top:0; left:0; bottom:0; right:0; gap:6%; }
	.mdlColLf { position:relative; flex-grow:1; width:30%; height:100%; }
	.mdlColRg { position:relative; flex-grow:1; width:70%; height:100%; overflow-y:auto; text-align:left; color:var(--mrsy-modal-bx-txt); }
.mdlTitle { position:relative; display:flex; align-items:flex-end; }
.mdlTitle::after { z-index:0; flex-grow:1; content:''; margin:auto; height:6px; border-radius:6px; background-color:rgba(255,255,255, 0.2); }
.mdlTitle>h5 { z-index:1; position:relative; left:0; display:inline-block; font-size:3em; padding-bottom:5px; padding-right:30px; }
.mdlBrief { font-family:var(--font-family-heading-brief); font-size:1.4em; line-height:1.3em; }
.mdlContent { position:relative; }
/* MODAL FORM */
ul.mdlFrm { list-style-type:none; margin-top:20px; }
ul.mdlFrm>li { display:flex; justify-content:flex-start; align-items:center; gap:5%; padding:8px 0; }
ul.mdlFrm>li.frmButton { padding-top:20px; }
ul.mdlFrm label { position:relative; }
ul.mdlFrm label.impt::after { content:''; position:absolute; right:0; top:7px; width:3px; height:3px; border-radius:50%; background:#FF0000; }
/* form column */
.mdlFrmCol { position:relative; flex-grow:1; display:flex; justify-content:flex-start; flex-direction:column; }
.mdlFrmCol>label { display:block; font-size:0.65em; }
.mdlFrmCol .frmFld { flex-grow:1; font-size:1.1em; width:auto !important; border-radius:0; background-color:transparent !important; padding:8px 0 !important; color:#999999; border:0 !important; border-bottom:1px #666666 solid !important; }
.mdlFrmCol .frmFld:focus { background-color:rgba(255,255,255, 0.05); border-top:0 !important; color:#FFFFFF; }

/* 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.flipCol { flex-direction: row-reverse; }
.flexCol.topCol { align-items:flex-start; }
.flexCol>.colLf { position:relative; margin-right:auto; }
.flexCol>.colRg { position:relative; margin-left:auto; }
.flexCol>.colMd { position:relative; }
.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; }

/* 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(0,0,0, 0.7) url('../../i/mdl-loading-w.png?x=2235') no-repeat center center; }
.frmLoading.loadingBar { background-image:url('../../i/ajx-loading-bar.gif'); }
/*.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 { z-index:9; display:none; position:relative; width:100%; min-height:30px; background-color:rgba(255,0,0, 0.3); border-radius:5px; margin:10px 0 20px 0; 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:0.9em; }
.frmAlertCnt ul, .frmAlertCnt ol { overflow:hidden; margin-top:5px; }
.frmAlertCnt li { margin-left:20px; padding:1px 0; }
.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; }

/* 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; width:100%; overflow:hidden; margin-top:10px; display:flex !important; justify-content:flex-start !important; align-items:center !important; flex-direction:row !important; gap:8% !important; padding-top:8px !important; border-top:1px #666666 solid; }
ul.actLst.noBorder { padding-top:0; border-top:0; }
ul.actLst.btnLst { margin-top:20px; }
ul.actLst>li { position:relative; width:auto !important; text-align:left; }
ul.actLst.rowList { /*display:inline-block;*/flex-direction:column !important; margin-top:10px; }
ul.actLst.rowList>li { margin:0; padding:8px 10px 8px 1px; border-top:var(--mrsy-link-ln); }
ul.actLst.rowList>li:first-child { border-top:0; }
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 {  }
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; text-align:justify; }
.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; }
.headingBx .pageContent { text-align-last: center; }
.pageContent ul, .pageContent ol { margin-top:5px; margin-bottom:5px; }
.pageContent ul>li, .pageContent ol>li { padding:1px 0; }

/* SHOW IN VIEWPORT */
.vwPort { opacity:0; }
.vwPort.fadeView.show { animation: 1s fadeIn; animation-fill-mode: forwards; }
.vwPort.fadeUpwardView.show { animation: 1s fadeInUpward; animation-fill-mode: forwards; }

/* NOT FOUND */
.notfoundPic { display:inline-block; border-radius:5px; overflow:hidden; margin-bottom:20px; }
h2.notfoundTtl { font-size:2.2em; line-height:1.4em; font-weight:bold; margin-bottom:5px; text-align:center !important; }
.notfoundSubTtl { font-size:1.6em; line-height:1.8em; }
.notfoundMsg { margin:10px 0; }

/* SECTIONS */
#bigBoxContent {  }
section.contentBlock { position:relative; width:100%; min-height:100vh; }
section.contentHilight { background-color:var(--mrsy-body-shade-bg); }
section.contentLn { border-top:var(--mrsy-block-ln); margin:0; }
section.contentTop { padding-top:220px; }
section.contentPicTop { padding-top:0px; }
section.contentDetail { padding-top:20px; }
section.contentHeading { padding-top:80px; }
section.bottomSection { position:relative; width:100%; background-color:var(--mrsy-bottom-bg); }
.wBorder { border-bottom:1px #EEEEEE solid !important; }
/* ---------------------------------------------------------- */

/* WRAPPER */
.contentWrap { position:relative; width:88%; max-width:none; padding:75px 0; }
.contentWrap.blockWrap { padding:30px 0 100px 0 !important; }
.noPic { margin-top:90px !important; }
.withPic { margin-top:0 !important; }
.withBgPic { z-index:10; position:absolute; top:0; bottom:0; left:0; right:0; width:100%; }
.contentWrap.fullWrap { width:100%; max-width:none; }
.contentWrap.slideWrap { padding:0 0 75px 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; }
/* ---------------------------------------------------------- */
section.contentPicTop .contentWrap.headingWrap { padding:30px 0 30px 0 !important; }

/* HAMBURGER MENU */
.hamburger { vertical-align: middle; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { background-color:var(--hamburger-color) !important; }
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color:var(--hamburger-sticky-color) !important; }
/* PLUS MINUS ICON */
.plusminus {
	position: relative;
	width: 25px;
	height: 25px;
	cursor: pointer;
	
	&.active {
		&:before {
			transform: translatey(-50%) rotate(-90deg);
			opacity: 0;
		}
		&:after {
			transform: translatey(-50%) rotate(0);
		}
	}
	
	&:before , &:after {
		content: "";
		display: block;
		background-color: #000;
		position: absolute;		
		top: 50%; left: 0;
		transition: .35s;
		width: 100%;
		height: 2px;
	}
	
	&:before {		
		transform: translatey(-50%);
	}
	
	&:after {
		transform: translatey(-50%) rotate(90deg);
	}
	
}

/* HEADER BAR */
#headerSection { z-index:1000; position:fixed; top:0; left:0; right:0; /*padding-bottom:10px;*/ width:100%; transition: all 0.3s; background-color:transparent; /*padding-top:5px;*/ }
.headerWrap { z-index:100; position:relative; width:90%; /*height:100%; margin-top:5px;*/ }

/* TOP NAVIGATION */
.headerFlx { width:100%; display:flex; justify-content:center; align-items:center; }
.headerLf { position:relative; width:20%; margin-right:auto; text-align:left; }
.headerMd { position:relative; width:55%; margin:auto; text-align:center; padding:35px 0 26px 0; display:flex; justify-content:center; align-items:center; flex-direction:column; }
.headerRg { position:relative; width:20%; margin-left:auto; text-align:right; }
.headerLogo { position:relative; text-align:left; margin-bottom:10px; transition: all 0.5s; }
.headerLogo img { max-width:100%; } 
.headerMobileLogo { display:none; }
.logoBanner { display:none; }
.logoNormal { display:block; }
/* NAVIGATION */
.nvBx { position:relative; }
ul.nvMenu { list-style-type:none; width:100%; gap:8%; margin:0; font-family:var(--font-family-menu); color:var(--mrsy-mnav-txt); }
ul.nvMenu.mnRight { justify-content:flex-end; }
ul.nvMenu>li { cursor:pointer; position:relative; padding:0; opacity:1.0; }
ul.nvMenu>li:hover>a { color:var(--mrsy-link); opacity:1.0; }
ul.nvMenu>li>a { color:var(--mrsy-link); white-space:nowrap; padding:3px 0; border-bottom:1px transparent solid; }
ul.nvMenu>li>a:hover { color:var(--mrsy-link); opacity:1.0; }
ul.nvMenu.sldMn { font-family:var(--font-family-slide-menu); margin-bottom:30px; }
ul.nvMenu.sldMn>li { display:block; font-size:2.0em; line-height:1.1em; margin:5px; }
ul.nvMenu.sldMn>li>a { color:var(--mrsy-slide-nvmenu); }
ul.nvMenu.sldMn>li>a:hover, ul.nvMenu.sldMn>li:hover>a { color:var(--mrsy-slide-nvmenu-hover); }
ul.nvMenu>li.wDrop:hover>a, ul.nvMenu>li.wDrop>a:hover { /*border-bottom:1px var(--mrsy-mnav-hover) solid;*/ }
a.nvArrw { background:url('../../i/icons/icn-nvarrw.png') no-repeat right center; padding-right:8px !important; }
/* drop down */
.nvDrop { display:none; z-index:100; position:absolute; left:-5px; top:25px; padding:10px; min-width:80px; text-align:left; }
ul.nvSubMenu { list-style-type:none; margin-top:8px; }
ul.nvSubMenu>li { cursor:pointer; position:relative; padding:5px 0; }
ul.nvSubMenu>li>a { color:var(--mrsy-mnav); white-space:nowrap; }
ul.nvSubMenu>li>a:hover { color:var(--mrsy-mnav-hover); }
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; }
ul.nvMenu.sldMn .nvDrop { top:0; left:0; position:relative; padding:0 0 20px 20px; }
ul.nvMenu.sldMn ul.nvSubMenu>li { font-size:0.7em; line-height:1em; }
ul.nvMenu.sldMn ul.nvSubMenu>li>a { color:var(--mrsy-slide-nvmenu);  }
ul.nvMenu.sldMn ul.nvSubMenu>li>a:hover, ul.nvMenu.sldMn ul.nvSubMenu>li:hover>a { color:var(--mrsy-slide-nvmenu-hover); }

/* 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:0; display:none; position:absolute; top:0; bottom:0; left:0; margin:0; height:100vh; min-width:40%; text-align:left; background-color:var(--mrsy-slide-nvmenu-bg); }
.menuBx { position:absolute; top:14%; right:5%; left:12%; bottom:5%; overflow-y:auto; }
.menuBx::-webkit-scrollbar {
    height: 12px;
    width: 5px;
    background:rgba(0,0,0, 0.2);
}
.menuBx::-webkit-scrollbar-thumb {
    background: rgba(255,255,255, 0.08);
    -webkit-border-radius: 1ex;
}
.menuBx::-webkit-scrollbar-corner {
    background: rgba(0,0,0, 0.7);
}
.menuBx a { color:var(--mrsy-mnav) !important; }
.menuBx a:hover { color:var(--mrsy-mnav-hover) !important; }

/* STICKY HEADER */
#headerSection.headerSectionBanner .logoBanner { display:block; }
#headerSection.headerSectionBanner .logoNormal { display:none; }
#headerSection.headerSectionBanner ul.nvMenu>li>a { color:var(--mrsy-sticky-mnav); }
#headerSection.headerSectionBanner ul.nvMenu.sldMn>li>a { color:var(--mrsy-slide-nvmenu); }
#headerSection.headerSectionBanner ul.nvMenu.sldMn>li:hover>a { color:var(--mrsy-slide-nvmenu-hover); }
#headerSection.headerSectionBanner .hamburger-inner, 
#headerSection.headerSectionBanner .hamburger-inner::before, 
#headerSection.headerSectionBanner .hamburger-inner::after { background-color:var(--hamburger-sticky-color) !important; }
#headerSection.stickyHeader { background-color:var(--mrsy-mnav-bg); /*position: fixed; top:0;*/ /*box-shadow: 0px 0px 5px rgba(0,0,0,0.1);*/ }
#headerSection.stickyHeader .logoBanner { display:block; }
#headerSection.stickyHeader .logoNormal { display:none; }
#headerSection.stickyHeader .nvDrop { background-color:var(--mrsy-mnav-bg); }
#headerSection.stickyHeader ul.nvMenu>li>a { color:var(--mrsy-sticky-mnav); }
#headerSection.stickyHeader ul.nvMenu.sldMn>li>a { color:var(--mrsy-slide-nvmenu); }
#headerSection.stickyHeader ul.nvMenu.sldMn>li:hover>a { color:var(--mrsy-slide-nvmenu-hover); }
#headerSection.stickyHeader .hamburger-inner, 
#headerSection.stickyHeader .hamburger-inner::before, 
#headerSection.stickyHeader .hamburger-inner::after { background-color:var(--hamburger-sticky-color) !important; }
#pageBody.dark #headerSection.stickyHeader { background-color:var(--mrsy-mnav-shade-bg); }
#pageBody.dark #headerSection .logoBanner { display:block; }
#pageBody.dark #headerSection .logoNormal { display:none; }
#pageBody.dark #headerSection ul.nvMenu>li>a { color:var(--mrsy-sticky-mnav); }
#pageBody.dark #headerSection ul.nvMenu.sldMn>li>a { color:var(--mrsy-slide-nvmenu); }
#pageBody.dark #headerSection ul.nvMenu.sldMn>li:hover>a { color:var(--mrsy-slide-nvmenu-hover); }
#pageBody.dark #headerSection .hamburger-inner, 
#pageBody.dark #headerSection .hamburger-inner::before, 
#pageBody.dark #headerSection .hamburger-inner::after { background-color:var(--hamburger-sticky-color) !important; }

/* FOOTER */
#footerSection { border-top:var(--mrsy-ftnav-ln); background-color:var(--mrsy-footer-bg); font-family:var(--font-family-subheading); color:var(--mrsy-footer-txt); }
.footerWrap { position:relative; width:88%; padding:70px 0 70px 0; }
.footerRow { position:relative; width:100%; padding:30px 0; text-align:left; }
.footerRow.ftDtlRow { display:flex; justify-content:flex-start; align-items:flex-end; }
.footerRow a { color:var(--mrsy-ftnav); }
.footerRow a:hover { color:var(--mrsy-ftnav-hover); }
.footerBrief { width:100%; /*max-width:560px;*/ font-size:1.8em; line-height:1.1em; }
.footerCopyright { font-family:var(--font-family-normal); color:var(--mrsy-copyright-txt); font-size:0.65em; text-transform:uppercase; text-align:left; }
.ftColLf { width:40%; }
.ftColRg { width:50%; margin-left:auto; text-align:right; }
ul.ftAddrsRow { list-style-type:none; }
ul.ftAddrsRow>li { margin:40px 0; }
ul.ftAddrsRow>li:last-child { margin-bottom:0; }
ul.btmContact { list-style-type:none; margin-bottom:5px; }
ul.btmContact.sld { margin-left:8px; }
ul.btmContact>label { display:block; color:#FFFFFF; opacity:0.3; margin-bottom:5px; }
ul.btmContact>li { display:inline-block; vertical-align:top; margin:5px 20px 5px 0; }
ul.btmContact>li a { color:#CCCCCC !important; }
ul.btmContact>li a:hover { color:#FFFFFF !important; }
ul.btmSocMed { list-style-type:none; display:flex; justify-content:flex-start; align-items:center; gap:1.1%; }
ul.btmFtLinks { list-style-type:none; display:flex; justify-content:flex-start; align-items:center; gap:7%; }
ul.btmFtLinks>li { white-space:nowrap; }
ul.ftNav { width:auto; margin-left:auto; margin-bottom:15px; list-style-type:none; display:inline-flex; justify-content:flex-end; align-items:flex-start; flex-direction: row; flex-wrap: wrap; }
ul.ftNav>li { flex-basis:22%; min-width:65px; text-align:left; white-space:nowrap; }
ul.ftNav>li:nth-child(4n) { min-width:75px; }
/*ul.ftNav { border:1px #FFFF00 dotted; list-style-type:none; width:auto; }
ul.ftNav.gridBx { grid-template-columns: repeat(4, 1fr); grid-column-gap: 10px; grid-row-gap: 10px; }
ul.ftNav>li { width:auto; border:1px #FFFF00 dotted; }*/
ul.ftAwrds { list-style-type:none; display:inline-flex; justify-content:center; align-items:center; gap:15px; margin-left:auto; }
ul.ftAwrds>li { width:60px; height:60px; }
/* subscribe */
.footerSubsc { width:100%; max-width:370px; margin-left:auto; }
.footerSubsc>label { display:block; font-size:1.1em; line-height:1.1em; }
input.fldSubsc { background-color:transparent; color:#EEEEEE; width:94%; border:0; border-radius:0; padding:10px 1%; border-bottom:1px #EEEEEE solid; opacity:0.7; }
input.fldSubsc:focus { background-color:transparent; opacity:1.0; color:#EEEEEE; }

/* BANNER */
#bannerSection { position:relative; z-index:0; height:100vh; background-color:var(--mrsy-banner-bg); }
.bannerWrap { z-index:1; position:relative; width:100%; height:100vh; overflow:hidden; }
.bannerMain { height:100vh; }
/* slide */
ul.bannerLst { position:relative; 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:4%; right:2.2%; height:auto; margin:auto; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:3px; }
ul.bannerLst.owl-carousel.vertDots .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 #FFFFFF solid; background-color:transparent; }
ul.bannerLst.owl-carousel .owl-dots button.owl-dot.active { width:13px; height:13px; border-radius: 50%; background-color:var(--mrsy-burgundy); }
ul.bannerLst.owl-carousel .owl-nav { z-index:2; position:absolute; width:98%; height:50px; top:18%; bottom:10%; left:0; right:0; margin:auto; display:flex; justify-content:center; align-items:center; }
ul.bannerLst.owl-carousel .owl-nav>.owl-prev { margin-right:auto; }
ul.bannerLst.owl-carousel .owl-nav>.owl-next { margin-left:auto; }
ul.bannerLst.owl-carousel .owl-nav .nav-btn { width:50px; height:50px; border-radius:50%; background:url('../../i/icons/icn-arrw-bnr.png') no-repeat center; transition: all 0.5s; }
ul.bannerLst.owl-carousel .owl-nav .nav-btn:hover { background-color:var(--mrsy-slide-arrow-bg); }
ul.bannerLst.owl-carousel .owl-nav .nav-btn.next-slide { transform:rotate(180deg); }
ul.bannerLst.fullBanner>li { height:100vh; }
ul.bannerLst.fullBanner.owl-carousel .owl-item>li { height:100vh; }
.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; }
.blockPic { position:relative; width:100%; padding-bottom:40%; overflow:hidden; border-radius:10px; }
.blockPic.portrait { padding-bottom:130%; }

/* BANNER BOOKING BOX */
#bannerBookng { z-index:20; display:none; position:fixed; left:0; right:0; bottom:0; margin:auto; padding:3px 20px; min-height:30px; background-color:rgba(0,0,0, 1.0); border-top:1px rgba(255,255,255, 0.1) solid; }
#bannerBookng.scrollShow { display:block; }
.bnrBkgBx { position:absolute; top:6px; left:6px; right:6px; bottom:6px; display:flex; justify-content:center; align-items:center; }
/* BOOKING FORM */
ul.bookngFrm { list-style-type:none; width:100%; }
ul.bookngFrm>li { padding:7px 10px; }
ul.bookngFrm>li:first-child { border-left:0; }
input.frmBookng { display:inline-block; border:0; padding:10px; background-color:#FFFFFF; color:#000000; text-align:left; }
input.frmBookng:focus { border:0; }
button.bnrBkgBtn { cursor:pointer; display:inline-block; background-color:#FFFFFF; color:#000000; padding:10px 20px; border-radius:8px; text-align:center; }
button.bnrBkgBtn:hover { background-color:#CCCCCC; }
/* BOOKING LINK */
a.lnkBooking { display:inline-block; background:url('../../i/icons/icn-booking.png') no-repeat left center; padding:2px 5px 2px 22px !important; }
a.lnkBooking:hover { color:var(--mrsy-ftnav-hover); }
input.fldBookingDate { width:270px !important; }
input.fldBookingPromo { width:180px !important; }
input.fldBookingGuest { width:220px !important; }
/* STAAH BOOKING FORM */
.logoIAM.vert { height:60px; margin:5px 0; }
.logoIAM.vert img { max-height:100%; }
.logoIAM.horz { height:85px; transform:rotate(-90deg); margin-right:30px; }
.logoIAM.horz img { max-width:100%; }
div#quickbook-widget .MbsSearchWidget { padding:10px 10px 15px 10px !important; }
div#quickbook-widget .MbsSearchWidget .checkinDate { border-radius:7px !important; }
div#quickbook-widget .MbsSearchWidget .checkinDate.startDate { border-radius:7px 0 0 7px !important; }
div#quickbook-widget .MbsSearchWidget .checkinDate.endDate { border-radius:0 7px 7px 0 !important; }
div#quickbook-widget .MbsSearchWidget .checkinDate>input { padding:0 !important; }
div#quickbook-widget .MbsSearchWidget .checkinDate.promocode { width:90% !important; }
div#quickbook-widget .MbsSearchWidget .searchBtn { border-radius:15px !important; padding:6px 20px !important; text-transform:uppercase; }

/* BOOKING FORM */
/*.mdlBook { display:none; z-index:100; position:fixed; bottom:0; left:0; right:0; background-color:var(--sgnt-mdl-bg); }
.bookWrap { padding:20px 0 !important; width:92%; }
a.btnCloseBook { display:inline-block; position:absolute; right:2%; top:20px; width:20px; height:20px; opacity:0.7; background:url('../../i/icons/icn-close-arrw.png') no-repeat center; }
a.btnCloseBook:hover { opacity:1.0; }
.bookgBarBx { position:relative; margin:0; }
ul.bookgBar { z-index:1; list-style-type:none; gap:1%; }
ul.bookgBar>li { position:relative; }
ul.bookgBar>li.lrg { width:20%; }
ul.bookgBar>li.sml { width:8%; }
ul.bookgBar>li.mdm { width:13%; }
ul.bookgBar>li:last-child { margin-left:1%; }
input.bookgFld { width:100%; background-color:transparent !important; padding:0; border:0; font-size:1.0em; }
input.bookgFld:focus { border:0; }
select.bookgFld { width:100%; background-color:transparent !important; padding:0 !important; margin:-1px 0 !important; border:0 !important; font-size:1.0em; line-height:1.0em; }
ul.bookgBar>li>span { display:block; overflow:hidden; padding:10px; border-radius:8px; border:var(--sgnt-bkng-fld-border); }
.bookgBtn { cursor:pointer; color:var(--sgnt-peach); min-width:140px; font-size:0.9em; font-weight:var(--font-weight-medium); padding:14px 25px 14px 25px; border-radius:25px; text-align:left; border:0; background-color:var(--sgnt-burgundy); }
.bookgBtn:hover { background-color:var(--sgnt-gold); }*/

/* BLOCK CONTENT */
.rowBlock { position:relative; margin-top:40px; }
.rowBlock.wLine { margin-top:40px; padding-bottom:20px; border-bottom:2px #FFFFFF solid; }
.rowBlock:first-child { margin-top:0; }
.headingCol { position:relative; gap:3%; align-items:flex-start; /*padding-bottom:50px;*/ }
.headingCol.readCol { padding-bottom:20px; }
.headingCol>.colTitle { position:absolute; width:100%; left:0; right:0; font-size:1.4em; top:5px; }
.headingCol>.colTitle.single { display:flex; justify-content:flex-start; align-items:center; }
.headingCol>.colTitle a { color:#000000; }
.headingCol>.colLf { width:14%; font-size:1.4em; text-align:left; margin-top:5px; }
.headingCol>.colMd { z-index:0; width:67%; text-align:left; }
.headingCol>.colRg { width:14%; font-size:1.4em; text-align:right; margin-top:5px; }
.headingBrief { position:relative; font-family:var(--font-family-heading); font-size:1.6em; line-height:1.1em; margin-bottom:20px !important; }
a.headingLnk { display:inline-block; font-size:1.15em; text-decoration:underline; margin-right:auto; color:#000000; margin-top:40px; }
.headingCol h2 { font-size:3.15em; line-height:0.95em; margin-bottom:25px; }
.headingCol h3 { font-size:2.8em; line-height:0.95em; margin-bottom:20px; }
.headingCol h4 { font-size:2.8em; line-height:0.95em; margin-bottom:20px; }
.headingCol h5 { font-size:2.8em; line-height:0.95em; margin-bottom:20px; }
.headingCol h6 { font-size:2.8em; line-height:0.95em; margin-bottom:20px; }
.headingCol .colRg>h1, .headingCol .colLf>h1, .headingCol .colTitle>h1, .headingCol .colTitle>h2 { font-family:var(--font-family-normal); font-size:1em; font-weight:var(--font-weight-normal); padding:1px 0; }
.headingCol .colTitle>h1, .headingCol .colTitle>h2 { display:flex; justify-content:flex-start; align-items:center; }
.headingCol .colTitle>h1>span:last-child, .headingCol .colTitle>h2>span:last-child, .headingCol .colTitle>span:last-child { margin-left:auto; }
.contentHilight .headingCol, .bottomSection .headingCol, .contentHilight a, .bottomSection a { color:var(--mrsy-body-bgtxt); }
.contentHilight .headingCol h1, 
.contentHilight .headingCol h2,
.bottomSection .headingCol h6 { color:var(--mrsy-body-bgtxt); }
.contentBx { position:relative; text-align:left; padding:20px 0; }

/* HEADING */
.headBanner { position:relative; }
.headBannerBx { z-index:10; position:absolute; top:18%; bottom:10%; left:10%; right:10%; }
.headBannerPic { z-index:0; position:relative; width:100%; height:100vh; overflow:hidden; }
.headBannerCnt { max-width:900px; text-shadow: 1px 1px rgba(0,0,0, 0.3); }
.headBannerCnt>label { display:block; font-size:0.9em; letter-spacing:0.2em; font-weight:var(--font-weight-medium); margin-bottom:10px; }
h1.headTitle {}
/* PAGE HEADER */
.headTitle {}
/* PAGE HEADER */
.headingWrap { position:relative; width:88%; max-width:none; padding:110px 0 !important; }
.headingWrap.noPic { padding:130px 0 30px 0 !important; }
.headingWrap.readDtl { padding:110px 0 30px 0 !important; }
.pageHead { display:flex; justify-content:center; align-items:center; flex-direction:column; text-align:center; max-width:700px; }
.pageHead>h1.pageTitle { font-family:var(--font-family-normal); text-align:center; font-size:1.1em; line-height:1.3em; letter-spacing:0.1em; text-transform:uppercase; }
.pageHead>h2.pageTitle { font-family:var(--font-family-normal); text-align:center; font-size:0.9em; line-height:1.2em; letter-spacing:0.1em; text-transform:uppercase; }
.pageHead>.headingBrief { text-align:center; margin-bottom:10px; }
.headingWrap.noPic .pageHead { max-width:900px; }
.headingWrap.noPic .pageHead>.headingBrief { font-size:2.8em; line-height:1.0em; }

/* DETAIL READ PAGE */
.readWrap { display:block; position:relative; width:59%; padding:50px 0 75px 0; text-align:justify;  }
.readWrap.vertcl { width:88%; max-width:1100px; }
.colRead { position:relative; width:100%; /*padding-bottom:50px;*/ flex-direction:column; justify-content:center; align-items:flex-start; }
.colRead>.dtlImage { position:relative; width:100%; border-radius:10px; overflow:hidden; margin-bottom:50px; }
.colRead>.dtlImage img { max-width:100%; width:100%; }
.colRead>.dtlContent { position:relative; width:100%; text-align:left; margin-left:auto; margin-right:auto; }
.readWrap.vertcl .colRead { flex-direction:row; }
.readWrap.vertcl .colRead>.dtlImage { width:42%; margin-bottom:0; }
.readWrap.vertcl .colRead>.dtlContent { width:51%; margin-right:0; }
/* read header */
.readHeader { position:relative; margin-bottom:10px; }
.readHeader h1 { font-size:3.0em; }
/* vertical image display */
.colRead.previewVrtcl { flex-direction:row; }
.colRead.previewVrtcl>.dtlImage { width:40%; margin-bottom:0; max-height:none; }
.colRead.previewVrtcl>.dtlContent { width:53%; margin-left:auto; margin-right:0; }
/* read content page */
.pageCntPart { position:relative; margin-top:30px; text-align:left; }
.pageCntPart:first-child { margin-top:0 !important; }
.pageCntPart ul, .pageCntPart ol { margin-left:22px; margin-bottom:20px; }
h2.pageSubTitle { font-size:2.4em; color:var(--mrsy-readblock-title-txt); margin-bottom:25px; }
h3.pageSubTitle { font-size:1.8em; color:var(--mrsy-readblock-title-txt); margin-bottom:25px; }
h4.pageSubTitle { font-size:1.6em; color:var(--mrsy-readblock-title-txt); margin-bottom:20px; }
h5.pageSubTitle { font-size:1.4em; color:var(--mrsy-readblock-title-txt); margin-bottom:20px; }
h6.pageSubTitle { font-size:1.2em; color:var(--mrsy-readblock-title-txt); margin-bottom:20px; }
/* custom fields */
.pageCntCustom { position:relative; border-top:1px #FFFFFF solid; padding:30px 0; }
.pageCntCustom:first-child { margin-top:60px; }
.pageCntCustom>h4 { font-family:var(--font-family-normal); font-size:1.2em; font-weight:var(--font-weight-medium); }
.customCntPart { font-size:0.9em; display:flex; justify-content:flex-start; align-items:flex-start; text-transform:uppercase; gap:3%; }
.customCntPart>ul { list-style-type:none; flex-basis:30%; flex-grow:1; margin:10px 0; }
.customCntPart>ul>li { padding:4px 0; line-height:1.4em; }
.customCntPart>ul>li>label, .customCntPart>ul>li>b { display:inline-block; margin-right:5px; color:#FFFFFF; }
/* PAGE */
.pageWrap { display:block; position:relative; width:59%; padding:60px 0 75px 0; text-align:justify; }
.pageWrap.vertcl { max-width:1200px; }
.pageWrap .pageCntPart { font-size:1.6em; line-height:1.4em; font-family:var(--font-family-heading-brief); margin-top:50px; }
.pageWrap h2.pageSubTitle { font-size:1.6em; color:var(--mrsy-readblock-title-txt); margin-bottom:25px; }
.pageWrap h3.pageSubTitle { font-size:1.4em; color:var(--mrsy-readblock-title-txt); margin-bottom:25px; }
.pageWrap h4.pageSubTitle { font-size:1.2em; color:var(--mrsy-readblock-title-txt); margin-bottom:20px; }
.pageWrap h5.pageSubTitle { font-size:1.0em; color:var(--mrsy-readblock-title-txt); margin-bottom:20px; }
.pageWrap h6.pageSubTitle { font-size:0.9em; color:var(--mrsy-readblock-title-txt); margin-bottom:20px; }
/* READ CONTENT */
.readActBx { width:100%; margin-bottom:20px; align-items:flex-start; }
.readActBx .colLf { flex-grow:1; }
ul.readActLst { list-style-type:none; }
ul.readActLst>li { padding:2px 0; line-height:1.8em; }
ul.readActLst>li>label { display:block; opacity:0.5; }
ul.readActLst>li.priceDt { font-size:1.3em; padding:10px 0; }
a.ctaBtnLnk { display:inline-block; width:90%; min-width:170px; max-width:220px; text-align:center; color:#FFFFFF; background-color:#000000; padding:8px 0; border-radius:30px; /*margin:20px 0 10px 0;*/ font-weight:var(--font-weight-medium); }
a.ctaBtnLnk.sml { font-size:0.9em; }
a.sendWhatsApp { background-color:#25D366 !important; color:#000000 !important; padding-left:45px; padding-right:20px; background:url('../../i/icons/svg/icn-whatsapp.svg') no-repeat 15px center; width:auto !important; min-width:0 !important; max-width:none !important; }
.readWrap h2.pageSubTitle { font-size:2.4em; color:var(--mrsy-readblock-title-txt); margin-bottom:25px; }
.readWrap h3.pageSubTitle { font-size:1.8em; color:var(--mrsy-readblock-title-txt); margin-bottom:25px; }
.readWrap h4.pageSubTitle { font-size:1.4em; color:var(--mrsy-readblock-title-txt); margin-bottom:20px; }
.readWrap h5.pageSubTitle { font-size:1.1em; color:var(--mrsy-readblock-title-txt); margin-bottom:20px; }
.readWrap h6.pageSubTitle { font-size:0.9em; color:var(--mrsy-readblock-title-txt); margin-bottom:20px; }
.readWrap .pageCntPart { font-size:1.1em; line-height:1.4em; }

/* PREVIEW IMAGES */
.headerPic { position:relative; margin-top:90px; }
ul.previewLst { display:block; position:relative; list-style-type:none; }
ul.previewLst.owl-carousel .owl-item>li { transform: scale(0.96, 0.96); position:relative; width:100%; height:60vh; min-height:500px; overflow:hidden; opacity:0.4; display:flex; justify-content:center; align-items:center; transition: all 0.5s; }
ul.previewLst.owl-carousel .owl-item.active>li { transform: scale(1, 1); opacity:1.0; }
ul.previewLst.owl-carousel .owl-nav { z-index:2; position:absolute; width:90%; height:50px; top:0; bottom:0; left:0; right:0; margin:auto; display:flex; justify-content:center; align-items:center; }
ul.previewLst.owl-carousel .owl-nav>.owl-prev { margin-right:auto; }
ul.previewLst.owl-carousel .owl-nav>.owl-next { margin-left:auto; }
ul.previewLst.owl-carousel .owl-nav .nav-btn { width:50px; height:50px; border-radius:50%; background:url('../../i/icons/icn-arrw-bnr.png') no-repeat center; transition: all 0.5s; }
ul.previewLst.owl-carousel .owl-nav .nav-btn:hover { background-color:var(--mrsy-slide-arrow-bg); }
ul.previewLst.owl-carousel .owl-nav .nav-btn.next-slide { transform:rotate(180deg); }
/* single photo preview */
ul.previewLst.previewPhoto.owl-carousel .owl-item>li { transform: scale(1, 1); height:63vh; min-height:560px; }
ul.previewLst.previewPhoto.owl-carousel .owl-dots { position:absolute; bottom:3%; right:2.2%; }
ul.previewLst.previewPhoto.owl-carousel .owl-dots button.owl-dot { border:1px rgba(255,255,255, 0.7) solid; background-color:transparent; }
ul.previewLst.previewPhoto.owl-carousel .owl-dots button.owl-dot.active { background-color:#FFFFFF; }
/* photo gallery */
ul.previewLst.gallery.owl-carousel .owl-item>li { transform: scale(0.96, 0.96); position:relative; width:100%; height:70vh; min-height:500px; overflow:hidden; opacity:0.4; display:flex; justify-content:center; align-items:center; transition: all 0.5s; }
ul.previewLst.gallery.owl-carousel .owl-item.active>li { transform: scale(1, 1); opacity:1.0; }
/* thumbnail slide */
ul.previewThbLst { list-style-type:none; width:100%; height:100%; }
ul.previewThbLst.owl-carousel .owl-item>li { position:relative; width:100%; height:100%; overflow:hidden; padding:0; display:flex; gap:0; justify-content:center; align-items:center; transition: all 0.5s; }
ul.previewThbLst.owl-carousel .owl-dots { position:absolute; bottom:3%; right:2.2%; }
ul.previewThbLst.owl-carousel .owl-dots button.owl-dot { border:1px rgba(255,255,255, 0.7) solid; background-color:transparent; }
ul.previewThbLst.owl-carousel .owl-dots button.owl-dot.active { background-color:#FFFFFF; }
/* top photo slide */
ul.contentThbLst { list-style-type:none; width:100%; }
ul.contentThbLst.owl-carousel .owl-item>li { position:relative; width:100%; padding-bottom:60%; overflow:hidden; display:flex; gap:0; justify-content:center; align-items:center; transition: all 0.5s; }
ul.contentThbLst.owl-carousel .owl-dots { position:absolute; bottom:3%; right:2.2%; }
ul.contentThbLst.owl-carousel .owl-dots button.owl-dot { border:1px rgba(255,255,255, 0.7) solid; background-color:transparent; }
ul.contentThbLst.owl-carousel .owl-dots button.owl-dot.active { background-color:#FFFFFF; }
ul.contentThbLst.carslThb.owl-carousel .owl-item>li { padding-bottom:70% !important; }
/* image layout */
.displayBnrPhoto { position:relative; width:100%; height:63vh; min-height:560px; }
.picOpaque { opacity:0.5 }
/* video banner */
.bannerVideo { position:relative; height:63vh; min-height:560px; overflow:hidden; }

/* LISTING */
.lstGroupBx { position:relative; margin-bottom:70px; column-gap:5%; padding:10px 0 15px 0; border-top:1px rgba(255,255,255, 0.2) solid; border-bottom:1px rgba(255,255,255, 0.2) solid; }
.lstGroupBx.lf { justify-content:flex-start; border-top:0; }
.rowBlock.lstGroupBx.wLine { margin-bottom:20px; }
.rowBlock.lstGroupBx.wLine a.tabCatLnk.is-active { border-bottom:0 !important; } 
.colGroup { text-align:center; }
.lstBx { position:relative; }

/* HOME ROOMS */
ul.hmRoomLst { list-style-type:none; }
ul.hmRoomLst li { position:relative; text-align:left; }
ul.hmRoomLst.owl-carousel {}
/* ROOM LIST */
ul.roomLst { position:relative; display:flex; justify-content:flex-start; gap:40px; list-style-type:none; margin:0; padding:0; border-bottom:1px #FFFFFF solid; }
ul.roomLst::before { content:''; position:absolute; width:1px; top:0; bottom:0; left:0; right:0; margin:auto; background:#FFFFFF; }
ul.roomLst:last-child { border-bottom:0; }
ul.roomLst.single::before { display:none; }
ul.roomLst>li { position:relative; width:45%; flex:1; margin:40px 0; padding:0; }
ul.roomLst:first-child>li { margin:0 0 40px 0 !important; }
.roomThb { position:relative; width:100%; margin-bottom:20px; padding-bottom:90%; }
.roomThb.otherRoom { padding-bottom:60%; margin-bottom:10px; }
.roomThb.slide { padding-bottom:0; }
.roomThb ul.previewThbLst.owl-carousel .owl-item>li { padding-bottom:90%; }
.roomThb.slide ul.previewThbLst.owl-carousel .owl-item>li { padding-bottom:0; }
a.roomLnk { font-family:var(--font-family-heading); font-size:1.8em; line-height:1.2em; padding:20px 0; }
.roomThumbnail { position:relative; width:100%; padding-bottom:95%; }
ul.roomCnt { list-style-type:none; border-top:1px #FFFFFF solid; padding:0; }
ul.roomCnt:first-child { border-top:0; }
ul.roomCnt>li { padding-top:0; display:flex; justify-content:center; align-items:center; }
ul.roomCnt:first-child>li { padding-bottom:5px; }
ul.roomCnt>li.ctaLnk { align-items:flex-end; }
ul.roomCnt>li.ctaLnk a.headingLnk { font-size:1em; margin-top:20px; }
ul.roomCnt>li>div { color:var(--mrsy-body-txt2); text-align:left; line-height:1.8em; flex-grow:1; }
ul.roomCnt>li.col>div { flex-grow:0; }
ul.roomCnt>li.col>div:nth-child(1) { flex-basis:60%; text-align:left; }
ul.roomCnt>li.col>div:nth-child(2) { margin-left:auto; }
ul.roomCnt>li h5 { font-size:2.0em; color:#FFFFFF; text-align:left; }
ul.roomCnt.detail>li:first-child { padding-top:15px; }
ul.roomCnt.detail>li.brief>div:nth-child(1) { flex-basis:100%; text-align:left; }
ul.roomCnt>li>div>label { font-size:0.86em; }
ul.roomCnt>li>div>b { font-size:1.2em; color:#FFFFFF; }
.roomRates { font-size:0.8em; }
.roomRates>label { display:inline-block; padding-left:7px; font-size:1.5em !important; color:#000000; font-weight:var(--font-weight-medium); }
a.roomBook { display:inline-block; padding:4px 25px; border-radius:20px; background-color:var(--mrsy-button-bookroom-bg); color:var(--mrsy-button-bookroom-txt) !important; }
a.roomBook:hover { background-color:var(--mrsy-button-bookroom-bg-hover); color:var(--mrsy-button-bookroom-txt-hover); }
a.tabCatLnk { display:inline-block; font-family:var(--font-family-heading); font-size:1.8em; padding:10px 0; color:#FFFFFF; opacity:0.4; }
a.tabCatLnk.is-active { /*border-bottom:2px #FFFFFF solid;*/ opacity:1; }
/* rooms spesification */
ul.roomSpek { list-style-type:none; justify-content:flex-start; column-gap:4%; margin-bottom:10px; flex-wrap:wrap; }
ul.roomSpek.dtSpek { margin-bottom:3px; }
ul.roomSpek.rowSpek { margin-bottom:3px; flex-wrap:nowrap; flex-direction:column; }
ul.roomSpek>li { font-size:0.9em; line-height:1.1em; color:#FFFFFF; margin:4px 0; }
ul.roomSpek>li i.dvSvg { opacity:0.6; }
ul.roomSpek.colFx>li { flex-basis:48%; }
ul.roomSpek.rowSpek>li { width:100%; }
.dtSpek { font-size:0.9em; margin-bottom:10px; }
/* OTHER ROOM */
.otherRoomBx { margin-bottom:60px; }
ul.lstOtherRooms { list-style-type:none; display:flex; justify-content:flex-start; align-items:flex-start; gap:3.5%; }
ul.lstOtherRooms>li { opacity:0.4; transition: all 0.5s; }
ul.lstOtherRooms>li:hover { opacity:1; }
ul.lstOtherRooms>li.is-active { opacity:1; font-weight:bold; }
ul.lstOtherRooms.thb { flex-wrap:wrap; gap:40px; }
ul.lstOtherRooms.thb>li { flex-basis:30.5%; }

/* FOLD TAB CONTENT */
.fldTabWrap { position:relative; /*max-width:930px;*/width:59%; min-width:1000px; padding-top:0; }
.listWrap { position:relative; /*max-width:930px;*/width:75%; min-width:1000px; padding-top:0; }
ul.fldTab { list-style-type:none; }
ul.fldTab>li { position:relative; text-align:left; width:100%; padding:10px 0; }
ul.fldTab>li:first-child { border-top:0; }
ul.fldTab>li>.blockHid { display:none; margin:10px 0 60px 0; padding:20px 0 40px 0; border-bottom:var(--mrsy-link-ln); }
ul.fldTab>li>h3 { position:relative; display:flex; justify-content:flex-start; align-items:center; cursor:pointer; font-size:3.0em; transition: all 0.5s; padding:8px 0; border-bottom:var(--mrsy-link-ln); }
ul.fldTab>li>h3>.plusminus { margin-left:auto; }
ul.fldTab>li>h3>.plusminus.active { opacity:0.5; }
ul.fldTab>li>h3>a { flex-basis:90%; }
.blockHid>h5 { font-size:2.2em; }
.blockHid a.btnMore { margin-top:30px; }
.blockHid>.contentBx { position:relative; margin-top:40px; }
.blockHid>.contentBx::before { content:''; position:absolute; top:0; left:0; width:30%; height:1px; border-top:var(--mrsy-link-ln); }
.hdrGroupContent { font-family:var(--font-family-heading-brief); font-size:1.4em; line-height:1.2em; margin-top:30px; }
.hdrGroupContent>ul, .hdrGroupContent>ol { margin-left:22px; }
.hdrGroupContent>h4 { text-align:left; font-size:1.3em; margin-bottom:20px; }
span.cmgsoon { font-size:0.55em; opacity:0.3; }
/* fold content block */
ul.cntBlock { list-style-type:none; }
ul.cntBlock>li { padding:30px 0; border-top:var(--mrsy-link-ln); }
ul.cntBlock>li:first-child { border-top:0; padding-top:10px; }
ul.cntRow { list-style-type:none; }
ul.cntRow>li { position:relative; padding:10px 0; display:flex; justify-content:flex-start; align-items:center; }
ul.cntRow>li>h5 { position:relative; flex-basis:70%; font-size:2.6em; padding-left:28px; margin-bottom:0; }
ul.cntRow>li>h5.ttl { width:100%; padding-left:0; }
ul.cntRow>li>h5>label { position:absolute; top:-15px; left:0; font-size:0.4em; }
ul.cntRow>li>a.roomBook { margin-left:auto; }
/* table column style */
ul.cntTbl { list-style-type:none; width:100%; display:flex; justify-content:flex-start; align-items:flex-start; gap:3%; }
ul.cntTbl>li { min-width:20%; }
ul.cntTbl>li>label { display:block; opacity:0.4; }
/* table row style */
ul.cntTbl.tblRow { flex-direction:column; row-gap:20px; }
ul.cntTbl.tblRow>li { width:100%; }
ul.cntRow>li.cntColumn { align-items:flex-end; margin-top:20px; }
.cntDesc { font-family:var(--font-family-heading); font-size:1.6em; line-height:1.2em; }
.cntDesc.pgContent { flex-direction:column; }
.cntDesc h6.pageSubTitle { font-size:1.6em; line-height:1em; margin-bottom:20px; }
/* col picture */
.cntColPic { position:relative; width:40%; margin-right:10%; padding-bottom:65%; }
.cntColPic.slider { padding-bottom:0; }
.cntColPic img { max-width:100%; }
.cntColPic ul.previewThbLst.owl-carousel .owl-item>li { height:530px; }
/* row picture */
.cntRowPic { display:block; position:relative; width:100%; padding-bottom:50%; margin-bottom:50px; }
.cntRowPic.slider { padding-bottom:0; }
.cntRowPic img { max-width:100%; }
.cntRowPic ul.previewThbLst.owl-carousel .owl-item>li { height:450px; }
.cntColNote { width:100%; margin-left:auto; flex-grow:1; }
.flexBxCol>.cntColNote { width:48%; }
.cntColNote>h6 { font-size:1.8em; line-height:1.1em; margin-bottom:10px; }
.cntColNote>ul { list-style-type:none; width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; row-gap:10px; }
.cntColNote>ul>li { width:100%; }
.cntColNote>ul>li>b, .cntColNote>ul>li>strong { display:block; opacity:0.4; font-weight:normal; }
ul.infoLst { list-style-type:none; color:var(--mrsy-body-txt2); }
ul.infoLst>li>b { color:#FFFFFF; }
/* capacity */
.capacityCnt { margin-top:30px; margin-bottom:20px; }
.capacityCnt>label { font-size:1.1em; font-weight:var(--font-weight-bold); }
.capacityCnt>h5 { font-size:1.8em; margin-bottom:10px; }
ul.capacityLst { list-style-type:none; max-width:500px; grid-column-gap:10%; grid-row-gap:0px; }
ul.capacityLst.gridBx>li { display:flex; justify-content:flex-end; align-items:flex-start; font-size:0.85em; line-height:1em; font-weight:var(--font-weight-medium); margin:2px 0; }
ul.capacityLst.gridBx>li>label { margin-right:auto; color:var(--mrsy-body-txt2); font-weight:normal; }
ul.capacityLst.gridBx>li:first-child { width:45%; grid-column: 1 / span 2; }

/* SHOW HIDE TAB CONTENT */
.tabBx { display:none; }
.lstBx .tabBx { min-height:50vh; }

/* ROW LISTING */
ul.rowLst { list-style-type:none; }
ul.rowLst>li { position:relative; margin:40px 0; display:flex; }
ul.rowLst>li:first-child { margin-top:0; }
ul.rowLst>li.flexCol { justify-content:flex-start; align-items:flex-start; column-gap:3%; flex-wrap:wrap; }
ul.rowLst>li.flexCol>.colThb { flex-basis:63%; }
ul.rowLst>li.flexCol>.colThb>.thbBx { position:relative; width:100%; padding-bottom:60%; }
ul.rowLst>li.flexCol>.colCnt { position:sticky; top:120px; flex-basis:33%; min-height:370px; align-self:baseline; margin-left:auto; text-align:left; }
ul.rowLst>li.flexCol>.colCnt>ul.actLst { position:absolute; left:0; bottom:0; margin-top:30px; }
ul.rowLst>li.flexCol>.colCnt>ul.actLst a.lnkMore { font-size:0.9em; padding:0px 0; }
.cntFoldLbl { display:flex; justify-content:flex-start; align-items:center; gap:5px; }
.cntFoldLbl>.plusminus { width:10px; height:10px; }
.colCntReveal { display:none; flex-basis:63%; }
.cntBrief { font-size:0.95em !important; line-height:1.4em !important; opacity:0.7; }
.cntBrief.open { opacity:1; }
.cntBrief>ul, .cntBrief>ol { margin:8px 0 8px 20px; }

/* COLUMN LISTING */
ul.colLst { list-style-type:none; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; column-gap:70px; row-gap:50px; }
ul.colLst>li { position:relative; flex-basis:46%; }
ul.colLst>li>.colThb { width:100%; margin-bottom:30px; }
ul.colLst>li>.colThb>.thbBx { position:relative; width:100%; padding-bottom:60%; }
ul.colLst>li>.colCnt { text-align:left; }

/* OFFERS */
ul.offerLst { list-style-type:none; }
ul.offerLst.gridBx { grid-template-columns: repeat(3, 1fr); grid-column-gap: 25px; grid-row-gap: 35px; }
ul.offerLst.venuePackage.gridBx { grid-template-columns: repeat(2, 1fr); grid-column-gap: 60px; grid-row-gap: 60px; }
ul.offerLst>li { position:relative; }
.offerThb { z-index:1; position:relative; width:100%; padding-bottom:100%; margin-bottom:30px; border-radius:10px; overflow:hidden; }
.offerThb.actvThb { padding-bottom:60%; }
.offerCnt { z-index:0; position:relative; width:96%; margin:auto; text-align:left; }
.offerCnt>h3 { font-size:1.8em; margin-bottom:20px; }
.offerBrief { margin-bottom:15px; opacity:0.7; }
.priceDisp { display:inline-block; font-size:1.5em; }
.priceDisp>label { display:block; font-size:0.4em; line-height:1.8em; opacity:0.4; margin-bottom:2px; }
.priceBx { display:flex; justify-content:center; align-items:flex-end; gap:7px; }
.priceBx>span { font-size:0.6em; line-height:1.3em; opacity:0.7; }
span.currncy { margin-bottom:auto; }
label.catLabel { display:block; font-size:0.7em; letter-spacing:0.1em; margin-bottom:3px; opacity:0.7; }

/* GALLERY */
ul.photoLst { list-style-type:none; }
ul.photoLst.gridBx { grid-template-columns: repeat(5, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; }
ul.photoLst.room.gridBx { grid-template-columns: repeat(3, 1fr); }
ul.photoLst>li { cursor:pointer; position:relative; transition: all 0.5s; }
ul.photoLst>li:hover::after { content:''; z-index:1; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0, 0.7) url('../../i/icons/svg/icn-zoom.svg') no-repeat center; background-size:30px; }
.photoThb { position:relative; width:100%; padding-bottom:100%; }
ul.photoLst.room .photoThb { position:relative; width:100%; padding-bottom:65%; }

/* SHOP */
.shopWrap { padding:40px 0 0 0; }
ul.shopRow { list-style-type:none; width:100%; }
ul.shopRow>li { display:flex; justify-content:flex-end; border-top:1px #000000 solid; }
ul.shopLst { list-style-type:none; width:82%; margin-left:auto; gap:0; }
ul.shopLst.gridBx { grid-template-columns: repeat(3, 1fr); }
ul.shopLst>li { border-left:1px #000000 solid; }
/* PRODUCT */
.prdThb { z-index:0; position:relative; width:100%; padding-bottom:100%; margin-bottom:10px; }
.prdThb.slide { padding-bottom:0; }
.prdCntBx { position:relative; width:100%; min-height:170px; padding-bottom:20px; }
.prdCntBx>label { z-index:10; display:inline-block; position:absolute; top:0; left:0; padding-left:13px; font-size:1.4em; color:#333333; }
.prdCntBx>label::before { content:''; position:absolute; top:3px; left:-6.5px; width:12px; height:12px; background:#000000; border-radius:50%; }
ul.prdCnt { list-style-type:none; width:75%; margin:auto; }
ul.prdCnt>li { display:flex; justify-content:flex-start; align-items:center; }
ul.prdCnt>li>h6 { color:#666666; font-size:0.95em; line-height:1.4em; }
span.prdPrice { width:50%; font-family:var(--font-family-heading); font-size:1.2em; }
a.lnkOrder { display:inline-block; padding:8px 20px; border-radius:20px; white-space:nowrap; background:#000000; color:#FFFFFF; }
ul.prdCnt>li>a.lnkOrder { margin-left:auto; }
/* home shop */
ul.hmShopLst { position:relative; list-style-type:none; width:100%; }
ul.hmShopLst::before { z-index:0; content:''; position:absolute; left:0; right:0; top:70%; background:#000000; height:1px; }
ul.hmShopLst.owl-carousel .owl-item>li { }
ul.hmShopLst .prdThb { padding:0; margin:0; height:60vh; }
ul.hmShopLst label { z-index:10; display:inline-block; position:absolute; top:60.5%; left:10px; padding-bottom:30px; font-size:1.4em; color:#333333; }
ul.hmShopLst label::before { content:''; position:absolute; bottom:0; margin:auto; left:0; right:0; width:12px; height:12px; background:#000000; border-radius:50%; }

/* ARTICLES */
.articleWrap { width:59%; }
ul.artclLst { list-style-type:none; }
ul.artclLst>li { position:relative; border-top:1px #EEEEEE solid; padding:40px 0 30px 0; }
ul.artclLst>li:first-child { border-top:0; padding-top:0; }
.artclCnt { position:relative; text-align:left; }
.artclCnt>h4 { font-size:2.2em; line-height:1.1em; margin-bottom:25px; }
.artclCnt>h4>a { color:#000000; }
.artclBrief { margin-bottom:15px; }
a.readLnk { font-size:1.1em; color:#000000; padding:1px 0; border-bottom:1px #000000 solid; }
a.readLnk:hover { opacity:0.7; }
a.cntSourceLnk { display:inline-block; color:#0099CC; font-weight:bold; margin-top:10px; }

/* SHARE THIS */
.shareBoxNew { display:block; margin-top:50px; }
.shareTtl { font-size:0.9em; font-style:italic; margin-bottom:5px; }

/* CONTACT */
.mapWrap { width:100%; max-width:none; padding-top:0; padding-bottom:44%; }
.mapBx { position:absolute; top:0; bottom:0; left:0; right:0; background-color:#EEEEEE; }
iframe.mapDisp { width:100%; height:100%; }
ul.addrsCol { list-style-type:none; padding:40px 0; display:flex; justify-content:center; align-items:center; gap:7%; }
ul.addrsCol>li { font-size:1.2em; text-transform:uppercase; font-weight:var(--font-weight-medium); }
/* FORM */
.formWrap { position:relative; max-width:900px; text-align:left; }
.formWrap>h3 { font-size:3.2em; line-height:1.2em; margin-bottom:30px; }
.frmBx { position:relative; margin-top:20px; }
ul.frmLst { list-style-type:none; margin-top:20px; }
ul.frmLst>li { padding:10px 0 5px 0; }
/* form fields */
.frmFldBx { position:relative; border-bottom:1px #333333 solid; padding:5px 0; display: flex; flex-flow: column-reverse;}
.frmFldBx>label, .frmFldBx>input, .frmFldBx>textarea, .frmFldBx>select {
  transition: all 0.3s;
  touch-action: manipulation;
}
.frmFldBx.impt>label::after { content:' * '; color:#FF0000; }
.frmFldBx>input, .frmFldBx>textarea, .frmFldBx>select {
  font-size: 1.1em;
  border: 0 !important;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0;
  cursor: text;
  background:transparent !important;
  color:#333333;
}
.frmFldBx>select { height:28px; padding:0 6px; }
.frmFldBx>input:focus, .frmFldBx>textarea:focus {
  outline: 0;
  border: 0;
  background:transparent;
}
.frmFldBx>label {
	font-family:var(--font-family-heading);
    font-size:0.8em;
    color:#333333;
}
.frmFldBx>input:placeholder-shown + label, .frmFldBx>textarea:placeholder-shown + label, .frmFldBx>select + label  {
  cursor: text;
  max-width: 66.66%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform-origin: left bottom;
  transform: translate(0px, 85%) scale(1.5);
}
.frmFldBx>select:invalid + label { transform: translate(10px, 100%) scale(1.5); }
::-webkit-input-placeholder {
  opacity: 0;
  transition: inherit;
}
::-moz-placeholder {
  opacity: 0;
  transition: inherit;
}
.frmFldBx>input:focus::-webkit-input-placeholder, .frmFldBx>textarea:focus::-webkit-input-placeholder, .frmFldBx>select:focus::-webkit-input-placeholder {
  opacity: 1;
}
.frmFldBx>input:focus::-moz-placeholder, .frmFldBx>textarea:focus::-moz-placeholder, .frmFldBx>select:focus::-moz-placeholder {
  opacity: 1;
}
.frmFldBx>input:not(:placeholder-shown) + label,
.frmFldBx>input:focus + label,
.frmFldBx>textarea:not(:placeholder-shown) + label,
.frmFldBx>textarea:focus + label {
      transform: translate(0px, -3px) scale(1);
      cursor: pointer;
      /*opacity:0.6;*/
      color:#999999;
      font-weight:bold;
}
.frmFldBx>select:valid + label,
.frmFldBx>select:focus + label {
      transform: translate(0px, -3px) scale(1);
      cursor: pointer;
      color:#999999;
      font-weight:bold;
}
/* disabled */
.frmFldBx>input:disabled { opacity:0.5; }
.frmBtn { cursor:pointer; display:inline-block; padding:10px 20px; border-radius:20px; margin-top:20px; background-color:#000000; color:#FFFFFF; }
.frmBtn:hover { opacity:0.8; }

#pageBody.dark .plusminus::before, #pageBody.dark .plusminus::after { background-color:#FFF; }
#pageBody.dark a.headingLnk { color:#FFFFFF; }
#pageBody.dark a.ctaBtnLnk { background-color:#FFFFFF; color:#000000; }
#pageBody.dark .headingCol>.colTitle a { color:#FFFFFF; }
#pageBody.dark .colRead { color:#888888; }
#pageBody.dark .colRead label { color:#FFFFFF !important; opacity:1; }
#pageBody.dark .roomRates>label { color:#FFFFFF; }
#pageBody.dark h1, #pageBody.dark h2, #pageBody.dark h3, #pageBody.dark h4, #pageBody.dark h5, #pageBody.dark h6 { color:#FFFFFF; }
#pageBody.dark ul.actLst { border-top:1px #DDDDDD solid; }
#pageBody.dark a { color:var(--mrsy-link-light); }
#pageBody.dark a:hover { color:var(--mrsy-link-light-hover); }
#pageBody.dark a.lnkDownload { color:#FFFFFF; background-image:url('../../i/icons/svg/icn-lnk-read-w.svg'); }
#pageBody.dark a.lnkMore { color:var(--mrsy-link-light); border-bottom:1px #FFFFFF solid; }
#pageBody.dark a.lnkMore:hover { color:var(--mrsy-link-light-hover); }
#pageBody.dark .wBorder { border-bottom:1px rgba(255,255,255, 0.2) solid !important; }