@font-face {
    font-family: 'optimanormal';
    src: url('../../asset_royalbenja/font/optima-webfont.woff2') format('woff2'),
    url('../../asset_royalbenja/font/optima-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}@font-face {
    font-family: 'kanit';
    src: url('../../asset_royalbenja/font/kanit-regular-webfont.woff2') format('woff2'),
    url('../../asset_royalbenja/font/kanit-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Lora_Regular';
    src: url('../font/Lora-Regular.woff2') format('woff2'),
    url('../font/Lora-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lora_Italic';
    src: url('../font/Lora-Italic.woff2') format('woff2'),
    url('../font/Lora-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}



body {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #686868;
    letter-spacing: initial;
    line-height: 1.5;
    overflow-x: hidden;
    background: #fdfcfc;
    font-family: 'Lora_Regular', 'kanit'!important;
}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input, select, button, a {
    font-family: inherit!important;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    transition: all 0.5s;
}

h1, h2, h3, h4, h5 {
    margin: 0;
    font-weight: normal;
    letter-spacing: inherit;
    text-transform: none!important;
    color: #000;
    font-family: 'Lora_Regular', 'kanit'!important;
}
header .header-overlay .offers-tab .offer-header, .header-overlay .banner-title h1, .extendlisting .extendlisting-grid .title p, .contact-wrapper .contact-content h1, .contact-wrapper .contact-content h2, .contact-wrapper .contact-content h3, .contact-wrapper .contactform h3{
    font-family: 'Lora_Regular', 'kanit'!important;
    letter-spacing: 0;
}
a{
    font-weight: normal;
}
p{
    font-size: inherit;
}
.container, .col-xs-6, .col-xs-3, .col-xs-2, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
    padding: 0;
}
.row{
    margin: 0;
}
.hamburger-wrapper{
    display: none;
    right: 0;
    left: auto;
}
.header-tab .booknow{
    text-transform: uppercase!important;
    line-height: 30px!important;
}
.header-tab .booknow, .header-tab .language{
    height: auto;
    margin: 20px 0;
    padding: 3px 0;
}
.header-tab .language{
    font-size: 16px;
    margin: 20px 0;
    border: 2px solid #656867;
    text-transform: uppercase;
    width: 120px;
    color: #656867;
    line-height: 30px;
}
.header-tab .language::after{
    content: none;
}
.header-overlay .banner-title h1{
    padding: 0 0 5px 0 !important;
}
.header-overlay .banner-title h1, .header-overlay .banner-title h2{
    color: #fff!important;
}
.header-overlay .banner-title h2{
    letter-spacing: 0;
    font-size: 20px;
}
.page-title{
    text-align: center;
}
.page-title .content {
    padding: 30px 0 0 0;
    text-align: center;
}
.network .social, .network .title{
    text-align: center;
}
footer .title h1{
    color: #fff!important;
}
.extend-title p{
    margin: 0;
    font-size: inherit;
    font-family: inherit!important;
}
.gallery .gallery-wrapper span div.img-wrapper{
    width: 25%;
    margin: 0;
    padding: 10px;
}
.room-slide .room-grid .title h3{
    color: #fff!important;
}
.network .title h3{
    font-family: 'Lora_Regular', 'kanit'!important;
    font-size: 24px;
    margin-bottom: 15px;
    letter-spacing: 0;
    color: #fff!important;
}
.header-tab .booknow, .header-tab .language{
    font-family: inherit;
    font-weight: inherit;
}
.header-tab nav ul li a{
    font-size: 14px;
    white-space: nowrap;
    line-height: 30px;
}
.oneslide .slide-list .content{
    padding: 10px 0;
}
.image_parallax{
    height: 500px;
    width: 100%;
    background-size: cover!important;
    background-position: center!important;
}
.oneslide .slide-list a, .extendlisting .extendlisting-list .content a, .extendlisting .extendlisting-grid .title a, .download .download-list a{
    padding: 10px 30px;
    height: auto;
    width: auto;
}
.extendlisting .extendlisting-list .content{
    text-align: center;
}
.extend-title{
    margin: 0;
}
.extendlisting {
    padding: 0 0 80px 0;
    background: #f7f7f7;
}
.oneslide .slide-list a{
    width: 170px;
    line-height: inherit!important;
}
.title h3{
    color: #fff;
}
.gallery .gallery-wrapper{
    padding: 80px 50px;
}
.extendlisting .extendlisting-grid .img-wrapper{
    height: 400px;
}
.btn_submit{
    border: 2px solid #000;
    padding: 10px 30px;
    background: none;
}
.btn_submit:hover{
    color: #fff;
}
.reservation_box{
    position: absolute;
    right: -100%;
    margin: auto;
    width: 280px;
    height: 0;
    bottom: 0;
    top: auto;
    opacity: 0;
    left: auto;
    transition: all 0.9s;
}
.reservation_box.active {
    right: 0 !important;
    opacity: 1;
    transition: all 0.9s;
}
.reservation_box p{
    margin: 0;
    padding: 0;
}
.btnbook_reser{
    padding: 10px!important;
    text-transform: uppercase;
}
.reservation_box select, .reservation_box input, .reservation_box .arrow_index, .reservation span{
    color: #000;
}
.box_inout, .box_room, .box_promocode, .box_book{
    background: #fff;
    border: 1px solid #eee;
    padding: 10px;
    height: auto;
}
.header-tab nav ul li{
    padding: 0 10px;
    line-height: 80px;
}
.t-arrow-top, .t-arrow-top::after{
    display: none!important;
}
.t-highlighted, .reservation_box .popup_content label {
    font-weight: inherit;
    margin: 0;
    padding: 5px 10px;
}
.btn_apply{
    letter-spacing: inherit;
}
.t-next, .t-prev, .t-table-condensed td, .t-table-condensed th{
    font-weight: inherit;
}
.section_reservationmobile .col-xs-2, .section_reservationmobile .col-xs-8{
    padding: 10px;
    text-transform: inherit;
}

nav.toggle-navigation, .toggle-overlay{
    z-index: 25;
}
.header-tab{
    box-shadow:none;
}
.fixed{
    box-shadow: rgba(0,0,0,0.09) 0 0 10px;
}
nav.toggle-navigation .menu-wrapper{
    padding: 100px 0 0;
}
/*.language{*/
/*    display: none!important;*/
/*}*/
.extendlisting .extendlisting-grid .title a{
    position: inherit;
    top: auto;
    display: inline-block!important;
}
.owl-controls .owl-pagination{
    position: inherit;
    height: auto;
    top: auto;
}
.oneslide{
    padding: 70px 20%;
}
.form-group img{
    width: 100%;
}
.header-tab nav ul li:hover ul.submenu li{
    width: -webkit-fill-available;
}
.section_sitemap li{
    list-style: none;
    padding: 5px 0;
}
.sub_menusitemap li{
    list-style: disc;
}
.footer a:hover{
    color: #fff;
}
.network .social a{
    border-radius: 0;
    padding: 5px 0;
}
.header-social{
    display: none!important;
}
.owl-controls .owl-pagination{
    z-index: 9;
}
nav.toggle-navigation, .toggle-overlay{
    z-index: 40;
}
.section_faciliiesinroom{
    margin-top: 15px;
    display: inline-block;
    width: 100%;
}
.section_faciliiesinroom ul{
    padding: 0;
    margin: 0;
    width: 100%;
    display: inline-block;
}
.section_faciliiesinroom li{
    padding: 10px;
    width: 33.3333%;
    float: left;
    text-align: center;
    list-style: none;
}
.section_faciliiesinroom img{
    width: 40px;

}
.section_faciliiesinroom p{
    text-align: center;
}
/*.modal_book{*/
    /*display: none!important;*/
/*}*/
.header-tab nav{
    width: 100%;
    text-align: right;
}
.qr_code{
    display: inline-block;
}
.qr_code img{
    width: 120px!important;
    filter: none!important;
}
footer .title{
    padding: 0 0 30px 0;
}
.header-tab nav ul{
    margin: 0;
}
header #maximage{
    height: 100vh;
}
#maximage img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.extendlisting .extendlisting-list .img-wrapper img, .extendlisting .extendlisting-grid .img-wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.extendlisting .extendlisting-list .img-wrapper, .extendlisting .extendlisting-list .content, .extendlisting .extendlisting-grid .content-wrapper .content, .extendlisting .extendlisting-grid .img-wrapper{
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.social img{
    height: 20px;
    margin: auto;
    filter: brightness(0) invert(1);
}
.header-tab .booknow, .btn_submit, .oneslide .slide-list a:hover{
    background: #1d1973;
    border-color: #1d1973!important;
    color: #fff;
    text-transform: none;
}
.oneslide .slide-list a{
    text-transform: none;
    background: none;
}
.header-tab nav ul li a.active{
    color: #1d1973;
    font-weight: inherit;
}
footer{
    background: #1d1973 !important;
}
.network .social a:hover {
    background-color: #1d1973 !important;
    border-color: #1d1973 !important;
}
.page-title h1, .extend-title h1{
    color: #1d1973!important;
    letter-spacing: 0;
}
.page-title h1{
    text-transform: none!important;
    font-size: 40px;
}
.header-tab nav ul li a:hover {
    color: #1d1973;
}
.header-tab nav ul li a::after{
    background: #1d1973;
}
footer .title img{
    width: 110px!important;
    height: auto!important;
    filter: brightness(0) invert(1)!important;
}
.header-tab .site-logo{
    height: 100%;
    padding: 5px 0;
    z-index: 3;
}
.header-tab nav{
    width: 100%;
    text-align: right;
    right: 280px;
}
.header-tab nav ul.submenu li a{
    line-height: inherit!important;
}
.header-tab nav ul.submenu li{
    display: initial;
    line-height: initial;
}
#owl-offer a, p.uppercase, p{
    letter-spacing: 0!important;
}
.room-slide{
    padding-top: 0;
}
.header-tab nav ul li a::after, nav.toggle-navigation .menu-wrapper ul li::after, .section_reservationmobile .col-xs-8, .owl-controls .owl-pagination div.active, .reservation_box .btnbook_reser, .hamburger-wrapper .hamburger-icon span, .hamburger-wrapper .hamburger-icon span::before, .hamburger-wrapper .hamburger-icon span::after{
    background: #1d1973;
}
.oneslide .slide-list a:hover{
    color: #fff!important;
}
.desktop-book{
    padding: 10px 30px;
    border: 2px solid #000;
    margin: auto;
}
.desktop-book, .extendlisting .extendlisting-list .content .button a.booknow:hover, .extendlisting .extendlisting-grid .title a.booknow:hover{
    background-color: #1d1973 !important;
    border-color: #1d1973 !important;
    color: #fff!important;
}
.extendlisting .extendlisting-list .content .button a:hover, .extendlisting .extendlisting-grid .title a.readmore:hover{
    color: #fff!important;
}
.extendlisting .extendlisting-list .content .button a.booknow:after, .extendlisting .extendlisting-grid .title a.booknow:after{
    content: none;
}
.room-slide .room-grid .title .readmore::after, .oneslide .slide-list a::after, .extendlisting .extendlisting-list .content a::after, .extendlisting .extendlisting-grid .title a::after, .download .download-list a::after{
    font-size: 14px;
}
.btn_info{
    text-align: center;
    margin-top: 30px;
}
.language-popup .select-wrapper a{
    letter-spacing: 0;
}
.extend-info .photo .img-wrapper{
    padding: 10px;
}
.hamburger-wrapper .hamburger-icon span{
    margin: auto;
}
nav.toggle-navigation .menu-wrapper ul li{
    letter-spacing: 0;
}
nav.toggle-navigation .menu-wrapper ul li.active:after{
    width: 100%;
}
nav.toggle-navigation .menu-wrapper ul li.active a{
    color: #1d1973;
}
.fullscreen-bg::after, .network .img-bg::after, .title-extend .img-bg::after, .parallax .img-bg::after{
    background-color: #00000080 !important;
}
h3, .h3{
    font-size: 20px;
}
.modal-header .close{
    font-family: sans-serif!important;
}
.modal-body .form-group{
    margin: 20px 0;
}
.modal-body .modal-footer{
    padding: 0;
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover{
    border-color: #1d1973 !important;
}
.section_roomamenities{
    text-align: center;
    padding: 30px 0 0;
    display: inline-block;
    width: 100%;
}
.section_roomamenities h1{
    font-size: 26px;
    color: #1d1973!important;
}
.section_roomamenities ul{
    margin: 30px 0 0 0;
    padding: 0;
}
.section_roomamenities li{
    padding: 10px;
    list-style: none;
    float: left;
    width: 20%;
}
.section_roomamenities img{
    width: auto;
    height: 30px;
    margin: auto;
}
.extendlisting .extendlisting-list .content p, .extendlisting .extendlisting-grid .content-wrapper .content{
    padding: 0;
}
.extendlisting .extendlisting-list .content .button{
    margin-top: 25px;
}
.extendlisting .extendlisting-grid .content-wrapper .content{
    padding-left: 50px;
}
.t-datepicker-day{
    right: 0;
}
.t-check-out .t-datepicker-day{
    left: auto;
}