@font-face {
    font-family: ibmplexsansthai;
    src: url(../font/ibmplexsansthai-regular-webfont.woff2)
    format('woff2'), url(../font/ibmplexsansthai-regular-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
::-moz-selection {
    background-color: #f7eeee;
    color: #a11c21;
}

::selection {
    background-color: #f7eeee;
    color: #a11c21;
}

body {
    padding: 0;
    margin: 0;
    font-family: var(--font-body);
    font-size: 15px;
    color: #4f4f4f;
    line-height: 1.5;
    background: #fff;
    max-width: 100%;
    overflow-x: hidden
}

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

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

p {
    margin: 8px 0 15px;
    font-weight: lighter
}

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

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

h1, h2, h3 {
    padding: 0;
    margin: 0;
    line-height: initial;
    font-weight: lighter;
    font-family: astoria_light, ibmplexsansthai
}

h1 {
    font-size: 40px;
    text-transform: capitalize;
    color: #406267;
    line-height: 50px
}

h2 {
    font-size: 30px;
    color: #406267
}

h3 {
    font-size: 24px;
    color: #406267
}

h4, h5 {
    font-family: inherit;
    font-weight: lighter;
    color: #5e88b1;
    font-size: 16px;
    margin: 3px 0 15px;
    padding: 0
}

.section_slideshow {
    position: relative
}

.container {
    padding: 0;
    position: relative
}

.section_header {
    padding: 15px 0;
    position: absolute;
    z-index: 2;
    width: 100%;
    background: 0 0;
    transition: all 1s
}

.section_header .container {
    width: 100%;
    padding: 0 50px
}

.brand_logo {
    float: left;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 40px;
    margin: auto;
    transition: all 1s
}

.brand_logo img {
    height: 40px;
    filter: brightness(0) invert(1)
}

.top_header img {
    height: 15px;
    vertical-align: middle;
    filter: brightness(0) invert(1)
}

.top_header span {
    line-height: 16px
}

.top_header {
    text-align: right;
    color: #fff;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    margin-bottom: 5px
}

.top_header ul {
    margin: 0;
    padding: 0;
    float: right
}

.top_header li {
    float: left;
    padding: 0 15px;
    border-right: 1px solid #d6d6d6;
    list-style: none;
    line-height: initial
}

.top_header li:nth-last-child(1) {
    border: none;
    padding-right: 0
}

.box_lang {
    text-transform: uppercase
}

.box_lang img {
    filter: none
}

.box_lang a:nth-child(1) {
    margin-right: 5px
}

.nav_desktop {
    float: right;
    background: #fff;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    transition: all 1s
}

.nav_desktop ul {
    padding: 0;
    margin: 0
}

.nav_desktop li {
    float: left;
    padding: 0 15px;
    list-style: none;
    line-height: 40px
}

.nav_desktop li:nth-last-child(1) {
    padding-right: 0
}

.nav_desktop img {
    filter: brightness(0) invert(1);
    height: 18px;
    vertical-align: sub;
    margin-right: 5px
}

.nav_desktop:before {
    content: '';
    background: #fff;
    width: 40px;
    height: 40px;
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    -webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%);
    position: absolute;
    left: -20px;
    transition: all 1s
}

.btn_reservation {
    background: #406267;
    color: #fff;
    padding: 0 30px !important;
    position: relative
}

.btn_reservation:before {
    content: '';
    background: var(--color-main);
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 1s
}

.nav_desktop li:hover .btn_reservation:before {
    width: 100%
}

.text_slide {
    position: absolute;
    right: 0;
    bottom: 200px;
    color: #fff;
    padding: 0;
    text-align: right
}

.text_slide h1 {
    position: relative;
    padding-right: 50px;
    color: #fff
}

.text_slide h1:after {
    content: '';
    width: 40px;
    height: 1px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.text_slide p {
    margin: 0;
    text-transform: uppercase;
    padding-right: 50px
}

.text_slide ul {
    margin: 0;
    padding: 0;
    transition: all .5s
}

.text_slide ul li {
    animation-name: fadeInUp;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    margin: 0;
    list-style: none
}

.text_slide li:nth-child(1) {
    animation-delay: .5s
}

.text_slide li:nth-child(2) {
    animation-delay: .6s
}

div.mc-image {
    width: 100% !important;
    transform: none
}

#cycle-nav li {
    float: none;
    margin: 5px 0;
    border: none;
    background: #fff;
    opacity: .3
}

#cycle-nav li.activeSlide, #cycle-nav li:hover {
    opacity: 1;
    background: #fff
}

