.siteMap { width:calc(800px - 0px); margin:0 auto; padding:50px 20px; background-color:#f5f5f5 }
.siteMap ul { display:block; margin:0 39px; float:left  }
.siteMap li { display:block; padding:3px  }
.side-bar-common { transition:all 0.5s ease; left:0; width:calc(100% - 0px) !important }
.whats-call, .mobMenu, .owl-dots { display:none; } #page { background-color:#fff; }


/******************** sub page style ********************/
.sub-page-wrap { padding:60px 0; }
.sub-page-wrap .container { position:relative; }
.sub-title { font-family:'Barlow', sans-serif; font-size:26pt; font-weight:400; text-transform:uppercase; position:relative; padding-bottom:20px; margin-bottom:40px; } 
.sub-title:after { display:block; position:absolute; content:""; width:100%; height:2px; background-color:#c5c4c1; bottom:0; }
.over-left, .over-right { display:block; float:left; width:calc(50% - 0px); padding:25px; }
.over-left { padding-left:0; }
.over-right { padding-right:0; }
.over-left figure { padding-top:30px; }
.over-right { display:block; float:right; width:calc(50% - 0px); }
.over-right figure { padding-bottom:30px; }
.sub-btm-accomm { padding-top:50px; }
.sub-btm-accomm li { display:block; float:left; width:calc(33% - 10px); margin:5px; margin-bottom:0; position:relative; }
.sub-btm-accomm li figcaption, .facil-wrap figcaption { position:absolute; left:0; top:0; padding:15px; color:#fff; background-color:rgba(11,12,12,0.8); font-size:16pt; font-family:'Barlow', sans-serif; font-weight:300; }
.btm-quickLink-wrap { background-image:url(../images/hm-facilities-bg.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; padding:60px 0; position:relative; }
.btm-quickLink-wrap li { display:block; float:left; width:calc(33.33% - 0px); text-align:center; position:relative; }
.btm-quickLink-wrap li .align { padding:40px; transition:all 0.5s ease; }
.btm-quickLink-wrap li:hover .align { background-color:rgba(15,45,77,0.7); transition:all 0.5s ease; }
.btm-quickLink-wrap li figcaption { font-family:'Jura', sans-serif; color:#fff; font-size:16pt; padding-top:10px; }
.btm-quickLink-wrap ul { border:1px solid #96a3bc; }
.btm-quickLink-wrap li:nth-child(2) { border-right:1px solid #96a3bc; border-left:1px solid #96a3bc; }
.accom-land-wrap li { display:block; position:relative; padding-bottom:40px; }
.accom-land-wrap li figure { position:relative; }
.accom-land-wrap li:nth-child(odd) figure { float:right; }
.accom-land-wrap li:nth-child(even) figure { float:left; }
.accom-land-wrap li:nth-child(even) { padding-bottom:0; }
.accom-land-wrap li:nth-child(odd) .accom-book { position:absolute; bottom:0; right:0; }
.accom-land-wrap li:nth-child(even) .accom-book, .accom-single-wrap .accom-book { left:0 !important; position:absolute; bottom:0 }
.accom-book a:link, .accom-book a:visited { display:block; background-color:rgba(0,0,0,0.7); color:#fff; padding:20px; text-transform:uppercase; font-family:'Cormorant', serif; }
.accom-book a:hover { background-color:#000000; }
.accom-land-wrap li:nth-child(odd) .accom-land-txt { position:absolute; left:0; top:0; -webkit-transform:translate(0%, 40%); -ms-transform:translate(0%, 40%); transform:translate(0%, 40%); background-color:rgba(249,204,34,0.9); width:28%; }
.accom-land-wrap li:nth-child(even) .accom-land-txt { position:absolute; right:0; bottom:0; -webkit-transform:translate(0%, -40%); -ms-transform:translate(0%, -40%); transform:translate(0%, -40%); background-color:rgba(39,76,108,0.9); width:28%; color:#e4e4e4; }
.accom-land-wrap li:nth-child(odd) article, .accom-land-wrap li:nth-child(even) article { padding:50px; }
.accom-land-wrap li h3 { text-transform:uppercase; font-size:18pt; }
.accom-land-more { width:130px; }
.accom-land-more a:link, .accom-land-more a:visited { color:#fff; background-color:var(--dark-blue); text-transform:uppercase; padding:10px 0; display:block; position:relative; text-align:center; font-family:'Barlow', sans-serif; }
.accom-land-wrap li:nth-child(even) .accom-land-more { float:right; }
.accom-single-wrap h3, .accom-facil-wrap h3, .sub-btm-accomm h3 { text-transform:uppercase; font-size:24pt; padding-bottom:30px; }
.accom-single-wrap, .accom-single-img { position:relative; }
.accom-single-wrap .accom-book { left:20px !important; top:20px !important; }
.accom-single-wrap .accom-book a:link, .accom-single-wrap .accom-book a:visited { background-color:rgba(236,21,31,0.7); } .accom-single-wrap .accom-book a:hover { background-color:rgba(236,21,31,10); color:#fff; }
.accom-single-img-th { position:absolute; bottom:10px; }
.accom-single-img-th ul { text-align:center; }
.accom-single-img-th li { display:inline-block; width:calc(15% - 0px); padding:5px; background-color:rgba(255,255,255,0.5); }
.accom-single-wrap article, .accom-facil-wrap { padding-top:30px; }
.accom-facil-wrap h3, .sub-btm-accomm h3 { text-align:center; position:relative; }
.accom-facil-wrap h3 span, .sub-btm-accomm h3 span { background-color:#fff; position:relative; z-index:100; padding:0 20px 0 20px; }
.accom-facil-wrap h3:after, .sub-btm-accomm h3:after { display:block; position:absolute; content:""; background-color:#e2e2e2; width:100%; height:1px; bottom:40px; }
.accom-facil-wrap ul { text-align:center; padding-top:20px; }
.accom-facil-wrap li { display:inline-block; width:calc(20% - 0px); text-align:center; position:relative; }
.accom-facil-wrap li figcaption { padding-top:10px; text-transform:uppercase; }
.accom-facil-wrap li:nth-child(2n) { border-right:1px solid #e2e2e2; border-left:1px solid #e2e2e2; }
.accom-facil-wrap li:nth-child(4n) { border-right:0; }
.accom-facil-wrap li .align { padding:20px 0; }
.accom-type-link { position:absolute; right:20px; top:28px; }
.accom-type-link a:link, .accom-type-link a:visited { color:#fff; background-color:var(--dark-blue); padding:10px 40px 10px 20px; text-transform:uppercase; position:relative; }
.accom-type-link a:after { display:block; position:absolute; content:""; background-image:url(../images/right-arrow-btn.png); background-repeat:no-repeat; width:19px; height:11px; right:14px; top:16px; }
.accom-type-link a:before { display:block; position:absolute; content:""; background-color:#c7040b; width:0; height:100%; top:0; left:0; transition:all 0.5s ease; }
.accom-type-link a:hover:before { width:100%; transition:all 0.5s ease; } .accom-type-link span { position:relative; z-index:1000; }
.facil-wrap figure { position:relative; }
 .facil-wrap ul { padding-top:30px; } .facil-wrap article { padding:0 0 30px 0 }
.facil-wrap li .align { position:relative }
.facil-wrap li:nth-child(odd) figure { float:right; }
.facil-wrap li:nth-child(even) figure { float:left; }
.facil-wrap li:nth-child(odd) .facil-list { 
  position: absolute;   top: 50%;  left: 0;   transform: translate(0, -50%);  -ms-transform: translate(0, -50%);
 }
.facil-wrap li:nth-child(even) .facil-list { 
  position: absolute;   top: 50%;  left: auto; right:0;   transform: translate(0, -50%);  -ms-transform: translate(0, -50%);
 }
.facil-list ul { padding-top:0; }
.facil-list li { display:block; padding:5px 0 5px 15px; position:relative; }
.facil-list li:before { display:block; position:absolute; content:""; background-color:#e7c6b3; width:5px; height:5px; left:0; top:13px; }
.facil-wrap li:nth-child(3) .align { padding-bottom:0; }
.dining-content { position:relative; }  .dining-content { } .dining-image { float:right; position:relative; z-index:1200 } .dining-content article { position:absolute; z-index:1000; width:calc(100% - 0px); padding-right:570px } .dining-logo { padding-bottom:15px; }
.dingin-btm { margin-top:35px }




.smo-sub { right:25px; transform:translate(0%, 0%); -ms-transform:translate(0%, 0%); top:10px; }
.smo-sub .smo { float:right; }
.smo-home { padding-top:5px; } .nivo-controlNav { z-index:20000; } .slider-mob, .top-call-mail-wrap { display:none; }
.whats-app-float { position:fixed; bottom:20px; right:20px; z-index:12000 }
.whats-app-float figure {   position: absolute; width:30px; top:11px; left:11px }
.btn-whatsapp-pulse { 	background: #c7040b;	color:white;	position:fixed;/*	bottom:80px;	right: 20px;*/	font-size: 40px;	display: flex;	justify-content: center;	align-items: center;	width: 0;	height: 0;	padding: 26px;	text-decoration: none;	border-radius: 50%;	animation-name: pulse;	animation-duration: 1.5s;	animation-timing-function: ease-out;	animation-iteration-count:infinite; left:15px; bottom:20px }

@keyframes pulse {
0% { box-shadow:0 0 0 0 rgba(158, 76, 55, 0.5); }
80% { box-shadow:0 0 0 14px rgba(158, 76, 55, 0); }
}
.btn-whatsapp-pulse-border { bottom:120px; right:20px; animation-play-state:paused; }
.btn-whatsapp-pulse-border::before { content:""; position:absolute; border-radius:50%;
padding:25px; border:5px solid #25d366; opacity:0.75; animation-name:pulse-border;
animation-duration:1.5s; animation-timing-function:ease-out; animation-iteration-count:infinite; }
@keyframes pulse-border {
0% { padding:25px; opacity:0.75; }
75% { padding:50px; opacity:0; }
100% { opacity:0; }
}
.hpt { display:none }
.contNum .form-group { width:calc(50% - 0px); float:left }
/***************** end sub page style *****************/

@media screen and ( max-height: 780px ) { 	 }

@media (max-width: 1400px) { 
.container { padding:0 40px }
}

@media (max-width: 1150px) {
.welcome-img { width:400px; } .accom-land-wrap li:nth-child(odd) .accom-land-txt, .accom-land-wrap li:nth-child(even) .accom-land-txt { width:50%; }
}

@media (max-width: 1080px) {
.primary-menu a:link, .primary-menu a:visited { padding:20px 10px; }
.welcome-block p { padding:0px 0 0px 230px; } .contact-address { width:calc(420px - 0px); }
.google-map-block { padding-left:420px; }
}

@media (max-width: 1024px) {
 a[href^="tel"]:link,    a[href^="tel"]:visited,    a[href^="tel"]:hover { pointer-events:auto; cursor: pointer; } 
.mobMenu-show { display:block; } .mm-panels>.mm-panel:not(.mm-hidden), .mm-listview>li>a, .mm-listview>li>span { text-transform:uppercase; font-size:10pt; } .primary-menu { display:none; } .mh-head { background:#0058a3; } 
.site-logo { padding:20px 20px; width:calc(280px - 0px); }
.welcome-img { position:static; display:none; } .welcome-content { padding:40px; margin-left:0; width:calc(100% - 0px); } .welcome-block p.imptText { padding-bottom:15px; } .welcome-block p { padding:0; }
.welcomeTitle { padding-bottom:20px; } :root { --gutter:50px 0; }  .welcomeTitle span { font-size:38px !important; } .welcomeTitle { font-size:28pt; } .welcome-block { padding-bottom:0; }
.home-stay-main-content h2 { font-size:36pt; } .slideImage article { padding:40px; } .hom-accom-standard { padding-top:40px; } .top-call-mail-wrap { display:block; position:absolute; z-index:100; top:8px; right:300px; } .top-call-mob, .top-mail-mob { float:left; } .top-mail-mob { padding-right:10px; }
.top-call-mob a:link, .top-call-mob a:visited, .top-mail-mob a:link, .top-mail-mob a:visited { color:#fff; }
.top-call-mob a:link, .top-call-mob a:visited, .top-mail-mob a:link, .top-mail-mob a:visited { background-image:url(../images/top-mail.png); background-repeat:no-repeat; background-position:left center; padding-left:40px; background-size:35px 35px; display:block;  }
.top-call-mob a:link, .top-call-mob a:visited { background-image:url(../images/top-call.png); }
}


@media (max-width: 768px) {
.welcome-content { padding:30px; } :root { --gutter:40px 0; } .home-stay-main-content h2 { font-size:28pt; }
.footer-wrap { padding:40px 0; } .foot-call-wrap { font-size:12pt; } .container { max-width:100%; padding:0 30px; } #backtop { width:28px; height:28px; line-height:28px; } .site-logo { padding:15px 15px; width:calc(250px - 0px); } .welcomeTitle span { font-size:32px !important; } .welcomeTitle { font-size:24pt; }
.home-stay-main-content { float:none; clear:both; width:100%; text-align:center; } .imptText { padding-bottom:15px; } .hom-accom-standard { padding-top:30px; } .top-call-mail-wrap span { display:none; }
.top-call-mob a:link, .top-call-mob a:visited, .top-mail-mob a:link, .top-mail-mob a:visited { width:35px; height:35px; } .top-call-mail-wrap { top:3px; right:260px; } .whats-app-float figure { width:25px; }
.btn-whatsapp-pulse { padding:24px; } .sub-page-wrap { padding:40px 0; } .over-left, .over-right { padding:15px; } .sub-title { font-size:24pt; margin-bottom:20px; } .sub-btm-accomm { padding-top:40px; }
.accom-single-wrap h3, .accom-facil-wrap h3, .sub-btm-accomm h3 { font-size:20pt; }
.btm-quickLink-wrap li .align figure img { width:45px; } .btm-quickLink-wrap li .align { padding:20px; }
.btm-quickLink-wrap li figcaption { font-size:14pt; } .btm-quickLink-wrap { padding:40px 0; }
.accom-land-wrap li:nth-child(odd) figure, .accom-land-wrap li:nth-child(even) figure { float:none; clear:both; } .accom-land-wrap li:nth-child(odd) .accom-land-txt, .accom-land-wrap li:nth-child(even) .accom-land-txt { position:static; -webkit-transform:translate(0%, 0%); -ms-transform:translate(0%, 0%);
 transform:translate(0%, 0%); width:100%; } .accom-land-wrap li:nth-child(odd) article, .accom-land-wrap li:nth-child(even) article { padding:30px; }
.accom-land-wrap li:nth-child(even) .accom-land-more { float:none; clear:both; } .accom-book a:link, .accom-book a:visited { padding:15px; } .accom-facil-wrap li .align figure img { width:40px; }
.contact-address { width:calc(320px - 0px); } .google-map-block { padding-left:320px; }
#pageLoader img { width:230px; }
}

@media (max-width: 680px) {
.knmrBtn a:link, .knmrBtn a:visited { padding:10px 15px; } .welcome-content .knmrBtn { position:static; margin:0 auto; width:120px; padding-top:20px; } .banner-caption h3 { font-size:32pt; } .banner-caption h4 { font-size:18pt; } 
.banner-caption { padding:30px; }
}

@media (max-width: 620px) {
.footer-left, .footer-right { float:none; clear:both; width:calc(100% - 0px); } .footer-right { padding-left:0; } .footer-menu { display:none; } .footerLogo { margin-bottom:0; padding:20px 0; } .footerLogo img { width:230px; } .footer-wrap:after { width:100%; } .footer-contact address { padding-top:30px; }
.footer-left { padding-right:0; border-bottom: 1px solid #d9d9d9; } #quick-contact { width:295px; margin:0 auto; } .foot-call-wrap { border:none; } .cpr, .design { float:none; clear:both; text-align:center; }
.smo-home { position:relative; top:0; left:0; transform:translate(0%, 0%);
-ms-transform:translate(0%, 0%); } .smo { width:115px; padding-bottom:5px; } .footer-wrap { padding-bottom:0; margin-top:40px; } .smo a:link, .smo a:visited { width:35px; height:35px; } .smo li { background-size:140px 37px; } .smo li:nth-child(2n) { background-position:-52px 2px; } .smo li:nth-child(3n) { background-position:-95px 2px; } .slideImage article { padding:30px; text-align:center; }
.slideImage .knmrBtn { position:static !important; width:120px; margin:0 auto; padding-top:20px; }
.slideImage figcaption { position:static; } .slideImage article { width:calc(100% - 0px); } .slideImage figcaption .container { padding:0; } .footer-wrap { font-size:12pt; } .welcome-wrapp .container { padding:0; } .slider-desk { display:none; } .slider-mob { display:block; } .smo-sub .smo { float:none; clear:both; }
.knmrBtn span, .accom-land-more span { font-size:10pt; } .accom-land-more { width:120px; } .accom-land-more a:link, .accom-land-more a:visited { padding:5px 0; }
.accom-book a:link, .accom-book a:visited { font-size:10pt; }
.accom-single-img-th li { width:calc(30% - 0px); } .accom-facil-wrap li { width:calc(24% - 0px); }
.contact-address { position:static; width:calc(100% - 0px); transform:translate(0, -0%); -ms-transform: translate(0, 0%); padding:30px; } .google-map-block { padding-left:0; } .google-map { height:300px; }
.contact-logo img { width:230px; } .contact-logo { padding-bottom:10px; }
.footer-wrap .container { position:relative; z-index:10000; }
}

@media (max-width: 520px) {
.container { padding:0 20px; } .hme-stayWrapp h3 { font-size:16pt; } .home-stay-main-content h2, .welcomeTitle { font-size:22pt; } .site-logo { padding:10px 10px; width:calc(230px - 0px); } .banner-caption h3 { font-size:24pt; }
.banner-caption h4 { font-size:16pt; padding-top:10px; margin-top:10px; } .banner-caption { padding:15px; width:100%; } .nivo-controlNav { display:none; } .top-call-mail-wrap { right:240px; } .sub-btm-accomm .container { padding:0; } .sub-btm-accomm { overflow:hidden; } .accom-single-wrap h3, .accom-facil-wrap h3, .sub-btm-accomm h3 { font-size:18pt; } .over-left, .over-right { float:none; clear:both; width:calc(100% - 0px); } .over-left, .over-right { padding:0; }  .over-right figure { padding-top:20px; }
.accSliderBtm figcaption { font-size:11pt; padding:5px 10px; } .btm-quickLink-wrap li .align figure img { width:35px; } .sub-title { font-size:20pt; } .accom-land-wrap li h3 { font-size:16pt; }
.accom-land-wrap li:nth-child(odd) article, .accom-land-wrap li:nth-child(even) article { padding:20px; }
.accom-facil-wrap li figcaption { font-size:10pt; } .accom-type-link { position:static; padding:10px 0 30px 0; width:175px; margin:0 auto; } .accom-single-img-th { position:static; } .accom-single-wrap article { padding-top:20px; } .accom-facil-wrap h3 { padding-bottom:20px; } .accom-type-link span { font-size:11pt; }
.down-eb-cn { padding:20px; } .chbk { padding:20px 0; font-size:14pt; } .ph-gall li { width:calc(49% - 0px) !important; } .date, .cntNU, .form-left, .form-right { width:calc(100% - 0px); float:none; clear:both; padding:0; }
.room-type-reserv, .txtarcomm { padding-top:15px !important; }  .txtarcomm { height:120px !important; }
.google-map { height:230px; }
.btn-whatsapp-pulse {    bottom: 20px; }
}

@media (max-width: 420px) {
.top-mail-mob, .btm-quickLink-wrap li figcaption { display:none; }
.accom-facil-wrap li { width:calc(49% - 0px); } .accom-facil-wrap li:nth-child(4n) { border-right:1px solid #e2e2e2; } .accom-facil-wrap li:first-child, .accom-facil-wrap li:nth-child(2) { border-bottom:1px solid #e2e2e2; } .down-eb-cn { width:100% !important; } 
}