.w-layout-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
}

body {
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

h1 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: trajan-pro-3, sans-serif;
    color: #0E3833;
    font-size: 38px;
    line-height: 44px;
    font-weight: 400;
}

h2 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: trajan-pro-3, sans-serif;
    color: #0E3833;
    font-size: 36px;
    line-height: 36px;
    font-weight: 400;
}

h3 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: trajan-pro-3, sans-serif;
    color: #0E3833;
    font-size: 32px;
    line-height: 30px;
    font-weight: 400;
}

h4 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: trajan-pro-3, sans-serif;
    color: #0E3833;
    font-size: 24px;
    line-height: 24px;
    font-weight: 400;
}

h5 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: trajan-pro-3, sans-serif;
    color: #0E3833;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
}

h6 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #aaa;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}

p {
    margin-bottom: 10px;
    color: #4E4E4E;
    font-size: 16px;
    line-height: 26px;
}

a {
    color: #4E4E4E;
    text-decoration: none;
}

.utility-page-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    max-height: 100%;
    max-width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.utility-page-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 260px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

.utility-page-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.front-slider {
    position: relative;
    min-height: 100vh;
    margin-top: 0px;
}

.front-slider-banner1 {
    width: 100%;
    height: 100%;
    background-image: url('../images/front-hero-banner1.png');
    background-position: 50% 50%;
    background-size: cover;
}

.front-slider-banner {
    position: static;
    display: block;
    min-height: 100px;
    margin-top: -130px;
    padding-top: 0px;
}

.slidemask {
    height: 100%;
    min-height: 100vh;
}

.navbarmenu {
    position: relative;
    z-index: 99;
    display: block;
    width: 100%;
    height: 130px;
    top: 0;
    z-index: 1000;
}

.navbar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 130px;
    min-width: 80vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(41, 22, 0, 0.8)), to(rgba(16, 12, 0, 0.41)));
    background-image: linear-gradient(180deg, rgba(41, 22, 0, 0.8), rgba(16, 12, 0, 0.41));
}

.left-arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    margin-top: 0px;
    margin-bottom: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.right-arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    margin-top: 0px;
    margin-bottom: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.slide-nav {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    display: none;
    padding-top: 0px;
}

