@import url('https://fonts.googleapis.com/css2?family=Amiri&family=Kumbh+Sans&family=Maitree&display=swap');
@font-face {
    font-family: "florian";
    src: url("../font/belgiano-serif.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --color-secondary: #77570e;
    --lightcolor: #F7F3ED;
    --lightprimary: #c7cfda;

    --color-body: #434344;

    --color-grey: #ada48c;
    --color-lightgray: #f1efeb;
    --color-white: #fff;
    --color-black: #696969;

    --rgba-color-black: rgba(20, 20, 19, 0.8);
    --linear-gradient: linear-gradient(#c69821, #d5ae4a,#9e750d);
    --button-background-position: bottom left;
    --button-background-size: 100% 125%;

    --font-family-title: 'Amiri', 'Maitree';
    --font-family: 'Kumbh Sans', 'Maitree';
    --font-thai: 'Maitree', 'Maitree';
}
::-moz-selection {
    background-color: var(--color-primary);
    color: var(--color-white);
}


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

body {
    padding: 0;
    margin: 0;
    font-family: var(--font-family);
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-body);
    background: var(--color-white);
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 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 0.6s;
}

h1, h2, h3 {
    color: var(--color-primary);
    font-family: var(--font-family-title);
    font-weight: lighter;
    text-transform: uppercase;
    line-height: 1.2;
    margin: 0;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-family: var(--font-family-title);
    color: var(--color-primary);
    font-size: 16px;
    margin: 0;
    font-weight: lighter;
    text-transform: uppercase;
}

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

select {
    -webkit-appearance: inherit;
    -moz-appearance: inherit;
    list-style: none;
}

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

strong {
    font-weight: bold;
}

.container {
    padding: 0;
    position: relative;
}

/***************************/
/* HEADER */
/***************************/
.section_header {
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 8;
    text-transform: capitalize;

}

/****** MENU TOP ******/
.menu_top {
    position: relative;
    width: 100%;
    background: var(--color-lightgray);
    color: var(--color-grey);
    padding: 0 200px 0 50px;
    display: inline-block;
    z-index: 3;
}

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

.menu_top li {
    list-style: none;
    float: left;
    padding-right: 15px;
    position: relative;
}

.menu_top li:nth-child(1) {
    padding-left: 0;
}

.menu_top li:nth-last-child(1) {
    padding-right: 0;
    padding-left: 0;
}

.menu_top a {
    line-height: 40px;
    display: block;
}

.menu_top ul li > a:hover {
    color: var(--color-primary);
}

.my_booking a {
    background-color: var(--color-secondary);
    border-radius: 0 0 0 0.7rem;
    padding: 0 20px;
    color: var(--color-white);
}

.my_booking a:hover {
    color: var(--color-white) !important;
    background-color: var(--color-primary);
}

.my_booking .icon_topmenu {
    padding-right: 3px;
}

.icon_topmenu {
    height: 16px;
    vertical-align: middle;
    filter: brightness(0) invert(1);
}

/****** LANGUAGE ******/
 .nav-lang, .video_layer{
    padding-left: 15px !important;
}
.nav-lang .lang_parent {
    position: absolute;
    width: 40px;
    background-color: var(--rgba-color-black);
    padding: 0;
    display: none;
    /*left: 0;*/
    z-index: 2;
    text-transform: uppercase;
    color: #000;
}

.nav-lang:before , .video_layer:before{
    content: "";
    position: absolute;
    width: 1px;
    height: 22px;
    top: 0;
    bottom: 0;
    left: 0;
    background: #d9d9d9;
    margin: auto;
}

.nav-lang .lang_parent.active {
    display: block;
}

.nav-lang .lang_parent li {
    display: block;
    padding: 10px;
    line-height: initial !important;
    width: 100%;
    text-align: left;
    margin: 0;
    transition: all .5s;
    cursor: pointer;
}

.nav-lang .lang_parent li:hover {
    color: var(--color-primary);
    background: var(--color-white);
}

.nav-lang li {
    list-style: none;
    line-height: 43px;
}

.nav-lang ul {
    padding: 0;
    margin-left: -10px;
    margin-right: -10px;
}

.lang_parent a {
    display: flex;
    width: 100%;
}

.nav-lang .lang_parent img {
    width: 20px;
    object-fit: cover;
    display: block;
}

.nav-lang #lang_primary {
    cursor: pointer;
    line-height: 40px;
}

