.tabs-list li { padding:15px 0 } .tab-content { padding-top:25px }
ul.tabs-list {    background-color: #c39355; }
.tab-active {    background-color: #a58356; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid  #a58356;
    background: #a58356;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    background: #a58356 !important; color:#fff !important
}

.grecaptcha-badge {     visibility: hidden; }

.header-wrapp { opacity:0; animation: opcAnim ease-in 0.5s forwards; animation-delay:0.5s }
.header-wrapp-hme { animation-delay:2.5s }
@keyframes opcAnim { from { opacity:0; } to { opacity:1; } }	
.banner-caption h2, .banner-caption h3 { opacity:0; animation: captAnim ease-in 1s forwards; animation-delay:0.5s; transform: translate(1px,16px); animation-delay:3s  }
.banner-caption h3 { animation-delay:3.8s }


@keyframes captAnim { 0% { opacity:0; transform: translate(1px,16px); } 20% { opacity:0; transform: translate(1px,16px); } 100% { opacity:1; transform: translate(0px,0px);} }	


.banner-wrapp { width:100%; overflow:hidden }
.mobMenu, #foot-what-app { display:none }

.header-fix { background-color:var(--goldColor) }
.design { display:none }
.chbk { padding:60px 0; text-align:center; font-size:14pt }
.header-fix, .primary-menu, .header-top-right, .site-logo { transition:all 0.5s ease }
.header-fix .primary-menu, .header-fix .header-top-right {     border-bottom: #ebad74; }
.header-fix .site-logo {    width: 235px; }
.header-wrapp.header-fix  { padding:10px 0 0 }
.banner-wrapp .owl-theme .owl-dots { display:block; position:absolute; bottom:50px; width:100% }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #eca02a;
}

/*.owl-item.active { transform: scale(1) ;  animation: bncAnim 3s ease  forwards; } 
@keyframes bncAnim {	0% {
		 transform: scale(1.3) ; 		}
	50% {	 transform: scale(1) ; 		}
	
}
*/

#smo-app { padding-bottom:35px }
.testititle { width:calc(50% - 0px); position:relative} 
.testititle:before { background-image:url(../images/testi-quote.png); width:100px; height:150px; background-size:100% auto; background-repeat:no-repeat; content:""; display:block; position:absolute; right:100px; top:-60px }
.foot-reser a:link, .foot-reser a:visited, .foot-mail a:link, .foot-mail a:visited  { background-image:url(../images/footer-call.png); background-repeat:no-repeat; display:block; padding-left:55px }
 .foot-mail a:link, .foot-mail a:visited  { background-image:url(../images/footer-mail.png) }
 
 .sub-bottom-wrapp li figcaption:before, .sub-bottom-wrapp li figcaption:after { display:block; position:absolute; content:""; width:10px; height:2px; background-color:#fff; right:30px; transform: rotate(35deg);  top:14px }
.sub-bottom-wrapp li figcaption:after {  transform: rotate(-35deg); top:20px }
h2.tab-active {    background: #a58356 !important;    color: #fff !important; }
.tabs-container h2.accordion {    background: #765221; }
.down-eb-cn {    width: 300px;    margin: 40px auto;    text-align: center;    padding: 35px 0 0 0;    border: 1px solid #a58356;      background-repeat: no-repeat;    background-position: center center;}.down-eb-cn table {    width: 100%;}
.down-eb-cn table img {    width: 28px; }
.down-eb-cn-img img {    width: 93px; }
.down-icon {    background-color: #f0efed;    color: #000;    line-height: 30px;    padding: 5px 0;    margin-top: 15px}

.sub-bottom-wrapp li img { transition:all 0.5s ease;  filter: grayscale(0); }
.sub-bottom-wrapp li:hover img {  filter: grayscale(50%); }

.hme-testi-wrapp .owl-theme .owl-dots { display:block }
.owl-theme .owl-dots .owl-dot span { width: 15px;    height: 14px; }
.owl-theme .owl-dots .owl-dot span { background: #d2bfae; }
.sitemap { max-width:800px; margin:0 auto }
.sitemap li { display:block; width:calc(33.33% - 0px); float:left }
.sitemap a:link, .sitemap a:visited { display:block; padding:3px 0 10px 15px; position:relative; font-size:10pt; position:relative }
.sitemap a:before { content:""; display:block; width:8px; height:8px; background-color:var(--goldColor); position:absolute; left:0; top:10px; border-radius:50% }

@media (max-width: 1240px) { 
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited { padding:15px 10px } 
.site-logo { width: 270px; }


}
@media (max-width: 1100px) { 
:root {    --gutter: 50px 0; }
.welcome-title {    font-size: 32pt; }
.hme-room-title, .hme-din-hd h3, .page-title h1 {    font-size: 30pt; }


.container { padding: 0 30px; }
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited { padding: 15px 7px; }
.site-logo { width: 250px; } 
.banner-caption h2 { font-size: 22pt; }
.banner-caption h3 { font-size: 40pt; }
.banner-wrapp .owl-theme .owl-dots { bottom:30px } .banner-caption { bottom:70px }
.welcome-wrapp .welcome-text { padding: 0px 450px 80px 0; }
.welcome-wrapp .welcome-text, .welcome-wrapp .welcome-image { padding:0 }
.welcome-wrapp .welcome-text { padding-bottom:50px }
.hme-test-blocks .align, .hme-dining-align, .hme-room-images { padding-left: 0 }
.hme-din-top-img, .home-rooms-wrapp .align { padding-right:0 }
.more-details {    width: calc(255px - 0px); }
.hme-dinign-caption {    font-size: 24pt; }
.test-slider {    width: calc(50% - 45px);     padding-right: 0; }

}
@media (max-width: 1028px) { 
.page-title h1 { font-size:28pt }
#primary-menu { display:none }
.mobMenu-show { display:block }
#mobile-menu { position:fixed; top:0; right:30px; z-index:25000 }

.mh-head {    background: none; height:55px }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width:50px }
.mh-head .mh-btns-left>*, .mh-head .mh-btns-right>* { width:60px }
.mh-head .hamburger-inner, .mh-head .hamburger-inner:after, .mh-head .hamburger-inner:before {    background: #fbfbfb; }
.header-right { margin-top:36px }
.header-wrapp.header-fix {     padding: 10px 0 10px; }
.header-fix .primary-menu, .header-fix .header-top-right { border:none }
.testititle:before {    width: 64px;    height: 108px; right: 38px;    top: -37px; }
.about-content, .dining-page { gap:15px }
.about-content article, .about-content figure, .dining-page article, .dining-page figure {    width: calc(50% - 15px); }
.sub-bottom-wrapp .flex-container  { gap:15px }
.sub-bottom-wrapp li {    display: block;    width: calc(33.33% - 15px); }
}
@media (max-width: 960px) { 
.footer-logo, .foot-smo-loc { width:220px }
.footer-menu {    width: calc(268px - 0px); }
.footer-top {    padding: 24px 14px 24px 15px; }
.footer-menu-wrapp {    padding-top: 35px;}

}
@media (max-width: 880px) { 
.footer-menu, .footer-logo { display:none }
.footer-logo, .foot-smo-loc {    position:relative;    left: 0;    top: 0;    transform: translate(0,0);    width: auto;    background-color: #362d2a;    padding: 0 20px;}
.testi-page li {    width: calc(100% - 0px); }
}
@media (max-width: 800px) { 
.page-title h1 { font-size:24pt }
.banner-caption h2, .hme-testi-image figcaption { font-size: 18pt; }
.banner-caption h3 { font-size: 30pt; }
.site-logo { width: 220px; }
.header-fix .site-logo {    width: 190px; }
.welcome-image figcaption { font-size:18pt; padding:40px }
.welcome-image figcaption h3 {    line-height: 34px; }
.home-rooms-wrapp .hme-room-top { flex-wrap:wrap; gap:0 }
.hme-room-title { width:calc(100% - 0px); padding:16px 0; border:none }
.home-rooms-wrapp .align { border:none }
.hme-room-top p { padding:0 0 40px 0 }
.more-details { border-left:1px solid var(--goldColor);    padding: 20px 50px; }
.hme-din-images li.hme-din-hd:before { display:none }
.hme-din-images li.hme-din-hd { width:calc(100% - 0px); display:block}
.hme-din-images li.hme-din-hd br, .hme-din-images li.hme-din-hd:after { display:none }
.hme-din-images { gap:10px }
.hme-din-images li {    display: block;   width: calc(50% - 10px); }

.hme-test-blocks {    position: static;    top: 0;    left: 0;    width: calc(100% - 0px);    transform: translate(0,0); }
.testititle { width:calc(100% - 0px) }
.test-slider, .hme-testi-image, .facilites-page .facilBlock, .facilites-page .facilBlockCharg {    width: calc(100% - 0px); }
.hme-testi-image { padding-top:35px }
.facilites-page .facilBlockCharg {    padding-left: 0; border:none }
.facilites-page .flex-container { column-gap:0 }
.ph-gall ul { gap:10px }
.ph-gall li { width:calc(33.33% - 10px ) }
.contact-address { padding:45px 0 }
.contact-address, .contact-map { width:calc(100% - 0px) }

}
@media (max-width: 788px) { 
.about-content article, .about-content figure, .dining-page article, .dining-page figure { width:calc(100% - 0px) }
.about-content figure { text-align:center }
.sub-bottom-wrapp { display:none }
.dining-page figure img { text-align:center; width:100% }
.dining-images li, .facilt-images li {    display: block;    width: calc(35% - 15px);}
}
@media (max-width: 668px) { 
:root {    --gutter: 30px 0; }
#page { font-size:12.5pt }
.banner-caption h3, .hme-room-title, .hme-din-hd h3 {
font-size: 22pt; }
.page-title h1 { font-size:20pt }
.welcome-title, .testititle {    font-size: 24pt; }
.welcome-image figcaption { font-size:14pt;  }
.hme-dinign-caption { font-size:18pt }

.welcome-title { padding-bottom:10px }

.welcome-wrapp .container { padding:0 }
.welcome-wrapp .welcome-text { padding:0 30px  25px 30px}
.welcome-image figcaption { position:static }
.welcome-image figure { padding-bottom:0 }
.hme-room-title { padding-top:0 }

.site-logo { width: 180px; }
.header-fix .site-logo {    width: 140px; }
.header-right { position:absolute;     top: 20px;    right: 80px; margin:0 }
.primary-menu, .header-top-right { border:none }
.top-call {    padding-right: 0; } 
.banner-caption h2 { font-size: 14pt; }
.banner-caption h3 { font-size: 26pt; }
.header-top-right span { display:none }
.hme-testi-image figcaption { left:0; width:calc(100% - 0px); padding:0 30px; font-size:18pt; }
.hme-room-images ul.flex-container {    column-gap: 0; display:block }
.hme-room-images li, .more-details {     width: calc(100% - 0px); }
.foot-reser {    padding-left: 0; } .foot-mail { padding-right:0 }
.foot-reser a:link, .foot-reser a:visited, .foot-mail a:link, .foot-mail a:visited { font-size:10pt; background-size:30px 30px; padding-left:40px; background-position:left center }
.cpr, .design { float:none; clear:both; text-align:center }
.hme-testi-wrapp { width:100%; overflow:hidden }
.footer-menu-wrapp { padding-top:0 }
.room-block h2 { font-size: 14pt;   } .room-block figcaption {  padding: 16px 24px; }
.room-book-btn {    position: static;    bottom: 0;    left: 0;    transform: translate(-0,0);    width: 150px; margin:0 auto;    text-align: center;}
.room-block{ margin-bottom:20px }
.accom-page { padding-bottom:20px }
.accomText { padding-bottom:30px }
.page-title h1 { margin-bottom:25px }
.dining-images li, .facilt-images li {    display: block;    width: calc(50% - 15px);}
.ph-gall ul { gap:10px }
.ph-gall li { width:calc(50% - 10px ) }
.form-left, .form-right, .view-all { width:calc(100% - 0px) }
.footer-title { display:none }
.footer-top { display:none }
.footer-wrapp { padding:30px 0 0 0}
.cpr-wrapp { padding:20px 0 }
.footer-address span { text-transform:uppercase; font-size:12pt;  }
.tariff-table {overflow:scroll; }

}

@media (max-width: 480px) { 
.footer-address { width:calc(100% - 0px); text-align:center }
.loc-image { display:none }
.foot-smo-loc { padding-bottom:0; margin:0 auto }
#smo-app { padding-bottom:0 }

.room-block figcaption { position:static }
.room-book-btn a:link, .room-book-btn a:visited {     padding: 7px 0;  }
.dining-images li, .facilt-images li {    display: block;    width: calc(100% - 15px);}
.tariff-table th{padding:10px 10px;  } .tariff-table table td, .tariff-table table th{font-size:10.5pt !important;}
}