@import url('https://fonts.googleapis.com/css2?family=Allura&family=Bellota+Text&family=Dancing+Script:wght@500&family=Titillium+Web&display=swap');

@font-face {
    font-family: 'Kanit_Light';
    src: url('../fonts/kanit-light-webfont.woff2') format('woff2'),
    url('../fonts/kanit-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'O';
    src: url('../fonts/OPTIPaulDavid.woff2') format('woff2'),
    url('../fonts/OPTIPaulDavid.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
:root {
    --white: #fff;
    --black: #000000;
    --gray: #666666;
    --secondary: #000000;
    --yellow: #8e6b1a;
    --solf-yellow: #a48f5c;
    --dark: #585858;
    --tertiary: rgba(142,107,26, 0.1);
    --quaternary: #764d3a10;
    --font-family:'O','Kanit_Light';
    --font-tagline:'Dancing Script','Kanit_Light';
    --font-body:'Titillium Web','Kanit_Light';
    --font-thai:'Kanit_Light','Kanit_Light';
}
h1,.sec-title h1 {
    font-size: 40px;
}
h2,.sec-title h2,.list-block .inner-box .content-column h2 {
    font-size: 34px;
}
h3,.specialoffer-block .inner-box .lower-box h3,.accommodation-block .inner-box .overlay-box h3 a, .slide-block .inner-box .overlay-box h3 a {
    font-size: 26px;
}

.main-header .header-upper .logo-box .logo img, .sticky-header .logo img, .logo-footer img, .fixed-header .logo img,.preloader img, .logo-site img{
    filter: none !important;
}
.about-section.home .inner-title span:nth-child(1) {
    color: var(--yellow) !important;
}
.about-section.home .inner-title span:nth-child(2) {
    color: var(--secondary) !important;
}
.about-section.home .inner-title span:nth-child(3) {
    color: var(--yellow) !important;
}
.about-section.home .inner-title span:nth-child(4) {
    color: var(--dark) !important;
}
.main-slider .link-box .theme-btn {
    color: var(--white);
}

.main-footer .footer-widget h4, .tab-verticle .verticle-tab h4 {
    font-family: var(--font-family)
}

.tab-verticle .verticle-tab h4 {
    font-size: 16px;
}
.main-slider .text {
    margin-top: 5px;
}
.main-slider .text, .sec-title .title {
    font-family: var(--font-tagline);
    text-transform: none;
    font-size: 16px;
}
.sec-title .title {
    margin-bottom: 0;
    color: var(--secondary);
}
.slide-block .inner-box .overlay-box h3 {
    width: 90%;
    left: 0;
    margin: auto;
}
.slide-block .inner-box .overlay-box h3 span {
    font-family: var(--font-body);
    text-transform: capitalize;
}

.main-menu .navigation > li > a {
    font-weight: lighter;
}

.flag img {
    width: 20px;
}

.reservation-box h4 {
    font-size: 26px;
}

.t-highlighted {
    color: var(--primary) !important;
}

.sticky-header .logo {
    padding: 0;
}

.sticky-header .logo img {
    height: 60px;
    margin: 8px 0;
}

.main-menu .navigation > li.room > ul {
    width: 285px;
}

.accommodations-item-carousel .owl-nav [class*=owl-] span {
    position: relative;
    top: -3px;
}
/*.container-fluid .outer-section .right-column .inner-column .owl-nav .owl-prev, .container-fluid .outer-section .right-column .inner-column .owl-nav .owl-next {*/
/*    font-size: 18px;*/
/*}*/

.accommodation-block .inner-box .overlay-box h3:before {
    left: auto;
    right: 25px;
    bottom: 30px;
}

.accommodation-block .inner-box .overlay-box h3 {
    right: 0;
    bottom: 0;
    padding: 25px 25px 40px;
}
.accommodation-block .inner-box .overlay-box .links-box .link {
    color: var(--secondary);
}
.container-fluid .pattern-layer {
    width: 25%;
    height: 330px;
}

.container-fluid .image-layer:before {
    background-color: rgb(142 107 26 / 20%)
}

.info_gallery {
    width: 100%;
    height: 40px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    text-align: center;
    transform: none;
}

.info_gallery div {
    display: block;
}

.count_photo {
    margin: 0;
    padding-right: 0;
    border: 0;
    vertical-align: middle;
}

.room-title {
    padding-left: 0;
    margin: 0;
}

.main-menu .navigation > li > ul, .main-menu .navigation > li > ul > li > ul {
    display: block;
    visibility: hidden;
    opacity: 0
}

.main-menu .navigation > li > ul > li > a {
    color: var(--gray);
}
.gallery-carousel .owl-nav {
    display: block;
}
.gallery-carousel .owl-nav [class*="owl-"] {
    display: inline-block;
    vertical-align: middle;
    padding: 7px 0;
    line-height: unset;
}
.amenity-set {
    min-height: 180px;
}
.mask_img3 {
    background: linear-gradient(125deg, rgb(61 45 15) 0%, rgb(142 107 26) 50%) !important
}
.d-1273-inline {
    display: inline !important
}
.d-1273-none {
    display: none
}
.socialmedia {
    text-align: center;
}
footer .socialmedia li:hover .mask_img{
    opacity: 1;
    background-color: var(--secondary);
}
.mask_img {
    transition: all 500ms ease;
}
.amenity-item:hover span {
    transform: translateY(-5%);
}
.footer-widget div {
    margin: 0 0 15px;
}
footer address {
    margin: 0 0 15px;
}
.main-footer .footer-widget div > h4 {
    margin: 15px 0 5px;
    padding: 0;
}
.main-footer  .footer-widget div > h4:before {
   display: none;
}
.display-text-video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0 !important;
    z-index: 1;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    text-align: left;
    flex-direction: column;
}

/*.book-box-btn {*/
/*    background-color: var(--secondary);*/
/*}*/
.book-box-btn span, .book-box-btn2 span, h1, h2, h3, .main-footer .footer-widget h4, .button-style.learn-more .button-text,
.list-block .inner-box .content-column h2, .btn-style-1 {
    text-transform: capitalize;
}
/*.sticky-header .book-box-btn {*/
/*    border: solid 1px var(--secondary);*/
/*}*/
.header-style-three .main-menu .navigation > li > a.active {
    color: var(--primary);
}
.fixed-header .book-box-btn2:hover {
    border: solid 1px var(--secondary);
}
.fixed-header.header-style-three .main-menu .navigation > li > a{
    opacity: 0.6;
}
.fixed-header.header-style-three .main-menu .navigation > li > a.active {
    opacity: 1;
    color: var(--white);
}
.fixed-header.header-style-three .main-menu .navigation > li > a:hover {
    color: var(--white) !important;
    opacity: 1;
}
a.active-menu, .active-menu a, .menu-main > ul > li a:hover {
    color: var(--primary) !important;
}
.book-box-btn, .book-box-btn2 {
    padding: 10px 15px;
}
/*.book-box-btn2 {*/
/*    background-color: var(--secondary) !important;*/
/*}*/
.header-style-three .header-upper .outer-box .book-box-btn2 {
    padding: 9px 20px;
}
/*.book-box-btn:hover,.book-box-btn2:hover {*/
/*    background-color: var(--yellow) !important;*/
/*}*/
.sticky-header .book-box-btn:hover,.
header-style-three .header-upper .outer-box .book-box-btn2:hover {
    border: solid 1px var(--white);
}
/*.book-box-btn:hover span {*/
/*    color: var(--white) !important;*/
/*}*/

.specialoffer-block .inner-box .image a:before {
    content: "\f06b";
    font-family: "fontawesome";
}
.specialoffer-block .inner-box .lower-box h3 {
    color: var(--primary);
    padding: 0;
}
.specialoffer-block .inner-box .lower-box  h4 {
    font-family: var(--font-tagline);
    margin: 0;
    font-size: 16px;
}
.specialoffer-block .inner-box .lower-box hgroup {
    margin-bottom: 15px;
}

.theme-btn {
    cursor: pointer;

}
.about-section .theme-btn {
    margin-top: 15px;
}
.theme-btn img {
    position: relative;
    display: inline-block;
    filter: brightness(0) invert(1);
    height: 25px;
    margin-right: 5px;
}
/*.button-style.learn-more .button-text {*/
/*    top: 0;*/
/*}*/
.detail_room {
    position: relative;
    width: 100%;
    padding-top: 25px;
    color: #000;
}
.detail_room > div {
    display: block;
    padding: 0 0 10px;
}
.detail_room > div img {
    height: 30px;
    object-fit: cover;
    margin-right: 10px;
    vertical-align: middle;
}
.pageinfo table {
    width: 100%;
    margin: 30px auto;
    border-collapse: collapse;
}
.pageinfo table thead {
    background: var(--primary);
    color: #fff;
    text-align: center;
}
.pageinfo table tr,
.pageinfo table th, .pageinfo table td {
    border: 1px solid #eaeff4;
}
.pageinfo table th, .pageinfo table td {
    padding: 10px 15px;
}
.pageinfo ul {
    margin: 0 0 15px 30px;
}
.offers-content ul {
    margin: 0 0 10px;
    color: var(--gray);
}
.offers-content h4 {
    font-size: 15px;
    color: #251703;
    margin: 0 0 10px;
}
.pageinfo ul li , .offers-content ul li{
    list-style: disc;
}
.pageinfo h5 {
    font-size: 16px;
    color: #000;
}
.btn-style-1 {
    line-height: unset;
    font-family: var(--font-body);
    padding: 15px 30px;
    background: var(--secondary);
}
.btn-style-one:hover,.button-style.learn-more:hover .circle, .btn-style-1:before{
    background: var(--yellow)
}
.btn-style-one:hover {
    border-color: var(--yellow);
}

.inner-column hgroup {
    margin-bottom: 10px;
}
.inner-column hgroup h4 {
    font-family: var(--font-tagline);
    font-size: 16px;
    color: var(--secondary);
}
.footer-list li {
    float: left;
}
.main-footer .row [class*=col-xs-]{
    padding: 0 15px;
}

.sub-dropmenu:hover .sub-menu::before,
.sub-dropmenu:hover .sub-menu::after {
    background: var(--primary);
}
.over_f {
    overflow: hidden !important;
}

.main-footer .footer-widget h4 {
    font-size: 18px;
}
.tp-caption h2 {
    font-size: 50px;
}

.mask_img, .mask_img5 {
    vertical-align: middle;
}
.mask_img.tripadvisor_mask_img,
.mask_img5.tripadvisor_mask_img {
    width: 30px;
    height: 30px;
}
.menu-main > ul > li ul li a {
    text-transform: capitalize;
}
/*a.active-menu, .active-menu a, .menu-main > ul > li a:hover {*/
/*    color: var(--primary);*/
/*}*/
.accommodation-block .inner-box .overlay-box h3:before {
    background-color: var(--primary);
}

.header-style-three .main-menu .navigation > li > a {
    font-size: 14px;
    color: #ffffff9c;
}
.header-style-three .main-menu .navigation > li > a.active {
    color: rgb(198 144 19);
}
.header-style-three .main-menu .navigation > li > a:hover {
    color: rgb(198 144 19) !important;
}
.main-menu .navigation > li > a:before {
    background-color: rgb(198 144 19);
}
.sisterhotel {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 30px 0;
    background: var(--tertiary);
}
.sisterhotel img {
    width: auto !important;
    height: 45px;
    object-fit: cover;
    vertical-align: middle;
    margin: auto;
}
/*.icon_sis {*/
/*    max-width: 80%;*/
/*    margin: auto;*/
/*}*/

/*.main-footer {*/
/*    background-image: url(../images/background/bg_footer.png);*/
/*    background-size: 100%;*/
/*    background-repeat: no-repeat;*/
/*    background-blend-mode: soft-light;*/
/*    background-position: bottom;*/
/*    background-color: rgba( 90,84,82 , 1);*/
/*}*/
.contact-info-section {
    background-color: var(--tertiary);
    padding-top: inherit;
}
.contact-info-section .pattern-layer {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    width: 360px;
    height: 350px;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: contain;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.accommodation-block .inner-box .overlay-box .links-box .link i {
    font-size: 50px;
}
.scroll-to-top {
    font-size: 16px;
    line-height: 35px;
}
.album-box:nth-child(11) .col-xs-4 {
    width: 33.33333333% !important;
}


/***************************/
/* DOWNLOAD */
/***************************/
.page_download {
    position: relative;
    width: 100%;
    padding: 50px 0 0;
    display: inline-block;
}
.page_download img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    display: block;
}
.page_download .col-xs-12 {
    padding: 15px;
    border-top: 1px solid #ead8c7;
    display: inline-block;
}
.page_download .col-xs-12 [class*=col-xs-] {
    height: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5px;
}
.page_download p,
.page_download .btn_book {
    margin: 0;
}
/**/

.gallery-section .image_photo.image_location {
    height: auto;
}
.view_photo:hover .image_photo.image_location {
    transform: none;
}
.editable ul {
    margin: 10px 0 0 30px;
}
.editable li {
    list-style: disc;
}
.editable h3, .editable h4, .editable h5 {
    color: var(--primary);
}
.editable img {
    width: auto;
    height: auto;
    display: inline-block;
    margin: 0;
    object-fit: cover;
}
.scroll-to-top:hover {
    color: var(--secondary);
    border: solid 1px var(--secondary);
}
a:hover .mask_img5 {
    background: var(--secondary) !important;
}

.social-contact li {
    margin: 0 5px;
}
.facility-section .sec-title .text {
    margin-top: 5px !important;
}

.facility-section .sec-title .text p {
    font-family: var(--font-tagline);
    font-size: 16px;
}
.btn-style-one, .btnbook_reser {
    text-transform: capitalize;
}
.bell,.book-box-btn span, .book-box-btn2 span {
    top: 0;
}
.specialoffer-block .inner-box .image a:before,
.accommodation-block .inner-box .overlay-box .links-box .link,
.facility-section .link2,
.slide-block .inner-box:hover .overlay-box h3 a,
.other-section .link2 {
    color: var(--solf-yellow) !important;
}
.thai_lang h1, .thai_lang h2, .thai_lang h3, .thai_lang h4, .thai_lang p{
    font-family: var(--font-thai) !important;
}
.tp-bgimg.defaultimg {
    background-position: bottom center !important;
}