#cycle-nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
    top: 0;
    bottom: 0;
    right: auto;
    left: 50px;
    padding: 0
}

.whybook img {
    filter: none;
    height: 18px;
    margin-right: 5px;
    vertical-align: text-top
}

.section_offers {
    padding: 130px 0 80px;
    background: #fffbf8;
    position: relative
}

.section_offers:after {
    content: '';
    background: #fffbf8;
    width: 100%;
    height: 50px;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
    position: absolute;
    left: 0;
    bottom: -50px
}

.owl-theme .owl-dots .owl-dot span {
    background: #be9e68;
    opacity: .3;
    margin: 0 5px
}

.owl-theme .owl-dots .owl-dot.active span {
    background: #be9e68;
    opacity: 1
}

.images_offers {
    width: 100%;
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden
}

.images_offers img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: all 1s
}

.text_offers {
    text-align: center;
    padding: 25px 25px 0;
    position: relative
}

.text_offers p {
    margin: 5px 0 0
}

.btn_booknow {
    background: #be9e68;
    padding: 15px 40px;
    color: #fff;
    border: none;
    margin-top: 25px;
    position: relative;
    text-transform: uppercase;
    transition: all 1s
}

.text_offers:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #be9e68;
    position: absolute;
    bottom: 20px;
    margin: auto;
    left: 0;
    z-index: -1;
    transition: all 1s
}

.text_offers:after {
    content: '';
    background-image: url(../images/icon/offers.png);
    background-size: cover;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    margin: auto;
    z-index: 2
}

.images_offers:before {
    content: '';
    background: #fffbf8;
    width: 50px;
    height: 50px;
    left: 0;
    right: 0;
    position: absolute;
    bottom: -25px;
    margin: auto;
    border-radius: 50%;
    z-index: 1
}

.slide_offers .owl-dots, .slide_offers .owl-nav {
    display: none
}

.slide_offers .item:hover .images_offers img {
    transform: scale(1.1)
}

.slide_offers .item:hover .btn_booknow:after {
    width: 100%
}

.slide_offers .item:hover .text_offers:before {
    background: #406267
}

.btn_booknow:after {
    content: '';
    background: #406267;
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 1s
}

.btn_booknow span, .btn_reservation span, .btnbook_reser span {
    position: relative;
    z-index: 2
}

.btnbook_reser:after {
    content: '';
    background: #406267;
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 1s
}

.btnbook_reser {
    position: relative
}

.box_book:hover .btnbook_reser:after {
    width: 100%
}

.section_description {
    padding: 110px 0 80px 0;
    text-align: center;
    position: relative
}

.section_description:after {
    content: '';
    background-image: url(../images/icon/icon_bg.webp);
    width: 230px;
    height: 403px;
    position: absolute;
    bottom: -50px;
    right: -32px;
    background-repeat: no-repeat;
    opacity: .5
}

.section_description p:nth-last-child(1) {
    margin-bottom: 0
}

.section_description h4 {
    text-transform: uppercase
}

.images_accommodations {
    width: 100%;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden
}

.images_accommodations img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: all 1s
}

.details_accommodations {
    padding: 0 50px;
    background: #fffbf8;
    margin-top: 50px;
    position: relative;
    overflow: inherit
}

.details_accommodations:before {
    content: '';
    background: #fffbf8;
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: -100%
}

.details_accommodations p {
    width: 80%;
    margin-bottom: 0
}

.slide_accommodations .owl-nav {
    display: none
}

.slide_accommodations .owl-dots {
    position: absolute;
    left: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    top: 0;
    bottom: 0
}

.slide_accommodations .item:hover .images_accommodations img {
    transform: scale(1.1)
}

.slide_accommodations .item:hover .details_accommodations img {
    transform: none
}

.btn_readmore {
    padding: 0;
    border: none;
    background: 0 0;
    color: #28505a;
    margin-top: 25px
}

.btn_readmore img {
    height: 15px !important;
    vertical-align: text-top;
    margin-left: 5px;
    width: auto !important
}

