@font-face {
    font-family: 'Crimson Text';
    src: url('../font/CrimsonText-Regular.woff2') format('woff2'),
    url('../font/CrimsonText-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Crimson Italic';
    src: url('../font/CrimsonText-Italic.woff2') format('woff2'),
    url('../font/CrimsonText-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Kanit Light';
    src: url('../font/kanit-light.woff2') format('woff2'),
    url('../font/kanit-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
:root{
    --font-body: 'Crimson Text', 'Kanit Light';
    --font-tagline: 'Crimson Italic', 'Kanit Light';
    --font-thailang: 'Kanit Light', 'Kanit Light';
    --pimary-color: #c9b73f;
    --second-color: #001a3b;
}
body, h1, h2, h3, h4, .text-slider p, .best_rate h4, .day, .reservation-check select, .show_content h2, .bg_color .box_main h3, .hotel_facilities p, .box_main h4, .view_all{
    font-family: var(--font-body);
}
body{
    background: #fcfcfc;
    color: #393939;
    font-size: 16px;
}
.content_child .box_main h2, h1, h2, h3, h4, .hotel_facilities h3, .show_menu li> a:hover, .nav-lang .lang_parent li a:hover, .view_all, .text_primary, .bg_white .box_main h2, .bg_white .slider-counter{
    color: #333333!important;
}
.other_room .btn_main, .reservation-box .col-xs-8, .reservation-box .best_rate, .btnbook_reser, .book_fixed, .btn_main{
    border-radius: 0;
}
.social .images_icon{
    width: 15px;
    height: 15px;
    margin: auto;
}
.book_mobile, .book_fixed:hover, .show_menu li.active .ui-icon-plus:before, .show_menu li.active .ui-icon-plus:after, .btnbook_reser, .btn_main{
    background: var(--pimary-color)!important;
}
.box_main h4, .copyright a:hover, .show_menu li> a:hover, .bg_color .box_main h3, .bg_white .box_main h3,  .show_menu li.active > a{
    color: var(--pimary-color)!important;
}
.main_transferschedule h3, .show_content h2, .other h3, .other_facilities h3{
    color: var(--pimary-color)!important;
    font-size: 20px;
}
.main.other_facilities h2, .show_menu .info_detail li> a:hover, .other_room .detail_room h3, .text-slider h1, .best_rate h4, .box_main h2, .bg_color h2{
    color: #ffffff!important;
}
.best_rate p{
    font-size: 16px;
}
.other_facilities h3, .other h3, .main_transferschedule h3, .text-slider p, .show_content h2, .best_rate p, .bg_color .box_main h3, .bg_white .box_main h3, .hotel_facilities p, .box_main h4{
    font-family: var(--font-tagline)!important;
}
.text-slider p, .bg_color .box_main h3, .bg_white .box_main h3, .box_main h4{
    font-size: 20px;
}
#maximage{
    height: 100vh!important;
}
.mc-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.main.bg_color:before, .main.other_facilities:before {
    content: '';
    background-image: url('../images/icon/shadow.png');
    width: 300px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    filter: brightness(0) invert(1);
    opacity: 0.5;
}
.bg_color{
    background-image: none;
}
.bg_footer.bg_white, .template_facilities .box_main, .bg_white{
    background-image: url('../images/icon/bg.png');
    background-size: 110px;
}
.box_main h4{
    margin-bottom: 15px;
}
.navbar-brand .logo_scroll{
    display: none;
}
.header_fixed .navbar-brand .logo_scroll{
    display: block;
}
.header_fixed .navbar-brand .logo_fix{
    display: none;
}
.show_menu li a{
    width: 100%;
    padding: 0 7px;
}
.social a{
    display: flex;
    align-items: center;
    background: none!important;
}
.social{
    margin: 15px auto;
    display: inline-flex;
}
.main_meeting .box_main{
    height: auto;
}
.social a:hover{
    background: var(--second-color)!important;
}
.main_transferschedule .primary_box{
    padding-top: 0;
}
.main_transferschedule .editable{
    text-align: left;
}
.images_transfer{
    height: 250px;
}
.images_transfer img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.list_transfer{
    display: flow-root;
    width: 100%;
    margin: 50px 0;
}
.details_transfer{
    text-align: left;
    margin-top: 25px;
}
.details_transfer h2{
    font-size: 24px;
}
.details_transfer h3{
    font-size: 20px;
}
.row_listtransfer .col-xs-4{
    padding: 0 15px;
}
.row_listtransfer{
    margin: 0 -15px;
}
.navbar-brand img{
    height: 75px;
}
.btnbook_reser:hover, .btn_main:hover{
    background: #ffffff!important;
    color: #393939;
}
::selection{
    background: #393939;
}
.best_rate img{
    height: 30px;
    filter: brightness(0) invert(1);
    animation: swing 1s .7s ease-in-out infinite;
}
.filter-controls ul li.active, .filter-controls ul li:hover{
    color: var(--second-color)!important;
}
.nav-lang label{
    margin: 0;
}
.page_info .box_main{
    padding: 0 50px 0 0 ;
}
body.thai_lang{
    font-size: 14px;
}
.thai_lang .day, .thai_lang .reservation-check select, .thai_lang .box_main h4, body.thai_lang, .thai_lang h1, .thai_lang h2, .thai_lang h3, .thai_lang .bg_color .box_main h3, .thai_lang .hotel_facilities p{
    font-family: var(--font-thailang)!important;
}
.modal-open{
    position: relative;
}
.modal.show{
    opacity: 1;
}
.modal.fade .modal-dialog{
    transform:none!important;
}
.t-datepicker-day{
    border-radius: 0!important;
}
.up .t-datepicker-day{
    bottom: 130px!important;
}
.thai_lang .up .t-datepicker-day{
    bottom: 127px!important;
}
.reservation-box .popup_content .col-xs-4{
    border: none;
}
.template_facilities .box_main .btn_main:hover, .content_child .btn_main:hover{
    background: var(--second-color)!important;
    color: #ffffff;
}
.book_mobile{
    padding: 20px;
}
.padding_apply{
    padding: 0 10px 10px;
}
.btn_apply:hover, .row_amenities .images_icon{
    background: var(--pimary-color)!important;
}
.reservation-box select option{
    color: black!important;
    font-size: 16px!important;
}
.reservation-box select:active {
    font-size: 16px;
}
.content_child .editable p:nth-child(1){
    margin-top: 0;
}
.page_info .editable p:nth-child(1){
    margin-top: 0;
}
.owl-theme .owl-nav [class*=owl-]{
    background: #fcfcfc;
}
.main_meeting li{
    width: 50%;
    float: left;
}
.main_meeting ul{
    display: inline-block;
    margin: 0;
}
.contact input + label{
    font-weight: lighter;
    margin-top: 3px;
    color: #c30f0f;
    display: none;
    font-size: 14px;
    font-style: italic;
}
.input-group-addon, .input-group-btn{
    text-align: left;
}
.header_fixed{
    z-index: 10;
}
.video_section{
    height: 100vh;
}
.pull-right{
    display: flex;
    align-items: center;
}
.pull-right ul{
    margin: 0;
    padding: 0;
}
.pull-right li{
    float: left;
    list-style: none;
    position: relative;
}
.pull-right .video_layer{
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    right: 0;
    top: 0;
    border: none;
    display: block!important;
}
.video_layer .muted_layer{
    position: relative;
}
.video_layer .muted_layer:before, .video_layer .muted_layer:after{
    position: initial;
}
.header.header_fixed .video_layer {
   display: none!important;
}