.scroll-down {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 80px;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    margin-bottom: -1px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.front-slider-content {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Lato, sans-serif;
    color: #fff;
    font-size: 24px;
    font-weight: 300;
}

.front-slider-content-title {
    font-family: trajan-pro-3, sans-serif;
    color: #b0cf80;
    font-size: 42px;
    line-height: 80px;
    font-weight: 400;
}

.front-slider-banner2 {
    width: 100%;
    height: 100%;
    background-image: url('../images/front-hero-banner2.png');
    background-position: 50% 50%;
    background-size: cover;
}

.menu-link {
    position: relative;
    display: inline-block;
    margin-right: 0px;
    margin-left: 0px;
    padding: 13px 10px;
    font-family: trajan-pro-3, sans-serif;
    color: #fff;
    text-decoration: none;
}

    .menu-link:hover {
        opacity: 0.7;
    }

.nav-menu {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding-top: 118px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: #0E3833;
}

.menu-button {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1;
    display: block;
    padding: 10px;
    color: #fff;
}

    .menu-button.w--open {
        z-index: 6;
        background-color: transparent;
    }

.menu-line {
    width: 26px;
    height: 2px;
    background-color: #fff;
}

    .menu-line.top {
        margin-bottom: 0px;
        padding-top: 0px;
    }

    .menu-line.button {
        margin-top: 8px;
    }

    .menu-line.center {
        margin-top: 8px;
        margin-bottom: 0px;
        padding-top: 0px;
    }

.nav-link {
    position: static;
    margin-right: 1px;
    margin-left: 1px;
    padding: 13px 10px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-family: trajan-pro-3, sans-serif;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.menu-links {
    position: relative;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    width: 100%;
    max-width: 1100px;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    color: #FFF;
}

.top-logo {
    z-index: 5;
    margin-top: 20px;
}

.top-nav-other {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 50px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.book-now {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 126px;
    margin: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0E3833;
    color: #fff;
    text-decoration: none;
}

    .book-now:hover {
        background-color: #666;
        color: #b8d617;
    }

.top-nav-other-button {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0px 4px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}

.top-nav-down-booking {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 37px;
    margin-right: 10px;
    margin-bottom: auto;
    margin-left: 10px;
    padding: 5px;
}

.top-nav-other-right {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .top-nav-other-right.nav {
        margin-bottom: 13px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

.social-icon {
    margin-right: 10px;
    margin-left: 10px;
    transition: 0.5s;
}

.multilingual {
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.multilingual-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}

    .multilingual-box.w--open {
        padding-right: 6px;
        padding-left: 6px;
    }

.dropdown-list {
    margin-top: 7px;
}

    .dropdown-list.w--open {
        margin-top: 45px;
        margin-bottom: 45px;
        padding: 10px 0px;
        background-color: #0E3833;
        color: #fff;
    }

.diamond-gap {
    width: 5px;
    height: 5px;
    margin-right: 10px;
    margin-left: 10px;
    padding-right: 0px;
    padding-left: 0px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: 0.5s;
}

.dropdown-link {
    color: #fff;
}

.nav-menu-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.front-promo-bar {
    margin-top: 40px;
    margin-bottom: 40px;
}

.front-promo-bar-column {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #0E3833;
}

    .front-promo-bar-column .w-inline-block {
        background-color: #0E3833;
        color: #FFF;
        padding: 8px 24px;
    }

.front_centrebanner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 70vh;
    max-height: 680px;
    min-height: 480px;
    margin: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
}

    .front_centrebanner.bg1 {
        position: relative;
        background-image: url('../images/front-rooms.png');
        background-position: 50% 50%;
        background-size: cover;
    }

    .front_centrebanner.bg2 {
        background-image: url('../images/Seminar.png');
        background-position: 50% 50%;
        background-size: cover;
    }

    .front_centrebanner.bg3 {
        background-image: url('../images/front-meeting.png');
        background-position: 50% 50%;
        background-size: cover;
    }

.front_centrebanner_round {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 300px;
    height: 300px;
    padding-top: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 160px;
    background-color: #0E3833;
    font-family: trajan-pro-3, sans-serif;
    color: #FFF;
    font-size: 42px;
    line-height: 40px;
    text-align: center;
}

.front_centrebanner_button {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    display: block;
    margin-right: auto;
    margin-bottom: 25px;
    margin-left: auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
}

.front_bg {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #0E3833;
}

    .front_bg.wedding_bg {
        background-color: unset;
    }

.front-promo-bar-text {
    margin-top: 7px;
    margin-bottom: 7px;
    font-family: trajan-pro-3, sans-serif;
    color: #0E3833;
    font-size: 24px;
    line-height: 30px;
    text-align: left;
}

    .front-promo-bar-text.A1 {
        margin-bottom: 20px;
    }

    .front-promo-bar-text.description {
        font-size: 16px;
        line-height: 23px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        font-family: "PT Sans", sans-serif;
        margin-bottom: 10px;
    }

.front_award_logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    margin-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.newsletter_icon_text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    padding-top: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.newsletter_title {
    min-width: 3px;
    margin-left: 10px;
}

.newsletter_head {
    font-family: trajan-pro-3, sans-serif;
    color: #FFF;
    font-size: 36px;
    line-height: 37px;
}

.paragraph {
    color: #FFF;
}

.subscribe-form-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.subscribe-form-input-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: left;
}

.subscribe-form-input {
    position: absolute;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: 0%;
    height: 48px;
    margin-bottom: 0px;
    border-radius: 30px;
}

.field-label {
    display: none;
    padding-top: 0px;
}

.submit-button {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 3;
    height: 48px;
    border-radius: 30px;
    background-color: transparent;
    color: #666;
}

.newsletter_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.newsletter {
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.column {
    font-family: trajan-pro-3, sans-serif;
    color: #0E3833;
}

.footer-link-text {
    margin-top: 11px;
    margin-bottom: 11px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: trajan-pro-3, sans-serif;
    color: #FFF;
    font-size: 20px;
}

    .footer-link-text:hover {
        opacity: 0.7;
    }

.footer-link-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #FFF;
}

.footer-map {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.map-button {
    position: absolute;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0px;
    padding: 7px 5px 7px 14px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0E3833;
    color: #fff;
    text-decoration: none;
}

    .map-button:hover {
        background-color: #666;
        color: #fff;
    }

.footer_contact_icon {
    position: relative;
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 5px;
}

.footer_contact_icon_text {
    position: relative;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    margin-top: -20px;
    margin-left: 26px;
    color: #FFF;
    line-height: 20px;
}

    .footer_contact_icon_text a {
        color: #FFF;
    }

.footer-logo {
    margin-bottom: 25px;
}

.footer-logo-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 21px;
    margin-left: -10px;
}

.copyright {
    position: relative;
    margin-top: 14px;
    margin-bottom: 14px;
    padding-top: 0px;
    padding-bottom: 24px;
}

.copyright_menu_link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 15px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.copyright_menu_url {
    padding-right: 23px;
    padding-left: 23px;
    border-right: 1px none #bcbcbc;
    color: #666;
    line-height: 15px;
    text-decoration: none;
    white-space: nowrap;
}

.copyright_text {
    position: relative;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #0E3833;
    font-size: 14px;
    font-weight: 400;
    text-align: right;
}

.copyright-line {
    width: 1px;
    height: 15px;
    margin-right: 12px;
    margin-left: 12px;
    padding-right: 0px;
    padding-left: 1px;
    background-color: #979797;
}

.text-block {
    line-height: 15px;
}

.navbar-down {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 130px;
    min-width: 80vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(41, 22, 0, 0.8)), to(rgba(16, 12, 0, 0.41)));
    background-image: linear-gradient(180deg, rgba(41, 22, 0, 0.8), rgba(16, 12, 0, 0.41));
}

.top-logo-down {
    position: static;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: 0%;
    z-index: 5;
    margin-top: 20px;
}

.nav-down {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 80px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(41, 22, 0, 0.8)), to(rgba(16, 12, 0, 0.41)));
    background-image: linear-gradient(180deg, rgba(41, 22, 0, 0.8), rgba(16, 12, 0, 0.41));
    background-image: unset;
    background-color: #0E3833;
}