.nav-lang label .arrow-lang {
    width: 15px;
    display: inline-block;
    transform: rotate(0);
    transition: all 0.5s;
    font-size: 10px;
    vertical-align: middle;
}
.nav-lang label .arrow-lang.rotate {
    transform: rotate(180deg);
}

.nav-lang label img {
    cursor: pointer;
    width: 20px;
    height: auto;
    margin-right: 3px;
    vertical-align: middle;
}

/****** MAIN MENU ******/
.main_menu {
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    color: var(--color-black);
    top: 40px;
    left: 0;
    padding: 0 200px 0 50px;
    z-index: 2;
    width: 100%;
}

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

.main_menu .open_menu .nav_fixed {

    height: 100%;
    overflow: auto;
}


.main_menu li {
    position: relative;
    list-style: none;
    float: left;
    padding: 0 8px;
}

.main_menu li:nth-child(1) {
    padding-left: 0;
}

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

.brand_logo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50px;
    background: transparent;
    transition: all 0.5s;
    z-index: 4;
}

.main_menu a {
    display: block;
    line-height: 80px;
}

.brand_logo img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: auto;
    height: 120px;
    padding: 25px 20px 20px;
    background-image: linear-gradient(to bottom,
    #fff 75%,
    #fff 75%,
    #fff 95%,
    transparent);
    box-shadow: 0 -18px 7px 1px #dcdcdc;
    transition: all 0.5s;
    /*filter: brightness(0) invert(1);*/
}
.menu_mobile {
    display: none;
}

.main_menu .dropdown_listmenu {
    position: absolute;
    color: var(--color-white);
    background: none;
    left: 179px;
    top: 0;
    padding: 0 13px ;
    opacity: 0;
    pointer-events: none;
    transform: translateY(0);
    transition: all 1s;
}
.dropdown_listmenu li {
    background-color: var(--rgba-color-black);
}

.dropdown_menu li:hover .dropdown_listmenu {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.dropdown_menu svg {
    width: 15px;
}

/****** SUB MENU ******/
.nav_fixed li:hover > a {
    color: var(--color-primary);
}

.nav_fixed .active > a,
.menu_top li.active a {
    color: var(--color-primary);
    opacity: 1;
}

.dropdown_new .dropdown_menu {
    color: var(--color-white);
    background-color: var(--rgba-color-black);
    opacity: 0;
    position: absolute;
    pointer-events: none;
    transform: translateY(-2em);
    transition: all 1s;
}

.dropdown_menu {
    color: #212121;
}

.dropdown_menu li {
    width: 100%;
    padding: 0 !important;
    white-space: nowrap;
}

.dropdown_menu a {
    line-height: normal !important;
    padding: 10px;
    text-align: left;
}
.dropdown_menu .menu_list label {
    padding: 10px;
    text-align: left;
    display: inline-block;
}

.dropdown_new:hover .dropdown_menu {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}


.dropdown_menu a.main_room {
    background-color: #ffffff80;
    border-top: 1px solid var(--color-white);
    border-bottom: 1px solid var(--color-white);
    cursor: pointer;
}

.dropdown_menu li:hover  {
    background: var(--color-white);
    color: var(--color-primary);
}

.dropdown_menu:after ,
.dropdown_listmenu:after {
    content: "" !important;
    background: var(--color-black);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    position: absolute;
    top: -10px;
    z-index: -1;
    width: 20px;
    height: 10px;
    left: 20px;
    right: auto;
    margin: auto;
    display: block;
    transition: none;
}
.dropdown_listmenu:after {
    top: 14px;
    left: -2px;
    transform: rotate(-90deg);
}

.dropdown_menu:before{
    content: "";
    background: var(--color-black);
    width: 100%;
    height: 3px;
    position: absolute;
    top: 0;
    z-index: 1;
}
.dropdown_listmenu:before {
    content: "";
    background: var(--color-black);
    width: 3px;
    height: 100%;
    display: inline-block;
    top: 0;
    position: absolute;
    z-index: 1;
}
.ui-icon-plus {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0;
    top: 9px;
    display: none;
    cursor: pointer;
}

.ui-icon-plus:before,
.ui-icon-plus:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2f2e2e;
    margin: auto;
    display: block;
    transition: all 0.6s;
}

