@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&family=Noto+Sans+Thai&family=Schibsted+Grotesk&display=swap');

:root {
    --font-family: 'EB Garamond', 'Noto Sans Thai';
    --font-body: 'Schibsted Grotesk', 'Noto Sans Thai';
    --font-thai: 'Noto Sans Thai', 'Noto Sans Thai';
    --secondary-color: #A6B28B;
    --light-secondary-color: #f5f9f6;
}

body {
    font-family: var(--font-body);
    line-height: 1.6;
    font-size: 15px;
    color: #3b3b3b;
}

body.thai_lang, .thai_lang h1, .thai_lang h2, .thai_lang h3, .thai_lang h4,
.thai_lang .text_gallery, .thai_lang .widget_ibe {
    font-family: var(--font-thai);

}

h1 {
    font-size: 36px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 14px;
}
p {
    margin: 10px 0 8px;
}

h1, h2, h3, h4, .section_header, .section_slideshow, .tab_reser li, .box_reservation p, .text_gallery,
.nav_top .lang_parent, .btn_booknow,
.widget_ibe, .section_footer h4 {
    font-family: var(--font-family);
    text-transform: uppercase;
}

h1, h2, .navbar_fix.active{
    color: var(--main-color);
}

.btn_booknow, .section_footer, .section_copyright, .details_offers:after, .tab_reser li:nth-child(1),
.tab_reser:before, .nav_top .btn_lang:hover, .mask_img {
    background: var(--main-color);
}

h4, .nav_desktop a.active, .nav_desktop a:hover, .details_offers h2,
.btn_seeoffers, .popup_content label, .section_footer a:hover,.section_copyright a:hover,
.overlay_menu ul li a:hover,.overlay_menu ul li a.active,.description a:hover{
    color: var(--secondary-color);
}

.btn_booknow:hover, .nav_desktop a.active:before, .nav_top .lang_parent li a:hover, .section_description h4:after,
.section_offers h4:after, .slide_accommodations .owl-prev:before,
.details_facilities h4:after, .button_container span, .section_accommodations h4:after, .section_contentchildoffers .details_offerschild:after,
.section_amenities h4:after, .section_googlemap h4:after, .btnbook_reser, .btn_apply, .overlay_menuม
.btn_booknow:hover, .base_plus_icon.active .plus_icon:before, .base_plus_icon.active .plus_icon:after,
.tab_reser li:nth-child(2), .btnbook_reser:hover, .btn_apply:hover {
    background: var(--secondary-color);
}

 .nav_mobile .overlay_menu .active a,
.section_footer h4 {
    color: var(--light-secondary-color);
}


.slide_facilities .owl-nav [class*=owl-]:hover {
    background: var(--main-color);
    color: var(--main-color);
}

.section_imagesfac:after, .box_reservation, .nav_top .btn_lang, .overlay_gallery {
    background: var(--light-main-color);
}

.lg-outer .lg-thumb-item:hover,
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: var(--main-color);
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: var(--main-color);
}

#c-bns .c-bn {
    border: 1px solid var(--main-color);
}


.section_offers, .details_facilities, .details_facilities:before,
.section_amenities, .section_googlemap {
    background: var(--light-secondary-color);
}



/*.nav_top .btn_lang {*/
/*    width: auto;*/
/*    padding: 13px 20px;*/
/*    vertical-align: middle;*/
/*}*/

.widget_ibe select:active {
    font-size: 14px;
}

/*.nav_top .btn_lang {*/
/*    line-height: 15px;*/
/*}*/

.nav_top .lang_parent {
    width: 100%;
    left: 0;
}

.section_description .col-xs-7:before,
.section_gallery:before {
    background-image: url(../images/icon/bg-logo.svg);
    width: 300px;
    height: 86px;
    opacity: .1;
    top: 115px;
    z-index: -1;
}

.brand_logo img {
    padding: 0;
    margin: 7px 0;
    height: 55px;
}

.owl-theme .owl-dots .owl-dot span:after {
    background-image: url(../images/icon/list-style.svg);
    width: 15px;
    height: 15px;
}

.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 2px 0;
}

.btn_booknowmain, .description .btn_booknow {
    font-size: 14px;
    padding: 14px 40px;
}