.container-2 {
    position: static;
}

.menu-links-down {
    position: static;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
    max-width: 1100px;
    margin-bottom: -5px;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    color: #FFF;
}

.down-menu {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.top-nav-booking {
    position: absolute;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: auto;
    margin-left: auto;
    padding: 5px;
}

.inner-banner {
    position: relative;
    display: block;
    min-height: 360px;
    margin-top: -130px;
    padding-top: 0px;
}

    .inner-banner.rooms-and-suites {
        background-image: url('../images/Mask-Group-12x-min.png');
        background-position: 50% 50%;
        background-size: cover;
    }

    .inner-banner.rooms-and-suites-copy {
        background-image: url('../images/Mask-Group-12x-min.png');
        background-position: 50% 50%;
        background-size: cover;
    }

    .inner-banner.weddings-banner {
        background-image: url('../images/DSC05186-1.png');
        background-position: 50% 50%;
        background-size: auto;
    }

.banner {
    min-height: 360px;
}

.div-block {
    min-height: 360px;
    background-image: url('../images/bannerbg-rooms-and-suites.png');
    background-position: 50% 50%;
    background-size: cover;
}

.inner-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    margin-bottom: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.inner-bannerchoose {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .inner-bannerchoose:hover {
        opacity: 0.8;
    }

.inner-bannerchoose-gap {
    margin-top: 30px;
    margin-bottom: 30px;
}

    .inner-bannerchoose-gap h5 {
        font-weight: 700;
    }

    .inner-bannerchoose-gap .inner-bannerchoose {
        align-items: flex-start;
    }

    .inner-bannerchoose-gap .w-col .description {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        margin-bottom: 40px;
    }

.inner-title-contact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    padding-right: 41px;
    padding-left: 41px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.paragraph-2 {
    position: static;
    text-align: center;
}

.image {
    margin: 15px;
}

.list {
    padding-left: 0px;
    font-family: Lato, sans-serif;
    color: #5d5d5d;
}

.list-item {
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 40px;
    background-image: url('../images/icon-booking-phone.svg');
    background-position: 0px 0px;
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 16px;
    list-style-type: none;
    white-space: normal;
}

.list-item-2 {
    font-size: 16px;
    list-style-type: none;
}

.list-item-3 {
    font-size: 16px;
    list-style-type: none;
}

.section {
    font-family: 'PT Sans', sans-serif;
}

.paragraph-3 {
    font-family: Lato, sans-serif;
}

.inner-banner.weddings2-banner {
    background-image: url('../images/Mask-Group-1.png');
    background-position: 50% 50%;
    background-size: cover;
}

.inner-banner.facilities-banner {
    background-image: url('../images/Mask-Group-1_1.png');
    background-position: 50% 50%;
    background-size: cover;
}

.inner-banner.facilities-relaxation-banner {
    background-image: url('../images/Mask-Group-1_2.png');
    background-position: 50% 50%;
    background-size: cover;
}

.inner-banner.promotions-banner {
    background-image: url('../images/promotions_banner.png');
    background-position: 100% 100%;
    background-size: cover;
}

.inner-banner.promotions2-banner {
    background-image: url('../images/Mask-Group-1_3.png');
    background-position: 50% 50%;
    background-size: cover;
}

.inner-banner.ipanda {
    background-image: url('../images/mini-canapes-with-smoked-salmon-on-buffet-table_1262-1873.png');
    background-position: 50% 50%;
    background-size: cover;
}

.inner-banner.about_banner {
    background-image: url('../images/promotions_banner.png');
    background-position: 50% 50%;
    background-size: cover;
}

.heading {
    text-align: center;
}

.heading-2 {
    text-align: center;
}

.grid {
    grid-column-gap: 16px;
    grid-row-gap: 0px;
    grid-template-areas: ".";
    -ms-grid-columns: 1fr 16px 1fr 16px 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto 0px 1fr;
    grid-template-rows: auto 1fr;
}

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

.paragraph-5 {
    padding-bottom: 60px;
}

.image-2 {
    width: 100%;
    /*height: 400px;*/
}

.columns {
    margin-bottom: 80px;
}

.grid-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-rows: auto 0px auto;
    grid-template-areas: "Area Area-2 Area-3 Area-4 Area-5" "Area-6 Area-7 Area-8 Area-9 Area-10";
    -ms-grid-columns: 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.heading-3 {
    font-size: 26px;
    text-align: center;
}

.heading-4 {
    font-size: 26px;
    text-align: center;
}

.heading-5 {
    text-align: center;
}

.heading-6 {
    text-align: center;
}

.heading-7 {
    text-align: center;
}

.heading-8 {
    text-align: center;
}

.heading-9 {
    text-align: center;
}

.image-3 {
    width: 100%;
}

.image-4 {
    width: 100%;
}

.image-5 {
    width: 100%;
}

.image-6 {
    width: 100%;
}

.image-7 {
    width: 100%;
}

.backtowedding {
    font-family: trajan-pro-3, sans-serif;
    color: #0E3833;
    font-size: 32px;
    font-weight: 300;
    text-align: center;
}

.backtoweddings {
    display: none;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f4f4f4;
    text-align: center;
}

.ballroom-banner {
    background-image: url('../images/Mask-Group-1.png');
    background-position: 50% 50%;
    background-size: cover;
}

.body {
    font-family: 'PT Sans', sans-serif;
}

.heading-10 {
    text-align: center;
}

.heading-11 {
    text-align: center;
}

.column-2 {
    padding-right: 40px;
    padding-left: 20px;
    border-right: 1px solid #DFDFDF;
}

.column-3 {
    padding-left: 40px;
}

.section-3 {
    margin-bottom: 60px;
}

.image-8 {
    width: 100%;
}

.section-4 {
    margin-bottom: 60px;
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 15px;
}

.heading-12 {
    text-align: center;
}

.heading-13 {
    margin-top: 60px;
    margin-bottom: 60px;
    text-align: center;
}

.amenities_list {
    margin-bottom: 20px;
    color: #999;
    font-size: 16px;
}

.new-amenities-list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 23px;
}

    .new-amenities-list .amenities-item {
        width: 50%;
    }

.list-2 {
    text-align: center;
}

.list-3 {
    text-align: center;
}

.list-4 {
    text-align: center;
}

.columns-2 {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-top: 0px;
}

.section-5 {
    margin-bottom: 60px;
    padding-bottom: 60px;
    background-color: #f4f4f4;
}

.paragraph-6 {
    color: #999;
    text-align: center;
}

.paragraph-7 {
    color: #999;
    text-align: center;
}

.paragraph-8 {
    color: #999;
    text-align: center;
}

.heading-14 {
    margin-bottom: 40px;
    text-align: center;
}

.menus_title {
    margin-top: 0px;
    margin-bottom: 15px;
}

.menus_line2 {
    position: static;
    left: 0%;
    top: auto;
    right: auto;
    bottom: 0px;
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 0px;
    border-bottom: 1px solid #666;
}

.image-9 {
    width: 100%;
    padding-top: 20px;
}

.section-6 {
    margin-right: 0px;
    padding-right: 15px;
    padding-left: 15px;
}

.paragraph-9 {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 18px;
    text-align: center;
}

.heading-15 {
    text-align: center;
}

.heading-16 {
    text-align: center;
}

.bottom_margin_60 {
    margin-bottom: 60px;
    text-align: left;
}

.menus_left {
    position: static;
    max-height: 300px;
}

.menus_more {
    position: absolute;
    left: 1%;
    top: auto;
    right: auto;
    bottom: 5%;
}

.menus_right {
    min-height: 300px;
}

.paragraph-10 {
    font-size: 14px;
}

.body-2 {
    font-family: 'PT Sans', sans-serif;
}

.link {
    text-decoration: underline;
}

.heading-17 {
    margin-top: 0px;
}

.heading-17-copy {
    margin-top: 0px;
}

.menus_img {
    width: 100%;
    max-height: 300px;
}

.image-10 {
    width: 100%;
}

.menus_content {
    line-height: 22px;
}

.menus_line3 {
    position: absolute;
    left: 0%;
    top: auto;
    right: auto;
    bottom: 0%;
    width: 100%;
    border-bottom: 1px solid #707070;
}

.heading-18 {
    text-align: center;
}

.heading-19 {
    text-align: center;
}

.facilities_sab_title {
    margin-top: 10px;
    margin-bottom: 30px;
    font-weight: 300;
    text-align: center;
}

.facilities_img {
    width: 100%;
}

.relaxation_title {
    margin-top: 0px;
    font-weight: 300;
}

.body-3 {
    font-family: 'PT Sans', sans-serif;
}

.relaxation_icon {
    margin-right: 10px;
    padding-right: 0px;
    float: left;
}

.relaxation_icon_p {
    float: left;
}

.image-12 {
    margin-right: 10px;
    float: left;
    clear: none;
}

.paragraph-12 {
    float: left;
}

.relaxation_content {
    margin-bottom: 20px;
    padding-left: 40px;
    font-size: 18px;
}

.relaxation_sub_title {
    color: #666;
}

.facilities_list {
    margin-bottom: 10px;
    color: #666;
    font-size: 14px;
}

.list-5 {
    margin-bottom: 30px;
}

.slide {
    background-image: url('../images/Health-Club_1.png');
    background-position: 50% 50%;
    background-size: cover;
}

.facilities_slider {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: 100%;
}

.slide-2 {
    background-image: url('../images/Health-Club_1.png');
    background-position: 50% 50%;
    background-size: cover;
}

.image-13 {
    float: left;
}

.slide-3 {
    background-image: url('../images/Swimming-Pool_1.png');
    background-position: 50% 50%;
    background-size: cover;
}

.slide-4 {
    background-image: url('../images/Swimming-Pool_1.png');
    background-position: 0px 0px;
    background-size: auto;
}

.slide-5 {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png');
    background-position: 0px 0px;
    background-size: 125px;
}

.slide-6 {
    background-image: url('../images/Long-Staying-Guest-Pantry_3-1.png');
    background-position: 50% 50%;
    background-size: cover;
}

.slide-7 {
    background-image: url('../images/Long-Staying-Guest-Pantry_3-1.png');
    background-position: 50% 50%;
    background-size: cover;
}

.body-4 {
    font-family: 'PT Sans', sans-serif;
}

.promotions_img {
    width: 100%;
}

.promotions_sub_title {
    margin-top: 10px;
    margin-bottom: 20px;
    font-weight: 300;
    text-align: center;
}

.promotions_content {
    margin-bottom: 15px;
    font-size: 18px;
}

.weddings_img {
    width: 100%;
}

.pgb_icon {
    margin-right: 10px;
    float: left;
}

.pgb_icon_p {
    float: left;
    clear: none;
}

.image-14 {
    background-image: url('../images/a3N3A6152.png');
    background-position: 0px 0px;
    background-size: 125px;
}

.slide-8 {
    background-image: url('../images/a3N3A6152.png');
    background-position: 50% 50%;
    background-size: cover;
}

.slide-9 {
    background-image: url('../images/many-slices-of-meat-on-the-wedding-table_8353-81.png');
    background-position: 50% 50%;
    background-size: cover;
}

.slider {
    height: 720px;
}

.b {
    font-family: 'PT Sans', sans-serif;
}

.body-5 {
    font-family: 'PT Sans', sans-serif;
}

.promotions-detail-left {
    padding-right: 20px;
    color: #666;
    font-size: 18px;
}

.promotions-detail-link {
    margin-right: 140px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #666;
}

.columns-3 {
    border-bottom: 1px none #000;
}

.promotions-detail-right {
    padding-left: 20px;
    border-left: 1px solid #666;
}

.promotions-detail-title {
    margin-top: 0px;
    font-size: 28px;
}

.body-6 {
    font-family: 'PT Sans', sans-serif;
}

.ipanda_right_title {
    margin-top: 0px;
    margin-bottom: 30px;
    font-size: 28px;
}

.ipanda_right_p {
    margin-bottom: 15px;
}

.ipanda_circle {
    width: 118px;
    height: 118px;
    margin-right: auto;
    margin-left: auto;
    clear: none;
    border-radius: 50%;
    background-color: #839a51;
    text-align: center;
}

.paragraph-13 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 32px;
    color: #fff;
    font-size: 24px;
    line-height: 30px;
}