.ui-icon-plus:before {
    width: 1px;
    height: 20px;
}

.ui-icon-plus:after {
    width: 20px;
    height: 1px;
}

.ui-icon-plus.active:before {
    display: none;
}

/****** BTN BOOK ON TOP ******/
.booknowtop {
    position: absolute;
    right: -100px;
    top: -100px;
    z-index: 100;
    width: 260px;
    height: 260px;
    background-color: var(--color-primary);
    color: var(--color-white);
    border-radius: 50% 50% 50% 50%;
    transition: 0.45s ease-in-out;
    cursor: pointer;
    font-size: 20px;
    box-shadow: 0 0 0 0 #FFF, 0 0 0 0 #FFF;
    text-transform: uppercase;
}

.booknowtop.active {
    box-shadow: 0 0 0 100vw #FFF, 0 0 0 100vh #FFF;
    top:0;
    right: 0;
    border-radius: 0;
    width: 55px;
    height: 55px;
    background: #f4f4f4;
    display: inline-block;
    text-align: center;
    padding: 10px;
    cursor: pointer;
}
.booknowtop.active:before, .booknowtop.active:after {
    content: "";
    width: 2px;
    height: 15px;
    position: absolute;
    background: #101111;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: all .5s;
}

.booknowtop.active:before {
    transform: rotate(45deg);
}
.booknowtop.active:after {
    transform: rotate(-45deg);
}
.booknowtop.active:hover:before, .booknowtop.active:hover:after {
    background: #fff;
}
.booknowtop span {
    position: absolute;
    left: 60px;
    bottom: 70px;
    cursor: pointer;
}
.booknowtop.active:hover {
    background: var(--color-primary);
}
/*.booknowtop:hover {*/
/*    background-color: var(--color-secondary);*/
/*}*/

/*.nav_booknowtopw:hover:before {*/
/*    border: 1px solid var(--color-secondary);*/
/*}*/

.btn_booknow_mobile {
    background-color: var(--color-primary);
    border-radius: 50%;
    position: fixed;
    top: -100px;
    right: -100px;
    width: 260px;
    height: 260px;
    -webkit-animation: buttonBlinking 5s infinite linear;
    animation: buttonBlinking 5s infinite linear;
    z-index: 3;
    -webkit-transition: 0.45s;
    -o-transition: 0.45s;
    transition: 0.45s;
    border: none;
    color: var(--color-white);
    padding: 0;
    margin: 0;
    font-size: 20px;
    cursor: pointer;
}
.nav_booknowtopw:before,
.nav_booknow_mobile:before {
    content: "";
    background-color: transparent;
    border: 1px solid var(--color-primary);
    border-radius: 50%;
    position: fixed;
    top: -90px;
    right: -95px;
    width: 260px;
    height: 260px;
    -webkit-animation: buttonBlinking 5s infinite linear;
    animation: buttonBlinking 5s infinite linear;
    z-index: 3;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}

.btn_booknow_mobile label {
    position: absolute;
    left: 60px;
    bottom: 70px;
    cursor: pointer;
}

.nav_booknow_mobile:hover .btn_booknow_mobile {
    top: -95px;
    right: -95px;
    /*background-color: var(--color-secondary);*/
}

.nav_booknow_mobile:hover:before {
    top: -85px;
    right: -90px;
    /*border: 1px solid var(--color-secondary);*/
}
.nav_booknow_mobile {
    display: none;
}

