@font-face {
    font-family: 'Inter';
    src: url('../font/Inter-Light.woff2') format('woff2'),
    url('../font/Inter-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Masqualero';
    src: url('../font/Masqualero-Regular.woff2') format('woff2'),
    url('../font/Masqualero-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Masqualero LightItalic';
    src: url('../font/Masqualero-LightItalic.woff2') format('woff2'),
    url('../font/Masqualero-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Prompt Light';
    src: url('../font/Prompt-Light.woff2') format('woff2'),
    url('../font/Prompt-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
html {
    scroll-behavior: smooth;
}

:root {
    --primary: #5D6A37;
    --second: #DFBD97;
    --fontbody: #7C7C7C;
    --bgbody: #000000;
    --font-title: 'Masqualero','Prompt Light';
    --font-body: 'Inter', 'Prompt Light';
    --font-tagline: 'Masqualero LightItalic', 'Prompt Light';
    --font-thai: 'Prompt Light', 'Prompt Light';
}

::selection {
    background: var(--primary);
    color: #ffffff;
}

body {
    padding: 0;
    margin: 0;
    font-family: var(--font-body);
    font-size: 15px;
    color: var(--fontbody);
    line-height: 1.5;
    letter-spacing: 0.5px;
    overflow-x: hidden;
    background-color: var(--bgbody);
    font-weight: initial;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    color: inherit;
    cursor: pointer;
    transition: all 0.25s;
}

button, input, textarea {
    font-family: inherit;
    font-size: inherit;
    outline: none;
    text-transform: inherit;
}

select {
    -webkit-appearance: inherit;
    -moz-appearance: inherit;
    appearance: inherit;
    list-style: none;
    font-size: inherit;
    letter-spacing: initial;
    outline: none;
    font-family: inherit;
}

select::-ms-expand {
    display: none;
}

select.input-room:active {
    font-size: 16px;
}
h1{
    font-size: 45px;
    margin: 0;
    line-height: normal;
    text-transform: uppercase;
    color: #ffffff;
    font-family: var(--font-title);
    font-weight: normal;
}
h2{
    font-size: 30px;
    margin: 0;
    line-height: normal;
    text-transform: uppercase;
    color: #ffffff;
    font-family: var(--font-title);
    font-weight: normal;
}
h3{
    font-size: 20px;
    margin: 0;
    line-height: normal;
    text-transform: uppercase;
    color: #ffffff;
    font-family: var(--font-title);
    font-weight: normal;
}

ul {
    padding: 0;
    margin: 0;
    display: flow-root;
}
.section_slideshow{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    /*animation-name: fadeIn;*/
    /*animation-duration: 1s;*/
    /*-webkit-animation-fill-mode: both;*/
    /*animation-fill-mode: both;*/
    /*animation-timing-function: ease-in-out;*/
    /*animation-delay: 2s;*/
    position: relative;
}
.overlay_slide{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000066;
    left: 0;
    top: 0;
}
.overlay_slide:before{
    content: '';
    background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    width: 100%;
    height: 35vh;
    position: absolute;
    left: 0;
    bottom: 0;
}
.overlay_slide:after{
    content: '';
    background: linear-gradient(0deg, #00000000 0%, #0000004d 100%);
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0;
    top: 0;
}
.gallery-title li{
    font-weight: normal;
    line-height: normal;
}
.gallery-title label{
    display: inline-block;
    width: 100%;
}
.gallery-title label>span{
    font-style: italic;
}
.gallery-title{
    font-family: var(--font-title);
    font-size: 40px;
    width: auto;
    z-index: 1;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    top: 0;
    bottom: 0;
    color: #fff;
}
.gallery-title li {
    list-style: none;
}

.gallery-title ul {
    /*animation-name: fadeInUp;*/
    /*animation-duration: 1s;*/
    /*animation-delay: 3.5s;*/
    /*-webkit-animation-fill-mode: both;*/
    /*animation-fill-mode: both;*/
    /*animation-timing-function: ease-in-out;*/
    margin: 0;
    list-style: none;
    transition: all 0.25s;
}
.gallery-title span{
    display: inline-block;
}
.slick-active .gallery-title span.char {
    opacity: 0;
    animation: fadeCharUp 0.4s ease forwards;
}

@keyframes fadeCharUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.scroll_down{
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: auto;
    animation: down 2s infinite;
    -webkit-animation: down 2s infinite;
    box-sizing: border-box;
    text-align: center;
    z-index: 2;
    width: fit-content;
    opacity: 0.7;
    transition: all 0.5s;
}
.scroll_down:hover{
    opacity: 1;
}
.scroll_down img{
    width: auto;
    height: 30px;
    display: block;
    margin: auto;
}
@keyframes down {
    0% {
        transform: translate(0);
    }
    20% {
        transform: translateY(15px);
    }
    40% {
        transform: translate(0);
    }
}
@-webkit-keyframes down {
    0% {
        transform: translate(0);
    }
    20% {
        transform: translateY(15px);
    }
    40% {
        transform: translate(0);
    }
}
.section_header{
    position: fixed;
    width: 100%;
    left: 0;
    top: 15px;
    z-index: 4;
    transition: all 0.5s;
}
.section_header .container{
    position: relative;
}
.tab_menu{
    justify-content: space-between;
    height: 80px;
    display: flex;
    align-items: center;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 2s;
}
.tab_menu img{
    width: auto;
    height: 20px;
    vertical-align: middle;
}
.tab_menu .brand_logo{
    height: 75px;
    transition: all 0.5s;
}
.tab_menu .brand_logo img{
    width: auto;
    height: 100%;
    padding: 10px 0;
    /*filter: brightness(0) invert(1);*/
    transition: all 0.5s;
}
.bestrate_check{
    /*display: flex;*/
    color: #ffffff;
    text-transform: uppercase;
    font-size: 12px;
}
.bestrate_check img{
    margin-right: 5px;
    vertical-align: bottom;
}
.container{
    padding: 0;
}
.brand_logo{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: fit-content;
}
.menu_lang{
    display: flex;
    align-items: center;
}
.menu_lang a{
    display: contents;
}
.menu_lang img:nth-last-child(1){
    margin-left: 5px;
}
.menu_lang img{
    height: 15px;
    opacity: 0.5;
    transition: all 0.5s;
}
.menu_lang img.active, .menu_lang img:hover{
    opacity: 1;
}
.check_in_box:before{
    content: '';
    /*background-image: url('../images/icon/calendar.png');*/
    width: 25px;
    height: 25px;
    background-size: cover;
    position: absolute;
    right: -12px;
    left: auto;
    top: 0;
    bottom: 0;
    margin: auto;
    /*opacity: 0.5;*/
    /*filter: invert(41%) sepia(20%) saturate(919%) hue-rotate(34deg) brightness(88%) contrast(86%);*/
}
.section_description{
    padding: 100px 0;
    animation-name: fadeIn;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function:
            ease-in-out;
    animation-delay: 2s;
}
.scroll_menu{
    /*position: fixed;*/
    top: 0;
    background: #000000d9;
    /*backdrop-filter: blur(3px);*/
}
.section_reservation{
    transition: all 0.5s;
    display: block;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    background: #0000004d;
}
.scroll_menu .section_reservation{
    top: 60px;
}
.scroll_menu .tab_menu{
    height: 60px;
}
.scroll_menu .tab_menu .brand_logo {
    height: 60px;
}
.scroll_menu .tab_menu .brand_logo img{
    padding: 7px 0;
}
.images_description{
    width: 100%;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.images_description img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.reveal{
    width: 100%;
    height: 100%;

}
body:not(.no-js) .image-wrap {
    transition: 0.75s ease-out;
    transition-delay: 0.2s;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    visibility: hidden;
    /*clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);*/
}

body:not(.no-js) .image-wrap img {
    transform: scale(1.5);
    transition: 1s ease-out;
}

body:not(.no-js) .animating .image-wrap {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    visibility: visible;
    transform: skewY(0);
    /*clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);*/
}

body:not(.no-js) .animating img {
    transform: scale(1);
    transition: 1s ease-out;
}

body:not(.no-js) .fadeup {
    opacity: 0;
    transition: 0.4s ease-out;
    transform: translateY(40px);
}

body:not(.no-js) .fading-up {
    opacity: 1;
    transition: 1s ease-out;
    transform: translateY(0px);
    transition-delay: 0.7s;
}
.details_description{
    padding: 0 0 0 50px;
    overflow: inherit;
}
.details_description h1{
    position: relative;
    left: -160px;
    width: calc(100% + 160px);
}
.details_description h2{
    text-transform: none;
    color: var(--primary);
    font-style: italic;
    font-family: var(--font-tagline);
    font-size: 36px;
}
a.btn_readmore{
    padding: 0;
    margin: 15px 0 0 0;
    background: none;
    border: none;
    color: var(--fontbody);
    position: relative;
    transition: all 0.5s;
    font-size: inherit;
    font-family: var(--font-tagline);
    width: fit-content;
    font-style: italic;
}
a.btn_readmore:hover{
    color: #ffffff;
}
a.btn_readmore:before{
    content: '';
    background: var(--fontbody);
    width: 30px;
    height: 1px;
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    margin: auto;
    transition: all 0.5s;

}
a.btn_readmore:hover:before{
    background: #ffffff;
    width: 100%;
}
.section_rooms{
    padding: 0 0 100px;
    text-align: center;
    overflow: hidden;
    animation-name: fadeIn;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function:
            ease-in-out;
    animation-delay: 2s;
}
.section_rooms label{
    font-family: var(--font-tagline);
    font-size: 18px;
    color: var(--primary);
    font-style: italic;
    text-transform: capitalize;
}
.section_rooms p>span{
    display: inline-block;
    width: 100%;
}
.details_description a{
    display: inline-block;
    width: fit-content;
}
.slide_slideshow img{
    width: 100%;
    height: 100vh;
    object-fit: cover;
    display: block;
}
.slide_slideshow .slick-slide{
    position: relative;
}
.slide_slideshow .slick-slide img {
    transition-timing-function: linear;
    transition-duration: 40s;
    /*transform: scale(1.1) translateX(0)!important;*/
    /*object-position: center!important;*/
    width: 100% !important;
    height: 100vh !important;
    object-fit: cover;
    -webkit-animation-name: panRight;
    animation-name: panRight;
    -webkit-animation-duration: 40s;
    animation-duration: 40s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: left;
    transform-origin: left
}

.slide_slideshow .slick-slide.slick-active img {
    /*object-position: 0 center!important;*/
    -webkit-transform-origin: right;
    transform-origin: right
}
.slide_slideshow_thumbnails .item{
    padding: 5px 0;
    position: relative;
}
.slide_slideshow_thumbnails{
    width: 130px;
    float: right;
    position: relative;
    z-index: 2;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function:
            ease-in-out;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 2s;
}
.slide_slideshow_thumbnails img{
    width: 100%;
    height: 85px;
    object-fit: cover;
    display: block;
}
.row_thumbnails{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    right: 0;
}
.row_thumbnails .container{
    position: relative;
}
.slide_slideshow_thumbnails .slick-slide:before {
    content: '';
    width: 100%;
    height: calc(100% - 10px);
    background-color: #000000b3;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 1;
    transition: all 0.5s;
}
.slide_slideshow_thumbnails .slick-slide.slick-center:before{
    background: transparent;
}
.slide_slideshow_thumbnails .slick-slide.slick-center img {
    border: 1px solid #fff;
}
.btn_navslide{
    position: absolute;
    z-index: 1;
    right: 0;
    height: 100%;
    width: 130px;
    text-align: center;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function:
            ease-in-out;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 2s;
    font-size: 14px;
}
.btn_navslide button{
    background: none;
    border: none;
    color: var(--primary);
    letter-spacing: 0.5px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0;
    transition: all 0.25s;
}
.btn_navslide button.next_btn{
    position: absolute;
    bottom: -40px;
    top: auto;
}
.btn_navslide button.next_btn:hover{
    bottom: -45px;
}
.btn_navslide button.prev_btn{
    top: -40px;
}
.btn_navslide button.prev_btn:hover{
    top: -45px;
}
.btn_navslide button:before{
    content: '';
    width: 1px;
    height: 25px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -25px;
    background: var(--fontbody);
}
.btn_navslide button.next_btn:before{
    top: -25px;
    bottom: auto;
}
.images_rooms{
    width: 100%;
    height: 500px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: end;
    overflow: hidden;
}
.images_rooms:before{
    content: '';
    background: linear-gradient(180deg, #00000000 0%, #000000f2 100%);
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.images_rooms img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: all 0.5s;
}
.slide_rooms{
    margin-top: 100px;
    position: relative;
}
.slide_rooms:before{
    content: none;
    font-size: 60px;
    font-family: var(--font-title);
    text-transform: uppercase;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    color: #ffffff;
    opacity: 0.2;
}
.slide_rooms .slick-track{
    margin: auto;
}
.slide_rooms .item{
    padding: 0 10px;
}
.row_rooms{
    position: relative;
}
.details_rooms{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #ffffff;
    text-align: center;
    z-index: 2;
    transform: translateY(30px);
    opacity: 0;
    transition: all 0.5s;
}
.details_rooms ul{
    display: inline-block;
    margin: auto;
    padding: 0;
    font-family: var(--font-tagline);
    font-style: italic;
}
.details_rooms li{
    list-style: none;
    padding: 0 15px;
    float: left;
    position: relative;
}
.details_rooms li:before{
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: var(--primary);
    position: absolute;
    left: -3px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.details_rooms li:nth-child(1):before{
    content: none;
}
.slide_rooms .slick-list{
    overflow: inherit!important;
    width: 390px;
    margin: auto;
}
.slide_rooms .slick-slide{
    /*margin-top: 50px;*/
    opacity: 0.3;
}
.slide_rooms .slick-active{
    margin-top: 0;
}
.slide_rooms .slick-center{
    /*margin-top: 50px;*/
    opacity: 1;
}
.slide_rooms .slick-active .images_rooms img{
    height: 500px;
}
.slide_rooms .slick-center .images_rooms img{
    height: 450px;
}

.slide_rooms .slick-center .details_rooms{
    opacity: 1;
    transform: translateY(0px);
}
.slide_rooms .row_rooms:hover .details_rooms{
    transform: translateY(-20px);
}
.row_roomtype{
    position: relative;
}
.btn_navrooms{
    width: 390px;
    margin: auto;
    height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.btn_navrooms button{
    background: none;
    border: none;
    padding: 0;
    color: var(--primary);
    position: absolute;
    left: -65px;
    transition: all 0.5s;
    width: 55px;
    text-align: left;
}
.btn_navrooms button.next_btn_rooms{
    left: auto;
    right: -65px;
}
.btn_navrooms button.next_btn_rooms:hover{
    right: -70px;
}
.btn_navrooms button.prev_btn_rooms{
    text-align: right;
}
.btn_navrooms button.prev_btn_rooms:hover{
    left: -70px;
}

.btn_navrooms button:before{
    content: '';
    width: 35px;
    height: 1px;
    position: absolute;
    left: auto;
    right: -40px;
    background: var(--fontbody);
    top: 0;
    bottom: 0;
    margin: auto;
}
.btn_navrooms button.next_btn_rooms:before{
    left: -40px;
    right: auto;
}
.section_facilities{
    padding: 0 0 100px 0;
    position: relative;
    background-size: cover !important;
    background: linear-gradient(#000000e6, #000000e6), url('../images/icon/bg-image-3.jpg') no-repeat center center;
    background-position: center;
    display: flow-root;
    width: 100%;
    overflow: hidden;
    animation-name: fadeIn;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function:
            ease-in-out;
    animation-delay: 2s;
    /*background-attachment: fixed;*/
}
.section_facilities:before{
    content: '';
    background: linear-gradient(0deg, #00000000 0%, #000000f2 100%);
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.section_facilities:after{
    content: '';
    background: linear-gradient(180deg, #00000000 0%, #000000f2 100%);
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.row_hotelfacilities .col-xs-4{
    text-align: right;
}
.row_hotelfacilities label{
    font-family: var(--font-tagline);
    font-size: 18px;
    color: var(--primary);
    font-style: italic;
    text-transform: capitalize;
}
.slide_hotelfacilities{
    text-align: center;
    text-transform: uppercase;
}
.images_hotelfacilities img{
    width: auto;
    height: 50px;
    display: block;
    margin: auto auto 10px;
}
.images_hotelfacilities .images_icon{
    width: 35px;
    height: 35px;
    margin: 0 auto;
    display: block;
}
.images_hotelfacilities .images_icon:hover{
    background: var(--primary);
}
.section_facilities .container{
    position: relative;
    z-index: 2;
}
.row_hotelfacilities .col-xs-8{
    padding-left: 100px;
}
.row_hotelfacilities .col-xs-4 p{
    margin-bottom: 0;
}
.slide_hotelfacilities .item{
    width: 33.333%;
    float: left;
    padding: 0 15px 25px;
}
.slide_hotelfacilities .item:nth-last-child(-n + 3){
    padding-bottom: 0;
}
.images_hotelfacilities p{
    margin: 0;
}
.facilities_type{
    margin-top: 100px;
    display: inline-block;
    width: 100%;
}
.images_facilities{
    width: 100%;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}
.images_facilities img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.row_facilities .col-xs-8{
    float: right;
}
.details_facilities{
    padding: 0 50px 0 0;
}
.details_facilities label{
    font-family: var(--font-tagline);
    color: var(--primary);
    font-style: italic;
}
.details_facilities a.btn_readmore{
    margin: 0;
}
.row_facilities{
    position: relative;
}
/*.row_facilities .col-xs-4{*/
/*    position: absolute!important;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 40%;*/
/*}*/
.row_hotelfacilities{
    display: flex;
    align-items: center;
}
.slide_facilities .slick-arrow{
    bottom: 0;
    top: auto;
}
.btn_navfacilities{
    margin: 25px auto 0;
    float: right;
    position: relative;
}
.btn_navfacilities button{
    background: none;
    border: none;
    padding: 0;
    color: var(--primary);
    width: 55px;
    position: relative;
    left: 0;
    transition: all 0.5s;
    text-align: right;
}
.btn_navfacilities button.next_btn_facilities{
    left: auto;
    right: 0;
    text-align: left;
}

.btn_navfacilities button:before{
    content: '';
    width: 35px;
    height: 1px;
    position: absolute;
    left: auto;
    right: -40px;
    background: var(--fontbody);
    top: 0;
    bottom: 0;
    margin: auto;
}
.btn_navfacilities button.next_btn_facilities:hover{
    right: -5px;
}
.btn_navfacilities button.next_btn_facilities:before{
    left: -40px;
    right: auto;
}

.btn_navfacilities button.prev_btn_facilities:hover{
    left: -5px;
}
.slide_facilities_count{
    display: inline;
    padding: 0 50px;
}
.slide_thumbnails_facilities{
    text-align: center;
}
.slide_thumbnails_facilities .slick-list{
    display: inline-block;
    margin: auto auto 50px;
}
.slide_thumbnails_facilities .item{
    padding: 0 15px 5px;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
}
.slide_thumbnails_facilities .item:before{
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: var(--primary);
    position: absolute;
    left: -3px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.slide_thumbnails_facilities .item:after{
    content: '';
    width: 0;
    height: 1px;
    background: var(--fontbody);
    position: absolute;
    left: 15px;
    bottom: 1px;
    opacity: 0;
    transition: all 0.5s;
}
.slide_thumbnails_facilities .item.slick-current:after, .slide_thumbnails_facilities .item:hover:after{
    width: 50px;
    opacity: 1;
}
.slide_thumbnails_facilities .item:nth-child(1):before{
    content: none;
}
.section_promotion{
    text-align: center;
    position: relative;
    padding: 50px 0 0;
    display: flow-root;
    width: 100%;
    animation-name: fadeIn;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function:
            ease-in-out;
    animation-delay: 2s;
}
.images_promotion{
    width: 100%;
    height: 500px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: end;
    overflow: hidden;
}
.images_promotion img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: all 0.5s;
}
.details_promotion{
    padding: 20px 0 0;
    color: #ffffff;
    text-align: center;
    transform: translateY(30px);
    opacity: 0;
    transition: all 0.5s;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.details_promotion label{
    font-family: var(--font-tagline);
    color: var(--primary);
    font-style: italic;
}
.slide_promotion{
    position: relative;
}
.slide_promotion .slick-list {
    overflow: inherit !important;
    width: 390px;
    margin: auto;
}
.slide_promotion .slick-slide{
    /*margin-top: 50px;*/
    opacity: 0.3;
}
.slide_promotion .slick-active{
    margin-top: 0;
}
.slide_promotion .slick-center{
    /*margin-top: 50px;*/
    opacity: 1;
}
.slide_promotion .slick-slide .images_promotion img{
    height: 450px;
}
.slide_promotion .slick-center .images_promotion img{
    height: 500px;
}
.slide_promotion .item {
    padding: 0 10px;
}
.slide_promotion .slick-center .details_promotion{
    opacity: 1;
    transform: translateY(0px);
    background: #000;
}
.row_promotion{
    position: relative;
}
.btn_bookpromotion{
    display: block;
    padding: 8px 15px;
    background: var(--primary);
    border: none;
    color: #ffffff;
    width: fit-content;
    margin: 15px auto 0;
    line-height: normal;
    font-family: var(--font-title);
    transition: all 0.5s;
}
.btn_bookpromotion:hover{
    background: #413d3c;
}
.section_promotion .container{
    overflow: hidden;
}
.section_promotion:before {
    content: none;
    font-size: 60px;
    font-family: var(--font-title);
    text-transform: uppercase;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    color: #ffffff;
    opacity: 0.2;
}
.btn_navpromotion{
    width: 390px;
    margin: auto;
    height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.btn_navpromotion button{
    background: none;
    border: none;
    padding: 0;
    color: var(--primary);
    position: absolute;
    width: 55px;
    left: -65px;
    text-align: right;
    transition: all 0.5s;
}
.btn_navpromotion button.next_btn_promotion{
    left: auto;
    right: -65px;
    text-align: left;
}
.btn_navpromotion button.next_btn_promotion:hover{
    right: -70px;
}
.btn_navpromotion button.prev_btn_promotion:hover{
    left: -70px;
}
.btn_navpromotion button:before{
    content: '';
    width: 35px;
    height: 1px;
    position: absolute;
    left: auto;
    right: -40px;
    background: var(--fontbody);
    top: 0;
    bottom: 0;
    margin: auto;
}
.btn_navpromotion button.next_btn_promotion:before{
    left: -40px;
    right: auto;
}
.section_photo{
    padding: 100px 0 150px;
    position: relative;
    z-index: 2;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    animation-name: fadeIn;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function:
            ease-in-out;
    animation-delay: 2s;
}
.section_photo label{
    font-family: var(--font-tagline);
    color: var(--primary);
    font-style: italic;
    text-transform: capitalize;
}
.row_photo{
    position: relative;
    display: flow-root;
}
.row_photo .col-xs-6{
    padding: 0 25px;
}
.row_photo .col-xs-6:nth-child(1){
    text-align: right;
}
.row_photo .col-xs-6:nth-last-child(1){
    width: 25%;
}
.row_photo p{
    margin: 0;
}
.row_photo:before{
    content: '';
    background-image: url('../images/icon/favicon.png');
    width: 100px;
    height: 100px;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    filter: brightness(0) invert(1);
    opacity: 0.1;
    margin: auto;
}
.slide_photo{
    margin-top: 100px;
}
.images_photo{
    width: 100%;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.images_photo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: all 0.5s;
}
.slide_photo .slick-list{
    overflow: inherit!important;
    padding: 0!important;
}
.slide_photo .item{
    padding: 0 10px;
}
.slide_photo .item:nth-child(odd) .images_photo{
    height: 350px;
}
.marquee {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 100px;
}

.marquee-content {
    display: flex;
    animation: marquee 20s linear infinite; /* Infinite animation */
    animation-play-state: running; /* Default running state */
    margin: auto;
}

.marquee:hover .marquee-content {
    animation-play-state: paused; /* Pause the animation on hover */
}

.marquee-item {
    flex-shrink: 0;
    width: 390px; /* Set your desired width */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 15px;
    transition: transform 0.5s ease, filter 0.5s ease;
}

.marquee-content .marquee-item:nth-child(even) .images_photo{
    height: 300px;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
.marquee-content.slide_none{
    animation: none;
    animation-play-state: inherit;
}
.section_footer{
    position: relative;
    background-size: cover !important;
    background: linear-gradient(#000000e6, #000000e6), url('../images/icon/bg-image.jpg') no-repeat center center;
    background-position: center;
    display: flow-root;
    width: 100%;
    margin-top: -250px;
    z-index: 0;
    padding: 250px 0 25px;
    /*background-attachment: fixed;*/
}
.section_footer:before {
    content: '';
    background: linear-gradient(0deg, #00000000 0%, #000000f2 100%);
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.logo_footer img{
    width: auto;
    height: 60px;
    display: block;
    margin: auto;
}
.section_footer .container{
    position: relative;
    z-index: 1;
}
.row_contact{
    border-top: 1px solid #ffffff1a;
    border-bottom: 1px solid #ffffff1a;
    display: flex;
    width: 100%;
    padding: 0;
    text-align: center;
    margin-top: 50px;
}
.row_contact .col-xs-4{
    padding: 0 15px;
    border-right: 1px solid #ffffff1a;
}
.row_contact .col-xs-4:nth-last-child(1){
    border-right: none;
}
.row_contact ul{
    margin: 0 auto;
    padding: 0;
    display: inline-block;
    width: 100%;
}
.row_contact li{
    padding: 0 5px;
    list-style: none;
    display: inline-block;
    position: relative;
}
.row_contact li:before{
    content: '/';
    position: absolute;
    right: -5px;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0.3;
}
.row_contact li:nth-last-child(1):before{
    content: none;
}
.row_contact p{
    margin: 0;
}
.row_contact h3{
    margin-bottom: 15px;
}
.box_contact{
    padding: 50px 0;
}

.images_icon{
    object-fit: cover;
    display: inline-block;
    width: 30px;
    height: 30px;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    background: var(--primary);
    transition: all 0.25s;
}
.images_icon:hover{
    background: #ffffff;
}
.row_social{
    margin-top: 30px;
}
.row_social li:before{
    content: none;
}
.row_copyright{
    text-align: center;
}
.row_copyright{
    margin-top: 15px;
    font-size: 14px;
}
.row_copyright p{
    margin: 0;
}
.row_copyright a{
    font-style: italic;
    text-decoration: underline;
}
.row_copyright a:hover, .box_contact a:hover{
    color: #ffffff;
}
.text_count{
    font-family: var(--font-tagline);
    color: #ffffff;
    font-style: italic;
}
.button_container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 15px;
    width: 28px;
    cursor: pointer;
    z-index: 100;
    transition: opacity .25s ease;
    margin: auto 0;
    left: auto;
}
.button_container:after{
    content: 'Menu';
    position: absolute;
    left: -45px;
    top: 0;
    color: #ffffff;
    font-family: var(--font-body);
    font-size: 12px;
}
.button_container.active:after{
    content: none;
}

.button_container:hover {
    opacity: 1;
}

.button_container.active .top {
    -webkit-transform: translateY(7px) translateX(0) rotate(45deg);
    transform: translateY(7px) translateX(0) rotate(45deg);
    background: #fff !important;
}

.button_container.active .middle {
    opacity: 0;
    background: #fff;
}

.button_container.active .bottom {
    -webkit-transform: translateY(-7px) translateX(0) rotate(-45deg);
    transform: translateY(-7px) translateX(0) rotate(-45deg);
    background: #fff !important;
}

.button_container span {
    background: #ffffff;
    border: none;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .35s ease;
    cursor: pointer;
}
.button_container:hover span:nth-of-type(2){
    width: 100%;
}

.button_container span:nth-of-type(2) {
    top: 7px;
    width: 50%;
    margin: auto 0 auto auto;
    right: 0;
}

.button_container span:nth-of-type(3) {
    top: 14px;
}

.scroll_menu .button_container span {
    background: #ffffff;
}

.overlay_menu {
    position: fixed;
    background-color: #000000b3;
    /*background-image: url('../images/icon/waves-bg3.png');*/
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 1s;
    overflow: hidden;
    z-index: 9;
}

.overlay_menu.open {
    opacity: 1;
    visibility: visible;
    width: 100%;
    background: #000000b3;
}

.overlay_menu.open li {
    -webkit-animation: fadeIn .5s ease forwards;
    animation: fadeIn .5s ease forwards;
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
}

.overlay_menu.open li:nth-of-type(2) {
    -webkit-animation-delay: .40s;
    animation-delay: .40s;
}

.overlay_menu.open li:nth-of-type(3) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s;
}

.overlay_menu.open li:nth-of-type(4) {
    -webkit-animation-delay: .50s;
    animation-delay: .50s;
}

.overlay_menu.open li:nth-of-type(5) {
    -webkit-animation-delay: .55s;
    animation-delay: .55s;
}

.overlay_menu.open li:nth-of-type(6) {
    -webkit-animation-delay: .60s;
    animation-delay: .60s;
}

.overlay_menu.open li:nth-of-type(7) {
    -webkit-animation-delay: .65s;
    animation-delay: .65s;
}

.overlay_menu.open li:nth-of-type(8) {
    -webkit-animation-delay: .70s;
    animation-delay: .70s;
}


.overlay_menu nav {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

/*.overlay_menu ul {*/
/*    list-style: none;*/
/*    padding: 0;*/
/*    margin: 0 auto;*/
/*    display: inline-block;*/
/*    position: relative;*/
/*    height: 100%;*/
/*}*/
.overlay_menu ul li {
    display: block;
    position: relative;
    padding: 5px 0;
    opacity: 0;
    width: 100%;
}

.overlay_menu ul li a {
    display: block;
    position: relative;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    font-size: 20px;
    line-height: inherit;
    transition: all 0.5s;
}

.overlay_menu ul li a:hover:after, .overlay_menu ul li a:focus:after, .overlay_menu ul li a:active:after {
    width: 100%;
}

.overlay_menu .active:after {
    content: none;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

.nav_mobile .overlay_menu .active a {
    color: #f0ece3;
}

.menu_mobile {
    position: absolute;
    right: 65px;
    margin: auto;
    width: 30px;
    top: 0;
    z-index: 4;
    background: none;
    transition: all 0.25s;
    border-radius: 100%;
    height: 17px;
    bottom: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function:
            ease-in-out;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 2s;
    font-family: var(--font-title);
    text-transform: uppercase;
}

.base_plus_icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    z-index: 55;
    cursor: pointer;
    display: block;
}

.base_plus_icon .plus_icon {
    position: absolute;
    width: 20px;
    height: 30px;
    right: 0;
    top: 0;
    display: block;

}

.base_plus_icon .plus_icon:before,
.base_plus_icon .plus_icon:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    margin: auto;
    display: block;
    transition: all 0.6s;
}

.base_plus_icon:hover .plus_icon:before,
.base_plus_icon:hover .plus_icon:after {
    background-color: #fff;
}

.base_plus_icon .plus_icon:before {
    width: 1px;
    height: 20px;
}

.base_plus_icon .plus_icon:after {
    width: 20px;
    height: 1px;
}

.base_plus_icon .plus_icon.active:before {
    display: none;
}

.info {
    display: none;
    padding: 10px 15px 0 !important;
}

.info.active {
    display: block;
}

.navbar_fix {
    padding: 70px 30px 30px !important;
    display: inline-block;
    text-transform: uppercase;
    width: 50%;
    float: right;
    height: 100%;
    background: #000000cc;
    overflow: scroll;
}
.overlay_menu.open .navbar_fix{
    animation-name: fadeInRight;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function:
            ease-in-out;
    animation-delay: 0.5s;
}

.navbar_fix li.active a {
    color: var(--primary);
}
.navbar_fix li{
    position: relative;
    padding-left: 40px !important;
}
.navbar_fix li:before{
    content: '';
    background-image: url('../images/icon/favicon.png');
    width: 30px;
    height: 30px;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 5px;
    bottom: auto;
    margin: auto;
    opacity: 0;
    transition: all 0.5s;
}
.navbar_fix li.active:before{
    opacity: 1;
}

.fix_body {
    overflow: hidden;
}

.button_container.active {
    right: 5px;
    left: auto;
    bottom: auto;
}
.fix_body .section_header .container{
    position: static;
}
.submenu_mobile{
    font-family: var(--font-body);
    padding-left: 20px;
    padding-top: 5px;
}
.submenu_mobile a{
    color: var(--fontbody)!important;
    font-size: 16px!important;
}
.submenu_mobile li:before{
    content: none!important;
}
.submenu_mobile li{
    padding: 0!important;
}
.overlay_menu ul li a:hover, .submenu_mobile a:hover, .submenu_mobile .active a {
    color: var(--primary)!important;
}
.navbar_fix li:nth-last-child(1){
    padding-bottom: 0;
}
.button_container.active:before{
    content: '';
    background: var(--primary);
    width: 40px;
    height: 40px;
    position: absolute;
    right: -5px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.fix_body .menu_mobile{
    right: 0;
    top: -73px;
}
.fix_body .scroll_menu .menu_mobile{
    top: -23px;
}
ul.text_title li h1, ul.text_title li h2, ul.text_title li label, ul.text_title li h3{
    /*display: inline-flex;*/
    /*overflow-y: hidden;  !* ซ่อนบน + ล่าง *!*/
    /*overflow-x: visible; !* ซ้าย–ขวา ยังแสดงได้ *!*/
    /* background-color: #161616; */
    /*justify-content: flex-end;*/
}
ul.text_title li{
    list-style: none;
    padding: 0;
}

/*ul.text_title li span {*/
/*    display: block;*/
/*    transform: translateY(200%);*/
/*}*/

/*ul.text_title li span.active{*/
/*    transform: translateY(0%);*/
/*    transition: 1s ease-out;*/
/*}*/

.text_title .char {
    opacity: 0;
    display: inline-block;
    animation: fadeCharUp 1s ease forwards;
}

@keyframes fadeCharUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.row_roomtype .text_title{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    opacity: 0.2;
}
.row_roomtype .text_title label{
    font-size: 60px;
    font-family: var(--font-title);
    text-transform: uppercase;
    color: #ffffff;
    font-style: normal;
}
.section_promotion .text_title{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    opacity: 0.2;
    padding: 0 30px;
}
.section_promotion .text_title label{
    font-size: 60px;
    font-family: var(--font-title);
    text-transform: uppercase;
    color: #ffffff;
}
.button_bookmobile{
    display: none;
}
.button_bookmobile .btn_bookpromotion{
    margin: auto 0;
}
.slide_slideshow .slick-dots{
    position: absolute;
    bottom: 30px;
    z-index: 3;
    left: 0;
    right: 0;
    margin: auto;
}
.slide_slideshow .slick-dots button{
    width: 25px;
    height: 1px;
    background: #fff;
    border-radius: 0;
    transition: all 0.5s;
}
.slide_slideshow .slick-dots li.slick-active button{
    background: #fff;
}
.slide_slideshow .slick-dots li{
    margin: 0;
}
.slide_hotelfacilities .slick-dots button{
    width: 25px;
    height: 1px;
    background: #fff;
    border-radius: 0;
    transition: all 0.5s;
}
.slide_hotelfacilities .slick-dots li.slick-active button{
    background: #fff;
}
.slide_hotelfacilities .slick-dots li{
    margin: 0;
}
.parallax_child{
    height: 55vh;
}
.infopage .section_slideshow{
    animation-delay: 0.5s;
}
.infopage .tab_menu, .infopage .menu_mobile{
    animation-delay: 1s;
}
.infopage .section_reservation{
    animation-delay: 1.5s;
}
.images_child{
    position: relative;
    height: 100%;
    overflow: hidden;
}
.images_child img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.parallax_child .text_title{
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    opacity: 0.2;
    padding: 0 30px;
}
.parallax_child ul.text_title li span.active{
    transition: 1s ease-out;
}
.parallax_child .scroll_down{
    bottom: 100px;
}
.section_child{
    padding: 60px 0 150px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    animation-name: fadeIn;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function:
            ease-in-out;
    animation-delay: 0.5s;
}
.images_rooms_child{
    width: 100%;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    position: relative;
    overflow: hidden;
}
.images_rooms_child img{
    width: 100%;
    height: 450px;
    object-fit: cover;
    display: block;
    transition: all 0.5s;
}
.details_rooms_child{
    padding: 50px 0 50px 50px;
    justify-content: center;
    overflow: inherit;
}
.details_rooms_child h2{
    position: relative;
    left: -100px;
    font-size: 24px;
}
.feature_rooms{
    padding: 0;
    margin: 15px 0 0;
    font-family: var(--font-tagline);
    color: #ffffff;
    font-style: italic;
}
.feature_rooms li{
    float: left;
    padding-right: 15px;
    list-style: none;
}
.feature_rooms li:nth-last-child(1){
    padding: 0;
}
.slide_child .slick-list {
    overflow: inherit !important;
    width: 390px;
    margin: auto;
}
.row_child{
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 100px;
}
.row_child:before{
    content: '';
    background: #000000;
    height: 100%;
    width: 100%;
    position: absolute;
    right: -60%;
    top: 0;
    z-index: 1;
}
.row_child .col-xs-6{
    overflow: hidden;
}
.row_child:nth-last-child(1){
    margin-bottom: 0;
}
.slide_child .slick-slide{
    opacity: 0.3;
}
.slide_child .slick-center{
    opacity: 1;
}
.slide_child .slick-center .images_rooms_child img {
    height: 100%;
}
.slide_child .item{
    padding: 0 10px;
}
.images_rooms_child:before {
    content: '';
    background: linear-gradient(180deg, #00000000 0%, #000000 100%);
    width: 100%;
    height: 60%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.details_rooms_child:before{
    content: none;
}
.row_child .col-xs-5{
    position: relative!important;
    background: #000000;
    z-index: 1;
}
.row_child:nth-child(even) .col-xs-7{
    float: right;
}
.row_child:nth-child(even):before{
    left: -60%;
    right: auto;
}
.row_child:nth-child(even) .details_rooms_child{
    text-align: right;
    padding: 50px 50px 50px 0;
}
.row_child:nth-child(even) .details_rooms_child h2{
    left: auto;
    right: -100px;
}
.row_child:nth-child(even) .feature_rooms{
    margin: 15px 0 0 auto;
}
.row_child:nth-child(even) a.btn_readmore{
    margin: 0 0 0 auto!important;
}
.row_child a.btn_readmore{
    width: fit-content;
    margin: 0;
}
.row_child a.btn_readmore:before{
    left: 0;
    bottom: 0;
    top: auto;
}
.row_child a.btn_readmore:hover{
    margin: 0;
}
.row_child a.btn_readmore:hover:before{
    width: 100%;
}
.details_rooms_child .images_icon{
    object-fit: cover;
    display: inline-block;
    width: 30px;
    height: 30px;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    background: var(--primary);
    transition: all 0.25s;
    vertical-align: middle;
    margin-right: 5px;
}
.btn_navrooms_child{
    text-align: center;
    margin-top: 15px;
}
.slide_child{
    width: 390px;
    margin: auto;
}
.slide_child .slick-arrow{
    display: block;
    font-size: inherit;
    height: auto;
    width: 55px;
    padding: 0;
    margin: 0;
    background: none;
    color: var(--primary);
    left: -65px;
    text-align: right;
}
.slide_child .slick-arrow.slick-prev:hover{
    left: -70px;
}
.slide_child button.slick-arrow:before {
    content: '';
    width: 35px;
    height: 1px;
    position: absolute;
    left: auto;
    right: -40px;
    background: var(--fontbody);
    top: 0;
    bottom: 0;
    margin: auto;
}
.slide_child button.slick-next:before {
    left: -40px;
    right: auto;
}
.slide_child .slick-arrow.slick-next{
    left: auto;
    right: -65px;
    text-align: left;
}
.slide_child .slick-arrow.slick-next:hover{
    right: -70px;
}
/*.row_child .col-xs-5:before{*/
/*    content: '';*/
/*    background: linear-gradient(90deg, #00000000 0%, #000000f2 100%);*/
/*    width: 100px;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    left: -100px;*/
/*    bottom: 0;*/
/*}*/
/*.row_child:nth-child(even) .col-xs-5:before{*/
/*    left: auto;*/
/*    right: -100px;*/
/*    background: linear-gradient(270deg, #00000000 0%, #000000f2 100%);*/
/*}*/
.section_info{
    padding: 60px 0 100px 0;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    animation-name: fadeIn;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function:
            ease-in-out;
    animation-delay: 0.5s;
}
.section_info .feature_rooms{
    display: inline-block;
    margin: auto;
}
.section_info .feature_rooms .images_icon{
    background: var(--primary);
    display: block;
    margin: 0 auto 5px;
    width: 35px;
    height: 35px;
}
.section_info .feature_rooms li{
    padding: 0 25px;
}
.row_detailsinfo{
    position: relative;
    display: flow-root;
    margin: 60px 0 0;
    text-align: left;
}
.row_detailsinfo .col-xs-6:nth-child(1) {
    text-align: right;
}
.row_detailsinfo .col-xs-6:nth-last-child(1) {
    width: 30%;
}
.row_detailsinfo .col-xs-6 {
    padding: 0 25px;
}
.row_detailsinfo:before {
    content: '';
    background-image: url('../images/icon/favicon.png');
    width: 100px;
    height: 100px;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    filter: brightness(0) invert(1);
    opacity: 0.1;
    margin: auto;
}
.row_detailsinfo .col-xs-6:nth-last-child(1) p:nth-child(1){
    margin-top: 0;
}
.row_detailsinfo h2{
    font-size: 24px;
}
.section_photo_info{
    padding: 0  0 100px 0;
    position: relative;
    z-index: 2;
    overflow: hidden;
    animation-name: fadeIn;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function:
            ease-in-out;
    animation-delay: 0.5s;
}
.section_photo_info .marquee{
    margin: 0;
}
/*.section_photo_info_fac{*/
/*    padding: 0!important;*/
/*}*/
.item .images_photo:before{
    content: '';
    background: linear-gradient(180deg, transparent 0%, transparent 100%);
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transition: all 0.5s;
    transform: translateY(0px);
}
.item .images_photo:hover:before{
    background: linear-gradient(180deg, #00000000 0%, #000000eb 100%);
    transform: translateY(0px);
    height: 50%;
}
.view_photo{
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
    font-family: var(--font-tagline);
    color: #ffffff;
    text-align: center;
    transform: translateY(30px);
    transition: all 0.5s;
    opacity: 0;
    z-index: 1;
    font-style: italic;

}
.item .images_photo:hover .view_photo{
    transform: translateY(0px);
    opacity: 1;
}
.section_amenities{
    text-align: center;
    position: relative;
    background-size: cover !important;
    background: linear-gradient(#000000e6, #000000e6), url('../images/icon/bg-image-1.jpg') no-repeat center center;
    background-position: center;
    display: flow-root;
    width: 100%;
    margin-top: -250px;
    padding: 250px 0;
    z-index: 1;
    animation-name: fadeIn;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function:
            ease-in-out;
    animation-delay: 0.5s;
    /*background-attachment: fixed;*/
}
.section_amenities label{
    font-family: var(--font-tagline);
    color: var(--primary);
    font-style: italic;
    text-transform: capitalize;
}
.section_amenities .container{
    position: relative;
    z-index: 1;
}
.section_amenities h3{
    text-transform: uppercase;
}
.row_amenities .images_icon{
    background: var(--primary);
    width: 25px;
    height: 25px;
    vertical-align: middle;
}
.row_amenities {
    padding: 0;
    margin: 30px auto 0;
    width: 700px;
    position: relative;
    z-index: 1;
}
.row_amenities li{
    list-style: none;
    display: inline-block;
    padding: 7px 15px;
}
.section_amenities:before {
    content: '';
    background: linear-gradient(0deg, #00000000 0%, #000000f2 100%);
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.section_amenities:after {
    content: '';
    background: linear-gradient(180deg, #00000000 0%, #000000f2 100%);
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
}
.section_other{
    margin-top: -250px;
    position: relative;
    z-index: 2;
    padding: 100px 0 150px;
    display: flow-root;
    width: 100%;
    text-align: center;
    overflow: hidden;
    animation-name: fadeIn;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function:
            ease-in-out;
    animation-delay: 0.5s;
}
.section_other .container{
    overflow: hidden;
    padding: 0;
}
.section_other .slide_rooms{
    margin-top: 0;
}
.section_other .text_title {
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
    margin: auto;
    opacity: 0.2;
}
.section_other .text_title label {
    font-size: 60px;
    font-family: var(--font-title);
    text-transform: uppercase;
    color: #ffffff;
}
.images_description iframe{
    width: 100%;
    height: 100%;
    filter: grayscale(1);
    opacity: 0.7;
    transition: all 0.5s;
}
.images_description iframe:hover{
    /*filter: none;*/
    opacity: 1;
}
.address_contact{
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
.address_contact p{
    margin: 0;
}
.address_contact li{
    list-style: none;
    padding: 15px 0;
}
.address_contact .images_icon{
    vertical-align: middle;
    background: var(--primary);
    margin-right: 10px;
}
.address_contact a:hover{
    color: #ffffff;
}
.address_contact a{
    padding: 0!important;
}
.section_location{
    animation-name: fadeIn;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function:
            ease-in-out;
    animation-delay: 0.5s;
    position: relative;
    z-index: 1;
}
.section_inquiry{
    padding: 250px 0 0;
    position: relative;
    background-size: cover !important;
    background: linear-gradient(#000000e6, #000000e6), url('../images/icon/bg-image-3.jpg') no-repeat center center;
    background-position: center;
    overflow: hidden;
    animation-name: fadeIn;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function:
            ease-in-out;
    animation-delay: 0.5s;
    text-align: center;
    margin-top: -250px;
    display: inline-block;
    width: 100%;
    /*background-attachment: fixed;*/
}
.section_inquiry:before{
    content: '';
    background: linear-gradient(0deg, #00000000 0%, #000000f2 100%);
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.section_inquiry:after{
    content: '';
    background: linear-gradient(180deg, #00000000 0%, #000000f2 100%);
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.section_inquiry label{
    font-family: var(--font-tagline);
    color: var(--primary);
    font-style: italic;
}
.section_inquiry p>span{
    display: inline-block;
    width: 100%;
}
.section_inquiry .container{
    position: relative;
    z-index: 2;
}
.form_contact{
    width: 500px;
    margin: 30px auto 0;
}
.input_contact{
    padding: 10px 0;
    border: none;
    border-bottom: 1px solid var(--fontbody);
    width: 100%;
    border-radius: 0;
    background: none;
    color: #ffffff;
    height: auto;
}
.form_contact .col-xs-6, .form_contact .col-xs-12{
    margin-bottom: 15px;
    padding: 0 10px;
}
::placeholder{
    color: var(--fontbody);
}
#promocode ::placeholder{
    color: #ffffff;
}
.form_contact textarea{
    height: 150px;
}
.form_contact .btn_booknow{
    width: auto;
}
.form_contact input + label{
    margin-top: 5px!important;
    font-family: var(--font-body);
    font-style: italic;
}
.section_gallery{
    padding: 100px 0 150px;
    animation-name: fadeIn;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function:
            ease-in-out;
    animation-delay: 0.5s;
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    text-align: center;
}
/*.section_gallery .container{*/
/*    padding: 0 100px;*/
/*    width: 100%;*/
/*}*/
.section_gallery li{
    list-style: none;
}
.section_gallery .nav-tabs {
    display: inline-block;
    border: none;
    margin: 0 0 30px 0;
}

.section_gallery .nav > li {
    margin: 0;
    padding: 0 20px;
    position: relative;
}
.section_gallery .nav > li:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: var(--primary);
    position: absolute;
    left: -3px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.section_gallery .nav > li:nth-child(1):before{
    content: none;
}

.section_gallery .nav > li > a {
    padding: 0;
    margin: 0;
}

.section_gallery .nav-tabs > li > a {
    padding: 0 0 2px;
    line-height: normal;
    border: none;
    text-transform: uppercase;
    position: relative;
}
.section_gallery .nav-tabs > li > a:before{
    content: '';
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--fontbody);
    transition: all 0.5s;
}
.section_gallery .nav-tabs > li > a:hover {
    border: none;
}

.section_gallery .nav-tabs > li.active a:before, .section_gallery .nav-tabs > li > a:hover:before {
    width: 50px;
}

.allbox_gallery ul {
    margin: 0 -10px;
    padding: 0;
    line-height: 0;
    -webkit-column-count: 4;
    -webkit-column-gap: 0px;
    -moz-column-count: 4;
    -moz-column-gap: 0px;
    column-count: 4;
    column-gap: 0px;
}

.allbox_gallery li {
    list-style: none;
    padding: 10px;
    width: 100%;
    position: relative!important;
    overflow: hidden;
}
.allbox_gallery li img{
    /*transition: all 0.5s!important;*/
    filter: none;
}
.allbox_gallery li:hover img{
    filter: grayscale(1);
}
.allbox_gallery li:hover .view_photo{
    transform: translateY(0px);
    opacity: 1;
    bottom: 20px;
}
.allbox_gallery li:after{
    content: '';
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    border: 1px solid #ffffff3b;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: all 0.5s;
    transform: translateY(0px);
}

.allbox_gallery li:before {
    content: '';
    background: linear-gradient(180deg, transparent 0%, transparent 100%);
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 10px;
    z-index: 1;
    transition: all 0.5s;
    transform: translateY(0px);
}
.allbox_gallery li:hover:before {
    background: linear-gradient(180deg, #00000000 0%, #000000eb 100%);
    transform: translateY(0px);
    height: 50%;
}
.fancybox__backdrop{
    background: #000000!important;
}
.slide_photo .slick-track{
    display: flex;
    align-items: center;
    margin: 0 auto;
}
.row_detailsinfo label{
    font-family: var(--font-tagline);
    color: var(--primary);
    font-style: italic;
    text-transform: capitalize;
}
.images_blog{
    width: 100%;
    height: 300px;
    position: relative;
    overflow: hidden;
}
.images_blog:before{
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transition: all 0.5s;
    transform: translateY(0px);
    background: linear-gradient(180deg, #00000000 0%, #000000 100%);
    height: 60%;
}
.images_blog img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    /*transition: all 0.5s!important;*/
}
.section_blog{
    padding: 60px 0 0 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    animation-name: fadeIn;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function:
            ease-in-out;
    animation-delay: 0.5s;
}
.row_blog{
    display: grid;
    gap: 25px;
    grid-template-columns: 1fr 1fr 1fr;
}
.row_blog .col-xs-4{
    width: 100%;
}
.details_blog h2{
    /*text-transform: none;*/
    font-size: 24px;
}
.details_blog label{
    font-family: var(--font-tagline);
    color: var(--primary);
    font-style: italic;
}
.details_blog{
    padding: 0 30px 30px;
    margin-top: -15px;
    position: relative;
    z-index: 3;
    transform: translateY(30px);
    transition: all 0.5s;
}
.row_blog .col-xs-4:hover .details_blog{
    transform: translateY(0px);
}
.block_card{
    position: relative;
    display: inline-block;
    width: 100%;
}
.block_card:after {
    content: '';
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    border: 1px solid #ffffff3b;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: all 0.5s;
    transform: translateY(0px);
    z-index: 2;
}
.row_blog .col-xs-4:hover .images_blog img{
    filter: grayscale(1);
}
.details_blog p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.details_blog a.btn_readmore{
    opacity: 0;
}
.details_blog a.btn_readmore:before{
    left: 0;
}
.row_blog .col-xs-4:hover a.btn_readmore{
    opacity: 1;
    margin-left: 0;
    color: #ffffff;
}
.row_blog .col-xs-4:hover a.btn_readmore:before{
    background: #ffffff;
    opacity: 1;
}
.blog_pagination{
    text-align: center;
    margin-top: 50px;
}
.blog_pagination ul{
    padding: 0;
    margin: 0 auto;
    display: inline-block;
}
.blog_pagination li{
    list-style: none;
    float: left;
    padding: 0 10px;
}
.blog_pagination li a.current{
    color: #ffffff;
}
.section_photo_info .slide_photo{
    margin: 0;
}
.images_experience{
    width: 100%;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.images_experience:before{
    content: '';
    background: linear-gradient(180deg, #00000000 0%, #000000f2 100%);
    width: 100%;
    height: 60%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.images_experience img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.details_experience{
    padding: 0 0 0 50px;
    overflow: inherit;
}
.details_experience:before{
    content: none;
}
.details_experience h2{
    font-size: 24px;
    position: relative;
    left: -100px;
}
.section_experience{
    padding: 60px 0 150px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    animation-name: fadeIn;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function:
            ease-in-out;
    animation-delay: 0.5s;
}
.details_experience .images_icon{
    object-fit: cover;
    display: inline-block;
    width: 30px;
    height: 30px;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    background: var(--primary);
    transition: all 0.25s;
    vertical-align: middle;
    margin-right: 5px;
}
.row_experience{
    margin-bottom: 100px;
    display: inline-block;
    width: 100%;
}
.section_experience .container .row_experience:nth-child(odd) .col-xs-7{
    float: right;
}
.section_experience .container .row_experience:nth-child(odd) .details_experience{
    text-align: right;
    padding: 0 50px 0 0;
}
.section_experience .container .row_experience:nth-child(odd) .details_experience h2{
    left: auto;
    right: -100px;
}
.section_experience .container .row_experience:nth-child(odd) .details_experience ul{
    display: inline-block;
    float: right;
    margin: 15px 0 0 auto;
}
.section_experience .container .row_experience:nth-child(odd) .details_experience a.btn_readmore:before{
    left: 0;
    right: auto;
}
.section_experience .container .row_experience:nth-child(odd) a.btn_readmore{
    margin: 0 0 0 auto;
}
.section_experience a.btn_readmore{
    margin: 0;
}
.section_experience .container .row_experience:nth-last-child(1){
    margin-bottom: 0;
}
.hotel_facilities{
    text-align: center;
    margin-bottom: 60px;
}
.hotel_facilities ul{
    display: inline-block;
    margin: auto;
}
.hotel_facilities li{
    padding: 0 25px;
}
.hotel_facilities .images_icon{
    vertical-align: middle;
    display: block;
    background: var(--primary);
    margin: 0 auto 5px;
    width: 40px;
    height: 40px;
}
.hotel_facilities .feature_rooms li:nth-last-child(1){
    padding: 0 25px;
}
.section_experience .row_hotelfacilities{
    margin-bottom: 100px;
    display: inline-block;
    width: 100%;
}
.section_info_fac .row_detailsinfo{
    margin: 0;
    text-align: left;
}
/*.section_other_fac{*/
/*    margin: 0;*/
/*}*/
/*.section_other_fac .text_title{*/
/*    top: 0;*/
/*}*/
.section_info_fac .row_detailsinfo li {
    padding: 0;
}
.section_info_fac .row_detailsinfo .images_icon{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.details_info_fac{
    width: 50%;
    margin: 50px auto 0;
}
.details_info_fac p:nth-child(a){
    margin-top: 0;
}
.details_info_fac .btn_bookpromotion{
    margin-top: 30px;
}
.slide_other .slick-list{
    overflow: inherit!important;
    width: 390px;
    margin: auto;
}
.slide_other .slick-slide{
    /*margin-top: 50px;*/
    opacity: 0.3;
}
.slide_other .slick-center{
    margin-top: 0;
}
.slide_other .slick-center{
    /*margin-top: 50px;*/
    opacity: 1;
}
.slide_other .slick-active .images_rooms img{
    height: 500px;
}
.slide_other .slick-center .images_rooms img{
    height: 450px;
}
.slide_other {
    width: 390px;
    margin: auto;
}
.slide_other .slick-arrow{
    display: block;
    font-size: inherit;
    height: auto;
    padding: 0;
    margin: 0;
    background: none;
    color: var(--primary);
    width: 55px;
    left: -65px;
    text-align: right;
}
.slide_other button.slick-arrow:before {
    content: '';
    width: 35px;
    height: 1px;
    position: absolute;
    right: -40px;
    background: var(--fontbody);
    top: 0;
    bottom: 0;
    margin: auto;
}
.slide_other button.slick-next:before {
    left: -40px;
    right: auto;
    text-align: left;
}
.slide_other .slick-arrow.slick-next{
    left: auto;
    right: -65px;
    text-align: left;
}
.slide_other .slick-arrow.slick-prev:hover{
    left: -70px;
}
.slide_other .slick-arrow.slick-next:hover{
    right: -70px;
}
.slide_other .item {
    padding: 0 10px;
}
.slide_other .slick-center .details_rooms{
    transform: translateY(0px);
    opacity: 1;
}
.slide_other .item:hover .details_rooms {
    transform: translateY(-20px);
}
.slide_other .details_rooms p{
    margin: 0;
    font-family: var(--font-tagline);
    color: #ffffff;
    font-style: italic;
}
/*.section_info_promotion .row_blog{*/
/*    display: block;*/
/*}*/
/*.section_info_promotion .row_blog .col-xs-4{*/
/*    width: 50%;*/
/*    padding: 15px;*/
/*}*/
/*.section_info_promotion .images_blog{*/
/*    height: 400px;*/
/*}*/
.section_info_promotion .btn_bookpromotion{
    position: absolute;
    bottom: 30px;
    top: auto;
    left: auto;
    right: 30px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px);

}
.section_info_promotion .details_blog p{
    margin-bottom: 10px;
    margin-top: 5px;
}
.section_info_promotion .row_blog .col-xs-4:hover .btn_bookpromotion{
    bottom: 0;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0px);
}
.section_promotion_details{
    text-align: left;
    padding-bottom: 0!important;
}
.section_promotion_details h2{
    font-size: 24px;
}
.slide_photo_promotion{
    padding: 50px 0 0;
}
.slide_photo_promotion img{
    width: 100%;
    height: auto;
    display: block;
}
.section_promotion_details label{
    font-family: var(--font-tagline);
    color: var(--primary);
    font-style: italic;
}
.row_promotion_details .editable ul{
    padding-left: 30px;
}
.row_promotion_details .editable ul li{
    position: relative;
    padding: 3px 0 3px 25px;
    list-style: none;
}
.row_promotion_details .editable ul li:before{
    content: '';
    /*background-image: url('../images/icon/check.png');*/
    width: 20px;
    height: 20px;
    background-size: cover;
    display: block;
    /*filter: brightness(0) invert(1);*/
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    /*filter: invert(41%) sepia(20%) saturate(919%) hue-rotate(34deg) brightness(88%) contrast(86%);*/
}
.section_promotion_details .btn_bookpromotion{
    margin: 20px 0 0;
}
.section_list_promotion{
    border: 1px solid #ffffff3b;
    width: 100%;
    position: relative;
    text-align: center;
    padding: 40px 25px 25px;
}
.section_list_promotion:before{
    content: none;
    background-image: url('../images/icon/offers.png');
    width: 25px;
    height: 25px;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -15px;
    filter: brightness(0) invert(1);
    z-index: 1;
}
.section_list_promotion:after{
    content: '';
    background: #000000;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: -28px;
    margin: auto;
    border: 1px solid #ffffff3b;
    border-radius: 100%;
}
.section_list_promotion ul{
    padding: 0;
    margin: 0;
}
.section_list_promotion li{
    list-style: none;
    width: 100%;
    border-bottom: 1px solid #ffffff21;
    padding: 10px 0;
}
.section_list_promotion li:nth-child(1){
    padding-top: 0;
}
.section_list_promotion li:nth-last-child(1){
    border-bottom: none;
    padding-bottom: 0;
}
.row_promotion_details .col-xs-4{
    padding-left: 50px;
}
.section_list_promotion h2{
    font-size: 18px;
    text-transform: uppercase;
}
ul.more_promotion{
    margin-top: 15px;
}
ul.more_promotion i{
    transform: translateX(-5px);
    opacity: 0;
    transition: all 0.25s;
    position: absolute;
    right: -15px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 15px;
}
ul.more_promotion a{
    position: relative;
}
ul.more_promotion a:hover i{
    transform: translateX(0px);
    opacity: 1;
}
ul.more_promotion a:hover{
    color: #ffffff;
}
.section_list_promotion .images_icon{
    position: absolute;
    left: 0;
    right: 0;
    top: -15px;
    margin: auto;
    z-index: 1;
    width: 25px;
    height: 25px;
}
.section_list_promotion .images_icon:hover{
    background: var(--primary);
}
.section_reviewsblog .text_title, .section_reviewsblog h3{
    text-align: center;
}
.section_reviewsblog h3{
    font-family: var(--font-tagline);
    color: #ffffff;
    font-size: 18px;
    font-style: italic;
 }
.section_reviewsblog img{
    width: 100%;
    height: auto;
    display: block;
    margin: 30px 0;
}
.submenu_sitemap{
    padding-left: 30px;
    margin-top: 5px;
}
.row_sitemap .col-xs-4{
    padding: 0 50px;
}
.row_sitemap li{
    list-style: none;
    padding: 5px 0;
}
.submenu_sitemap li{
    list-style: disc;
    padding: 0;
}
.row_sitemap a:hover{
    color: #fff;
}
.section_sitemap{
    text-align: left;
    padding-bottom: 60px;
}
.details_rooms_home{
    width: 50%;
    margin: 0 auto;
}
body.thai_lang, body.thai_lang h1, body.thai_lang h2, body.thai_lang h3, body.thai_lang .details_rooms ul, body.thai_lang .details_facilities label, body.thai_lang .text_count, body.thai_lang .details_promotion label, body.thai_lang .feature_rooms, body.thai_lang .details_blog label, body.thai_lang .section_reservation, body.thai_lang .section_info .feature_rooms, body.thai_lang .slide_other .details_rooms p, body.thai_lang .slide_other .details_rooms p, body.thai_lang .section_promotion_details label{
    font-family: var(--font-thai);
}
select.input_room{
    text-align: center;
    text-align-last: center;
}
body.thai_lang .button_container:after{
    left: -28px;
    top: -3px;
}
.slide_rooms .slick-dots{
    padding: 0;
    margin-top: 30px;
}
.slide_rooms .slick-dots button{
    width: 25px;
    height: 1px;
    background: #fff;
    border-radius: 0;
    transition: all 0.5s;
}
.slide_rooms .slick-dots li.slick-active button{
    background: #fff;
}
.slide_rooms .slick-dots li{
    margin: 0;
}
.slide_promotion .slick-dots{
    padding: 0;
    margin-top: 30px;
}
.slide_promotion .slick-dots button{
    width: 25px;
    height: 1px;
    background: #fff;
    border-radius: 0;
    transition: all 0.5s;
}
.slide_promotion .slick-dots li.slick-active button{
    background: #fff;
}
.slide_promotion .slick-dots li{
    margin: 0;
}
.slide_other .slick-dots{
    padding: 0;
    margin-top: 30px;
}
.slide_other .slick-dots button{
    width: 25px;
    height: 1px;
    background: #fff;
    border-radius: 0;
    transition: all 0.5s;
}
.slide_other .slick-dots li.slick-active button{
    background: #fff;
}
.slide_other .slick-dots li{
    margin: 0;
}
.row_description{
    overflow: hidden;
}
.slide_slideshow .on-top {
    position: absolute;
    bottom: 50px;
    right: 50px;
    z-index: 2;
    opacity: 0.5;
}

.slide_slideshow .on-top button {
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    padding: 10px;
    border-radius: 100%;
    background: none;
    text-align: center;
}

.slide_slideshow .on-top img {
    height: 100%!important;
    display: block;
    width: auto!important;
    margin: auto;
    filter: brightness(0) invert(1);
}
.section_child .row_detailsinfo{
    margin: 0 auto 100px;
    text-align: center;
    width: 50%;
}
.row_amenities hr{
    display: none;
}
.row_amenities li{
    position: relative;
    padding: 7px 20px 7px 30px;
}
.row_amenities li:before{
    content: '';
    -webkit-mask-image: url('../images/icon/check.png');
    mask-image: url('../images/icon/check.png');
    width: 25px;
    height: 25px;
    background-size: cover;
    display: block;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    /*filter: invert(43%) sepia(10%) saturate(1938%) hue-rotate(34deg) brightness(84%) contrast(82%);*/
    object-fit: cover;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    background: var(--primary);
    transition: all 0.25s;
}
.row_detailsinfo .col-xs-12{
    text-align: center;
}
.form_contact input + label{
    color: var(--primary)!important;
}
.notificationAtInput{
    border-bottom: 1px solid var(--primary) !important;
}
.row_promotion_details .editable ul li:before{
    -webkit-mask-image: url('../images/icon/check.png');
    mask-image: url('../images/icon/check.png');
    object-fit: cover;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    background: var(--primary);
}
.check_in_box:before{
    -webkit-mask-image: url('../images/icon/calendar.png');
    mask-image: url('../images/icon/calendar.png');
    object-fit: cover;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    background: var(--primary);
}
.section_other_pro{
    margin: 0;
}
.modal-open .modal{
    background: #000;
    position: fixed;
    overflow: scroll !important;
}
#content-modal .modal-body{
    margin: auto;
    display: block;
    background: #000000;
}
#content-editor label{
    color: #ffffff!important;
    margin: 5px 0 !important;
    font-family: var(--font-title);
}
#content-editor .form-group{
    position: relative;
}
#content-editor  .form-control{
    text-align: left;
    border: 1px solid #ffffff30;
    background: #fff;
    color: #000;
    padding: 10px;
    line-height: normal;
}
#content-editor .form-group .form-group{
    padding: 0!important;
}
#content-editor .btn-primary{
    background: var(--primary);
    width: auto;
    border-radius: 0;
    border: none;
    padding: 10px 30px;
    margin: auto;
    line-height: normal;
    transition: all 0.5s;
    font-family: var(--font-title);
}
#content-editor .btn-primary:hover{
    background: var(--fontbody);
}
#content-editor .modal-footer{
    text-align: center;
}
#content-editor .modal-title{
    font-size: 30px;
}
#content-editor  i{
    position: absolute;
    bottom: 10px;
    right: 20px;
    color: #000;
    z-index: 1;
}
.t-datepicker-day, .popup_content {
    background: #000000e0;
}