.container-4 {
    clear: none;
}

.ipanda_circle_p {
    text-align: center;
}

.container-5 {
    text-align: left;
}

.image-15 {
    width: 24px;
    margin: 5px;
}

.columns-4 {
    width: 60%;
    margin-right: 20%;
    margin-left: 20%;
    float: none;
    text-align: left;
}

.ipanda_title2 {
    font-size: 30px;
}

.columns-5 {
    padding: 15px;
    border: 1px solid #707070;
}

.ipanda_sub_title {
    margin-bottom: 15px;
    font-family: trajan-pro-3, sans-serif;
    color: #666;
    font-size: 22px;
}

.column-4 {
    padding-right: 20px;
    border-right: 1px none #707070;
}

.column-5 {
    padding-left: 20px;
    border-left: 1px solid #707070;
}

.about_left {
    position: relative;
    margin-top: 100px;
    margin-bottom: 60px;
    padding: 60px 20px 10px;
    border-style: solid;
    border-width: 11px;
    border-color: hsla(0, 0%, 43.9%, 0.6);
}

.body-7 {
    margin-bottom: 60px;
    font-family: 'PT Sans', sans-serif;
}

.about_left_img {
    position: absolute;
    left: -100px;
    top: -160px;
}

.about_right {
    position: relative;
    margin-top: 100px;
    margin-bottom: 60px;
    padding: 60px 20px 10px;
    border-style: solid;
    border-width: 11px;
    border-color: hsla(0, 0%, 43.9%, 0.6);
}