.slide_accommodations .owl-dots .owl-dot span {
    background: #fff;
    opacity: .3;
    margin: 5px 0
}

.slide_accommodations .owl-dots .owl-dot.active span {
    background: #fff;
    opacity: 1
}

.section_facilities {
    padding: 80px 0;
    position: relative;
    z-index: 2
}

.row_imagesfacilities .col-xs-6 {
    padding: 0 15px
}

.row_imagesfacilities {
    margin-left: -15px;
    margin-right: -15px
}

.images_facilities {
    width: 100%;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden
}

.images_facilities img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: all 1s
}

.slide_facilities .item:hover .row_imagesfacilities .images_facilities img {
    transform: scale(1.1)
}

.details_facilities {
    padding-right: 50px
}

.details_facilities p {
    margin-bottom: 0
}

.slide_facilities .owl-dots .owl-dot span {
    background: #be9e68;
    margin: 5px 0
}

.slide_facilities .owl-dots .owl-dot.active span {
    background: #be9e68
}

.slide_facilities .owl-dots {
    position: absolute;
    right: -50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    top: 0;
    bottom: 0;
    z-index: -1
}

.slide_facilities .owl-nav {
    position: absolute;
    right: -29px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    top: 0;
    bottom: 0
}

.slide_facilities .owl-nav [class*=owl-] {
    background: 0 0;
    padding: 0;
    margin: 0;
    color: #be9e68;
    font-size: inherit;
    transition: all 1s
}

.slide_facilities .owl-nav [class*=owl-]:hover {
    background: 0 0 !important;
    color: #be9e68
}

.slide_facilities .owl-prev {
    position: absolute;
    top: 0;
    transform: rotate(90deg)
}

.slide_facilities .owl-next {
    position: absolute;
    bottom: 0;
    transform: rotate(90deg)
}

.slide_facilities .owl-prev:after {
    content: 'Prev';
    position: absolute;
    top: 0;
    margin-left: 10px
}

.slide_facilities .owl-next:before {
    content: 'Next';
    position: absolute;
    margin-right: 10px;
    left: -43px
}

.slide_facilities .owl-nav img {
    height: 20px;
    width: auto;
    vertical-align: middle
}

.details_facilities .btn_readmore {
    float: right
}

.slide_iconfacilities .owl-dots, .slide_iconfacilities .owl-nav {
    display: none
}

.slide_iconfacilities img {
    height: 30px;
    width: auto;
    vertical-align: text-bottom
}

.section_iconfacilities p {
    margin: 0;
    color: #be9e68
}

.section_facilities:before {
    content: '';
    background-image: url(../images/icon/icon_bg.webp);
    width: 230px;
    height: 403px;
    position: absolute;
    left: -66px;
    bottom: -62px;
    z-index: -1;
    background-repeat: no-repeat;
    opacity: .6
}

.section_iconfacilities h2 {
    font-size: 30px
}

.section_iconfacilities {
    text-align: center;
    position: relative;
    z-index: 2
}

.section_iconfacilities .col-xs-7 {
    padding-right: 50px
}

.section_iconfacilities .col-xs-5 {
    text-align: left;
    border-left: 1px solid #be9e68;
    padding-left: 50px
}

.box_iconfacilities {
    background: #fffbf8;
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 25px
}

.box_iconfacilities:before {
    content: '';
    background: #fffbf8;
    width: 120px;
    height: 100%;
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    -webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%);
    position: absolute;
    left: -60px;
    top: 0;
    z-index: -1
}

.box_iconfacilities:after {
    content: '';
    background: #fffbf8;
    width: 120px;
    height: 100%;
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    -webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%);
    position: absolute;
    right: -60px;
    top: 0;
    z-index: -1;
    transform: rotate(180deg)
}

.box_iconfacilities .col-xs-5 {
    float: right
}

.row_footer {
    margin-left: -50px;
    margin-right: -50px
}

.row_footer .col-xs-6 {
    padding: 0 50px
}

.section_footer {
    padding: 130px 0 80px;
    position: relative;
    color: #fff;
    margin-top: -50px
}

.section_footer:before {
    content: '';
    background: #406267;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.section_footer:after {
    content: '';
    background: #be9e68;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1
}

.copyright {
    display: inline-flex;
    width: 100%
}

.section_footer p {
    margin: 0
}

.contact_footer {
    margin: 25px 0
}