.images_accom h4 {
    padding-right: 0;
}

.btn_seeoffers img {
    width: 20px !important;
    margin-left: 5px;
    filter: invert(73%) sepia(12%) saturate(613%) hue-rotate(37deg) brightness(93%) contrast(90%);
}

.btnbook_reser {
    text-transform: inherit;
}

.description {
    position: relative;
    z-index: 2;
}

.contact_footer a {
    line-height: unset;
}

.section_footer p {
    margin: 20px 0 0;
}

.secial_media img {
    opacity: 1;
    transition: all .35s;
}

.secial_media a:hover img {
    opacity: .6;
}

.box_reservation select {
    color: #242424;
}

.mask_img {
    width: 30px;
    height: 30px;
}

.images_offers h3 {
    line-height: 24px;
    margin: 10px 0;
    font-size: 24px;
}

.owl-dots.disabled {
    display: none !important;
}

.text_gallery {
    font-size: 14px;
}

.menu_mobile {
    top: 23px;
}

.overlay_menu {
    padding: 100px 30px;
}
.overlay_menu.open {
    background: var(--main-color);
}

.navbar_fix {
    padding: 0 !important;
}

.slide_accommodations .item.none {
    display: none;
}

.big-error-number {
    font-size: 72px;
}

.nav_top .btn_lang i {
    color: #505050;
    transition: all 1s;
}

.nav_top .btn_lang:hover i {
    color: #fff;
}

.secial_media .icon_socail {
    width: 18px;
    height: 18px;
}
.secial_media .item:nth-child(1) .icon_socail {
    margin: 0;
}

.logo_footer {
    height: 60px;
}

.view_photo img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.box_accommodations .slide_facilities .owl-stage-outer {
    overflow: inherit;
}

.box_accommodations .slide_facilities.owl-drag .owl-item {
    opacity: 0.2;
    transition: all 1s;
}

.box_accommodations .slide_facilities.owl-drag .owl-item.active {
    opacity: 1;
}

.box_accommodations .slide_facilities .item:hover .text_accom {
    bottom: 50px;
}

.lg-sub-html h4 {
    color: #fff;
}

.box_offers .images_offers h3 {
    margin: 10px 0 0;
}

.overlay_box {
    background: rgba(28, 53, 46, 0.18);
    opacity: 1;
}
.t-arrow-top {
    display: none !important;
}
.owlnav_accommodations {
    position: absolute;
    right: 0;
    top: -20px;
}
.owlnav_accommodations div {
    position: relative;
    top: -30px;
    color: inherit;
    font-size: 14px;
    margin: 0;
    padding: 0;
    background: none;
    display: inline-block;
    cursor: pointer;
    border-radius: 0;
}
.owlnav_accommodations .prev-button {
    top: -30px;
}
.owlnav_accommodations .next-button {
    top: 0;
}
.owlnav_accommodations .prev-button:before {
    content: '';
    width: 30px;
    height: 1px;
    position: absolute;
    bottom: -20px;
    top: 0;
    right: -20px;
    margin: auto;
    transform: rotate(-45deg);
    background: var(--secondary-color);
}
.owlnav_accommodations  i {
    opacity: 0;
    transition: all 1s;
}
.owlnav_accommodations div:hover i {
    opacity: 1;
}
.box_accommodations .owl-nav.disabled,
.box_accommodations .owl-dots{
    display: none !important;
}
.btn_booknowmain {
    margin: 15px 0 0;
}
.otherfacilities.section_amenities li {
   width: 33.33%;
}
.base_plus_icon {
    width: 20px;
    height: 20px;
    top: 7px;
}
.base_plus_icon .plus_icon {
    width: 100%;
    height: 100%;
    top: 0;
}
.btn_booknow img {
    vertical-align: sub;
    height: 16px;
}
.tab_reser:after,.details_offers:before {
    top: -10px;
}
.reser_mobile {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    display: none;
}
.reser_mobile .col-xs-4 {
    background: #e8eaea;
    padding: 15px;
    width: 33.33333333% !important;
}
.border_book {
    border-right: 1px solid #c9c9c9;
}
.reser_mobile .book_mobile {
    background: var(--secondary-color);
    color: var(--main-color);
}
.box_accommodations h4 {
    padding: 0;
}