.about_right_img {
    position: absolute;
    top: -160px;
    right: -100px;
}

.about_awards_title {
    text-align: center;
}

.about_awards_content {
    margin-bottom: 60px;
    text-align: center;
}

.about_awards_p {
    padding-left: 30px;
}

.about_awards_body {
    border-style: none none solid;
    border-width: 1px;
    border-color: #000 #000 #ededed;
}

.component .w-slider .component_body {
    width: 86%;
    padding: 20px 40px 40px 40px;
    background-color: #F6F6F6;
    border-radius: 28px;
}

#tablist {
    border: unset;
    margin-bottom: 20px;
}

.nav-tabs .nav-item .nav-link {
    color: #929F86;
    border: none;
    outline: none;
    font-size: 18px;
}

    .nav-tabs .nav-item:hover .nav-link,
    .nav-tabs .nav-item .nav-link.active {
        color: #0E3833;
        text-decoration: underline;
    }

.home_tab_title {
    color: #0E3833;
    font-size: 64px;
    line-height: 64px;
    font-family: trajan-pro-3, sans-serif;
    margin-bottom: 20px;
    margin-top: 60px;
}

.tab-pane {
    background: unset !important;
}

.splide .image-ctn .image {
    margin: unset;
}

.splide .splide__slide {
    overflow: hidden;
    padding-bottom: 20px;
}

.splide .image-ctn .image {
    margin: unset;
    width: 96%;
    box-shadow: -100px 60px #0E3833;
    float: right;
}

