/* 
CSS File Last Update : 19 May 2022
Project: amartek.id (Bumi Amartha Teknologi Mandiri)
Website Designed & Coded by: Aditama (pandavamedia.net)
Main colors:
- Background: #FFFFFF; rgba(255,255,255, 1);
- Bright Green (link, button, title label): #93c953; rgba(147,201,83, 1);
- Blue (link & button): #0d5a9a; rgba(13,90,154, 1);
- Black: #333333;
Background Color:
- Bg Blue: #3d7bae; rgba(61,123,174, 1);
- Bg Green: #93c953; rgba(147,201,83, 1);
- Bg Grey: #a2a2a2; rgba(162,162,162, 1);
Left-right margin from screen : none
Desktop max width: width:92%; max-width:1224px;
Mobile max width: 96%;
*/
/*html { height: 100%; }*/
@charset "UTF-8";
@font-face {
	font-family: 'Director';
	src: url('fonts/Director-Regular.otf') format('truetype');
}
@font-face {
	font-family: 'DirectorBold';
	src: url('fonts/Director-bold.otf') format('truetype');
}
html { -webkit-text-size-adjust: 100%; }
body {
	position:relative;
	background-color:#FFFFFF;
	font-family: 'Director', serif;
	-webkit-font-smoothing:antialiased;
	font-smooth:always;
	font-size:14px;
	line-height:18px;
	color:#000000;
	margin:0;
	padding:0;
	border:0;
	width:100%;
	height: 100%;
}
#pageBody {
	width:100%;
}
.boldTxt { font-family: 'Director', serif; font-weight:bold; }
form { MARGIN-LEFT: 0px;MARGIN-RIGHT: 0px;MARGIN-BOTTOM: 0px;MARGIN-TOP: 0px }
td,div,p { font-family: 'Director', serif; font-size:inherit; }
input[type=text],input[type=password],input[type=number],textarea,select { 
	font-family: 'Director', serif; 
	font-size:16px;
	line-height:20px; 
	color:#000000; 
	background-color:#FFFFFF; 
	padding:10px;
	border:1px #DDDDDD solid;
	border-radius:2px;
	text-align:left;
	-webkit-appearance: none; /* keep button styling on ios device */
	-moz-appearance: none; /* keep button styling on ios device */
	appearance: none; /* keep button styling on ios device */
	-webkit-transition: all 0.5s;
			 -moz-transition: all 0.5s;
				-ms-transition: all 0.5s;
				 -o-transition: all 0.5s;
						transition: all 0.5s;
}
textarea { width:95% !important; }
select { width:100% !important; padding:10px; border:1px #DDDDDD solid !important; background-color:#FFFFFF !important; -webkit-appearance: menulist !important; }
input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,textarea:focus,select:focus { 
	color:#000000;
	border:1px #666666 solid;
	outline: none;
	background-color:#FFFFFF;
}
input[type=submit],input[type=button] {
	font-family: 'Director', serif; 
	font-size:16px;
	cursor:pointer;
	color:#FFFFFF; 
	background-color:#F9BE31; 
	border:0;
	padding:12px 20px 13px 20px;
	opacity:0.9;
	border-radius: 5px;
	-webkit-appearance: none; /* keep button styling on ios device */
	-moz-appearance: none; /* keep button styling on ios device */
	appearance: none; /* keep button styling on ios device */
		-webkit-transition: all 0.5s;
			 -moz-transition: all 0.5s;
				-ms-transition: all 0.5s;
				 -o-transition: all 0.5s;
						transition: all 0.5s;
}
input[type=submit]:hover,input[type=button]:hover { opacity:1.0; }
input[type=text]:disabled,input[type=checkbox]:disabled,input[type=password]:disabled,textarea:disabled,select:disabled {
	opacity: .60;
	filter:Alpha(Opacity=60); /* support: IE8 */
	background-image: none;
	background-color:#F0F0F0;
}
input[type=text]:read-only,input[type=checkbox]:read-only,input[type=password]:read-only,textarea:read-only,select:read-only {
	opacity: .80;
	filter:Alpha(Opacity=60); /* support: IE8 */
	background-image: none;
	background-color:#F3F3F3;
	color:#000000;
	/*border:1px #DDDDDD solid;*/
}
input[type=text]:-moz-read-only,input[type=checkbox]:-moz-read-only,input[type=password]:-moz-read-only,textarea:-moz-read-only,select:-moz-read-only {
	opacity: .60;
	filter:Alpha(Opacity=60); /* support: IE8 */
	background-image: none;
	background-color:#F0F0F0;
}
input[readonly]:focus,textarea[readonly]:focus,select[readonly]:focus { 
	/*border:1px #CCCCCC solid;*/
}
img, div, input, a { behavior: url("iepngfix.htc") }
img { max-width:100%; max-height:100%; }
ul,ol { list-style-position:outside; }
ol.smallList>li { margin:5px 7px; line-height:18px; }
ol.lower-alphabet { list-style-type:lower-alpha; }
ol.upper-alphabet { list-style-type:upper-alpha; }
ol.inBx, ul.inBx { margin-left:20px; }
p { margin-bottom:22px; }
b { font-weight:bold; }

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

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

* {
    padding: 0;
    margin: 0;
}

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

#byPandavamedia { color:#FFFFFF; }
#byPandavamedia>a { color:#FFFFFF; }
#byPandavamedia>a:hover { color:#FFFFFF; }

.cYellow { color:#FFFF00 !important; }
.cRed { color:#FF0000 !important; }
.cGrey { color:#999999 !important; }
.cBlue { color:#0099CC !important; }
.cGreen { color:#0099CC !important; }
.clr{clear:both}
.topSpc { display:block; height:70px; }
.gapSpc { display:block; height:40px; }
.noBorder { border:0 !important; }
.noMargin { margin:0 !important; }
.noPadding { padding:0 !important; }
.dispBig { font-size:30px; color:#FF6600; font-weight:bold; }
.tooltipLoading { margin-top:60px; color:#000000; font-size:14px; }
.tooltipLoading a { background-color:#666666; padding:3px 10px; color:#FFFFFF; }
.tooltipLoading a:hover { background-color:#000000; color:#FFFFFF; }
.noRecord { padding:40px 10px; }
.goLeft { float:left !important; }
.goRight { float:right !important; }
.go2Column { width:48% !important; }
.noResult { color:#CCCCCC; margin:50px 0px; }
.fldError { border:2px #fbc5c4 solid !important; }
.imageInsert { margin:5px; }
.noDataFound { color:#666666; font-style:italic; opacity:0.6; }
.noScroll { overflow:hidden; }
.noScrollMbl { overflow-x:hidden !important; overflow-y:hidden !important; position:relative !important; } 
.goUpperCs { text-transform:uppercase !important; }
.allCenter { text-align:center !important; }
.allLeft { text-align:left !important; }
.allRight { text-align:right !important; }
.allJustify { text-align:justify !important; }
.justifyCenter { text-align:justify !important; text-align-last:center !important; }
.justifyCenter li { text-align:left !important; text-align-last:left !important; }
.hiBrand { color:#58cada !important; }
.noShow { display:none !important; }
.cmsHeader { margin-top:28px !important; }
.alertErr { display:block; padding:10px; border:2px #FF0000 solid; color:#FF0000; }
.alertDone { display:block; padding:10px; border:2px #0099CC solid; color:#0099CC; }
.offRecord { color:#990000; font-style:italic; }
.textBx ul, .textBx ol { margin-left:20px; }
.smMrgn5 { margin-bottom:5px !important; }
.smMrgn10 { margin-bottom:10px !important; }
.noRecords { width:80%; max-width:500px; opacity:0.6; }
.bgContainer { position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover; }
small { font-size:13px; opacity:0.5; }
table td { vertical-align:top; }

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

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

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

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

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

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

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

/* NOT FOUND */
.notfoundImg { margin-bottom:20px; }
h1.notfoundTtl { font-size:82px; line-height:82px; color:#017742; margin-bottom:5px; }
.notfoundSubTtl { font-size:24px; line-height:28px; color:#93c953;; font-weight:bold; }
.notfoundMsg { font-size:14px; line-height:20px; color:#666666; margin:10px 0; }

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

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

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

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

/* WEBSITE CUSTOM CSS */
.ui-widget { font-family: 'Director', serif; !important; font-size:14px !important; }
/* ICON SET */
.dvIcn { background-image:url('../../i/icons/icn-set.png?x=1449'); background-repeat:no-repeat; }
i.dvIcn { display:inline-block; line-height:0; vertical-align:top; width:25px; height:25px; }
i.dvBigIcn { width:35px; height:35px; margin-top:-7px; margin-right:4px; }
i.dvSmIcn { width:19px; height:19px; }
a.dvLnk { padding:3px 3px 3px 20px; color:#8e9b74; opacity:0.7; }
a.dvLnk:hover { opacity:1.0; }
/* ---------------------------------------------------------- */
.dvIcn.icnMenu { cursor:pointer; background-position:0 0px !important; }
.dvIcn.icnShare { background-position:0 -45px !important; }
.dvIcn.icnNvWhatsapp { background-position:0px -90px !important; }
.dvIcn.icnMore { background-position:-46px -45px !important; margin-top:-2px; margin-left:0; }
.dvBigIcn.icnValue { background-position:0px -175px !important; }
.dvBigIcn.icnTeam { background-position:0px -225px !important; }
.dvBigIcn.icnStrength { background-position:0px -275px !important; }
.dvSmIcn.icnMore { background-position:0px -265px !important; margin-top:-1px; margin-left:3px; }
.dvSmIcn.icnSmWhatsapp { background-position:-46px 0 !important; margin-top:-1px; margin-left:3px; }
.dvSmIcn.icnLinkedIn { background-position:-46px -310px !important; }

.dvSmIcn.icnIdea { background-position:0px -343px !important; margin-top:-2px; margin-right:3px; }
.dvSmIcn.icnIdea.blc { background-position:-46px -343px !important; }
.dvSmIcn.icnLnkLoc { background-position:0px -220px !important; margin-top:0; margin-right:6px; }
.dvSmIcn.icnLnkLoc.blc { background-position:-46px -220px !important; margin-top:-2px; margin-right:8px; }

/* SOCIAL MEDIA ICON */
.dvIcnScMd { background-image:url('../../i/icons/icn-set-socmed.png?x=2226'); background-repeat:no-repeat; }
i.dvIcnScMd { display:inline-block; line-height:0; vertical-align:top; width:30px; height:30px; }
i.dvIcnScMd.sml { width:25px !important; height:25px !important; }
/* ---------------------------------------------------------- */
.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:-40px 0 !important; }
.icnLinkedIn { background-position:-80px 0 !important; }
.icnYoutube { background-position:-120px 0 !important; }
.icnTwitter { background-position:-160px 0 !important; }
.icnTiktok { background-position:-200px 0 !important; }
.sml.icnInstagram { background-position:0 -45px !important; }
.sml.icnFacebook { background-position:-40px -45px !important; }
.sml.icnLinkedIn { background-position:-80px -45px !important; }
.sml.icnYoutube { background-position:-120px -45px !important; }
.sml.icnTwitter { background-position:-160px -45px !important; }
.sml.icnTiktok { background-position:-200px -45px !important; }

/* A LINKS */
a.titleLnk { color:#000000; opacity:0.7; }
a.titleLnk:hover { opacity:1.0; }
a.blockLnk { display:inline-block !important; color:#03a7fc; opacity:0.7; font-size:16px; line-height:18px; margin:10px 0; padding-right:25px; background:url('../../i/icons/icn-more-block.png') no-repeat right center; }
a.blockLnk:hover { opacity:1.0; }
a.lnkMore { display:inline-block !important; color:#93c953; font-size:14px; line-height:16px; margin:10px 0 5px 0; font-weight:500; }
a.lnkMore:hover { color:#CC0000 !important; } 
a.lnkMore.sml { font-size:14px; line-height:14px; }
a.lnkMore.blu { color:#0d5a9a; }
a.lnkMore.gren { color:#25D366; }
a.lnkMore.wht { color:#FFFFFF; }
a.lnkButton { display:inline-block; color:#FFFFFF; background-color:rgba(13,90,154, 1); border-radius:25px; padding:10px 23px; font-size:14px; line-height:14px; font-weight:500; text-align:center; margin:10px 0; }
a.lnkButton:hover { background-color:rgba(13,90,154, 0.8); }
a.lnkButton.btnGreen { background-color:rgba(147,201,83, 1); }
a.lnkButton.btnGreen:hover { background-color:rgba(147,201,83, 0.8); }
a.lnkButton.btnBlack { background:rgba(0,0,0, 0.7); color:#d1ae6c; }
a.lnkButton.btnBlack:hover { background:rgba(0,0,0, 1.0); }
a.lnkButton.smBtn { min-width:auto; margin:3px 0; }
.lnkAnm {
		-webkit-transition: all 0.5s;
			 -moz-transition: all 0.5s;
				-ms-transition: all 0.5s;
				 -o-transition: all 0.5s;
						transition: all 0.5s;
}
a.labelLnk { position:relative; display:inline-block; color:#000000; padding-bottom:4px; }
a.labelLnk::after { position:absolute; content:''; bottom:0; left:0; right:0; margin:auto; width:0; height:1px; background:#666666; transition: all 0.3s; }
a.labelLnk:hover::after { width:100%; }
/* ---------------------------------------------------------- */
/* PRELOADER */
/*.preloader { z-index:1000; position:fixed; top:0; bottom:0; left:0; right:0; background:#F0F0F0 url('../../i/logo-opening.gif') no-repeat center center; }*/

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

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


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

/* SECTION */
.contentSection { min-height:100px; padding:70px 0 80px 0; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.contentSection.topSection {  }
.contentSection.gradHeading { background-image:url('../../i/bg/bg-pghead.jpg'); background-repeat:repeat-x; background-position:left top; background-size:auto; }
.contentSection.fitSection { padding:0; }
.contentSection.singleBlock { min-height:45vh; }
.contentSection.fullScrn { padding:0; min-height:90vh; }
.contentSection.hlghtSection { background-color:#f3f8ed; }
.contentSection.gradSection { position:relative; }
.contentSection.gradSection::before { z-index:0; content:''; position:absolute; left:0; right:0; top:0; height:80%; max-height:400px; background-image:linear-gradient(rgba(238,242,248, 1),rgba(238,242,248, 0)); }
.contentSection.lstPreview { padding:35px 0; }
.contentSection.aboutSection { padding-top:95px; }
.contentSection.printSection { padding-top:65px; }
.contentSection.worksSection { padding-top:65px; }
/* WRAPPER */
.contentWrap { z-index:2; position:relative; width:96%; }
.contentWrap.fullWrap { width:100%; max-width:none; }
.contentWrap.pageHeadWrap { width:94%; max-width:700px; margin-bottom:50px; }
.contentWrap.smPageWrap { width:94%; max-width:950px; }
.contentWrap.catalogWrap { width:94%; max-width:1050px; }
.contentWrap.worksWrap { z-index:1; width:97%; min-height:75vh; }

/* NORMAL HEADER BAR */
#headerSection { z-index:1000; position:fixed; padding:1% 0; top:0; left:0; right:0; transition: all 0.3s; }
.headerWrap { position:relative; width:96%; }
.headerLf { width:25%; margin-right:auto; text-align:left; }
.headerMd { width:45%; }
.headerRg { width:25%; margin-left:auto; text-align:right;  /* flex item gap */ }
/* NAVIGATION & LOGO */
.logoTxt { display:inline-block; position:relative; font-size:14px; line-height:16px; padding:3px 0; }
/*.logoTxt::after { content:''; position:absolute; bottom:0; left:0; height:1px; width:100%; border-radius:2px; background-color:#666666; transition: all 0.3s; transform-origin: 0; transform: scaleX(0); }
.logoTxt:hover::after { transform: scaleX(1); }*/
.logoTxt a { color:#333333; }
.logoTxt a:hover { color:#000000; }
.logoTxtXL { position:relative; display:inline-block; padding:3px; font-size:58px; line-height:58px; font-family: 'Director', serif; }
.logoTxtXL>h1 { font-size:58px; line-height:58px; margin-bottom:0; }
ul.nvMenu { list-style-type:none; }
ul.nvMenu::after{
    clear: both;
    content: '';
    display: block;
}
ul.nvMenu>li { position:relative; float:left; margin-right:13%; padding:2px 0; font-size:14px; line-height:16px; }
ul.nvMenu>li::after { content:''; position:absolute; bottom:0; left:0; height:1px; width:100%; background-color:#333333; transition: all 0.3s; transform-origin: 0; transform: scaleX(0); }
ul.nvMenu>li:hover::after { transform: scaleX(1); }
ul.nvMenu>li a { color:#333333; }
ul.nvMenu>li a:hover { color:#000000; }
ul.nvMenu>li.nvOn::after { height:2px; transform: scaleX(1); }
ul.nvMenu>li.nvOn a { color:#00000; }
/* navigation white */
#headerSection.btnWhite ul.nvMenu>li::after { background-color:#FFFFFF !important; }
#headerSection.btnWhite ul.nvMenu>li a { color:#FFFFFF !important; }

/* FOOTER */
#footerSection { z-index:10; position:fixed; padding:10px 0 2.5% 0; left:0; right:0; bottom:0; width:100%; }
.footerWrap { position:relative; width:96%; }
.footerLf { width:18%; margin-right:auto; text-align:left; }
.footerMd { width:60%; }
.footerMd.mdFull { width:100% !important; }
.footerMd.mdFull>.logoTxtXL { display:block; background-color:transparent; }
.footerRg { width:18%; margin-left:auto; text-align:right;  /* flex item gap */ }
/* name */
span.nameLf { float:left; }
span.nameMd { }
span.nameRg { float:right; }
.footerWrap.btnWhite .logoTxtXL h1 { color:#FFFFFF !important; }

/* HOME BANNER */
.bannerWrap { position:relative; width:100%; }
.fullBanner { width:100%; height:100vh; }
/* video banner */
.videoWide { width:100% !important; height:100vh !important; }
.bannerVid { z-index:10; }
a.toggleVidMute { z-index:11; position:absolute; width:30px; height:30px; background:url('../../i/icons/icn-set-sound.svg?x=1450') no-repeat; background-size:auto; background-position:0px 0px; bottom:6%; left:2.5%; opacity:0.5; transition: opacity 0.8s ease-in-out 0s; }
a.toggleVidMute.unmute { background-position:-40px 0px; opacity:1; }
a.toggleVidMute:hover { opacity:1.0; }

/* CONTENT */
.cntTxt { position:relative; left:0; text-align:left; /*max-width:1150px;*/ }
.cntTxt.headTxt { width:84%; }
.cntTxt>.rowTxt {  }
.cntTxt>.rowTxt.headBrief { min-height:12vh; height:auto; padding-bottom:7vh; }
.cntTxt.headTxt.aboutTxt { width:96%; }
.cntTxt.headTxt.aboutTxt .headBrief { font-size:18px !important; line-height:24px !important; }
.cntTxt>.rowScrl { /*height:45vh; overflow-y:auto;*/ }
.rowTxt a { text-decoration:underline; color:#666666; }
.rowTxt a:hover { text-decoration:underline; color:#000000; }
.headBrief { font-size:22px; line-height:28px; height:24vh; }
.showDiv { display:none; }
/* detail block */
h2.detlTtl { font-size:20px; line-height:22px; margin-bottom:15px; }
.detlTxt { text-align:left; }
.detlTxt a { color:#000000; text-decoration:underline; }
.detlTxt.cntJtfy { text-align:justify; text-align-last:center; }
.detlTxt.cntJtfyLf { text-align:justify; }

/* EXHIBITION */
.eventLstBx { position:relative; width:90%; /*height:40vh;*/ overflow-y:auto; }
ul.lstExhb { position:relative; display:block; list-style-type:none; font-size:12px; line-height:14px; margin-bottom:20px; }
ul.lstExhb>li { margin-bottom:15px; margin-left:33px; font-size:16px; line-height:20px; }
ul.lstExhb>li>label { display:block; margin-bottom:3px; font-size:12px; line-height:14px; }
ul.lstExhb>label { display:block; margin-bottom:3px; font-size:13px; line-height:16px; }
ul.lstExhb>li a { color:#000000; text-decoration:none; }
ul.lstExhb>li a:hover { color:#000000; text-decoration:underline; }
/* PRESS */
ul.lstExhb.lstPrss>li { margin-left:0; }

/* PRINTS CATALOG */
.ctlgRow { display:block; padding:20px 0; border-top:1px #999999 solid; }
.ctlgRow:first-child { border-top:0; }
ul.ctlgLst { list-style-type:none; width:100%; display:inline-flex; justify-content:center; align-items:baseline; margin-top:20px; }
ul.ctlgLst:first-child { margin-top:0; }
ul.ctlgLst>li { position:relative; margin:0 1%; width:18%; }
.ctlgThb { position:relative; padding:0 5% 90% 5%; margin-bottom:10px; width:90%; }
.ctlgThb .imgFrame.fittedImg { align-items:flex-end !important; }
.ctlgThb .imgFrame.fittedImg>a { display:flex;justify-content:center; align-items:flex-end; }
.ctlgBrf { font-size:14px; line-height:18px; }
.ctlgBrf>a { 
    color:#000000; 
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: 0.6s;
    /*add those for opera and mozilla support*/
    -webkit-text-decoration-color: transparent;
    -moz-text-decoration-color: transparent; 
}
.ctlgBrf>a:hover { 
    color:#000000; 
    text-decoration-color: #333333;
    /*add those for opera and mozilla support*/
    -webkit-text-decoration-color: #333333;
    -moz-text-decoration-color: #333333;
}
.ctlgDisp { display:none; position:relative; }
.ctlgDisp.show { display:block; padding-top:20px; margin-top:20px; border-top:1px #999999 solid; }
.ctlgDisp.loader { height:50px; }
.ctlgDisp.loader::before { content:''; position:absolute; width:50px; height:50px; margin:auto; background:url('../../i/crsl-loading.png') no-repeat center; }
a.ctlgClose { position:absolute; top:20px; right:10px; width:15px; height:15px; background:url('../../i/icons/icn-close.png?xyz=1813') no-repeat center center; background-size:contain; }
/* catalog detail */
.ctlgDetBx { width:94%; max-width:1100px; display:inline-flex; justify-content:center; align-items:flex-start; }
.ctlgDetPic { width:45%; margin:0 5% 0 0; }
.ctlgDetCnt { width:50%; text-align:left; }
.ctlgDetCnt a { text-decoration:underline; }
ul.ctlgDetBlock { list-style-type:none; }
ul.ctlgDetBlock>li { margin-top:20px; }
ul.ctlgDetBlock>li:first-child { margin-top:0; }
ul.ctlgDetBlock>li>h3 {}
ul.ctlgCrsl { list-style-type:none; }
ul.ctlgCrsl li { height:53vh; background-size:contain; background-repeat:no-repeat; background-position:center; }
ul.ctlgCrsl li img { max-width:100% !important; }
.owl-item { height: 0; }    
.owl-item.active { height: auto; }
ul.ctlgCrsl .owl-dots { text-align: center; margin:10px 0; }
ul.ctlgCrsl .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: transparent;
  margin: 0 3px;
  border:1px #000000 solid;
}
ul.ctlgCrsl .owl-dots button.owl-dot.active {
  background-color: #000;
}
ul.ctlgCrsl .owl-dots button.owl-dot:focus {
  outline: none;
}
.noDetl { color:#999999; }

/* WORKS */
.msryLoading { display:none; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100px; height:31px; background:url('../../i/masonry-loading-signature.gif?x=1638') no-repeat center; } 
ul.wrkLst { list-style-type:none; width:100%; margin:auto; }
ul.wrkLst>li { display:none; position:relative; /*width:19.3%;*/width:128.5px; margin:5px !important; }
.wrkThb { cursor:pointer; position:relative; }
.wrkThb>label { display:none; z-index:2; position:absolute; top:20px; left:20px; }
.wrkThb>label>span { white-space:nowrap; font-size:10px; line-height:10px; padding:1px; background:#FFFFFF; box-shadow: 1px 1px 5px 0 rgba(0,0,0, 0.3); text-transform: uppercase; }
.wrkShow { display:none; z-index:25; position:fixed; top:0; width:100%; height:100vh; background-color:#FFFFFF; }
a.dispClose { z-index:10; position:absolute; top:80px; right:2%; width:20px; height:20px; background:url('../../i/icons/icn-close.svg?x=1314') no-repeat center; background-size:contain; opacity:1 !important; }
.dispFooter { z-index:10; position:absolute; bottom:0; left:0; right:0; padding:10px 0 2.5% 0; margin:auto; }
.dispLabel { font-size:58px; line-height:58px; text-transform: uppercase; }
a.lnkDisp { position:absolute; bottom:30%; width:30px; height:30px; background-repeat:no-repeat; background-position:center; background-size:contain; overflow:hidden; opacity:1.0; }
a.lnkDisp:hover { opacity:0.7; }
a.lnkDisp.dispPrev { left:2%; background-image:url('../../i/icons/icn-arrw-disp-l.svg?x=1310'); }
a.lnkDisp.dispNext { right:2%; background-image:url('../../i/icons/icn-arrw-disp-r.svg?x=1310'); }
.dispBx { display:inline-block; width:96%; position:relative; z-index:5; margin:80px auto 10px auto; }
.dispPic { position:relative; width:80%; height:63vh; margin-bottom:10px; }
.dispPic img { max-height:100% !important; }
.dispNote { position:relative; font-size:14px; line-height:14px; }
.dispNote a { color:#000000; text-decoration:none; white-space:nowrap; }
.dispNote a:hover { color:#000000; text-decoration:underline; }
ul.shareSocMed { display:none; list-style-type:none; padding:5px; transition: all 0.5s; }
ul.shareSocMed>li { display:inline-block; vertical-align:top; margin:0 20px; }
/*.dispNote:hover ul.shareSocMed { display:block; }*/
#swipebox-overlay {
    background: #FFFFFF !important;
}
#swipebox-close {
    background-color: #999999;
    right:2%;
}

.zz_image { cursor:zoom-in; }
#zz_frame::before {
  content:  '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0,0,0,1);
  z-index: -1;
}

#zz_frame {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10999;
}

#zz_media {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin: 0 auto;
  max-width: none;
  display: inline-block;
}

#zz_media img {
  width: 100%;
  max-width:none;
  box-shadow: 0px 0px 20px 1px rgb(0,0,0);
}

#zz_frame .zz_close {
  color: #fff;
  position: absolute;
  /*right: 10px;
  top: 10px;*/
  top:80px;
  right:2%;
  font-size: 26px;
  background: transparent;
  border: 0;
  border-radius:0;
  cursor: pointer;
  width:20px !important; height:20px !important; background:url('../../i/icons/icn-close-w.svg?x=0903') no-repeat center; background-size:contain;
}

#zz_frame .zz_controls {
  color: #fff;
  position: absolute;
  left:0; right:0;
  top:92%; width:200px; height:30px; text-align:center;
  margin:auto;
}

#zz_frame .zz_controls button {
      cursor:pointer;
      background-color: transparent;
      border:0;
      border-radius:10px;
      color: #fff;
      padding: 8px;
      margin: 0 10px;
      width:35px; height:35px;
      background-repeat:no-repeat;
      background-position:center;
      background-size:70%;
}
button.zz_zoom-in { background-image:url('../../i/icons/icn-zoom-in.png') !important; }
button.zz_zoom-out { background-image:url('../../i/icons/icn-zoom-out.png') !important; }






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

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

/* COLUMN CONTENT */
.rowBx { overflow:hidden; width:100%; margin-top:30px; }
.rowBx:first-child { margin-top:0 !important; }
h1+.rowBx,h2+.rowBx,h3+.rowBx { margin-top:0 !important; }
.colBx { position:relative; }
.colBx.colLf { float:left; width:47%; text-align:left; }
.colBx.colRg { float:right; width:47%; text-align:left; }
.colCntBrf { width:65% !important; }
/* flex style column */
.flexCol { display:flex; justify-content:center; align-items:center; }
.flexCol .colBx.colLf { float:none !important; margin-right:auto; }
.flexCol .colBx.colRg { float:none !important; margin-left:auto; }
.colImage { position:relative; width:100%; padding-bottom:110%; background-color:#EEEEEE; }
/* icon list */
.flexCol.flxWdth { width:80%; }
.flexCol.flxWdth .colBx.colLf { float:none !important; margin:0 3%; width:30% !important; }
.flexCol.flxWdth .colBx.colRg { float:none !important; margin:0 3%; width:65% !important; }
/* YOUTUBE/VIDEO CONTAINER */
.videoBx {
      position: relative;
      width: 100%;
      /*padding-bottom: 57% !important;*/
      padding-bottom: 66.6% !important; 
      height: 0;
}
.videoBx.fitBx { position:absolute !important; top:0; bottom:0; left:0; right:0; margin:auto; padding-bottom:0 !important; height:auto; }
.videoBx .frmCover { z-index:1; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.videoBx iframe{
      z-index:0;
      position: absolute;
      top:0;
      left: 0;
      width: 100%;
      height: 100%;
}
.videoBx video { position:absolute; top:0; bottom:0; left:0; right:0; width: 100%; height: 100%; }
a.btnPlayThis { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:75px; height:75px; background:rgba(0,0,0, 0.4) url('../../i/icons/icn-play.png') no-repeat center center; border-radius:50%; overflow:hidden; opacity:0.6; }
a.btnPlayThis:hover { opacity:1.0; }
/* GRID COLUMN */
ul.gridBx { list-style-type:none; text-align:left; padding:0; 
	display: grid;
	overflow: hidden;
	text-align: center;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	margin-left:0 !important;
	margin-top:10px;
}
ul.gridBx:first-child { margin-top:0; }
ul.gridBx>li { 
	position:relative;
	overflow:hidden;
	width:100%;
	text-align:left;
}
ul.gridBx.fullRw { grid-template-columns: repeat(1, 1fr); max-height:500px; }
ul.gridBx.blogLst { grid-template-columns: repeat(2, 1fr); grid-column-gap: 50px; grid-row-gap: 50px; }
ul.gridBx.hmProd { grid-template-columns: repeat(3, 1fr); }
ul.gridBx.contCol { grid-template-columns: 60% 40%; grid-column-gap: 10%; grid-row-gap: 0px; }
ul.gridBx.colGrid { grid-column-gap: 10%; grid-row-gap: 0px; }
ul.gridBx.prdLst { grid-template-columns: repeat(3, 1fr); grid-column-gap: 3px; grid-row-gap: 1px; }
ul.gridBx>li.col2Span {
    grid-column:2/4 !important;
}
ul.gridBx>li.col3Span>.pointBx {
  max-width: 700px;
  text-align:center !important;
}
ul.hmProd>li { background:#F0F0F0; }
/*ul.gridBx>li:nth-child(-n + 2) {
    border-top:0;
}*/
/* point grid */
ul.gridBx.pointLst { grid-template-columns: repeat(2, 1fr); grid-column-gap:10px; grid-row-gap:10px; }
ul.gridBx.pointLst>li { background-color:#F3F3F3; display:flex; border-radius:5px; justify-content:left; align-items:center; }
ul.gridBx.valueLst { grid-template-columns: repeat(4, 1fr); grid-column-gap:10px; grid-row-gap:10px; }
ul.gridBx.valueLst>li { border-radius:5px; text-align:center; }
ul.gridBx.teamLst { grid-template-columns: repeat(4, 1fr); grid-column-gap:10px; grid-row-gap:10px; }
ul.gridBx.teamLst>li { border-radius:5px; text-align:center; }
ul.gridBx.aboutLst { grid-template-columns: 42.5% 48%; grid-column-gap:10px; grid-row-gap: 0px; }
ul.gridBx.visionLst { grid-column-gap:7%; }
/* ---------- */
ul.gridBx.bgHover>li .imgFrame { opacity:0.5; }
ul.gridBx.bgHover>li:hover .imgFrame { opacity:1.0; }
.gridPicBg { z-index:0; position:relative; width:100%; padding-bottom:60%; background-color:#CCCCCC; overflow:hidden; }
.gridLogo { z-index:1; position:absolute; width:135px; height:135px; top:0; bottom:0; left:0; right:0; margin:auto; }
.gridLogo img { max-width:100%; }
/* grid description */
.gridCvr { cursor:pointer; z-index:10; position:absolute; top:0; bottom:0; left:0; right:0; display:flex; justify-content:center; align-items:center; transition: all 0.5s; }
.gridCvr:hover { background-color:rgba(0,0,0, 0.5); }
.gridMsgBx { position:relative; width:80%; margin:15px 10% 15px 0; }
.gridHeadingBx { position:relative; width:90%; margin:15px 10% 15px 0; }
.gridBrief { text-align:justify; margin-bottom:10px; }
a.gridLblLnk { font-size:30px; font-weight:bold; color:#FFFFFF; text-shadow: 0 0 5px rgba(0,0,0, 0.3); }



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

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

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

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

/* ADD THIS */
.dtlShare { margin-top:40px; }
.dtlShare>label { display:block; font-size:12px; font-style:italic; padding:0 3px; opacity:0.6; }
.dtlShare .at-share-btn { margin-right:5px !important; }
/* SHARE THIS */
a.shareLnk { position:relative; }
a.shareLnk>label { display:block; }
.shareBx { margin-top:15px; transition: all 0.5s; width:100%; }
.shareBx>label { display:block; font-size:10px; line-height:12px; margin-bottom:5px; }

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

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

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

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