/****** SCROLL ON TOP ******/
.scroll_menu .brand_logo img {
    height: 110px;
}

.scroll_menu .main_menu a {
    line-height: 60px;
}

.scroll_menu .main_menu {
    background: var(--color-white);
    box-shadow: rgba(0, 0, 0, 0.09) 0 0 10px;
}

/***************************/
/* HUMBURGER */
/***************************/
.hamburger {
    position: relative;
    /*width: 80px;*/
    height: 17px;
    line-height: 77px;
    float: right;
    z-index: 11;
    cursor: pointer;
    transition: all 0.6s;
    display: none;
}

.bar_hamburger {
    position: relative;
    width: 30px;
    height: 100%;
    display: inline-block;
    margin-right: 10px;
}

.hamburger label {
    float: right;
    position: relative;
    cursor: pointer;
    top: -4px;
}

.bar_hamburger span {
    position: absolute;
    background: #4c4d4f;
    height: 1px;
    width: 100%;
    display: block;
    transition: all 0.6s;
}

.bar_hamburger span:nth-child(1) {
    top: 0;
}

.bar_hamburger span:nth-child(2) {
    top: 8px;
}

.bar_hamburger span:nth-child(3) {
    bottom: 0;
}

.hamburger.open-bar .bar_hamburger span:nth-child(1) {
    transform: rotate(45deg);
}

.hamburger.open-bar .bar_hamburger span:nth-child(3) {
    top: 7px;
    transform: rotate(314deg);
}

.hamburger.open-bar .bar_hamburger span:nth-child(2) {
    transform: scale(0);
}

.hamburger.open-bar .bar_hamburger span:nth-child(1) {
    top: 7px;
}

.hamburger.open-bar {
    position: absolute;
    right: 35px;
}

.hamburger.open-bar span {
    background: #2f2e2e;
}

.hamburger.open-bar label {
    display: none;
}

/***************************/
/* SLIDERS */
/***************************/
.section_slideshow {
    position: relative;
}

.arrow_slide {
    position: absolute;
    height: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    filter: brightness(0) invert(1);
}

.arrow_slide img {
    height: 30px;
    opacity: 0.4;
    transition: all 1s;
    cursor: pointer;
}

#arrow_left {
    position: absolute;
    left: 50px;
}

#arrow_right {
    position: absolute;
    right: 50px;
}

.arrow_slide img:hover {
    opacity: 1;
}

.scrolldown {
    position: absolute;
    bottom: 180px;
    left: 0;
    right: 0;
    margin: auto;
}

.scrolldown a span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 2px solid var(--color-white);
    border-bottom: 2px solid var(--color-white);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb07 2s infinite;
    animation: sdb07 2s infinite;
    opacity: 0;
    box-sizing: border-box;
}

.scrolldown a span:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.scrolldown a span:nth-of-type(2) {
    top: 16px;
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}

.scrolldown a span:nth-of-type(3) {
    top: 32px;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

@-webkit-keyframes sdb07 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes sdb07 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

#wave_resp {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    z-index: 0;
}

#wave_resp .waves {
    position: relative;
    width: 100%;
    bottom: -9px;
    z-index: 1000;
    height: 20vh;
    min-height: 100px;
    max-height: 150px;
}

#wave_resp .parallax [class*="line-"] {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    /* animation-timing-function: cubic-bezier(.19,1,.22,1); */
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#wave_resp .parallax .line-1 {
    fill: var(--rgba-color-primary);
}

#wave_resp .parallax .line-4 {
    fill: var(--color-white);
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