.splide .room_value .w-col {
    display: flex;
    align-items: center;
}

.splide__arrows.splide__arrows--ltr {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    gap: 20px;
}

button.splide__arrow.splide__arrow {
    position: unset;
    background-color: #0E3833;
}

    button.splide__arrow.splide__arrow svg {
        fill: none;
        width: 100%;
        height: 100%;
    }

        button.splide__arrow.splide__arrow svg path {
            stroke: #FFF;
            transform: translate(40%, 25%);
        }

a:hover {
    color: inherit;
}

.navbarmenu .navbar {
    padding-top: unset;
    padding-bottom: unset;
    transition: 0.5s;
}

.navbarmenu .container.w-container {
    margin-top: auto;
}

.menu-link-dropdown {
    position: absolute;
    top: 130px;
    left: 0;
    background-color: #FFF;
    width: 100%;
    display: none;
    justify-content: center;
    color: #0E3833;
}

    .menu-link-dropdown.active, .menu-link-dropdown:hover {
        display: flex;
    }

    .menu-link-dropdown a:not(:last-child):after {
        content: "";
        display: flex;
        width: 0.3px;
        height: 15px;
        background-color: #FFF;
        left: 25px;
        position: relative;
    }

    .menu-link-dropdown a {
        padding: 16px 25px;
        font-family: trajan-pro-3, sans-serif;
        display: flex;
        align-items: center;
        color: #0E3833;
    }

.down-menu .menu-link-dropdown a {
    color: #FFF;
}

.down-menu .menu-link-dropdown {
    top: 80px;
    background-color: #0E3833 !important;
}

.filter-ctn {
    background-color: #F4F4F4;
    display: flex;
    justify-content: center;
}

    .filter-ctn .filter {
        margin: 28px 10px;
        display: flex;
        column-gap: 37px;
        font-size: 18px;
        font-family: trajan-pro-3, sans-serif;
    }

        .filter-ctn .filter img {
            margin-right: 5px;
        }

        .filter-ctn .filter .active {
            background-color: unset;
            color: #BA8241;
            text-decoration: underline;
        }



.booking-function-section {
    position: absolute;
    bottom: 0%;
    z-index: 999;
    width: 100%;
    justify-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.64) 0%, rgba(0, 0, 0, 0) 100%);
}

    .booking-function-section .booking-function {
        display: flex;
        flex-wrap: wrap;
        column-gap: 24px;
    }

        .booking-function-section .booking-function .icon {
            width: 20px;
            margin-right: 8px;
        }

        .booking-function-section .booking-function .date-picker-contain,
        .booking-function-section .booking-function .room-picker-contain {
            display: flex;
        }

            .booking-function-section .booking-function .room-picker-contain .room-picker {
                background: unset;
                color: #FFF;
                border: unset;
                outline: unset;
                border-bottom: 2px solid #CFBB9D;
                width: 244px;
                height: 44px;
                text-align: left;
            }

            .booking-function-section .booking-function .room-picker-contain .dropdown-menu {
                z-index: 999;
                flex-wrap: wrap;
                padding: 24px;
                color: #0E3833;
                border: 1px solid #CFBB9D;
                outline: unset;
                column-gap: 10px;
            }

                .booking-function-section .booking-function .room-picker-contain .dropdown-menu.show {
                    display: flex;
                }

            .booking-function-section .booking-function .room-picker-contain .value-change-box {
                display: flex;
                flex-wrap: nowrap;
                margin-top: 10px;
            }

                .booking-function-section .booking-function .room-picker-contain .value-change-box input {
                    margin-bottom: unset;
                }

            .booking-function-section .booking-function .room-picker-contain .minus,
            .booking-function-section .booking-function .room-picker-contain .plus {
                background-color: unset;
                color: #0E3833;
                font-size: 28px;
                width: 28px;
                overflow: hidden;
                padding: 0;
                margin: 1px 6px;
            }


            .booking-function-section .booking-function .room-picker-contain .minus {
                width: 24px;
            }

        .booking-function-section .booking-function .sticky-booking-input {
            margin-bottom: 0px;
            background-color: unset;
            color: #FFF;
            border: unset;
            outline: unset;
            border-bottom: 2px solid #CFBB9D;
            width: 244px;
            height: 44px;
            text-align: left;
        }

            .booking-function-section .booking-function .sticky-booking-input::placeholder {
                color: #FFF;
            }

        .booking-function-section .booking-function .submit-btn {
            background-color: #CFBB9D;
            color: #0E3833;
            padding: 12px 27px;
        }

.dining_description {
    margin-bottom: 20px;
}

    .dining_description .dining_promotion {
        display: flex;
        justify-content: center;
    }

.dining_right .w-clearfix {
    display: flex;
    margin-bottom: 18px;
}

    .dining_right .w-clearfix .pgb_icon_p, .dining_right .w-clearfix .pgb_icon_p p {
        margin-bottom: 0;
    }

.welcome-text {
    color: #0E3833;
    font-family: trajan-pro-3, sans-serif;
}

.navbarmenu:hover .navbar.w-nav {
    background-color: #FFF;
    background-image: unset;
}