.section_footer h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 34px
}

.section_footer ul {
    margin: 0;
    padding: 0
}

.section_footer li {
    list-style: none;
    padding: 0
}

.sitemap_left {
    float: left
}

.sitemap_right {
    float: right
}

.secial_media i {
    font-size: 24px;
    margin-right: 10px
}

.section_footer hr {
    border-top: 1px solid #ffffff26
}

.scroll_menu {
    position: fixed;
    z-index: 3;
    background: #fff;
    box-shadow: rgba(0, 0, 0, .09) 0 0 10px
}

.scroll_menu .brand_logo img, .scroll_menu .top_header img {
    filter: none
}

.scroll_menu .nav_desktop {
    background: 0 0
}

.scroll_menu .top_header {
    color: #505050
}

.nav_desktop .active, .nav_desktop a:hover {
    color: #b28021
}

.btn_reservation a:hover {
    color: #fff
}

.scroll_menu .brand_logo {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 40px;
    margin: auto
}

.slide_facilities .item .col-xs-6:nth-child(1) {
    float: right
}

.dropdown-menu a {
    line-height: initial
}

.dropdown-menu li {
    padding: 0;
    width: 100%
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #be9e68
}

.dropdown-menu > li > a {
    color: #505050;
    padding: 10px 15px
}

.button_container {
    position: relative;
    top: 0;
    right: 0;
    height: 18px;
    width: 30px;
    cursor: pointer;
    z-index: 100;
    transition: opacity .25s ease
}

.button_container:hover {
    opacity: 1
}

.button_container.active .top {
    -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
    transform: translateY(8px) translateX(0) rotate(45deg);
    background: #be9e68
}

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

.button_container.active .bottom {
    -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
    transform: translateY(-8px) translateX(0) rotate(-45deg);
    background: #be9e68
}

.button_container span {
    background: #fff;
    border: none;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .35s ease;
    cursor: pointer
}

.button_container span:nth-of-type(2) {
    top: 8px
}

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

.overlay_menu {
    position: fixed;
    background: #fffbf8;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
    overflow: hidden;
    z-index: 9
}

.overlay_menu.open {
    opacity: 1;
    visibility: visible;
    width: 100%
}

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

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

.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: .5s;
    animation-delay: .5s
}

.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: .6s;
    animation-delay: .6s
}

.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: .7s;
    animation-delay: .7s
}

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

.overlay_menu ul li {
    display: block;
    height: 25%;
    position: relative;
    padding: 10px;
    opacity: 0;
    width: 100%
}

.overlay_menu ul li a {
    display: block;
    position: relative;
    color: #505050;
    text-decoration: none;
    overflow: hidden;
    line-height: inherit;
    transition: all .5s
}

.overlay_menu ul li a:active:after, .overlay_menu ul li a:focus:after, .overlay_menu ul li a:hover: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: #1d756b
}

.menu_mobile {
    display: none;
    position: absolute;
    right: 30px;
    background: #be9e68;
    padding: 11px 15px;
    height: 40px
}

.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: 40px;
    right: 0;
    top: 0;
    display: block
}

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

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

.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: 0 15px 0 !important
}

.info.active {
    display: block
}

.navbar_fix {
    padding: 70px 50px 0 !important;
    display: inline-block;
    width: 100%
}

.navbar_fix .active, .overlay_menu ul li a:hover {
    color: #be9e68
}

.section_contentchild {
    display: inline-block;
    width: 100%;
    padding-bottom: 80px
}

.box_accommodation {
    margin-bottom: 50px;
    display: inline-block;
    width: 100%
}

.section_contentchild .box_accommodation:last-child, .section_contentchild .box_accommodation:nth-last-child(1) {
    margin-bottom: 0
}

.section_contentchild .box_accommodation:nth-child(even) .col-xs-6:nth-child(1) {
    float: right
}

.section_contentchild .box_accommodation:nth-child(even) .col-xs-6:nth-last-child(1) .details_accommodations:before {
    right: -100%;
    left: auto
}

.section_contentchild .details_accommodations:hover .btn_booknow:after {
    width: 100%
}

.scroll_menu .nav_desktop:before {
    background: 0 0
}

.btn_booknow img {
    height: 15px;
    width: auto;
    filter: brightness(0) invert(1);
    vertical-align: text-top
}