/***************************/
/* BODY */
/***************************/
.error h1 {
    font-size: 72px;
    margin: 0 !important;
}
.error.details_description h1:before {
    display: none;
}
.editable {
    text-align: initial;
}
.card_child .editable,
.detsils_highlights .editable {
    text-align: center;
}
/***************************/
.section_accommodation hgroup h2 ,
.section_highlights hgroup h2,.section_offers hgroup h2 {
    color: var(--color-grey);
    font-size: 16px;
    margin: 0;
    font-weight: lighter;
    text-transform: uppercase;
    /* letter-spacing: 1px; */
}
.section_accommodation hgroup h3,
.section_highlights hgroup h3 , .section_offers hgroup h3 {
    font-size: 30px;
    color: var(--color-primary);
    margin: 0;
}

.images_box {
    position: relative;
    overflow: hidden;
}

.images_box img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: all .5s;
    display: block;
    filter: brightness(60%);
}

/* SECTION BEST RATE */
.section_bestrate {
    padding: 100px 0;
    text-align: center;
}

.slider_icon {
    margin-top: 50px;
}

.slider_icon img {
    width: auto;
    height: 40px;
    display: block;
    margin: auto;
}

.slider_icon strong {
    text-transform: uppercase;
}

/* SECTION DESCRIPTION */
.section_description {
    padding-bottom: 100px;
}