.navbarmenu:hover .menu-link {
    color: #0E3833;
}

.navbarmenu:hover .menu-link-dropdown {
    background-color: #FFF;
    color: #0E3833;
}

.navbarmenu:hover .top-nav-other .social-icon {
    filter: invert(100%) invert(16%) sepia(21%) saturate(2421%) hue-rotate(124deg) brightness(91%) contrast(93%);
}

.navbarmenu:hover .top-logo.w-nav-brand {
    filter: invert(100%) invert(16%) sepia(21%) saturate(2421%) hue-rotate(124deg) brightness(91%) contrast(93%);
}

.navbarmenu:hover .diamond-gap, .navbarmenu:hover .menu-button:not(.w--open) .menu-line {
    background-color: #0E3833;
}

.navbarmenu:hover .top-nav-other .multilingual-box {
    color: #0E3833;
}

.navbarmenu .nav-link:hover {
    color: #567470;
    opacity: 0.7;
}

.room_box h5 {
    font-size: 24px;
    line-height: 24px;
}

.members_box_ctn {
    margin-bottom: 30px;
}

.logo-ward-item #rpro-external-widget {
    z-index: 4;
    position: unset;
    margin-top: 0;
    scale: 1;
}

.logo-ward-item-ctn {
    display: flex;
    justify-content: center;
}

    .logo-ward-item-ctn .logo-ward-item {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.home-intro-ctn {
    margin-top: 60px;
    margin-bottom: 30px;
}

    .home-intro-ctn .intro-title {
        color: #0E3833;
        font-size: 64px;
        line-height: 64px;
        font-family: trajan-pro-3, sans-serif;
        margin-bottom: 20px;
    }

    .home-intro-ctn .intro-description {
        color: #4E4E4E;
        line-height: 23px;
    }

.front-slider-banner .scroll-down:hover {
    color: #567470;
}
.w-nav-link.w--current {
    color: #567470 !important;
}
.front-promo-bar .image-ctn {
    overflow: hidden;
}
.front-promo-bar .image-ctn img {
    transition: transform 0.3s ease-in-out;
}
.front-promo-bar a:hover img {
    transform: scale(1.2);
}

.home-intro-ctn .intro-description::first-letter {
    text-transform: uppercase;
    font-size: 250%;
    font-weight: 300;
    color: #0E3833;
    font-family: trajan-pro-3, sans-serif;
}
.desktop_weddings .inner-bannerchoose {
    overflow: hidden;
}
    .desktop_weddings .inner-bannerchoose:hover img {
        transform: scale(1.15);
        transition: transform 0.3s ease-in-out;
    }
.room-list-image {
overflow:hidden;
}
.room-list-image:hover img {
    transform: scale(1.15);
    transition: transform 0.3s ease-in-out;
}

.members_box_image {
    overflow: hidden;
}
    .members_box_image:hover img {
        transform: scale(1.15);
        transition: transform 0.3s ease-in-out;
    }
.tips_image {
    --c: #0E3833;
    /* the border color */
    --b: 5px;
    /* the border thickness*/
    --g: 5px;
    /* the gap on hover */

    padding: calc(var(--g) + var(--b));
    --_g: #0000 25%, var(--c) 0;
    background: conic-gradient(from 180deg at top var(--b) right var(--b), var(--_g)) var(--_i, 200%) 0 /200% var(--_i, var(--b)) no-repeat, conic-gradient(at bottom var(--b) left var(--b), var(--_g)) 0 var(--_i, 200%)/var(--_i, var(--b)) 200% no-repeat;
    transition: .3s, background-position .3s .3s;
}
    .tips_image:hover {
        --_i: 100%;
        transition: .3s, background-size .3s .3s;
    }
@media screen and (max-width: 991px) {
    h3 {
        font-size: 26px;
    }

    .front-slider-banner1 {
        background-size: cover;
    }

    .navbar {
        position: fixed;
    }

    .menu-link {
        display: none;
        padding-top: 0px;
    }

    .nav-menu {
        display: block;
    }

    .menu-button {
        margin-right: 10px;
    }

        .menu-button.w--open {
            margin-right: 10px;
        }

    .nav-link {
        padding-top: 0px;
    }

    .menu-links {
        display: block;
    }

    .container {
        position: absolute;
        left: 0%;
        top: 0%;
        right: auto;
        bottom: 0%;
        margin-top: 34px;
        margin-left: 15px;
        padding-top: 0px;
        padding-left: 0px;
    }

    .front-promo-bar-column {
        padding: 0px 5px;
    }

    .newsletter_head {
        font-size: 28px;
    }

    .copyright_menu_link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 18px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .copyright_text {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .nav-down {
        display: none;
    }

    .menu-links-down {
        display: block;
    }

    .image-2 {
        height: 300px;
    }

    .menus_title {
        margin-top: 5px;
    }

    .menus_line2 {
        border-style: none none solid;
        border-width: 1px;
        border-color: #000;
    }

    .facilities_slider {
        height: 400px;
    }

    .about_left {
        position: relative;
        left: -30px;
        border-width: 2px;
    }

    .about_left_img {
        position: static;
        margin-right: 0px;
        padding-right: 15px;
    }

    .about_right {
        right: -30px;
        border-width: 2px;
    }

    .about_right_img {
        position: static;
        padding-left: 15px;
    }

    .about_awards_p {
        padding-left: 15px;
    }

    .front-promo-bar-text {
        height: unset;
    }

        .front-promo-bar-text.description {
            -webkit-line-clamp: 2;
        }
}

@media screen and (max-width: 767px) {
    .front-slider-banner1 {
        background-size: cover;
    }

    .front-slider-content {
        font-size: 22px;
    }

    .front-slider-content-title {
        font-size: 40px;
    }

    .menu-button {
        height: 46px;
    }

    .top-nav-other {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .book-now {
        width: 100%;
    }

    .top-nav-other-button {
        display: none;
    }

        .top-nav-other-button.nav {
            display: block;
        }

    .top-nav-down-booking {
        width: 100%;
    }

    .top-nav-other-right {
        display: none;
    }

        .top-nav-other-right.nav {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

    .multilingual-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .front-promo-bar {
        padding-right: 10px;
        padding-left: 10px;
    }

    .front-promo-bar-column {
        padding: 5px;
    }

    .subscribe-form-flex {
        position: static;
    }

    .newsletter_box {
        margin-top: 13px;
    }

    .map-button {
        width: 100%;
    }

    .top-nav-booking {
        width: 100%;
    }

    .menus_right {
        height: auto;
        min-height: 200px;
    }

    .facilities_slider {
        height: 400px;
    }

    .about_left {
        left: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        border-style: none;
    }

    .about_left_img {
        position: static;
        padding-right: 0px;
    }

    .about_right {
        right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        border-style: none;
    }

    .about_right_img {
        padding-left: 0px;
    }

    .column-6 {
        position: relative;
    }

    .center {
        text-align: center;
    }

    .image-17 {
        text-align: left;
    }

    .column-7 {
        text-align: center;
    }

    .heading-21 {
        text-align: center;
    }

    .column-8 {
        text-align: center;
    }

    .members_box img {
        width: 100%;
    }

    .members_box .members_title, .members_sub_title, .members_box p {
        width: 100%;
    }

    .home-intro-ctn .intro-title {
        font-size: 36px;
        line-height: 36px;
    }

    .home-promotion-details .promotion-title {
        font-size: 36px !important;
        line-height: 36px !important;
    }

    .home_tab_title {
        font-size: 36px !important;
        line-height: 36px !important;
    }

    .booking-function-section .booking-function .date-picker-contain, .booking-function-section .booking-function .room-picker-contain {
        margin: auto;
    }

    .booking-function-section .booking-function .submit-btn-contain {
        margin: 20px auto auto;
    }

    .booking-function-section .booking-function .submit-btn {
        width: 270px;
    }

    .front-slider-banner .scroll-down {
        display: none
    }

    .room_right_body .room_area,
    .room_right_body .room_people,
    .room_right_body .room_bed {
        text-align: left;
    }

    .room-detail-obj {
        flex-wrap: wrap-reverse;
        display: flex;
    }

    .members_box .tips_title {
        width: 100% !important;
        text-align:left;
    }
}

@media screen and (max-width: 479px) {
    .front-slider-content {
        font-size: 20px;
    }

    .front-slider-content-title {
        font-size: 28px;
        line-height: 50px;
    }

    .front-promo-bar {
        padding-right: 5px;
        padding-left: 5px;
    }

    .front_centrebanner_round {
        width: 240px;
        height: 230px;
        font-size: 36px;
        line-height: 36px;
    }

    .front_centrebanner_button {
        margin-bottom: 20px;
    }

    .front-promo-bar-text {
        font-size: 20px;
    }

    .newsletter_title {
        margin-left: 0px;
    }

    .newsletter_head {
        font-size: 28px;
        line-height: 27px;
    }

    .subscribe-form-input-wrapper {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .subscribe-form-input {
        width: 100%;
    }

    .paragraph {
        font-size: 14px;
        line-height: 20px;
    }

    .newsletter {
        padding-right: 10px;
        padding-left: 10px;
    }

    .copyright_menu_url {
        padding-right: 10px;
        padding-left: 10px;
        font-size: 12px;
    }

    .copyright_text {
        font-size: 14px;
    }

    .image-2 {
        height: 200px;
    }

    .facilities_slider {
        height: 320px;
    }

    .room_box .room-virtual-tour {
        max-width: 100% !important;
    }

    .logo-ward-item-ctn {
        flex-wrap: wrap;
    }

    .filter-ctn .filter {
        flex-wrap: wrap;
        row-gap: 20px;
    }

        .filter-ctn .filter a {
            width: 50%;
        }
}

@media screen and (max-width: 767px) {
    #w-node-3d3e9e212cba-b854e8e4 {
        -ms-grid-column-span: 1;
        grid-column-end: span 1;
        -ms-grid-column: span 1;
        grid-column-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
    }

    #w-node-2e5f12d5c061-b854e8e4 {
        -ms-grid-column: span 1;
        grid-column-start: span 1;
        -ms-grid-column-span: 1;
        grid-column-end: span 1;
        -ms-grid-row: span 1;
        grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
    }
}