@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Antic+Didone&display=swap');
@import url('https://fonts.googleapis.com/css?family=Trirong:300,400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Heebo:300,400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display+SC:400,700,900');
@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300;400;500;700;900&display=swap');

body {
	/*font-family: 'Montserrat', sans-serif;*/
	/*font-family: 'Nanum Gothic', sans-serif;*/
	font-family: 'Heebo', sans-serif;
	font-weight: 300;
	font-size: 15px;
	background: #fff;
}

h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6 {
	/*font-family: 'Antic Didone', serif;*/
	/*font-family: 'Trirong', serif;*/
	/*font-family: 'Playfair Display SC', serif;*/
	font-family: 'Frank Ruhl Libre', serif;
	font-weight: 500;
}
p {margin-bottom: 1.5rem;}
a {color: #000;}
a:focus, a:hover {color: #333;}
.p0 {padding:0 !important;}
.pb0 {padding-bottom: 0!important;}
.ptb10 {padding-top: 10px;padding-bottom: 10px;}
.ptb15 {padding-top: 15px;padding-bottom: 15px;}
.ptb50 {padding-top: 50px;padding-bottom: 50px;}
.pt200 {padding-top: 200px!important;}
.pt0 {padding-top: 0!important;}
.m0 {margin: 0 !important;}
.mt0 {margin-top: 0;}
.mb0 {margin-bottom: 0!important;}
.mt55 {margin-top: 55px;}
.mt15 {margin-top: 15px;}
.mt1rem {margin-top: 1rem;}
.mt200 {margin-top: 200px;}
.mb5 {margin-bottom: 5px;}
.mb20 {margin-bottom: 20px;}
.mb50 {margin-bottom: 50px;}
.mb30 {margin-bottom: 30px;}
.mb15rem {margin-bottom: 1.5rem;}
.mbmin {margin-bottom: -18px;}
.mtmin {margin-top: -18px;}
.padcol {padding: 1.25rem;}
.padcol-right {padding-right: 1.25rem;}
.padcol-left {padding-left: 1.25rem;}
.rem-3 {padding: 3rem;}
.topm {margin-top: 50px;}
.weight {font-weight: 700;}
.height-title {height: 70px;}
.height-spacer {height: 20px;}
.height-title.more-height {height: 175px;}
p.small {font-size: 13px;}
.small-11 {font-size: 11px;}
p strong, .small strong, .small-11 strong {font-weight: 600;}
p.title {font-size:22px; font-weight: 500;}
p.sub-title {font-size: 20px; font-weight: 500;}
p.title-16 {font-size: 16px; font-weight: 500;}
p.title-14 {font-size: 14px; font-weight: 500;}
p.title-12 {font-size: 12px; font-weight: 500;}
.top-bar-wrapper {position: absolute;top: 0;left: 0;z-index: 11;width: 100%;background: linear-gradient(to bottom,#000 0,rgba(255,255,255,0) 100%);}
.top-bar-wrapper.showed {position: fixed;background: #fff;box-shadow: 0 .125rem .125rem 0 rgba(0,0,0,.1);}
.top-bar-wrapper.showed .topbar-center-logo .top-bar-left li a {color: #000;}
.top-bar-wrapper.showed .topbar-center-logo .top-bar-center .logo {content: url("../../../images/The-Jayakarta-Bali-Logo.png");width: 50px;}
.stick {position: fixed;-webkit-animation: glidein 0.5s forwards;animation: glidein 0.5s forwards;background: none;background-color: rgba(255,255,255,.95);box-shadow: 0 .125rem .125rem 0 rgba(0,0,0,.1);}
.vh-center {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.vert-middle {display: block;top: 50%;transform: translateY(-50%);position: relative;}
.w85 {width: 85%;}
.w100 {width: 100%;}
.bit-larger {max-width: 90rem;}
.ecom-header {background-color: #f1f2f2;}
.stick .ecom-header {border-bottom: solid 1px #ececec;}


.fix_stick  {border-bottom: solid 1px #ececec; position: fixed;-webkit-animation: glidein 0.5s forwards;animation: glidein 0.5s forwards;background: none;background-color: rgba(255,255,255,.95);box-shadow: 0 .125rem .125rem 0 rgba(0,0,0,.1);}

.fix_stick .topbar-center-logo .top-bar-left li a{color: #000 !important}

.mont {font-family: 'Montserrat', sans-serif;font-weight: 500}
.mont22 {font-size: 22px;}
.mont20 {font-size: 20px;}

@-webkit-keyframes glidein {
  from{-webkit-transform: translate3d(0,-100%,0)}
  to{-webkit-transform: translate3d(0,0,0)}
}

@keyframes glidein{
  from{transform: translate3d(0,-100%,0)}
  to{transform: translate3d(0,0,0)}
}

.no-bg {background-color: transparent !important;}
.main-logo {/*position:absolute;top:0;z-index:1;*/position: relative;float: left;max-width: 125px;padding: .5rem;}
.main-logo img {/*margin:45px 15px 20px;*/}

.top-bar-left ul, .top-bar-right ul {background-color: transparent;}
.top-bar-left {margin-left: 170px;}
.top-bar-left li {margin-right: 1.25rem;}
.top-bar-left li:last-child {margin-right: 0;}
.top-bar-left li a, .top-bar-right li a {color: #000;font-weight: 700;font-size: .9rem;border-bottom: solid 2px rgba(0,0,0,0);padding-left: 0 !important;padding-right: 0 !important; }
.top-bar-left li a:hover {border-color: rgba(0,0,0,1);}
.top-bar-left .dropdown.menu > li.is-active > a {color: #000 !important;}
.top-bar-left .dropdown .is-dropdown-submenu a {border-bottom: solid 1px rgba(255,255,255,.3);}
.top-bar-left .dropdown .is-dropdown-submenu a:last-child {border-bottom: none;}

.top-bar-right li {margin-right: 1.25rem;}
.top-bar-right li:last-child {margin-right: 0;}
.top-bar-right li a {color: #000;font-weight: 500;font-size: .9rem;border-bottom: solid 1px rgba(0,0,0,0);padding-left: 0 !important;padding-right: 0 !important; }
.top-bar-right li a:hover {border-color: rgba(0,0,0,1);}
.top-bar-right .dropdown.menu > li.is-active > a {color: #000 !important;}
.top-bar-right .dropdown .is-dropdown-submenu a {border-bottom: solid 1px rgba(255,255,255,.3);}
.top-bar-right .dropdown .is-dropdown-submenu a:last-child {border-bottom: none;}

.main-menu li {border-right: solid 1px #ccc;padding: 0 10px;margin-right: 0;}
.main-menu li:first-child {padding-left: 0;}
.main-menu li:last-child {border-right: none;padding-right: 0;}
.main-menu li a {padding-top: 0!important;padding-bottom: 0!important;}

.top-menu .menu a {font-size: .7rem;font-weight: 500;border-bottom: none;color: #000;}
.top-menu .menu a:last-child {padding-right: 0;}

li.top-booking a {background-color: #ff8400;color: #fff;border-bottom: none!important;padding-left: 1rem!important;padding-right: 1rem!important;padding-top: .5rem!important;padding-bottom: .5rem!important;margin-bottom: 15px;}
.top-booking .dropdown-pane {right: 0;width: 600px;border: none;box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.2);}
.top-booking .dropdown-pane label, .top-booking .dropdown-pane input[type="text"], .top-booking .dropdown-pane select {font-size:.8rem}

input.dest, input.dest:focus {position: relative;background-image: url("../../../images/icon-city-marker.png");background-repeat: no-repeat;background-position: 95% 50%;}
input[type="text"]::-webkit-input-placeholder {color: #000;}
input[type="text"]::-moz-placeholder {color: #000;}
input[type="text"]:-ms-input-placeholder {color: #000;}
input[type="text"]::placeholder {color: #000;}

.web_dialog_overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;height: 100%;width: 100%;margin: 0;padding: 0;background: #000;opacity: .8;filter:alpha(opacity=80);-moz-opacity: .80;z-index: 40;display: none;}
.web_dialog {display: none;position: absolute;width: 800px;left: auto;margin-top: -20px;background: #fff;border: 1px solid #999;padding: 0;z-index: 41;}
.web_dialog:after {position: absolute;content: "";bottom: -40px;height: 40px;width: 1px;}
.web_dialog_title {background: #f3f3f3;padding: 13px 15px;border-bottom: solid 1px #ddd;}
.web_dialog_title a.close {position: absolute;right: 10px;top: 10px;font-size: 20px;font-weight: 300;color: #000;text-decoration: none;}
.web_dialog_content {
	position: relative;
	padding: 15px;
	-moz-column-count: 4;
	-moz-column-gap: 10px;
	-moz-column-fill: balance;
	-webkit-column-count: 4;
	-webkit-column-gap: 10px;
	-webkit-column-fill: balance;
	column-count: 4;
	column-gap: 10px;
	column-fill: balance;
}
.web_dialog_content .oplist {
	width: 100%;
	display: inline-block;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
}

ul.oplist {margin: 0;padding: 0}
ul.oplist li {list-style-type: none;margin: 0;padding: .5rem 0px;font-size: 13px;line-height: 1;cursor: pointer;}
ul.oplist li.heading {font-weight: 600;text-transform: uppercase;}
ul.oplist li a, ul.oplist li.heading a {color: #000;cursor: pointer;}
ul.oplist li a:hover, ul.oplist li:hover a {color: #2ba6cb}

.page-footer {background: #000; color: #eee;padding: 3rem 0;     border-top: solid 5px #b38026;}

.page-copy {border-bottom: solid 1px rgba(0,0,0,.1);padding: .5em 0}
.page-copy small {font-size: 80%;}
.footer-copy {background: #9F9F9F ;border-top: solid 1px rgba(255,255,255,.1);color: #333333;padding: 3rem 0;}
.footer-copy small, .footer-copy .breadcrumbs li {font-size: 12px;}
.footer-copy a {color: #333333;}
.footer-link h6 {font-size: .8rem;font-weight: 600;}
.footer-link .vlist {list-style-type: none;margin-left: 0;margin-top: 20px;}
.footer-link .vlist > li > a {color: #333333;line-height: 1.4;}
.footer-link .vlist > li > a:hover, .footer-link .vlist > li > a:focus {text-decoration: underline;}
.widget-booking {padding: 20px 15px 5px;margin-bottom: 40px;background: rgba(255,255,255,1);box-shadow: 0 .625rem .75rem 0 rgba(0,0,0,.1);}
.mintop {position: relative;margin-top: -40px;}
.min-50 {margin-top: -50px;}
.minbot {position: relative;padding-bottom: -40px;}
.transwhite {color: #fff!important;border-color: #fff!important;}
.cal {background-image: url('../../../images/calendar.gif'); background-repeat: no-repeat; background-position: 95% 50%;position: relative;}
.cal.cin {border-right: none;background-position: 6% 50%;padding-left: 30px;}
.cal.cout {border-left: none;background-position: 6% 50%;padding-left: 30px;}
.input-user {background-image: url('../../../images/icon-user.png'); background-repeat: no-repeat; background-position: 3% 50%;position: relative;padding-left: 30px;cursor: default;}
.input-promo {background-image: url('../../../images/icon-tag.png'); background-repeat: no-repeat; background-position: 5% 50%;position: relative; }
.input-user-div {display: none;width: 400px;padding: 10px;position: absolute;z-index: 1;top: auto;margin-top: -.8rem;background-color: rgba(255,255,255,1);box-shadow: 0 2px 8px rgba(0,0,0,.16);}
.input-subs {position: relative;/*height: 1.25rem;*/font-size: .875em;color: #000;background: rgba(0,0,0,0);box-shadow: none!important;border: none!important;border-bottom: 1px solid #000!important;outline: 0!important;padding-left: 0;}
.input-subs::placeholder {color: #000!important;}
.input-subs:focus {background: none;}
.trisubmit {position: absolute;right: 0;top: .8rem;border: none;box-shadow: none;background: none;color: #000;padding: 0;cursor: pointer;}

.bg-section {box-shadow:0 .125rem .125rem 0 rgba(0,0,0,.1);padding:60px 0;}
.bg-section.noshad {box-shadow: none;}
.bg-section.white {background-color: #fff;}
.bg-section.litegrey {background-color: #f9f9f9;box-shadow: none;}
.dark {background-color: #58585b!important;color: #fff!important;padding-top: 2.5rem;padding-bottom: 2.5rem;}

.button {font-weight: 600;background-color: #757575;}
.button:hover {background-color: #333333;}
.button.invert {background-color: #333333;}
.button.invert:hover {background-color: #757575;}
.button.hollow {border: 1px solid #000;color: #000;}
.button.hollow.white {border-color: #fff;color: #fff;}
.button.hollow.white.cta {border-color: #000;color: #000;background-color: #fff;}
.button-group .button {margin-right: 10px;}

.tabs.custom {background: none;/*border: none;*/border-left: none;border-top: none;border-right: none;}
.tabs.custom .tabs-title {margin-bottom: -1px;margin-right: 1px;}
.tabs.custom .tabs-title:last-child {margin-right: 0;}
.tabs.custom .tabs-title > a:focus, .tabs-title > a[aria-selected="true"] {background: #fff!important;border-color: #e6e6e6!important;border-bottom: none;outline: none;}
.tabs.custom .tabs-title > a {font-size: .9rem;background: #e6e6e6;color: #000;border: solid 1px rgba(0,0,0,0);border-bottom: none;}
.tabs-panel {padding: 3em;}

.orbit-next, .orbit-previous {background:rgba(0,0,0,.1);}

.smaller {font-size: 50%;}
.small70 {font-size: 70%;}

.relative {position: relative;}
.more-dark {font-weight: 500;color: #999;}

.layered-inner-container {padding: 2.5rem 1.25rem 1.25rem;margin-left: 10%;}
.layered-image-container {height: 350px;margin-right: -20%;margin-top: 2.5rem;}
.layered-image-container.short {height: 300px;margin-bottom: 2.5rem;}

.bg-box-white {background-color: #fff;box-shadow:0 .125rem .125rem 0 rgba(0,0,0,.1);}
.bg-box-white.noshad {box-shadow: none;}
.bg-box-white.bordered {border: solid 1px #ececec;}
.bg-box-white.litegrey {background-color: #f9f9f9;}

.breadcrumbs.footer a {text-transform: capitalize;}
.breadcrumbs.footer a:hover {color: inherit;text-decoration: none;}

.social {margin:0;padding: 0;overflow: hidden;}
.social a {display: block;}
.social li {list-style: none;display: inline;float: left;margin: 0;}
.social li a {color: #333333;font-size: 12px;font-weight: 400;padding-right: 10px;line-height: normal;height: auto; text-decoration: none;}
.social li:last-child a {padding-right: 0;}
.social li a:hover {color: #000;}
.social.colored li a {color: #000;}
.social.coloredwhite li a{color: #eee;}

/*.fullscreen-image-slider .orbit-image {width: 100%;height: 100vh;}
.fullscreen-image-slider .orbit-caption {bottom: 50%;-webkit-transform: translateY(50%);-ms-transform: translateY(50%);transform: translateY(50%);background: none;text-align: center;color: #fff;font-size:3em;font-weight: 700;text-shadow:-2px 2px 0 rgba(0,0,0,.7);}*/
.fullscreen-image-slider .orbit-container {height: 100vh;}
.fullscreen-image-slider .orbit-slide {background-position: center;/*background-attachment: fixed;*/-webkit-backface-visibility: hidden;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height: 100vh;}
.fullscreen-image-slider.medium-height .orbit-container, .fullscreen-image-slider.medium-height .orbit-slide {height: 90vh!important;}
.fullscreen-image-slider .orbit-caption {width: 50%;bottom: 50%;left: 50%;-webkit-transform: translate(-50%,50%);-ms-transform: translate(-50%,50%);transform: translate(-50%,50%);background: rgba(0,0,0,.5);text-align: center;color: #fff;text-shadow: -1px 2px 0 rgba(0,0,0,.7);}
.fullscreen-image-slider .orbit-caption.lefted-bottom {width: 100%;bottom: 0;left: 0;transform: translate(0,0);text-align: left;padding-top: 2vw;padding-bottom: 2vw;/*-webkit-transform: translate(-10%,-1%);-ms-transform: translate(-20%,30%);transform: translate(-20%,30%);*/}
.fullscreen-image-slider .orbit-caption.lefted-bottom .type-bottomline::after {left: 0;transform: translateX(0);}
.fullscreen-image-slider figcaption {position: absolute;height: 100%;left: 0;right: 0;background: rgba(0,0,0,.25);}
.fullscreen-image-slider .orbit-caption .type-bottomline {font-size: 3em;line-height: 1;}
.fullscreen-image-slider .orbit-caption p {font-size: inherit;font-weight: 400;margin-bottom: 0;width: 40%;}
.fullscreen-image-slider .orbit-bullets {position: absolute;bottom: 45px;margin: 0;left: 50%;transform: translateX(-50%);text-align: center;}
.fullscreen-image-slider .orbit-bullets button {width: 2rem;height: 5px;margin: .1rem;border-radius: 0;background-color: rgba(255,255,255,.5);}
.fullscreen-image-slider .orbit-bullets button.is-active {background-color: #fff;}
.fullscreen-image-slider .fade-in.mui-enter, .fullscreen-image-slider .fade-out.mui-leave {transition-duration: 3s;}

.overlay-container {position: relative;}
.overlay-container .overlay {position: absolute;bottom: 0;left: 0;right: 0;padding: 3rem 1rem 0.5rem;background-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));}
.overlay-container .overlay.block {padding:2rem 3rem;background-color:rgba(0,0,0,.5);background-image:none;}
.overlay-container .overlay.top {bottom: auto;top: 0;padding-top: 0.5rem;background-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));}
.overlay-container .overlay:before {content: '';vertical-align: middle;}
.overlay-container .overlay span {display: inline-block;vertical-align: middle;color: #fff;}
.overlay-container .overlay p {color: #fff;}

.type-sidelines {display: block;text-align: center;overflow: hidden;white-space: nowrap;}
.type-sidelines span {display: inline-block;position: relative;padding-left: 0.5em;padding-right: 0.5em;color: #000;font-weight: 300;}
.type-sidelines span strong {font-weight: 700;color: #000;}
.type-sidelines span:before, .type-sidelines span:after {content: '';position: absolute;height: 100%;width: 125px/*9999px*/;top: 50%;border-top-style: solid;border-top-width: 1px;border-top-color:#ccc;}
.type-sidelines span:before {right: 100%;}
.type-sidelines span:after { left: 100%;}

.type-bottomline {position: relative;}
.type-bottomline:after {content: ' ';position: absolute;top: 100%;left: 50%;width: 100px;border: none;border-bottom: 2px solid #000;padding-top: 5px;transform: translateX(-50%);}
.type-bottomline.lefted:after {left: 0;transform: translateX(0);}
.type-bottomline.white {color: #fff;}
.type-bottomline.white:after {border-bottom-color: #fff;}

.hoverfx {position: relative;overflow: hidden;color: #fff;}
.hoverfx img {-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;-webkit-transform: scale(1);transform: scale(1);}
.hoverfx:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.hoverfx .overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.hoverfx:hover .overlay{background: rgba(0,0,0,.7);}
.hoverfx .show-first {display: block;position: relative;padding: 15px;background-image: linear-gradient(to bottom, rgba(0,0,0,.7), rgba(0,0,0,0));}
.hoverfx .show-after {display: none;padding: 15px;}
.hoverfx:hover .show-first {display: none;}
.hoverfx:hover .show-after {display: block;}

.row-list {margin: 0 0 15px;padding: 0;}
.row-list li.heading {padding-bottom: 10px;}
.row-list li {list-style-type: none;border-bottom: solid 1px rgba(255,255,255,.2);color: #fff;font-size: 13px;}
.row-list li a {display: block;padding: 6px 0 5px;color: #fff!important;text-shadow: 0 0 1px rgba(0, 0, 0, 0.9);}
.row-list li a:hover {background: rgba(0,0,0,.3);}
.row-list li .rate {font-weight: 700;color: #ffcc00;float: right;}

.side-img, .bg-img {position: relative;overflow: hidden;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-attachment: scroll;background-repeat: no-repeat;background-position: center center;}
.bg-img-parent {position: relative;overflow: hidden;}
.bg-img-child {height: 100%;width: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-attachment: scroll;background-repeat: no-repeat;background-position: center center;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 1s;transition: all 2s;}
/*.bg-img-parent:hover .bg-img-child, .bg-img-parent:focus .bg-img-child {-ms-transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);
}*/
.bg-img-parent:hover .bg-img-child:before, .bg-img-parent:focus .bg-img-child:before {display: block;}
.bg-img-child:before {content: "";display: none;height: 100%;width: 100%;position: absolute;top: 0;left: 0;/*background-color: rgba(0,0,0,.3);*/}
.bg-img-child span {display: none;color: #fff;text-align: center;margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;height: 20px;line-height: 20px;cursor: pointer;text-decoration: none;font-size: 40px;}
.bg-img-parent:hover span, .bg-img-parent:focus span {display: block;}
.bg-img-overlay {position: absolute;bottom: 0;left: 0;right: 0;padding: 3rem;background-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));color: #fff;}
/*.bg-img-overlay:before {content: '';vertical-align: middle;}*/

/*.growYContainer {display: table;width: 100%;height: 100%;}
.growCell {display: table-cell;height: 100%;width: 33.3%;-webkit-transition: width .75s;-moz-transition: width .75s;transition: width .75s;}
.growYContainer:hover .growCell {width: 20%;}
.growYContainer:hover .growCell:hover {width: 50%;}*/

.vh25 {height: 25vh;}
.vh30 {height: 30vh;}
.vh35 {height: 35vh;}
.vh45 {height: 45vh;}
.vh50 {height: 50vh;}
.vh55 {height: 55vh;}
.vh60 {height: 60vh;}
.vh70 {height: 70vh;}
.vh80 {height: 80vh;}

.dining-slide .orbit-slide a,
.latest-dining-promo .cell a,
.resto-menu .cell a,
.orbit .cell a {
	color: #000;
}

.product-image-gallery {background-color: #fefefe;padding: 1.5rem;}
.big-product-image {margin-bottom: 20px;}
.product-thumbs a {margin-left: 8px;margin-right: 8px;padding: 0 !important;}
.product-thumbs a img {display: inline-block;max-width: 100%;margin-bottom: 1rem;border: solid 4px #fefefe;border-radius: 0;box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);line-height: 0;border-radius: 3px;width: 50px;height: 50px;border: none;}

.gallery-with-thumb .orbit-bullets {background-color: #ddd;margin-top: 0;overflow: hidden;font-size: 0;}
.gallery-with-thumb .orbit-bullets button {width: 80px;height: 80px;background: none;border-radius: 0;margin: 0;border: solid 3px rgba(0,0,0,0);}
.gallery-with-thumb .orbit-bullets button img {opacity: 0.6;filter: alpha(opacity=60);}
.gallery-with-thumb .orbit-bullets .is-active img {opacity: 1;filter: alpha(opacity=100);}
.gallery-with-thumb .orbit-bullets .is-active {border-color: #ff8400;background-color: #fff;outline: none;}

.mega-menu .dropdown-pane {width: 100%!important;max-width: 100%;min-width: 700px;left: auto!important;right: 0!important;top: auto!important;margin-left: -272px;border: none;}
.mega-menu #mega-menu-logo .thumbnail {border: solid 1px rgba(0,0,0,0);padding: 5px!important;margin-top: 10px;height: 80px;line-height: 70px;text-align: center;}
.mega-menu #mega-menu-logo .thumbnail img {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.mega-menu #mega-menu-logo .thumbnail:hover img {-webkit-filter: grayscale(0);filter: grayscale(0);}
.mega-menu #mega-menu-logo .thumbnail:hover {box-shadow: none;border: solid 1px rgba(0,0,0,1);}

ul.hlist {margin-left: 0;margin-bottom: .5rem;padding: 0;list-style-type: none;}
ul.hlist li {display: inline;border-right: solid 1px #ccc;padding: 0 10px 0 5px;font-size: 13px;}
ul.hlist li:first-child {padding-left: 0;}
ul.hlist li:last-child {border: none;padding-right: 0;}

.ratingComponent {display: inline-block;}
.ratingComponent__rating {display: flex;flex-direction: row;align-items: center;align-content: center;justify-content: center;}
.ratingComponent__dot {background-color: transparent;border: solid 2px #eb822f;width: 12px;height: 12px;border-radius: 50%;margin: 0 2px 0 0;}
.ratingComponent__dot:first-of-type {}
.ratingComponent__dot--filled {background-color: #eb822f;}
.ratingComponent__dot--halfFilled {background-color: #eb822f;width: 6px;border-radius: 10px 0 0 10px;margin-right: 9px;}
.ratingComponent__dot--halfFilled:after {content: "";display: block;position: relative;left: 3px;top: -2px;width: 8px;height: 12px;border-radius: 0 10px 10px 0;border: solid 2px #eb822f;}

dl.inline, dl.inline dd, dl.inline dt {margin: 0;padding: 0;}
dl.inline dt, dl.inline dd {display: inline;margin-right: 5px;font-size: 13px;}

.arrowdiv {min-height: 40px;background-color: #fff;position: relative;}
.arrowdiv.litegrey {background-color: #ececec;}
.arrowdiv.litegrey.leftarrow:after {border-color: transparent #ececec transparent transparent;}
.uparrow:after {content: '';display: block;position: absolute;top: -40px;left: 50%;margin-left: -10px;width: 0;height: 0;border-style: solid;border-width: 20px;
border-color: transparent transparent #fff transparent;}
.downarrow:after {content: '';display: block;position: absolute;top: 100%;left: 50%;margin-left: -10px;width: 0;height: 0;border-style: solid;border-width: 20px;
border-color: #fff transparent transparent transparent;}
.leftarrow:after {content: '';display: block;position: absolute;top: 50%;left: -40px;margin-top: -10px;width: 0;height: 0;border-style: solid;border-width: 20px;
border-color: transparent #fff transparent transparent;}
.rightarrow:after {content: '';display: block;position: absolute;top: 50%;left: 100%;margin-top: -10px;width: 0;height: 0;border-style: solid;border-width: 20px;
border-color: transparent transparent transparent #fff;}

.linecenter {height: 1px;border: none;color: #000;background-color: #000;width: 50%;text-align: center;margin: 1.25rem auto;}
.grid-horizontal-spacer {display: block;margin: .9375rem 0;}

.s-link {list-style-type: none;margin: 0;text-align: center;}
.s-link li {text-align: center;display: inline;margin: 0 5px;}
.s-link li a {color: #000;}

.custom-select-wrapper {position: relative;display: inline-block;user-select: none;}
.custom-select-wrapper select {display: none;}
.custom-select {position: relative;display: inline-block;}
.custom-select-trigger {position: relative;display: block;width: 130px;padding: 0 84px 0 22px;font-size: 22px;font-weight: 300;color: #000;line-height: 60px;background: #f3f3f3;border:solid 1px #b5b5b5;border-radius: 4px;cursor: pointer;}
.custom-select-trigger:after {position: absolute;display: block;content: '';width: 10px; height: 10px;top: 50%; right: 25px;margin-top: -3px;border-bottom: 1px solid #000;border-right: 1px solid #000;transform: rotate(45deg) translateY(-50%);transition: all .4s ease-in-out;transform-origin: 50% 0;}
.custom-select.opened .custom-select-trigger:after {margin-top: 3px;transform: rotate(-135deg) translateY(-50%);}
.custom-options {position: absolute;display: block;top: 100%; left: 0; right: 0;min-width: 100%;margin: 15px 0;border: 1px solid #b5b5b5;border-radius: 4px;box-sizing: border-box;box-shadow: 0 2px 1px rgba(0,0,0,.07);background: #fff;transition: all .4s ease-in-out;opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(-15px);}
.custom-select.opened .custom-options {opacity: 1;visibility: visible;pointer-events: all;transform: translateY(0);}
.custom-options:before {position: absolute;display: block;content: '';bottom: 100%; right: 25px;width: 10px; height: 10px;margin-bottom: -4px;border-top: 1px solid #b5b5b5;border-left: 1px solid #b5b5b5;background: #fff;transform: rotate(45deg);transition: all .4s ease-in-out;}
.option-hover:before {background: #f9f9f9;}
.custom-option {position: relative;display: block;padding: 0 22px;border-bottom: 1px solid #b5b5b5;font-size: 18px;font-weight: 600;color: #b5b5b5;line-height: 47px;cursor: pointer;transition: all .4s ease-in-out;}
.custom-option:first-of-type {border-radius: 4px 4px 0 0;}
.custom-option:last-of-type {border-bottom: 0;border-radius: 0 0 4px 4px;}
.custom-option:hover, .custom-option.selection {background: #f9f9f9;}

.body_overlay {position: fixed;background-color: rgba(0, 0, 0, 0.9);top: 0;left: 0;bottom: 0;right: 0;z-index: auto;display: none;}
.hbook input, .hbook select {font-size: 13px;}
.hbook input[type="submit"] {font-size: 10px;height: 2.4375rem;}
.popbook {/*margin: 30px 50px;*/}
.popbook .cin {border-right: solid 1px #cacaca;}
.popbook .cout {border-left: solid 1px #cacaca;padding-left: 30px;}
.popbook input[type=submit] {font-size: inherit;height: auto;}
.less-pad {padding-left: .2348rem!important;padding-right: .2348rem!important;}
.border-right {border-right: solid 1px rgba(255,255,255,.2);}
.border-top {border-top: solid 1px #ddd;}
.vborder {border-right:solid 1px #cfcfcf;}

input.hspin[type=number] {float: left;width: 30px;height: 30px;padding: 0;margin: 0;font-weight: 500;text-align: center;border: 1px #ccc solid;background: #fff;color: #000;box-shadow: none;outline:none;pointer-events: none;-moz-appearance: textfield;}
span.spinner {height: 30px;user-select: none;-ms-user-select: none;-moz-user-select: none;-webkit-user-select: none;-webkit-touch-callout: none;}
span.spinner > .sub, span.spinner > .add {float: left;width: 30px;height: 30px;text-align: center;font-size: 28px;font-weight: 300;line-height: 23px;background: #f3f3f3;color: #333;border: 1px #ccc solid;cursor: pointer;transition: 0.1s linear;-o-transition: 0.1s linear;-ms-transition: 0.1s linear;-moz-transition: 0.1s linear;-webkit-transition: 0.1s linear;}
span.spinner > .sub {margin-right: -1px;}
span.spinner > .add {border: 1px #ccc solid;line-height: 25px;margin-left: -1px;}
span.spinner > .sub:hover, span.spinner > .add:hover {background: #015e9c;color: #fff;}
input.hspin[type=number]::-webkit-inner-spin-button, input.hspin[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}

.bg-abs {position: absolute;z-index: 1;top: 20px;padding: 2rem;width: 110%;background: #000;color: #fff;}
.bg-abs.right-pos {right: 0;}

.layered-min-wrapper {width: 100%;height: 100%;}
.layered-min-row.row-1,
.layered-min-row.row-2,
.layered-min-row.row-3, 
.layered-min-row.row-4 {
	display: flex;flex-direction: row;width: 100%;height: 55%;
}
.layered-min-row.row-2,
.layered-min-row.row-3,
.layered-min-row.row-4 {
	margin-top: -5%;
}
.layered-min-row.row-1 .image > img,
.layered-min-row.row-2 .image > img,
.layered-min-row.row-3 .image > img,
.layered-min-row.row-4 .image > img {
	width: 100%;height: 100%;object-fit: cover;
}
.layered-min-row.row-1 .image {order: 1;width: 50%;height: 100%;padding-right: .5%;}
.layered-min-row.row-2 .image {order: 2;width: 50%;height: 100%;padding-left: .5%;}
.layered-min-row.row-3 .image {order: 1;width: 50%;height: 100%;padding-right: .5%;}
.layered-min-row.row-4 .image {order: 2;width: 50%;height: 100%;padding-left: .5%;}
.layered-min-row.row-1 .content {order: 2;display: flex;flex-direction: column;justify-content: center;text-align: left ;padding: 0px 5%;width: 50%;margin-bottom: 5%;}
.layered-min-row.row-2 .content {order: 1;display: flex;flex-direction: column;justify-content: center;text-align: right;padding: 0px 5%;width: 50%;margin-top: 5%;margin-bottom: 5%;}
.layered-min-row.row-3 .content {order: 2;display: flex;flex-direction: column;justify-content: center;text-align: left ;padding: 0px 5%;width: 50%;margin-top: 5%;margin-bottom: 5%;}
.layered-min-row.row-4 .content {order: 1;display: flex;flex-direction: column;justify-content: center;text-align: right;padding: 0px 5%;width: 50%;margin-top: 5%;margin-bottom: 5%;}

.vpad {position: relative;padding: 3rem 0;}
.rate-price .start-price {font-size: 125%;display: inline-block; font-weight: 500; margin-top: 10px;}
.color-white {color: #fff;}

.brand-footer {position: relative;max-width: 795px;margin: auto;}
.brand-footer img {display:block; max-width:100%; margin: auto;}
.brand-footer a {display:block; position:absolute;}
.brand-footer a.heaven {left:0; top:10%; width:16.5%; height:80%;}
.brand-footer a.the101 {left:21%; top:10%; width:15%; height:80%;}
.brand-footer a.frii {left:40%; top:10%; width:8%; height:80%;}
.brand-footer a.bnb {left:53%; top:10%; width:7%; height:80%;}
.brand-footer a.collection {right:23%; top:10%; width:12%; height:80%;}
.brand-footer a.reward {right:0; top:10%; width:19%; height:80%;}

.topbar-center-logo {background-color: transparent;}
.topbar-center-logo .top-bar-left {margin-left: 20px;}
.topbar-center-logo .top-bar-right {margin-right: 20px;}
.topbar-center-logo .top-bar-center {-webkit-flex: 1 0 auto;-ms-flex: 1 0 auto;flex: 1 0 auto;min-width: 0;}
.topbar-center-logo .top-bar-center .logo {display: inline-block;width: 100px;height: 135px;line-height: 135px;}
.topbar-center-logo .top-bar-left li a {color: #fff;border-bottom: none;}
.topbar-center-logo .top-bar-left li a.burger-menu {font-size: 30px!important;font-weight: 700!important;margin-top: 0!important;}
.topbar-center-logo.corporate .logo-menu {margin-right: 40px; }
.topbar-center-logo.corporate .top-bar-left li a {margin-top: 7px; font-weight: 400;font-size: 1rem;}
.topbar-center-logo.with-top-menu .logo-menu {margin-right: 60px;margin-top: 0!important;padding: 5px 0;}
.topbar-center-logo.with-top-menu .top-bar-left li a {margin-top: 20px;font-weight: 400;font-size: 1rem;}
.topbar-center-logo .top-bar-center .title-text {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.stick .topbar-center-logo .top-bar-center .logo {content: url("../../../images/JHL-Solitaire-Gading-Serpong-Black.png");width: 50px;height: 67px;line-height: 65px;}
.stick .topbar-center-logo .top-bar-center.corporate .logo {content: "";/*width: 50px;line-height: 67px;*/}
.stick .topbar-center-logo .top-bar-left li a {color: #000;}
.top-bar .logo-menu {width: 150px;}
.stick .top-bar .logo-menu {content: url("../../../images/JHL-Solitaire-Gading-Serpong-Black.png");}
.stick .topbar-center-logo.corporate .logo-menu {content: url("../../../images/JHL-Collection-Logo-Black.png");}
.stick .topbar-center-logo.with-top-menu .top-bar-left li a {margin-top: 8px;}

.sidenav {height: 100%;width: 0;position: fixed;z-index: 13;top: 0;left: 0;background-color: #fff;overflow-x: hidden;transition: 0.5s;/*padding-top: 60px;*/     border-right: 1px solid #eee; margin-left: -2px;}
.sidenav-inner {padding: 30px;}
.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 40px;margin-left: 50px;color: #000;}
.sidenav-overlay {height: 100%;width: 0;position: fixed;z-index: 12;top: 0;left: 0;background-color: rgba(0,0,0,.75);transition: 0.8s;}
.sidemenu {margin-top: 20px;}
.sidemenu li a {color: #000;}
.sidemenu li a:hover {color: #6a4139;}
.sidemenu .active > a {background: none;color: #000;font-weight: 600;}
.sidemenu.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {border-color: #000 transparent transparent;}
.submenu-toggle::after {border-color: #000 transparent transparent;}
.submenu.is-accordion-submenu {margin-left: 15px;}
.sidemenu-logo {text-align: center;margin-bottom: 30px;padding-bottom: 1rem;border-bottom: solid 1px #ddd;}
.sidemenu-logo img{ height: 40px;}

.plrvw {padding-left: 6vw!important;padding-right: 6vw!important;}
.tight-plrvw {padding-left: 2vw!important;padding-right: 2vw!important;}
.pvw-24 {padding: 2vw 4vw!important;}

.reveal {top: 50%!important;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

.content-space {position: relative;width: 85%;z-index: 1;background: #fff;box-shadow:0 .125rem .125rem 0 rgba(0,0,0,.1);}
.content-space.noshad {box-shadow: none;}
.content-space.right-bottom {margin-top: -80px;float: right;}
.content-space.right-bottom-overlap {width: 70%;margin: -100px 30px 0 0;float: right;}
.content-space.left-top {margin-bottom: -80px;}
.content-space.lefted-full {margin-left: -80px;margin-top: 80px;width: 100%;}
.content-space.righted-full {margin-right: -80px;margin-top: 80px;width: 100%;float: right;}
.content-space .desc-space {padding: 2em;}
.content-space.abs {position: absolute;width: 100%;}
.content-space.abs.bottom-over-lefted {bottom: 0;left: -80px;}
.content-space.abs.bottom-over-righted {bottom: 0;right: -80px;}
.content-space.bottom-overlap-centered {left: 50%;margin-left: -42.5%;margin-top: -100px;}

.slideCenterSet .ss-slide.slick-center {-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);opacity: 1;-webkit-filter: grayscale(0) brightness(100%);filter: grayscale(0) brightness(100%);pointer-events: auto;opacity: 1;filter: alpha(opacity=100);}
.slideCenterSet .ss-slide {-moz-transform: scale(0.9);-ms-transform: scale(0.9);-o-transform: scale(0.9);-webkit-transform: scale(0.9);transform: scale(0.9);opacity: 0.7;transition: all 300ms ease;pointer-events: none;-webkit-filter: grayscale(100%) brightness(100%);filter: grayscale(100%) brightness(100%);opacity: 0.1;filter: alpha(opacity=10);}
/* .slideCenterSet .slick-prev, .slideCenterSet .slick-next {height: 40px;width: 40px;background: rgba(255,255,255,.8);text-align: center;margin-top: -20px;} */
.slideCenterSet .slick-prev, .slideCenterSet .slick-next {height: 40px;width: 40px; text-align: center;margin-top: -20px;}
.slideCenterSet .slick-prev {left: 0;}
.slideCenterSet .slick-next {right: 0;}
.slideCenterSet .slick-prev::before, .slideCenterSet .slick-next::before {font-family: "FontAwesome";font-size: 40px;color: #000;}
.slideCenterSet .slick-prev::before {content: "\f104";}
.slideCenterSet .slick-next::before {content: "\f105";}
.slideCenterSet .slick-dots {bottom: -50px;}
.slideFullWidth {margin:0 -30px;}
.slideFullWidth .ss-slide {padding-bottom: 5px;width: 800px;}
.slideFullWidth .slick-prev {left: 30px;}
.slideFullWidth .slick-next {right: 30px;}
.slideFullWidth .ss-slide .content-overlay {display: none;}
.slideFullWidth .ss-slide.slick-center .content-overlay {display: block;}
.slideFullWidth .ss-slide .padcol {display: none;}
.slideFullWidth .ss-slide.slick-center .padcol {display: block;}
.slideFullWidth .slick-dots {margin-left: 0;}
.slick-dots {margin-left: 0;}
.slick-dots li button::before {font-size: 40px!important;}
.slick-tight .ss-slide {padding: 0 1px;}
.slick-tight .slick-list {margin: 0 -1px;}
.slick-gap .ss-slide {padding: 0 10px;}
.slick-gap .slick-list {margin: 0 -10px;}
@media only screen and (max-width: 767px){
	.slideFullWidth {margin: 0;}
	.slideFullWidth .slick-prev {left: 0;}
	.slideFullWidth .slick-next {right: 0;}
}

.content-overlay {position: absolute;bottom: 0;left: 0;right: 0;padding: 1.5rem 1.5rem 1.5rem;background:rgba(0,0,0,.7);}
.content-overlay .title, .content-overlay p {color: #fff;}
.content-pos {position: relative;bottom: auto;left: auto;right: auto;width: 85%;display: block;padding: 20px 20px 30px;margin: -60px auto 0;text-align: left;background: rgba(255,255,255,1);box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);}
.content-pos .title, .content-pos p {color: #000;}

.cover-abs {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: auto;background: rgba(0,0,0,.3);padding: 15px;webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.cover-abs:hover {background: rgba(0,0,0,.7);}

.mintop {margin-top: -100px;z-index: 1;position: relative;}
.moretop {margin-top: -200px;}
.bg-light-grey {background-color: #f4f4f4;}
.padding-fluid {padding: 4vw;}
.justify {text-align: justify;}

.slick-lightbox{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:black;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}.slick-lightbox .slick-loading .slick-list{background-color:transparent}.slick-lightbox .slick-prev,.slick-lightbox .slick-next{width:40px;height:40px;margin-top:-20px;background:#fff!important;}.slick-lightbox .slick-prev{left:0}.slick-lightbox .slick-next{right:0}.slick-lightbox .slick-prev::before,.slick-lightbox .slick-next::before {color:#000;font-size:20px;}.slick-lightbox-hide{opacity:0}.slick-lightbox-hide.slick-lightbox-ie{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.slick-lightbox-hide-init{position:absolute;top:-9999px;opacity:0}.slick-lightbox-hide-init.slick-lightbox-ie{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.slick-lightbox-inner{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:45}.slick-lightbox-slick-item{text-align:center;overflow:hidden}.slick-lightbox-slick-item:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption{position:absolute;bottom:0;left:0;text-align:center;width:100%;margin-bottom:20px}.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption{display:block;text-align:center}.slick-lightbox-slick-item-inner{display:inline-block;vertical-align:middle;max-width:90%;max-height:90%}.slick-lightbox-slick-img{margin:0 auto;display:block;max-width:90%;max-height:90%}.slick-lightbox-slick-caption{display:block;margin:10px 0;color:white}.slick-lightbox-close{position:absolute;top:0;right:0;display:block;height:40px;width:40px;line-height:0;font-size:0;cursor:pointer;background:#fff;color:#000;padding:0;border:none}.slick-lightbox-close:focus{outline:none}.slick-lightbox-close:before{font-family:"slick";font-size:40px;line-height:20px;color:#000;opacity:0.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'×'}
.gal-caption {position: absolute;bottom:0;left: 0;height: 2em;width: 100%;background: rgba(0,0,0,0.7);z-index: 2;color:white;text-align: center;line-height: 2em;}

.desinfo {padding: 0;margin: 0 0 15px;overflow: hidden;font-size: inherit;}
.desinfo dt {float: left;clear: left;width: 180px;text-align: left;font-weight: 500;}
.desinfo dt:after {content: ":";float: right;}
.desinfo dd {margin: 0 0 0 190px;padding: 0;font-weight: 300;}
.desinfo dt, .desinfo dd {margin-bottom: 5px;}

.bottom-bordered li {border-bottom: 1px solid rgba(0,0,0,.1);padding-top: 5px;padding-bottom: 5px;}
.blocks .bg-box-white, .photo-gallery .cell {margin-bottom: 1.875rem;}
.eapps-instagram-feed-title {display: none!important;}

table.responsive tbody, table.responsive tfoot, table.responsive thead {border-color: #ddd;}
table.responsive tr:nth-of-type(odd) {background-color: #f9f9f9;}
table.responsive tr:nth-of-type(even) {background-color: #fff;}
table.responsive thead tr th {background-color: #fff;color: #757575;font-weight: 600;text-align: center;}
table.responsive td, table.responsive th {padding: 10px;}
table.responsive tr:hover {background-color: #f9f9f9;background: rgba(0,0,0,.05);}

.abs-bottom-right {position: absolute;right: 0;bottom: 0;}
.subheader.dec {font-size: 80%;text-transform: uppercase;letter-spacing: 1px;}
.subheader.dec.white {color: #fff;}

.capacity-info {margin-top: 50px;text-align: center;}
.capacity-info .title, .capacity-info .subtitle {margin: 0;}
.capacity-info .title {line-height: 1;}
.capacity-info .subtitle {font-family: 'Nanum Gothic', sans-serif;}
.capacity-info .cell {padding-top: 20px;padding-bottom: 20px;border-right: solid 1px #d2d2d2;}
.capacity-info .cell:last-child {border-right: none;}
.capacity-info.smaller .title {font-size: 22px;}
.capacity-info.smaller .subtitle {font-size: 12px;font-weight: 400;}
.capacity-info.smaller .cell {padding-top: 10px;padding-bottom: 10px;}

.box-bordered {border:solid 2px #ce9c30;padding: 4vw;}
.label.hollow {border: solid 1px #000;border-radius: 2px;background: none;color: #000;}
.radius {border-radius: 5px;}

.top-widget-trigger {position: relative;}
#top-widget {position:absolute;width: 300px;top: auto;right: 0;margin-right: 25px;padding: 15px;background: rgba(255,255,255,.95);box-shadow: 0 .125rem .125rem 0 rgba(0,0,0,.1);}
#top-widget input {width: 100%;max-width: 100%;}
#top-widget input[type=text] {padding-left: .5rem;}
#top-widget input[type=submit],
#bottom-widget input[type=submit] {
	background-color: #000;
}
#top-widget input[type=submit]:hover, #top-widget input[type=submit]:focus,
#bottom-widget input[type=submit]:hover, #bottom-widget input[type=submit]:focus {
	background-color: #757575;
}
#top-widget .cal.cin {padding-left: 30px;}
#top-widget .cal.cout {padding-left: 30px;}

.arrow-after {position: absolute;bottom: 45px;left: 50%;z-index: 2;display: inline-block;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);color: #fff;outline: none;transition: opacity .3s;}
.arrow-after:hover {opacity: .5;}
.arrow-after span {position: absolute;top: 0;left: 50%;width: 24px;height: 24px;margin-left: -12px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: rotate(-45deg);transform:rotate(-45deg);box-sizing: border-box;}

.abs-overlap {background: #fff;position: absolute;z-index: 1;padding: 3vw 4vw;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.abs-right-over-left {left: -250px;right: 0;}
.abs-left-over-right {left: 0;right: -250px;}

.info-abs-pos {position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 50%;padding: 2vw 4vw;background-color: rgba(255,255,255,1);}
.rb-overlap-pos {left: auto; top: auto;transform: none;right: 30px;bottom: -100px;width: 70%;}

.tripadv {text-align: center;}
.tripadv .icon {width: 80px;margin: auto;}
.tripadv .title {text-transform: uppercase;font-size: 15px;font-weight: 500;color: #08808a;}

.showmore {display: none;}
a.show_link, a.hide_link {display: inline-block;position: relative;left: 50%;transform: translateX(-50%);text-decoration: underline;color: #000;font-weight: 500;text-align: center;}
a.show_link:hover, a.hide_link:hover, a.show_link:focus, a.hide_link:focus {text-decoration: none;}

.list-features {font-size: 0!important;letter-spacing: 0;text-align: center;list-style-type: none;margin: 0;overflow: hidden;}
.list-features li {display: inline-block;vertical-align: top;width: 20%;padding: 20px 40px;margin-bottom: 30px;font-size: 14px!important;letter-spacing: 0.02em;}
.list-features li:hover {background-color: #f3f3f3;}
.list-features li span {display: block;height: 45px;margin: 0 auto 15px;}
.list-features li p, .list-features.side li p {line-height: 1;margin-bottom: 0;}
.list-features li img {max-height: 100%;width: auto;}
.list-features.side li {width: 33%;padding: 10px;font-size: 12px!important;}
.list-features.side li span {height: 25px;}

ul.list {margin: 0;padding: 0}
ul.list li {list-style-type: none;padding: 0;margin-bottom: 5px;line-height: normal;}
ul.list li.heading {font-weight: 500;list-style-type: none;margin-bottom: 10px;margin-left: 0;}
ul.list li:last-child {border: none;margin: 0;}
ul.list li a {display: block;padding: 2px 0 3px;}
ul.list li a:hover, ul.list li a:focus, ul.list li a.active {color: #000;}
ul.list.small li {font-size: 13px!important;}
ul.list.small li a.active {font-weight: 600;}

ul.list.wicon li {display: block;clear: both;overflow: hidden;margin-bottom: 3px;}
ul.list.wicon li .icon-item, ul.list.wicon li .icon-text {display: inline-block;float: left;}
ul.list.wicon li .icon-item {width: 25px;vertical-align: middle;}
ul.list.wicon li.noicon {padding-left: 25px;}
ul.list.wicon li .icon-text strong, ul.list.wicon li .icon-item i {font-weight: 500;}

.slick-margin .slick-list {margin: 0 -.9375rem;}
.slick-margin .ss-slide {padding: 0 .9375rem;}

.tile-logos-portfolio {position: relative;display: flex;justify-content: center;margin: 0 auto;padding: 2rem 0 4rem;}
.tile-logos-portfolio .logo-main {position: absolute;width: 150px;top: 1rem;z-index: 3;background: #fff;padding: 0 .9rem;}
.tile-logos-portfolio .logo-main a {position: relative;width: auto;height: auto;display: inline-block;vertical-align: middle;}
.tile-logos-portfolio .porfolio-container {border: solid 2px #ddd;width: 100%;padding: 2.5rem 1.25rem .9rem 1.25rem;}
.tile-logos-portfolio .porfolio-container .row-container {clear: both;display: block;width: auto;text-align: center;border-bottom: solid 1px #ddd;padding-bottom: 1rem;margin-bottom: 1rem;}
.tile-logos-portfolio .porfolio-container .row-container:last-of-type {border-bottom: none;margin-bottom: 0;}
.tile-logos-portfolio .porfolio-container .row-container .cat-title {position: static;width: auto;padding-right: 5px;margin-bottom: 0.75rem;color: #707070;font-weight: 500;}
.tile-logos-portfolio .porfolio-container .row-container .logos {text-align: center;}
.tile-logos-portfolio .porfolio-container .row-container .logos a {display: inline-block;vertical-align: middle;width: 50px;margin-right: 2rem;}

.video-section {width:100%;height:100vh;position: relative;overflow:hidden;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-attachment: scroll;background-repeat: no-repeat;background-position: center center;}
.video-section .play-button {position: relative;display: block;width: 7em;height: 7em;text-align: center;line-height: 7em;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.video-section .play-button i {font-size: 7em;color: #fff;}
.video-js, .vjs-default-skin, #vidhomefull {position: absolute!important;right: 0;bottom: 0;min-width: 100%;min-height: 100%;width: auto;height: auto;}
/*.video-container {width:100%;height:100%;}
.video-caption {position:absolute;left:50px;bottom:100px;z-index:auto;width:35%;background:rgba(255,255,255,.95);padding:15px 30px;color:#000;}
.video-caption h1 {line-height:1.2;font-size:3.4rem;}

.video-js, .vjs-default-skin, #vidhomefull {position: absolute!important;right: 0;bottom: 0;min-width: 100%;min-height: 100%;width: auto;height: auto;}
.video-js .vjs-big-play-button {top:50%;left:50%;margin-left:-1.5em;margin-top:0!important;height:3em!important;line-height:3em!important;border-radius:50%!important;}
.video-js .vjs-big-play-button .vjs-icon-placeholder::before {font-size:2em!important;}
.video-js.vjs-default-skin.vjs-ended .vjs-big-play-button {display:block !important;}
.ytp-large-play-button, .ytp-button, .ytp-large-play-button svg, .html5-video-player svg {display:none!important;}
.ytp-large-play-button-bg {opacity:0!important;}
.video-js .vjs-big-play-button {background-color: transparent!important;border: none!important;box-shadow: none!important;font-size: 6em!important;}*/


/* ==================================| Media Queries |================================== */


@media screen and (max-width: 39.9375em) {
	
html {height: 100%;}
body {min-height: 100%;padding-bottom: 60px;}

.top-bar-wrapper {background-color: rgba(255,255,255,.95)!important;background: none;}
.top-bar-left li a {color: #000!important;}
.title-bar {background: #fff;}
.title-bar {border-bottom: solid 5px #4d2612;padding-top: 0;padding-bottom: 0;padding-left: 0;}

.top-bar-left {margin-left: 0 !important;flex: 1 0 0!important;}
.top-bar-left li {border-right: none;}
.top-bar-center {flex: 1 0 0!important;text-align: center;}
.topbar-center-logo .top-bar-center .logo {width: 50px;height: auto!important;line-height: 1!important;}
.top-bar .logo-menu {content: url("../../../images/JHL-Solitaire-Gading-Serpong-Black.png");width: 130px;}
.top-bar-right li a {border-bottom: none;}
.top-bar-right {margin-right: 0!important;flex: 0 0 0!important;}
.stick .top-bar .logo-menu {/*width: 100px;*/}
.topbar-center-logo.corporate .logo-menu {margin-right: 0;}

.main-menu li {border-right: none;padding: inherit;margin-right: 0;}
.main-menu li:first-child {padding-left: 0;}
.main-menu li:last-child {border-right: none;padding-right: 0;}
.main-menu li a {padding: .7rem 1rem!important;}

.top-menu .menu a {font-size: .7rem;font-weight: 500;border-bottom: none;padding: .7rem 1rem!important;}
.menu-icon::after {background: #000;box-shadow: 0 7px 0 #000,0 14px 0 #000;height: 3px;}
.small-logo {position: relative;max-width: 90px;padding: .5rem;}
.height-title {height: auto;}
.mt55 {margin-top: 0;}
.mb50 {margin-bottom: 30px;}
.vh45 {height: 22.5vh;}
.vh80 {height: 45vh;}
.w85 {width: 100%;}
.small-plr10 {padding-left: 10px;padding-right: 10px;}
.page-footer {padding-left: 1rem;padding-right: 1rem;}
.page-footer .text-center, .page-footer .text-right {text-align: left;}
.small-left {text-align: left;}
.small-float-none {float: none!important;}
.small-align-left li {text-align: left!important;}
.overlay-container {margin-bottom: .625rem;}
.row-list li .rate {float: none;}
.border-right, .vborder {border-right: none;}
.same_h {height: auto!important;}
.vpad {padding: 0;}
.input-user-div {position: relative;width: auto;}

.fullscreen-image-slider .orbit-container, .fullscreen-image-slider .orbit-slide {/*height: 50vh!important;*/}
.fullscreen-image-slider .orbit-caption {/*font-size: inherit;*/}
.fullscreen-image-slider .orbit-caption .type-bottomline {/*font-size: inherit;font-weight: 600;*/}
.fullscreen-image-slider .orbit-caption, .fullscreen-image-slider .orbit-caption.lefted-bottom {width: 100%;}
.fullscreen-image-slider .orbit-caption.lefted-bottom {bottom: 50%;left: 50%;-webkit-transform: translate(-50%,50%);-ms-transform: translate(-50%,50%);transform: translate(-50%,50%);text-align: center;padding-top: 4vw;padding-bottom: 4vw;}
.fullscreen-image-slider .orbit-caption p {width: auto;}
.fullscreen-image-slider .orbit-caption.lefted-bottom .type-bottomline::after {left: 50%;transform: translateX(-50%);}

.slick-dots {position: relative!important;bottom: auto!important;}

.gallery-with-thumb .orbit-bullets button {width: 50px;height: 50px;}
.vh-center {position: relative;left: 50%;top: 50%;transform: translate(-50%, -50%);}

.grid-horizontal-spacer {margin: 0;}
.tight-plrvw, .plrvw {padding-left: .625rem!important;padding-right: .625rem!important;}
.pvw-24, .padding-fluid {padding-left: 0!important;padding-right: 0!important;}
.bg-section {padding-top: 30px;padding-bottom: 30px;}
dl.inline dt, dl.inline dd {display: block;margin-right: 0;}

.mega-menu .dropdown-pane {min-width: 100%;margin-left: 0;}
.mega-menu #mega-menu-logo a {height: 100px;line-height: 90px;}

.layered-inner-container {padding: 1.25rem;margin-left: 0;}
.layered-image-container {margin-right: 0;margin-top: 0;}
.layered-image-container.short {margin-bottom: 0;}

.arrowdiv {padding: 15px;margin-bottom: .625rem;}
.arrowdiv.litegrey.leftarrow:after {top: -20px;left: 50%;margin-left: -20px;margin-top: -20px;border-color: transparent transparent #ececec transparent;}
.uparrow:after, .uparrow:after, .leftarrow:after, .rightarrow:after {top: -20px;left: 50%;margin-left: -20px;margin-top: -20px;border-color: transparent transparent #fff transparent;}

.top-booking {width: 100%;}
.top-booking a {text-align: center;}
.top-booking .dropdown-pane {position: relative;right: auto;width: 100%;box-shadow: none;}
.top-booking .dropdown-pane input {max-width: 100%;}
.top-booking .dropdown-pane label {margin-bottom: 0;}
.top-booking .dropdown-pane input[type="submit"] {margin-top: .625rem;}

.web_dialog {width: 100%;top: 0;left: 0;margin-top: 0;}
.web_dialog_content {-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;}

.layered-min-row.row-1,
.layered-min-row.row-2,
.layered-min-row.row-3, 
.layered-min-row.row-4 {
	flex-direction: column;
}
.layered-min-row.row-1 .image,
.layered-min-row.row-2 .image,
.layered-min-row.row-3 .image,
.layered-min-row.row-4 .image {
	order: 1;width: 100%;height: 100%;padding-right: 0;
}
.layered-min-row.row-1 .content,
.layered-min-row.row-2 .content,
.layered-min-row.row-3 .content,
.layered-min-row.row-4 .content {
	order: 2;text-align: left;padding: 0px;width: 100%;margin-bottom: 0;margin-top: 0;
}
.layered-min-row.row-2,
.layered-min-row.row-3,
.layered-min-row.row-4 {
	margin-top: 0;
}

table.responsive thead, table.responsive th, table.responsive tr, table.responsive td {display: block;}
table.responsive thead {border-top-width: 0;}
table.responsive thead tr {position: absolute;top: -9999px;left: -9999px;}
table.responsive thead tr td {padding-left:5%!important;}
table.responsive td {border: none;padding-left: 45%!important;position: relative;}
table.responsive td:before, table.responsive th:before {position: absolute;top: 10px; left: 5px;width: 45%;padding-right: 10px;white-space: nowrap;content: attr(data-label) "";font-weight: 700}

.content-space.righted-full {margin-right: 0;margin-top: 0;float: none;}
.content-space.lefted-full {margin-left: 0;margin-top: 0;}
.content-space.abs {position: relative;}
.content-space.abs.bottom-over-lefted {bottom: auto;left: 0;}
.content-space.abs.bottom-over-righted {bottom: auto;right: 0;}
.content-space.right-bottom-overlap {width: 100%;margin: 0;float: none;}
.content-space.bottom-overlap-centered {width: 100%;left: auto;margin-left: 0;margin-top:0;}
.padcol-right, .padcol-left {padding: 1.25rem;}
.pt200 {padding-top: 1.25rem!important;}

.tabs-title {float: none;}
.list-features li {width: 50%;}
.list-features li:nth-last-of-type(1) {float: left;}

.abs-overlap {position: relative;top: auto;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);padding-left: 0;padding-right: 0;}
.abs-right-over-left, .abs-left-over-right {left: auto;right: auto;}

.bottom-widget-wrapper {position: fixed;z-index: 3;left: 0;right: 0;bottom:0;}
.button-bottom-widget {position: relative;height: 60px;margin: 0;background: #000;}
.button-bottom-widget:hover, .button-bottom-widget:focus {background: #757575;}
#bottom-widget {position:absolute;bottom: 0;left: 0;right: 0;padding: 40px 20px;background: rgba(255,255,255,.95);box-shadow: 0 -5px 5px -5px rgba(0,0,0,.1);}
#top-widget {position:absolute;width: auto;top: auto;right: 0;margin-right: 0;}

.button-bottom-widget-trigger {position: fixed;height: 60px;left: 0;right: 0;bottom: 0;z-index: 3;margin: 0;background: #000;}
#bottom_slider_widget {
	position: fixed;left: 0;right: 0;bottom: 0;margin-bottom: 60px;z-index: 11;background: rgba(255,255,255,.95);box-shadow: 0 -5px 5px -5px rgba(0,0,0,.1);}
/* #bottom_slider_widget .inner {padding: 40px 20px;} */

.slideup, .slidedown {max-height: 0;overflow-y: hidden;-webkit-transition: max-height 0.5s ease-in-out;-moz-transition: max-height 0.5s ease-in-out;-o-transition: max-height 0.5s ease-in-out;transition: max-height 0.5s ease-in-out;}
.slidedown {max-height: 100% !important;} 

.footer-link .cell {margin-bottom: 30px;}
.footer-link .cell:last-child {margin-bottom: 0;}

}

.fbw-calendar--config{
	margin-bottom: 0px !important;
}

/* ==================================| END Media Queries |================================== */



.only-mobile{
	display: none !important;
}

@media screen and (max-width: 600px) {
	.hide-mobile-size{
		display: none !important;
	}

	.only-mobile{
		display: block !important;
	}

	.fullscreen-image-slider.medium-height .orbit-container, .fullscreen-image-slider.medium-height .orbit-slide{
		height: 40vh!important;
	}

	img.max-h-50.primary{
		max-height: 30px !important;
    	margin-top: 10px !important;
	}

	.vh55{
		height: 40vh !important;
	}

	.vh70{
		height: 60vh !important;
	}

	.top-bar-wrapper .burger-menux{
		background: url('/images/icon-nav-b.png') no-repeat left center !important;
	}

	.top-bar-left li{
		margin-right: 0px !important;
	}

	.vert-middle.plrvw{
		padding: 5px 0 0 0 !important;
	}

}


.filter-row {margin-bottom: 40px;}
/* .filter-row:last-of-type {margin-bottom: 0;} */


.text-uppercase{
	text-transform: uppercase !important;
}

.transition-d-3s {
	transition-duration: 3s;
}


.filter-by h5{
	float: left;
	margin-top: 5px;
	margin-right: 10px;
}

.filter-by select{
	width: auto;
	float: left;
	min-width: 130px;
}


.top-bar-wrapper .logo-menu{
	margin-top: 10px !important;
}

.top-bar-wrapper.stick .logo-menu{
	margin-top: 0px !important;
}

.top-bar-wrapper.fix_stick .logo-menu{
	margin-top: 0px !important;
}

.mt0{
	margin-top: 0px !important;
}


.slider-owl .owl-prev, .slider-owl .owl-next{
    background: rgba(255,255,255,.8) !important;
    width: 40px;
    height: 40px;
    font-size: 45px !important;
    line-height: 0 !important;
    color: #444 !important;
    top: 45%;
    position: absolute;
    outline: none !important;
}

.slider-owl .owl-prev{
    left: 0; 
}

.slider-owl .owl-next{
    right: 0; 
}


.top-bar-wrapper .burger-menux{
	float: left;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 10px 5px 0 0;
    background: url('/images/icon-nav-w.png') no-repeat left center;
    opacity: 0.7;
}

.top-bar-wrapper.stick .burger-menux, .top-bar-wrapper.fix_stick .burger-menux{
	float: left;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 10px 5px 0 0;
    background: url('/images/icon-nav-b.png') no-repeat left center;
    opacity: 0.7;
}


ul.r-foot-menu{
	list-style-type: none;
	margin: 0px;
}

ul.r-foot-menu li{
	display:inline-block;
	padding-bottom:5px;
	width:50%;
	width:50%;
	float:left;
}

ul.r-foot-menu li a{
	/* border-bottom: 1px solid #676767; */
	display: block;
	text-transform: uppercase;
	margin-right: 6px;
	color: #fff;
	padding: 3px 0;
    font-weight: 400;
}

.subheader{
	color: #444444 !important;
}

.orbit-previous, .orbit-next{
	height: 45px !important;
    width: 45px !important;
    background: rgba(255,255,255,0.8) !important;
	text-align: center  !important;
	font-size: 45px !important;
    line-height: 0 !important;
	color: #444 !important;
	outline: none !important;
}

.orbit-previous{
    padding: 0 5px 0 0 !important;
}

.owl-stage-outer{
	border-radius: 5px !important;
}


.mw-100{
	max-width: 100% !important;
}

#bottom_slider_widget{
    /* height: 80% !important; */
	overflow: scroll;
    /* height: 500px */
	padding-bottom: 50px;
	padding-top: 80px;

}

#bottom_slider_widget.slideup{
	padding: 0px !important;
}

#hbook input:disabled, #hbook input[readonly], #hbook textarea:disabled, #hbook textarea[readonly]{
	cursor: context-menu !important;
}


.text-elipsis-2{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 10px;
}

.table-responsive{
	overflow-x: auto !important;
    -webkit-overflow-scrolling: touch  !important;
}



@media screen and (max-width: 600px) {
	.table-responsive{
		overflow: scroll!important;
	}
}