.details_description h1 {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.details_description h1:before {
    content: "";
    background: #eeeeee;
    width: 150px;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.details_description {
    position: relative;
    padding-right: 50px;
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.details_description h1 + p {
    margin: 25px 0 15px;
}

.images_description {
    height: 450px;
}

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

/* SECTION ROOMS */
.section_accommodation {
    background: var(--lightcolor);
    padding: 100px 0;
    text-align: center;
    overflow: hidden;
}


.slide_rooms {
    margin-top: 50px;
}

.details_room {
    display: inline-block;
    width: 100%;
    padding: 30px 0 0;
    text-align: left;
}

.details_room .col-xs-9 {
    padding-right: 50px;
}

.details_room .btn_allroom {
    float: right;
}

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

.details_room li {
    list-style: none;
    /* float: left; */
    display: inline-block;
}

.details_room li:nth-child(1) {
    display: inline-block;
}

.details_room h3 {
    color: var(--color-primary);
}

.details_room p {
    margin: 5px 0 25px 0;
}

.btn_allroom {
    position: relative;
    display: inline-block;
    background: var(--color-primary);
    border-radius: 5px;
    padding: 10px 30px;
    color: var(--color-white);
    border: none;
    transition: all 0.5s;
}

.btn_allroom:hover {
    background: var(--color-secondary);
}

.btn_roomtype {
    background: none;
    border: none;
    border-bottom: 1px solid #4c4c4c;
    padding: 0;
    margin: 0;
    transition: all 0.6s;
}

.btn_roomtype:hover {
    opacity: 0.6;
}

.details_room li:nth-last-child(1) {
    float: right;
}

.room_type img {
    height: 600px;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.icon_detail {
    padding: 10px 0 8px;
    text-transform: capitalize;
}
.icon_detail .images_icon {
    width: 30px;
    height: 30px;
    vertical-align: bottom;
    margin-right: 5px;
}

.icon_detail>div {
    display: inline-block;
    padding: 0 10px;
}
.icon_detail>div:nth-child(1) {
    padding: 0 10px 0 0;
}

/* SECTION HIGHLIGHTS highlights */
.section_highlights {
    padding: 100px 0;
    text-align: center;
}

.slide_highlights {
    margin-top: 50px;
}

.highlights_type img {
    height: 270px;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.detsils_highlights {
    display: inline-block;
    width: calc(100% - 50px);
    position: relative;
    text-align: center;
    border-radius: 5px;
    background: var(--color-white);
    margin: -50px auto 0;
    padding: 25px 25px 0;
}

.slide_highlights .slick-list {
    margin-right: -10px;
    margin-left: -10px;
}

/* SECTION OFFERS */
.section_offers {
    padding: 100px 0;
    background: var(--lightcolor);
    text-align: center;
}

.slide_offers {
    margin-top: 50px;
}

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

.offers_type {
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
}

.offers_type:hover .btn_bookoffers:after {
    background: var(--color-secondary);
    bottom: -60px;
    right: -75px;
}

.details_offers {
    position: absolute;
    top: 0;
    left: 0;
    color: var(--color-white);
    text-align: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 25px;
}

.details_offers h3 {
    color: var(--color-white);
}

.details_offers p {
    margin: 0;
    color: #ffbd00;
}

.btn_bookoffers {
    position: absolute;
    bottom: 0;
    right: 10px;
    border: none;
    background: none;
    padding: 15px 25px;
    color: var(--color-white);
}

.btn_bookoffers:after {
    content: "";
    background-color: var(--rgba-color-primary);
    border-radius: 50%;
    position: absolute;
    bottom: -65px;
    right: -80px;
    width: 265px;
    height: 120px;
    transition: all 0.5s;
}

.btn_bookoffers label {
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.overlay_photo {
    position: absolute;
    width: 100%;
    top: 0;
    height: 150px;
    left: 0;
    background-image: linear-gradient(#000000cc, #00000080, #00000000);
    transition: all 0.5s;
}

/* SECTION PARALLAX */
.section_parallax {
    position: relative;
    padding: 100px 0;
    text-align: center;
    background-image: url("../images/icon/img-parallax.jpg");
    color: var(--color-white);
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    height: 350px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.section_parallax h2 {
    color: var(--color-white);
}

.section_parallax p {
    font-size: 20px;
    margin: 0;
}

.section_parallax:before {
    content: "";
    background-color: rgba(50, 46, 41, 0.55);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


.slide_tripad {
    margin-top: 50px;
}

.tripad_type h3 {
    color: var(--color-white);
}

.tripad_type h4 {
    text-transform: none;
    color: var(--color-white);
}

/* SECTION INSTAGRAM */
.section_gallery {
    padding: 100px 0;
    text-align: center;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
    background-image: url("../images/icon/bg-beach.png");
}
/*.section_gallery::after{*/
/*    content: '';*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    filter: blur(2px);*/
/*    display: block;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    opacity: .8;*/
/*    background-size:cover;*/
/*}*/
.section_gallery article{
    z-index: 1;
}

.section_gallery h3 {
    color: var(--color-black);
    font-size: 18px;
    margin: 0;
    font-weight: lighter;
    text-transform: uppercase;
}

.box_galleryhome {
    width: 100%;
    height: 250px;
    overflow: hidden;
    cursor: pointer;
}

.box_galleryhome img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: all 0.5s;
}

.box_gallery .col-xs-3 {
    padding: 5px;
}
.box_gallery {
  margin-top: 50px;
}
.row_gallery {

    margin-left: -5px;
    margin-right: -5px;
}

.box_gallery .col-xs-3:hover img {
    transform: scale(1.1);
}

.logo_social {
    text-align: center;
    display: inline-block;
    margin-top: 50px;
}

.logo_social img {
    height: 60px;
    vertical-align: middle;
    display: block;
}

.logo_social ul {
    margin: 0 auto;
    padding: 0;
    display: inline-block;
}

.logo_social li {
    list-style: none;
    float: left;
    padding: 0 15px;
    border-right: 1px solid #000;
}

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

/***************************/
/* CONTENT CHILD */
/***************************/
.description_child {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 100px 0;
}

.description_child .details_description {
    display: block;
    text-align: center;
    padding: 0;
}

.description_child .details_description h1:before {
    right: 0;
    margin: auto;
}
.description_child .details_description h1  p {
    padding-top: 20px;
}

.content_child {
    padding: 0 0 100px;
}

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

.content_child [class*=col-xs-] {
    padding: 60px 15px 0;
}

.content_child [class*=col-xs-]:nth-child(1), .content_child [class*=col-xs-]:nth-child(2) {
    padding: 0 15px;
}

.photo_child .images_box img {
    filter: none;
    height: 350px;
}

.card_child {
    position: relative;
    width: 90%;
    margin: auto;
    padding: 0 30px;
    text-align: center;
}

.card_child h3 {
    color: var(--color-primary);
    font-size: 16px;
    margin: 0;
    font-weight: lighter;
    text-transform: uppercase;
}
.card_child h3 + p {
    margin: 15px 0 0;
}
.card_child:before {
    content: "";
    position: absolute;
    width: 100%;
    top: -35px;
    left: 0;
    right: 0;
    margin: auto;
    height: 35px;
    border-radius: 10px 10px 0 0;
    background: var(--color-white);
}

.card_child .btn_allroom {
    margin-top: 20px;
}

/***************************/
/* PAGE INFO */
/***************************/
.item_box {
    padding-top: 50px;
}

.lSAction a:hover {
    background-color: #f2efeb;
    color: var(--color-primary);
}

.txt_color {
    color: var(--color-primary);
}

.lSSlideOuter .lSPager.lSGallery {
    margin: 8px 0 0 !important;
}

.amenities {
    position: relative;
    display: inline-block;
    padding: 50px 0 0;
    width: 100%;
}

.amenities img {
    height: 30px;
}

.images_icon {
    object-fit: cover;
    display: inline-block;
    width: 30px;
    height: 30px;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    background: #261a0a;
}

.amenities p ,.slider_icon p{
    margin: 0;
}

.amenities [class*="col-xs-"] {
    padding: 25px 6px 0;
}

.photo_info img {
    height: 600px;
    width: 100%;
    object-fit: cover;
    display: block;
}

.BG_other {
    text-align: center;
    background: #f2f2f2;
}

.card_info {
    padding-top: 50px;
    margin: 0 !important;
}

.card_info [class*=col-xs-]:nth-child(1) {
    float: right;
    text-align: left;
}

.content_info {
    position: relative;
    width: 100%;
    height: auto;
    text-align: left;
    padding: 0 0 0 50px;
}

.content_info h2 {
    font-size: 22px;
}

.card_info .photo_info img {
    height: 400px;
}

.card_info .lSPager.lSGallery img {
    height: 100px !important;
}

.bg_color {
    background: var(--color-lightgray);
}

.info_list .card_info {
    padding: 0;
}

.auto_height {
    height: auto;
    padding: 0 0 0 50px;
}
.child_wedding .info_list:nth-child(odd){
    background: var(--color-lightgray);
}

/***************************/
/* PAGE GALLERY */
/***************************/
.gallery {
  position: relative;
  overflow: hidden;
    padding: 50px 0 0;
}

.filter-controls {
    position: relative;
    width: 100%;
    text-align: center;
    padding:  0 0 35px;
}

.filter-controls ul,
.filterizr-container ul{
    padding: 0;
    margin: 0;
}

.filter-controls li {
    display: inline-block;
    padding: 0 10px;
    cursor: pointer;
  transition: .35s;
  text-transform: capitalize;
}


.filter-controls li:hover,
.filter-controls li.active {
    color: var(--color-primary);
}

.filterizr-container [class*=col-sm-] {
    list-style: none;
    padding: 5px;
    cursor: pointer;
}

.filterizr-container img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    display: block;
    transform: scale(1.03);
  transition: .35s;
}

.item_img_box {
    position: relative;
    overflow: hidden;
}

.look_img {
    position: absolute;
    font-size: 14px;
    bottom: 0;
    width: 100%;
    right: 0;
    left: 0;
    text-align: center;
    color: var(--color-white);
    z-index: 2;
    opacity: 0;
  transition: .35s;
  transition-delay: .15s;

}

.view:hover img {
    transform: scale(1);
  filter: brightness(70%);
}
.view:hover .look_img {
  opacity: 1;
  bottom: 25px;
}

.view:hover .item_img_box:after {
  height: 100%;
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: var(--color-primary);
}

/***************************/
/* FOOTER */
/***************************/

.section_footer {
    padding: 100px 0 0;
    text-align: center;
    background-image: url("../images/icon/bg-footer.png");
    background-size: cover;
}

.social_footer a {
    background: var(--color-secondary);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 12px;
    display: inline-block;
}

.social_footer img {
    filter: brightness(0) invert(1);
    width: 100%;
    height: auto;
    vertical-align: middle;
}

.social_footer a:hover {
    background: var(--color-primary);
}

.address_footer {
    text-align: left;
    margin-left: -15px;
    margin-right: -15px;
    padding: 50px 0 100px;
    display: flex;
}
.address_footer > [class*=col-xs-] {
    padding: 0 15px;
}
.address_footer .col-sm-11 {
    padding-left: 10px;
}

.address_footer i {
    font-size: 20px;
}

.address_footer p {
    margin: 0;
}

.address_footer a:hover {
    color: var(--color-primary);
}


.address_footer .title_footer {
    color: var(--color-primary);
    font-size: 18px;
    margin: 0;
    font-weight: lighter;
    text-transform: uppercase;
}

.section_copyright {
    background: var(--color-primary);
    color: var(--color-white);
    text-align: center;
    padding: 25px 0;
    font-size: 14px;
    text-transform: capitalize;
}

.section_copyright p {
    margin: 0;
}
.site-map {
    text-align: left;
    margin: 0;
    padding: 0;
}

.site-map .col-xs-6{
    float: left!important;
}

.site-map li {
    text-align: left;
    padding: 5px 0;
    list-style: none;
}
.site-map li a:hover{
    color: var(--color-primary);
}
.site-map li ul {
    padding-left: 35px;
}
.site-map li ul > li {
    list-style: disc;
    text-transform: capitalize;
}
.section_copyright a:hover{
    color: var(--color-secondary);
}
/***************************/
/* BANNER */
/***************************/
.banner {
    position: fixed;
    width: 100%;
    height: 100vh;
    top:0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    pointer-events: none;
    z-index: 9
}
.banner.animation {
    opacity: 1;
    transition: all .6s ease-in-out;
    transition-delay: .8s;
    pointer-events: auto;
}
.artwork {
    position: absolute;
    width: 600px;
    height: 600px;
    top:0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.images_banner {
    position: relative;
}

.artwork img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.artwork .content_banner {
    position: relative;
    width: 100%;
    top:0;
    right: 0;
    padding: 35px;
    text-align: center;
    background: #fff;
}
.artwork .content_banner h3 {
    font-size: 34px;
}
.artwork .content_banner p {
    margin: 0;
}
.artwork .content_banner .btn_allroom {
    margin: 15px 0 0;
}
.icon_closed {
    position: absolute;
    width: 35px;
    height: 35px;
    background: var(--color-primary);
    right: -15px;
    top: -15px;
    display: inline-block;
    border-radius: 50%;
    padding: 6px;
    cursor: pointer;
    z-index: 9;

}
.icon_closed:before {
    content: "";
    background: url("../images/icon/icon_closed.png");
    width: 24px;
    height: 24px;
    display: inline-block;
    transition: all .5s;
    filter: brightness(0) invert(1);
}

.icon_closed:hover:before {
    transform: rotate(90deg);
}
.banner .reveal-block-banner {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: var(--color-primary);
    transform: scaleX(1);
    transition-duration: .8s;
    transform-origin: 0 100%;
    transition-delay: 1.3s;
    z-index: 3;
}

.banner.animation .reveal-block-banner {
    transform: scaleX(0);
}
.overf {
    overflow: hidden;
}

.slick-track{
    margin: 0 auto;
}
.slider_icon p,.amenities p{
    text-transform: capitalize;
   
}
.slider_icon p{
    margin-top: 10px;
}
#gallery_home [class*=col-xs-] {
    display: none;
}
#gallery_home [class*=col-xs-]:nth-child(1),
#gallery_home [class*=col-xs-]:nth-child(2),
#gallery_home [class*=col-xs-]:nth-child(3),
#gallery_home [class*=col-xs-]:nth-child(4),
#gallery_home [class*=col-xs-]:nth-child(5),
#gallery_home [class*=col-xs-]:nth-child(6),
#gallery_home [class*=col-xs-]:nth-child(7),
#gallery_home [class*=col-xs-]:nth-child(8){
    display: block;
}