.images_accommodations iframe {
    width: 100%;
    height: 100%
}

.section_contactform {
    padding-bottom: 80px;
    text-align: center;
    position: relative;
    z-index: 1
}

.input_contact {
    width: 100%;
    padding: 10px;
    border: 1px solid #eee
}

.form_contact {
    width: 767px;
    margin: auto
}

.form_contact .col-xs-12 {
    padding: 5px 0
}

.form_contact textarea {
    height: 150px
}

.btn_contact {
    margin: 0
}

.slide_photoinfo .owl-dots {
    display: none
}

.slide_item3_photoinfo .owl-nav, .slide_photoinfo .owl-nav {
    position: absolute;
    bottom: 0;
    left: 0
}

.slide_item3_photoinfo .owl-nav [class*=owl-], .slide_photoinfo .owl-nav [class*=owl-] {
    color: #505050;
    font-size: 16px;
    margin: 0;
    padding: 10px;
    background: #fffbf8;
    border-radius: 0;
    width: 50px;
    height: 50px;
    line-height: 30px;
    transition: all 1s
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #be9e68
}

.rooms_amenities ul {
    padding: 0;
    margin: 25px 0 0
}

.rooms_amenities li {
    padding: 5px;
    width: 50%;
    float: left;
    list-style: none
}

.rooms_amenities img {
    width: auto;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle
}

.section_info {
    padding-bottom: 0
}

.section_imagesfac {
    padding: 0 80px 50px;
    position: relative
}

.section_imagesfac:after {
    content: '';
    background: #fffbf8;
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    padding-bottom: 50px
}

.title_other {
    text-align: center;
    padding-bottom: 80px
}

.image_photo {
    width: 100%;
    height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden
}

.image_photo img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.section_gallery {
    padding: 0 80px 80px
}

.text_gallery {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: #fff
}

.view_photo {
    position: relative
}

.overlay_gallery {
    background: hsl(188deg 23% 33% / 80%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: all 1s
}

.demo_gallery .col-xs-4:hover .overlay_gallery {
    opacity: 1
}

.section_gallery .container {
    width: 100%
}

.section_sitemap ul {
    padding: 0;
    margin: 0;
    text-align: left
}

.section_sitemap li {
    list-style: none;
    padding: 5px 0
}

.submenu_sitemap {
    padding-left: 30px !important
}

.submenu_sitemap li {
    list-style: disc
}

.popup_content .col-xs-4 {
    padding: 0
}

.box_accommodation:hover .images_accommodations img {
    transform: scale(1.1)
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #be9e68
}

.t-datepicker-day {
    margin: 25px 0
}

.hidepic {
    display: none
}

.row_imagesfacilities .col-xs-6 {
    float: left !important
}

.rooms_amenities p {
    display: inline-block;
    margin: 0;
    width: auto !important
}

.secial_media img {
    height: 30px;
    margin-right: 10px;
    filter: brightness(0) invert(1)
}

.star, .nav_desktop .active, .nav_desktop a:hover, h2, h1, h3, .btn_readmore, .slide_facilities .owl-nav [class*=owl-], .popup_content label, .navbar_fix .active,
.overlay_menu ul li a:hover, .card:hover .card-header, .top_header a:hover, .navbar_fix li.active > a, .contact_footer a:hover, .page_info strong, .t-highlighted {
    color: var(--color-main);
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .btn_reservation:before, .btn_booknow, .text_offers:before, .section_footer:after,
.slide_facilities .owl-dots .owl-dot.active span, .slide_facilities .owl-dots .owl-dot span, .button_container.active .top, .button_container.active .bottom,
.slide_awards .owl-dots .owl-dot span, .menu_mobile, .menu_drop li:hover, .dropdown_menu a:hover, .slide_offers .owl-dots .owl-dot.active span,
.slide_offers .owl-dots .owl-dot span, .nav_top .lang_parent li a:hover, .view_plan .plans, .owl-theme .owl-nav [class*=owl-]:hover {
    background: var(--color-main);
}

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

.details_accommodations, .details_accommodations:before, .section_offers,
.section_offers:after, .section_imagesfac:after {
    background: var(--rgba-color-main)
}

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

.navbar_fix li.active .base_plus_icon .plus_icon:before,
.navbar_fix li.active .base_plus_icon .plus_icon:after {
    background-color: var(--color-main);
}