/*
    Created on : May 10, 2019 07:39:57 am
    Author     : dumidu.kodithuwakku@ebeyonds.com
*/

:root {
    --font-vollkorn: 'Vollkorn', serif;
    --font-lato: 'Lato', sans-serif;
    
    --color-dark-gray: #5f5c68;
    --color-gray: #968c83;
    --color-light-gray: #bfb8af;
    --color-cream: #f0e9db;
    --color-off-white: #f7f6f6;
    --color-white: #ffffff;
    --color-blue: #b3d19d;
    --color-dark-gray-2: #222222;
    
    
    --text-family: "Lato", sans-serif;
    --text-size: 1.4rem;
    --text-color: var(--color-dark-gray);
    --text-weight: 400;
    --text-line-height: 170%;
    --text-letter-spacing: 0%;
    
    --h1-family: "Vollkorn", serif;
    --h1-size: 4rem;
    --h1-color: var(--color-dark-gray);
    --h1-weight: 400;
    --h1-line-height: 120%;
    --h1-letter-spacing: 3%;
    --h1-margin-bottom: 2rem;
    
    --h2-family: "Vollkorn", serif;
    --h2-size: 3.2rem;
    --h2-color: var(--color-dark-gray);
    --h2-weight: 400;
    --h2-line-height: 120%;
    --h2-letter-spacing: 3%;
    --h2-margin-bottom: 1.8rem;
    
    --h3-family: "Vollkorn", serif;
    --h3-size: 2.5rem;
    --h3-color: var(--color-dark-gray);
    --h3-weight: 400;
    --h3-line-height: 120%;
    --h3-letter-spacing: 3%;
    --h3-margin-bottom: 1.5rem;
    
    --h4-family: "Vollkorn", serif;
    --h4-size: 2rem;
    --h4-color: var(--color-dark-gray);
    --h4-weight: 400;
    --h4-line-height: 120%;
    --h4-letter-spacing: 3%;
    --h4-margin-bottom: 1.2rem;
    
    --h5-family: "Vollkorn", serif;
    --h5-size: 1.8rem;
    --h5-color: var(--color-dark-gray);
    --h5-weight: 400;
    --h5-line-height: 140%;
    --h5-letter-spacing: 3%;
    --h5-margin-bottom: 1.1rem;
    
    --h6-family: "Vollkorn", serif;
    --h6-size: 1.6rem;
    --h6-color: var(--color-dark-gray);
    --h6-weight: 400;
    --h6-line-height: 140%;
    --h6-letter-spacing: 3%;
    --h6-margin-bottom: 1rem;
    
    
    --xxs: 6px;
    --xs: 8px;
    --s: 12px;
    --m: 16px;
    --l: 24px;
    --xl: 32px;
    --xxl: 48px;
    --xxxl: 72px;
    
    
    --header-height: 97px;
    --header-fixed-height: 72px;
    
    --flex-items-gap: 32px;
}

.r2g-breadcrumb,.r2g-breadcrumb .container,.r2g-breadcrumb .breadcrumb-nav,.r2g-content-sub,.r2g-content-sub .content-wrapper,.r2g-xbox-sub-component,.r2g-xbox-sub-component .intro-content,.r2g-xbox-sub-component .xbox-wrapper,.r2g-xbox-sub-component .image-wrapper,.r2g-xbox-sub-component .flex-container,.r2g-xbox-sub-component .content-wrapper {
    border-width: 0
}

.r2g-xlist-accordion-main-strip,.r2g-xlist-accordion-main-strip .container,.r2g-xlist-accordion-main-strip .intro-content,.r2g-xlist-accordion-main-strip .strip-item>.accordion-title,.r2g-xlist-accordion-main-strip .strip-item>.inner-wrapper,.r2g-tabs-main-strip.horizontal-tabs .first-level-label,.r2g-tabs-main-strip.horizontal-tabs .next-level-label,.r2g-tabs-main-strip,.r2g-tabs-main-strip .container,.r2g-tabs-main-strip>.container>.intro-content,.r2g-tabs-main-strip .tabs-inner-wrapper,.r2g-tabs-main-strip .tab-content-wrapper .accordion-content,.r2g-tabs-main-strip .tab-content-wrapper .accordion-title,.r2g-tabs-main-strip .bottom-content,.r2g-tabs-main-strip .tab-titles-wrapper,.r2g-tabs-main-strip,.r2g-tabs-main-strip .container,.r2g-tabs-main-strip>.container>.intro-content,.r2g-tabs-main-strip .tabs-inner-wrapper,.r2g-tabs-main-strip .tab-content-wrapper,.accordion-content,.r2g-tabs-main-strip .tab-content-wrapper .accordion-title,.r2g-tabs-main-strip .bottom-content,.r2g-flex-xlist-main-strip,.r2g-flex-xlist-main-strip .container,.r2g-flex-xlist-main-strip>.container>.intro-content,.r2g-flex-xlist-main-strip .xlist-strip,.r2g-flex-xlist-main-strip .bottom-content,.r2g-xlist-accordion-main-strip>.container>.intro-content,.main-visual-default .main-visual-slogan-wrapper,.r2g-rotator-main-strip,.r2g-rotator-main-strip .container,.r2g-rotator-main-strip .rotatorElement .rotator-wrapper,.r2g-rotator-main-strip .intro-content,.arrows-wrapper .slick-arrow,.r2g-rotator-main-strip .bottom-content,.r2g-expandable-xlist .main-content-wrapper .intro-content,.r2g-expandable-xlist,.r2g-expandable-xlist .main-content-wrapper,.r2g-expandable-xlist .panel-wrap,.r2g-expandable-xlist .main-content-wrapper .intro-content,.r2g-expandable-xlist .panel-wrap .xList-item .image-wrapper,.r2g-expandable-xlist .panel-wrap,.expandable-xbox .intro-content,.expandable-xbox .full-content,.r2g-content-main-strip .content-wrapper,.r2g-content-main-strip .container,.r2g-content-main-strip,.r2g-footer,.r2g-footer .footer-items .footer-item,.r2g-footer .footer-items,.copyright-bar,.r2g-horizontal-menu-main-strip,.r2g-horizontal-menu-main-strip .container,.r2g-horizontal-menu-main-strip .xmenu .menu,.r2g-horizontal-menu-main-strip .menu>ul,.r2g-horizontal-menu-main-strip .xmenu li,.r2g-horizontal-menu-main-strip .xmenu li a,.r2g-xbox-main-strip,.r2g-xbox-main-strip .container,.r2g-xbox-main-strip .intro-content,.r2g-xbox-main-strip .xbox-wrapper,.r2g-xbox-main-strip .image-wrapper,.r2g-xbox-main-strip .flex-container,.r2g-xbox-main-strip .content-wrapper,.r2g-form-sub-component,.r2g-form-sub-component .form-wrapper,.r2g-flex-xlist-sub-component,.r2g-flex-xlist-sub-component>.intro-content,.r2g-flex-xlist-sub-component .xlist-sub,.r2g-timeline-main-strip,.r2g-timeline-main-strip .container,.r2g-timeline-xbox .flex-container .content-wrapper,.r2g-timeline-xbox.mouse-over .flex-container .content-wrapper, .r2g-tabs-main-strip.horizontal-tabs .tab-titles-wrapper, .r2g-rotator-sub-component, .r2g-rotator-sub-component .intro-content, .r2g-rotator-sub-component .rotator-wrapper, .r2g-rotator-sub-component .rotator-wrapper .slick-slide, .r2g-rotator-sub-component .rotator-wrapper .slick-slide, .r2g-xlist-accordion-sub-component, .r2g-xlist-accordion-sub-component > .intro-content, .r2g-xlist-accordion-sub-component .sub-item > .accordion-title, .r2g-xlist-accordion-sub-component .sub-item > .inner-wrapper, .r2g-form-sub-component .intro-content {
    border-width: 0
}
.r2g-form-main-strip > .container > .intro-content,
.r2g-form-main-strip,
.r2g-form-main-strip .container,
.r2g-form-main-strip .form-wrapper,
.r2g-form-main-strip .cms-form .file-button
{
    border-width:0;
}

html {
    font-size: 10px;
}

body.loaded:not(.page-1){
	background-image:url(/images/site-specific/background-images/page-background.webp);
	/*background-size:cover;*/
	/*background-position:center center;*/
	background-repeat:repeat no-repeat;
}

body {
    font-family: var(--text-family);
    font-size: var(--text-size);
    font-weight: var(--text-weight);
    letter-spacing: var(--text-letter-spacing);
    line-height: var(--text-line-height);
    color: var(--text-color);
    margin: 0;
}
p {
    margin: 0 0 var(--s);
}
p:last-child {
    margin: 0;
}





h1, .h1 {
    font-family: var(--h1-family);
    font-size: var(--h1-size);
    color: var(--h1-color);
    font-weight: var(--h1-weight);
    line-height: var(--h1-line-height);
    letter-spacing: var(--h1-letter-spacing);
    margin: 0 0 var(--h1-margin-bottom);
}
h2, .h2 {
    font-family: var(--h2-family);
    font-size: var(--h2-size);
    color: var(--h2-color);
    font-weight: var(--h2-weight);
    line-height: var(--h2-line-height);
    letter-spacing: var(--h2-letter-spacing);
    margin: 0 0 var(--h2-margin-bottom);
}
h3, .h3 {
    font-family: var(--h3-family);
    font-size: var(--h3-size);
    color: var(--h3-color);
    font-weight: var(--h3-weight);
    line-height: var(--h3-line-height);
    letter-spacing: var(--h3-letter-spacing);
    margin: 0 0 var(--h3-margin-bottom);
}
h4, .h4 {
    font-family: var(--h4-family);
    font-size: var(--h4-size);
    color: var(--h4-color);
    font-weight: var(--h4-weight);
    line-height: var(--h4-line-height);
    letter-spacing: var(--h4-letter-spacing);
    margin: 0 0 var(--h4-margin-bottom);
}
h5, .h5 {
    font-family: var(--h5-family);
    font-size: var(--h5-size);
    color: var(--h5-color);
    font-weight: var(--h5-weight);
    line-height: var(--h5-line-height);
    letter-spacing: var(--h5-letter-spacing);
    margin: 0 0 var(--h5-margin-bottom);
}
h6, .h6 {
    font-family: var(--h6-family);
    font-size: var(--h6-size);
    color: var(--h6-color);
    font-weight: var(--h6-weight);
    line-height: var(--h6-line-height);
    letter-spacing: var(--h6-letter-spacing);
    margin: 0 0 var(--h6-margin-bottom);
}

li {
    line-height: var(--text-line-height);
}

a {
    color: var(--color-dark-gray);
    text-decoration: none;
}

table {
    border: none;
}







.intro-content {
    margin-bottom: var(--xl);
}







/* buttons */

.link-option-1 {
    color: var(--color-dark-gray);
    text-decoration: none;
    line-height: 170%;
    position: relative;
    display: inline-block;
}
.link-option-1::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--color-dark-gray-2);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.5s;
}
.link-option-1:hover::after {
    height: 2px;
}

.strip-row .bottom-content{
    margin-top:35px;
}

/*.primary-button,
.link-as-button-option-1 {
    display: inline-block;
    font-size: 1.6rem;
    border: 1px solid var(--color-dark-gray);
    padding: calc(var(--xs)) var(--m) calc(var(--xs) - 3px);
    font-family: var(--font-vollkorn);
    color: var(--color-dark-gray);
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    background-color: transparent;
    line-height: 100%;
}
.primary-button:hover,
.link-as-button-option-1:hover {
    color: var(--color-white);
}
.primary-button::before,
.link-as-button-option-1::before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: var(--color-dark-gray);
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.7s;
    opacity: 0;
}
.primary-button:hover::before,
.link-as-button-option-1:hover::before {
    width: 450px;
    height: 450px;
    opacity: 1;
}
.bg-dark .primary-button,
.bg-dark .link-as-button-option-1 {
    color: var(--color-white);
    border-color: var(--color-white);
}
.cms-form .primary-button {
    text-transform: uppercase;
}*/







.primary-button,
.link-as-button-option-1 {
    position: relative;
    color: var(--color-dark-gray);
    letter-spacing: 0.1rem;
    font-size: 16px;
    text-decoration: none;
    padding: var(--xxs) 0;
    overflow: hidden;
    display: inline-block;
    line-height: 1;
    background-color: transparent;
    box-shadow: none;
    border: 0;
}
.primary-button::before,
.link-as-button-option-1::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--color-dark-gray);
    position: absolute;
    bottom: 0;
    left: 0;
}
.primary-button::after,
.link-as-button-option-1::after {
    content: '';
    width: 80px;
    height: 1px;
    background-color: var(--color-white);
    position: absolute;
    bottom: 0;
    left: -80px;
    transition: all 0.7s;
}
.primary-button:hover::after,
.link-as-button-option-1:hover::after {
    left: 100%;
}
.bg-dark .primary-button,
.bg-dark .link-as-button-option-1 {
    color: var(--color-white);
}
.bg-dark .primary-button::before,
.bg-dark .link-as-button-option-1::before {
    background-color: var(--color-white);
}
.bg-dark .primary-button::after,
.bg-dark .link-as-button-option-1::after {
    background-color: var(--color-dark-gray);
}







.secondary-button,
.link-as-button-option-2 {
    position: relative;
    color: var(--color-dark-gray);
    /*letter-spacing: 0.1rem;*/
    font-size: 16px;
    text-decoration: none;
    padding: var(--xxs) 0;
    overflow: hidden;
    display: inline-block;
    line-height: 1;
    background-color: transparent;
    box-shadow: none;
    border: 0;
}
.secondary-button::before,
.link-as-button-option-2::before {
    content: '';
    width: 100%;
    /*height: 1px;*/
    background-color: var(--color-dark-gray);
    position: absolute;
    bottom: 0;
    left: 0;
}
.secondary-button::after,
.link-as-button-option-2::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--color-dark-gray);
    position: absolute;
    bottom: 0;
    left: -100%;
    transition: all 0.3s;
}
.secondary-button:hover::after,
.link-as-button-option-2:hover::after {
    left: 100%;
    left: 0;
}
.bg-dark .secondary-button,
.bg-dark .link-as-button-option-2 {
    color: var(--color-white);
}
.bg-dark .secondary-button::before,
.bg-dark .link-as-button-option-2::before {
    background-color: var(--color-dark-gray);
}
.bg-dark .secondary-button::after,
.bg-dark .link-as-button-option-2::after {
    background-color: var(--color-white);
}







.cms-form .fb-file-inner {
    border-radius: 0;
}







.breadcrumb-nav a {
    color: var(--color-dark-gray);
    text-decoration: none;
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding-bottom: var(--xxs);
    font-size: 1.4rem;
}
.breadcrumb-nav a::before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    background-color: var(--color-dark-gray);
    bottom: 0;
    left: -100%;
    transition: all 0.5s;
}
.breadcrumb-nav a:hover::before {
    left: 0;
}
.breadcrumb-nav a.active {
    color: var(--color-gray);
}
.breadcrumb-nav span {
    position: relative;
    top: -7px;
}
/*.breadcrumb-nav span:before {
    content: '';
    width: 1px;
    height: 100%;
    background-color: var(--color-dark-gray);
    position: absolute;
    top: 0;
    left: 0;
}*/







/* sections and other components */

.r2g-main-visual .slider-wrapper {
    padding: 0;
    margin-top: 0;
}







/* header */
.r2g-header {
    background-color: var(--color-gray);
    background-color: #968c83de;
    padding: 12px 0;
    height: 73px;
    backdrop-filter: blur(10px);
}
.r2g-header.header-fixed {
    height: 48px;
}
.r2g-header .container {
    max-width: 100%;
    width: 100%;
    margin: 0;
}
/*@media (min-width: 1024px) {
    .r2g-header .container {
        max-width: 940px;
        margin: auto;
    }
}
@media (min-width: 1280px) {
    .r2g-header .container {
        max-width: 1200px;
    }
}
@media (min-width: 1366px) {
    .r2g-header .container {
        max-width: 1240px;
    }
}*/
.r2g-header a {
    color: #ffffff;
}
.r2g-header .top-bar a {
    text-decoration: none;
}
.r2g-header .main-menu a {
    font-family: var(--font-vollkorn);
    font-size: 1.8rem;
    text-transform: uppercase;
    text-decoration: none;
}
.r2g-header .branding {
    width: 60px;
    left: 50%;
    transform: translate(-50%, 0);
}
.r2g-header.header-fixed .branding {
    top: 6px;
    width: 40px;
}
.r2g-header .branding img {
    width: 100%;
}
.r2g-header .top-bar {
    width: calc(100% - 85px);
    right: 20px;
}
.r2g-header .top-bar .top-bar-wrapper {
    display: flex;
    align-items: center;
}
.r2g-header .top-bar .r2g-cms-language {
    margin-left: auto !important;
}
.r2g-header .header-bottom-bar .primary-button {
    top: calc(100vh - 53px);
    background-color: var(--color-gray);
    /*background-color: transparent;*/
    font-family: var(--font-lato);
    border: none;
    background-color: transparent;
    padding: 5px 0;
    text-transform: none;
}
.r2g-header .header-bottom-bar .primary-button:before {
    background-color: var(--color-white);
}
.r2g-header .header-bottom-bar .primary-button:after {
    background-color: var(--color-gray);
}
.r2g-header .top-bar .r2g-cms-language nav {
    position: absolute;
    background-color: var(--color-gray);
    padding: 10px;
    right: 0;
    border: 1px solid var(--color-dark-gray-2);
}
.r2g-header .top-bar .r2g-cms-language .selected-lan {
    padding-right: 20px;
    position: relative;
    color: var(--color-white);
}
.r2g-header .top-bar .r2g-cms-language .selected-lan::after {
    content: '\ea41';
    font-family: 'icomoon';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    font-size: 2rem;
}
.r2g-header .top-bar .r2g-contact-options {
    display: none;
}
.r2g-header .top-bar .icon {
    font-size: 2.4rem;
}
.r2g-header .menu-btn {
    left: 20px;
    right: unset;
    color: var(--color-white);
}
.r2g-header.header-option-four .header-bottom-bar {
    top: 12px;
}
.r2g-header .branding {
    top: -2px;
}
@media (max-width: 767.5px) {
    .r2g-header .branding .default-logo {
        opacity: 1;
    }
    .r2g-header .branding .on-scroll-logo {
        opacity: 0;
    }
    .r2g-header.header-fixed .branding .default-logo {
        opacity: 0;
    }
    .r2g-header.header-fixed .branding .on-scroll-logo {
        opacity: 1;
    }
    .r2g-header .header-bottom-bar .primary-button{
        padding: 15px 12px 15px 12px !important;
        margin: 0;
        border: none;
        background: rgb(150 140 131 / 100%);
        text-transform: uppercase;
        font-family: var(--font-vollkorn);
        font-size: 0.9em;
        top: calc(100vh - 56px);
        line-height: 1;
    }

}

/* menu */
.r2g-header .more-menu-wrapper {
    /*background-color: var(--color-white);*/
    background-color: var(--color-light-gray);
    top: 97px;
    left: 0;
    height: calc(100vh - 72px);
    padding: var(--l);
}
.r2g-header.header-fixed .more-menu-wrapper {
    top: 72px;
}
.r2g-header .more-menu nav li a {
    /*color: var(--color-dark-gray);*/   
    color: var(--color-white);
    font-family: var(--font-vollkorn);
    text-decoration: none;
    font-size: 2rem;
}
.main-menu .sub-menu-arrow:before, .more-menu .sub-menu-arrow:before {
    content: '\ea3e';
}
.r2g-header .more-menu nav li {
    position: relative;
}
.r2g-header .more-menu nav li .sub-menu-arrow {
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 3rem;
}
.r2g-header .more-menu nav li ul {
    display: block;
    position: fixed;
    top: 105px;
    left: 100%;
    padding-left: 23px;
    background-color: #ffffff;
    width: calc(100% - 48px);
    height: calc(100vh - 125px);
    z-index: 1;
    transition: all 0.5s;
}
.r2g-header .more-menu nav li.sub-menu-open ul {
    left: 0;
}
.r2g-header .more-menu nav li.sub-menu-open ul li.submenu-title {
    padding-left: 30px;
    border-bottom: 1px solid var(--color-light-gray);
    margin-bottom: 6px;
}
.r2g-header .more-menu nav li.sub-menu-open ul li.submenu-title .sub-menu-arrow {
    top: 7px;
    left: -17px;
    right: unset;
}
.r2g-header .more-menu-wrapper .r2g-header-social-media {
    display: none;
}
.more-menu button.close {
    display: none;
}







/*booking mask*/
.booking-mask {
    position: fixed;
    z-index: 10;
    background-color: #ffffff;
    padding: 24px;
    width: calc(100% - 48px);
    height: calc(100% - 48px);
    color: var(--color-dark-gray);
    right: -100px;
    transition: all 0.5s;
}
.booking-mask-wrapper {
    /*display: none;*/
    visibility: hidden;
    background-color: #00000080;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    /*display: none;*/
    transition: all 0.5s;
}
.booking-mask-wrapper.open {
    opacity: 1;
    visibility: visible;
    /*display: block;*/
}
.booking-mask-wrapper.open .booking-mask {
    right: 0;
}
/*.page-1 .booking-mask-wrapper {
    display: block;
    visibility: visible;
}*/
.booking-mask * {
    color: var(--color-dark-gray);
}
.booking-mask .booking-mask-field {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--color-light-gray);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    position: relative;
}
.booking-mask .booking-mask-field.no-border {
    border-bottom: none;
}
.booking-mask .booking-mask-field input {
    flex: 1;
    margin-left: 15px;
    padding: 5px 0;
}
.booking-mask .booking-mask-field.input.arrow::after {
    content: '\ea41';
    font-family: "icomoon";
    font-size: 2rem;
    position: absolute;
    top: 5px;
    right: 0;
}
.booking-mask .booking-mask-field.input.arrow.arrow-desktop::after {
    opacity: 0;
}

.booking-mask .booking-mask-field input:focus-visible{
    outline: none;
}

@media (min-width: 1024px) {
    .booking-mask .booking-mask-field.input.arrow.arrow-desktop::after {
        opacity: 1;
    }
}
.booking-mask .booking-mask-field button {
    flex: 1;
}
.booking-mask .guests-input-popup {
    display: none;
}
.booking-mask .booking-mask-field input {
    border: none;
}
.booking-mask .close {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 2.5rem;
    cursor: pointer;
}
.flatpickr-calendar {
    padding: 16px;
    box-sizing: border-box;
    border-radius: 0;
    border: 1px solid var(--color-dark-gray);
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    top: 14px;
    height: 20px;
}
.flatpickr-current-month span.cur-month,
.flatpickr-current-month input.cur-year {
    font-weight: 500;
    font-size: 1.5rem;
}
.booking-mask .guests-input-popup {
    display: block;
    position: absolute;
    border: 1px solid #aaaaaa;
    background-color: #ffffff;
    width: calc(100% - 20px);
    top: 37px;
    z-index: 1;
    padding: 10px;
}
.booking-mask .guests-input-popup label {
    /*margin-right: 12px;*/
    width: 100%;
    display: inline-block;
    margin-bottom: 11px;
}
.booking-mask .guests-input-popup input {
    width: 35px;
    margin: 0 5px;
    text-align: center;
}
.booking-mask .guests-input-popup .guest-input-field {
    border-bottom: 1px solid #a3a3a3;
    padding-bottom: 12px;
    margin-bottom: 12px;
}







.button-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 36px;
}







.full-width-image-xbox .image-wrapper {
    width: 100%;
}
.full-width-image-xbox.option-1 .image-wrapper{
    aspect-ratio: 240 / 111 !important;
}







.rotatorElement .xList-items {
    margin-bottom: 0 !important;
}
.rotatorElement .pager-list {
    /*display: none;*/
}
.rotatorElement .flex-container {
    padding-bottom: 0;
}
@media (max-width: 1279.5px) {
    .r2g-rotator-main-strip .container {
        /*width: 100%;*/
        /*max-width: 100%;*/
        /*overflow: hidden;*/
    }
    .r2g-rotator-main-strip .container .intro-content {
        padding: 0 24px;
    }
    .r2g-rotator-main-strip .slick-list {
        /*padding: 0 24px;*/
    }
    /*.r2g-rotator-main-strip .ignore-slider-padding .slick-list {
        padding: 0;
    }*/
    .r2g-rotator-main-strip .rotator-wrapper .slick-slide {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
    .r2g-rotator-main-strip .xList-items {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}







.main-visual-slogan-wrapper {
    background-color: var(--color-cream);
}







.r2g-footer {
    overflow-y: hidden;
}







.r2g-tabs-main-strip.horizontal-tabs .tab-titles-wrapper, .r2g-tabs-main-strip .sub-tab-titles-wrapper {
    margin-bottom: 0;
}
.r2g-tabs-main-strip .tab-content-wrapper .accordion-title {
    border-bottom: 1px solid var(--color-gray);
    padding: var(--xxs) 0;
}
.r2g-tabs-main-strip .tab-content-wrapper .accordion-content {
    padding-top: var(--l);
}







.r2g-xbox-main-strip .flex-container {
    padding: var(--l) 0 0;
}
.r2g-xbox-sub-component .flex-container {
    padding: var(--l) 0 0;
}







.stay-full-card .content-wrapper .col-1 {
    margin-bottom: var(--s);
}
.stay-full-card .content-wrapper .col-2 {
    margin-bottom: var(--l);
}







.stay-tabs-section .container {
    /*width: 100%;*/
    /*max-width: 100%;*/
}
.stay-tabs-section .intro-content {
    margin-bottom: 30px;
}
.stay-rotator .slick-list {
    /*padding: 0 30px;*/
}
.stay-rotator.r2g-rotator-sub-component .rotator-wrapper .slick-slide {
    margin-left: 8px;
    margin-right: 8px;
}
.r2g-tabs-main-strip .tab-content-wrapper .accordion-title {
    padding: var(--xxs) var(--s);
}
.r2g-tabs-main-strip {
    overflow: hidden;
}







.bg-cream {
    padding: var(--xxl) 0 72px;
    background-color: var(--color-cream);
}







.testimonial-card {
    background-color: var(--color-cream);
    padding: var(--xxl);
}
.testimonial-card .quote-icon {
    display: flex;
    justify-content: center;
    margin-bottom: var(--l);
}







.strip-row {
    margin-bottom: var(--xxxl);
}







header .contact-link,
header .sm-item a {
    display: none;
}
.cse_body.loaded header .contact-link {
    display: block;
}







.main-visual-default .main-visual-play {
    border: none;
    display: none;
}
.default-slogan-left .main-visual-default .container {
    border-left: 0;
}
.main-visual-default .slogan {
    display: flex;
    justify-content: center;
}
.main-visual-default .slogan h2 {
    margin-bottom: 0;
    text-shadow: 0px 0px 1px #333;
}
.slogan-position-bottom .main-visual-default .main-visual-slogan-wrapper {
    background-color: transparent;
}
.main-visual-default .slogan h2 {
    color: #ffffff;
}







.intro-content.custom-intro-content p {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}







p.sub-title {
    margin-bottom: 4px;
}







.strip-row:has(+ .r2g-breadcrumb) {
    margin-bottom: var(--xxs);
}
.r2g-breadcrumb .breadcrumb-nav span {
    position: relative;
    top: -15px;
}
.r2g-breadcrumb.strip-row {
    margin-bottom: var(--l);
}







.main-visual-default .main-visual-pager-wrapper li {
    background-color: var(--color-white);
    border-color: var(--color-white);
    border-radius: 3px;
    border-width: 3px;
    margin: 0 6px;
    width: 0;
    transition: all 0.5s;
}
.main-visual-default .main-visual-pager-wrapper .slick-active {
    width: 32px;
}







/*.bg-half {
    margin-bottom: 0;
    padding-bottom: var(--xxxl);
    background-image: linear-gradient(0deg, #f0e9db 67%, transparent 67%);
}*/
.bg-half {
    padding-bottom: var(--xxxl);
    background-image: linear-gradient(0deg, #f0e9db 67%, transparent 67%);
}

.bg-half:not(.with-margin){
    margin-bottom: 0;
}
.bg-cream-pt-0-pb {
    padding-bottom: var(--xxl);
    background-color: var(--color-cream);
}
.bg-cream-pt-full-pb-full {
    padding-top: var(--xxxl);
    padding-bottom: var(--xxxl);
    background-color: var(--color-cream);
}
.mb-0 {
    margin-bottom: 0;
}







.r2g-footer {
    padding-top: 0;
}







.dine-details-main.r2g-xbox-sub-component .flex-container {
    padding: var(--l) 0 0;
}
.dine-details .logo {
    margin-bottom: var(--xl);
}
.dine-details .info-boxes {
    display: flex;
    flex-wrap: wrap;
    gap: var(--l);
    margin-bottom: var(--xl);
}
.dine-details .info-box {
    width: 100%;
}
.dine-details .info-box h3 {
    margin-bottom: 0;
}
.dine-details .info-box p {
    font-size: 1.4rem;
}
.dine-details .menu-qrs {
    display: flex;
    gap: var(--m);
    margin-bottom: var(--m);
}
.dine-details .menu-qrs .menu-qr p {
    /*text-align: center;*/
    font-size: 1.4rem;
}







.main-block {
    margin-top: var(--header-height);
}
.main-block.header-fixed {
    margin-top: var(--header-fixed-height);
}







.slogan-position-bottom .main-visual-default .main-visual-slogan-wrapper {
    position: absolute;
    bottom: var(--xxl);
    width: 100%;
    z-index: 1;
}







.r2g-header .menu-btn-inner-wrapper {
    width: 100%;
}







.image-wrapper img{
    width:100%;
    height: auto;
}







.xbox-sub-option-1 .flex-container {
    background-color: var(--color-dark-gray);
    position: static;
}







.r2g-footer .copyright-bar {
    padding: 0 0 20px !important;
}







.r2g-breadcrumb .breadcrumb-nav span {
    padding: 0;
}







.r2g-flex-xlist-main-strip .flex-xlist > .xList-items {
    gap: var(--flex-items-gap)
}







#book-a-table-form .cms-form {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
#book-a-table-form .cms-form .form-group {
    width: 100%;
    margin: 0;
}
#book-a-table-form .cms-form .form-group h3 {
    margin-bottom: 0;
}
#book-a-table-form .cms-form .form-group.field-submit {
    width: auto;
}







.r2g-xlist-accordion-sub-component .sub-item > .accordion-title {
    border-top: 1px solid var(--color-dark-gray);
    padding: var(--m) 0;
}
.r2g-xlist-accordion-sub-component .accordion-xlist .xList-items .r2g-content-sub {
    padding: 0 var(--m) var(--l);
}
.r2g-xlist-accordion-sub-component .sub-item > .accordion-title:after {
    content: '\ea42';
    font-size: 3rem;
}







.sticky-image {
    position: relative;
}
.sticky-image .image-wrapper {
    position: sticky;
    top: calc(var(--header-fixed-height) + 20px);
}







.cms-form-holder .cms-form {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}
.cms-form-holder .cms-form .form-group {
    margin-bottom: 0;
    width: 100%;
    margin: 0;
}
.cms-form-holder .cms-form .form-group .fb-text-label {
    margin-bottom: 0;
}
.cms-form-holder .cms-form .form-group h3 {
    margin-bottom: 0;
}
.r2g-form-sub-component .form-group .radio-group, .r2g-form-sub-component .form-group .checkbox-group {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.fb-hide-label label{
    opacity:0;
    pointer-events:none
}

.form-contactus .field-title,
.form-contactus .field-from_name{
    justify-content:flex-start;
}

.r2g-xlist-accordion-main-strip .xList-items  > li:not(:first-child){
    border-top:1px solid var(--color-dark-gray)
}
.r2g-xlist-accordion-main-strip .xList-items .inner-wrapper{
    padding:0;
}
.r2g-xlist-accordion-main-strip .strip-item > .accordion-title:after {
    content: '\ea41' !important;
    font-size: 2rem;
}
@media(min-width:1366px){
    .r2g-xlist-accordion-main-strip .strip-item > .accordion-title{
        padding: 16px 50px 16px 0;
    }
    /*.r2g-content-sub .content-wrapper {*/
    /*    padding-left: 32px;*/
    /*    padding-bottom: 16px;*/
    /*}*/
}







.cms-form input[type="email"],
.cms-form input[type="number"],
.cms-form input[type="search"],
.cms-form input[type="text"],
.cms-form input[type="tel"],
.cms-form input[type="url"],
.cms-form input[type="password"],
.cms-form input[type="file"],
.cms-form input[type="time"],
.cms-form textarea,
.cms-form select {
    background-color: rgba(0, 0, 0, 0);
    height: 40px;
    padding: 8px 16px;
    border: 1px solid #BCBCBC;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
}







.need-help-card {
    background-color: var(--color-white);
    height: auto;
    padding: var(--xxl);
}
.need-help-card h3 {
    margin-bottom: 24px;
}
.need-help-card h4 {
    margin-top: 24px;
    margin-bottom: 8px;
}
.need-help-card a {
    text-decoration: none;
}







.cms-form-holder .cms-form .form-group.has-tel {
    z-index: 2;
}







.blog-listing-wrapper .r2g-xbox-sub-component .flex-container {
    padding: 22px 0;
}
.blog-listing-wrapper .blog-sidebar {
    padding: 0;
}
.blog-listing-wrapper .featured-wrapper .r2g-xbox-sub-component .flex-container {
    padding: 0 0 0 12px;
}
.blog-sidebar aside .r2g-xbox-sub-component {
    border-width: 0;
    margin-bottom: 7px;
}
.blog-sidebar aside .r2g-xbox-sub-component:nth-child(2) {
    border-width: 1px 0 0;
}
.archive-month-wrapper {
    margin: 0 0 0 20px;
}
.tags-wrapper ul {
    padding-top: 24px !important;
}
.tags-wrapper a {
    padding: 2px 12px 3px;
    border-radius: 22px;
}
.archives-wrapper .active .bullet:before {
    content: '\e910';
}
.archives-wrapper .archive-year > .bullet {
    top: calc(50% + 6px);
}
.archives-wrapper a .bullet {
    opacity: 0;
}







.pagination {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px;
    padding-left: 0;
}
.pagination a {
    font-size: 2rem;
    text-decoration: none;
    color: var(--color-gray);
}
.pagination li.active a {
    color: var(--color-dark-gray);
}
.pagination li.first,
.pagination li.last {
    display: none;
}
.pagination li.prev a,
.pagination li.next a {
    font-size: 2.5rem;
    position: relative;
    top: 3px;
}







.r2g-header.header-fixed .main-menu .active > a,
.r2g-header .main-menu .active a {
    border-width: 0;
}





#dine-menu {
    padding: 24px;
}
#dine-menu .container {
    margin: 0;
}







#dine-menu {
    max-width: 800px;
}
#dine-menu.r2g-tabs-main-strip .tab-content-wrapper .accordion-title {
    font-size: 1.8rem;
    font-family: var(--font-lato);
    font-weight: 700;
    padding: 12px 0 12px;
}
.food-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px;
}
.food-item .details h4 {
    margin-bottom: 0;
}
.food-item .details h4 .sub-text {
    font-family: var(--font-lato);
    font-size: 1.5rem;
    font-weight: 700;
}
.food-item .price {
    font-weight: 700;
    margin-left: 24px;
}
#dine-menu .popup-intro-content {
    display: flex;
}
#dine-menu .popup-intro-content .image {
    margin-right: 32px;
}







.swal2-container {
    z-index: 99999 !important;
}







.r2g-header.header-option-four .top-bar {
    z-index: 2;
}
.r2g-header .top-bar .r2g-cms-language nav {
    border: none;
    background-color: var(--color-dark-gray);
    top: 100%;
}







#more-menu nav {
    height: calc(100vh - 250px);
    overflow-y: auto;
}







.copyright-bar p {
    font-size: 1.4rem;
}







.tags-wrapper li.active a {
    border: 1px solid #000000;
    color: #000000;
}
.archives-wrapper p.active > a,
.archives-wrapper li.active > a {
    font-weight: 700;
}







.r2g-header .header-bottom-bar .primary-button {
    padding-top: 10px;
}







.fb-privacyfield .fb-cr input {
    top: 5px;
    left: 6px;
}







#dine-menu .r2g-content-sub .content-wrapper {
    padding-left: 0;
}







.dine-details .logo {
    max-width: 200px;
}







.r2g-header .more-menu nav li.active a {
    border-bottom: 1px solid;
}







.r2g-header .header-bottom-bar .primary-button {
    font-size: 1.6rem;
}
.r2g-header .main-menu a {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
}







.flatpickr-calendar {
    min-width: 341.875px;
}


@media (max-width: 767.5px) {
    .r2g-header .top-bar .top-bar-wrapper {
        justify-content: space-between;
    }
    .r2g-header .top-bar .top-bar-wrapper .top-bar-left,
    .r2g-header .top-bar .top-bar-wrapper .top-bar-right {
        width: auto !important;
    }
}


.dining-mega-menu .menu-block .h4,
.wellness-mega-menu .menu-block .h4,
.experiences-mega-menu .menu-block .h4 {
    display: none;
}


.stay-mega-menu,
.dining-mega-menu,
.wellness-mega-menu,
.experiences-mega-menu {
    width: 100%;
    position: fixed;
    z-index: 10;
    background-color: var(--color-white); 
    height: calc(100vh - var(--header-height));
    top: var(--header-height);
    overflow-y: auto;
    left: 100%;
    transition: all 0.5s;
    box-shadow: 0 3px 3px #00000033;
}

.stay-mega-menu.active,
.dining-mega-menu.active,
.wellness-mega-menu.active,
.experiences-mega-menu.active {
    left: 0;
}

.header-fixed .stay-mega-menu,
.header-fixed .dining-mega-menu,
.header-fixed .wellness-mega-menu,
.header-fixed .experiences-mega-menu {
    height: calc(100vh - var(--header-fixed-height));
    top: var(--header-fixed-height);
}

.stay-mega-menu .stay-mega-menu-inner-wrapper,
.dining-mega-menu .dining-mega-menu-inner-wrapper,
.wellness-mega-menu .wellness-mega-menu-inner-wrapper,
.experiences-mega-menu .experiences-mega-menu-inner-wrapper {
    padding: 20px;
    /*height: 100%;*/
    box-sizing: border-box;
    position: relative;
}

.stay-mega-menu .back-btn,
.dining-mega-menu .back-btn,
.wellness-mega-menu .back-btn,
.experiences-mega-menu .back-btn {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 30px;
    /*border-bottom: 1px solid #cccccc;*/
    margin-bottom: 15px;
    position: sticky;
    top: 0;
    /*background-color: var(--color-white);*/ 
    background-color: var(--color-light-gray);
    z-index: 2;
}


.stay-mega-menu .back-btn:before,
.dining-mega-menu .back-btn:before,
.wellness-mega-menu .back-btn:before,
.experiences-mega-menu .back-btn:before {
    content: '\ea3c';
    font-family: 'icomoon';
    font-size: 3rem;
    position: absolute;
    top: 50%;
    left: -5px;
    transform: translateY(-50%);
}

.stay-mega-menu .back-btn span,
.dining-mega-menu .back-btn span,
.wellness-mega-menu .back-btn span,
.experiences-mega-menu .back-btn span {
    font-family: var(--font-vollkorn);
    font-size: 2.5rem;
}

.stay-mega-menu .xbox-section,
.dining-mega-menu .xbox-section,
.wellness-mega-menu .xbox-section,
.experiences-mega-menu .xbox-section {
    margin-bottom: 32px;
}

.stay-mega-menu .xbox-section .content-wrapper h4,
.dining-mega-menu .xbox-section .content-wrapper h4,
.wellness-mega-menu .xbox-section .content-wrapper h4,
.experiences-mega-menu .xbox-section .content-wrapper h4 {
    display: none;
}

.stay-mega-menu .image-wrapper,
.wellness-mega-menu .image-wrapper {
    margin-bottom: 24px;
    max-width: 300px;
}
.dining-mega-menu .image-wrapper,
.experiences-mega-menu .image-wrapper {
    display: none;
}
.stay-mega-menu .menu .menu-block,
.wellness-mega-menu .menu .menu-block {
    border-top: 1px solid #cccccc;
    padding-top: 24px;
    padding-bottom: 24px;
}
.dining-mega-menu .menu,
.experiences-mega-menu .menu {
    border-top: 1px solid #cccccc;
    padding-top: 25px;
}
.stay-mega-menu .menu ul,
.wellness-mega-menu .menu ul {
    list-style-type: none;
    padding-left: 0;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

@media(min-width:1280px){
    .stay-mega-menu .menu ul,
    .wellness-mega-menu .menu ul{
        height: calc(100vh - 500px);
    }
}

.stay-mega-menu .menu ul::-webkit-scrollbar,
.wellness-mega-menu .menu ul::-webkit-scrollbar {
    width: 3px;
}

.stay-mega-menu .menu ul::-webkit-scrollbar-track,
.wellness-mega-menu .menu ul::-webkit-scrollbar-track {
    background: transparent;
}

.stay-mega-menu .menu ul::-webkit-scrollbar-thumb,
.wellness-mega-menu .menu ul::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}
.stay-mega-menu .menu ul li,
.wellness-mega-menu .menu ul li {
    margin-bottom: 8px;
}
.stay-mega-menu .menu ul li a,
.wellness-mega-menu .menu ul li a {
    text-decoration: none;
    position: relative;
    transition: all 0.5s;
}
.dining-mega-menu .menu ul li a,
.experiences-mega-menu .menu ul li a {
    position: relative;
}
.stay-mega-menu .menu ul li a:hover {
    /*color: #000000;*/
}
.stay-mega-menu .menu ul li a:after,
.dining-mega-menu .menu ul li a:after,
.wellness-mega-menu .menu ul li a:after,
.experiences-mega-menu .menu ul li a:after {
    content: '';
    width: 0;
    height: 1px;
    background-color: #968c83;
    position: absolute;
    left: 0;
    bottom: -5px;
    transition: all 0.5s;
}

.stay-mega-menu .menu ul li a:hover:after,
.dining-mega-menu .menu ul li a:hover:after,
.wellness-mega-menu .menu ul li a:hover:after,
.experiences-mega-menu .menu ul li a:hover:after {
    width: 100%;
}

.stay-mega-menu .menu ul li a.active:after,
.dining-mega-menu .menu ul li a.active:after,
.wellness-mega-menu .menu ul li a.active:after,
.experiences-mega-menu .menu ul li a.active:after {
    width: 100%;
}

span.stay-mega-menu-open.mega-menu-open-arrow:after,
span.dining-mega-menu-open.mega-menu-open-arrow:after,
span.wellness-mega-menu-open.mega-menu-open-arrow:after,
span.experiences-mega-menu-open.mega-menu-open-arrow:after {
    font-family: 'icomoon';
    content: '\ea3e';
    font-size: 3rem;
    top: 50%;
    right: 0;
    position: absolute;
    transform: translateY(-50%);
    /* Change */
    color:var(--color-white);
}
.stay-mega-menu .h4 a,
.wellness-mega-menu .h4 a {
    text-decoration: none;
}
.stay-mega-menu a.active {
    /*color: #000000;*/
}
.dining-mega-menu,
.experiences-mega-menu {
    overflow: hidden;
}
.dining-mega-menu .sub-menu-items ul,
.experiences-mega-menu .sub-menu-items ul {
    margin: 0;
    padding-left: 0;
    list-style-type: none;
}
.dining-mega-menu .sub-menu-items ul li,
.experiences-mega-menu .sub-menu-items ul li {
    margin-bottom: 10px;
    position: relative;
}
.dining-mega-menu .sub-menu-items ul li a,
.experiences-mega-menu .sub-menu-items ul li a {
    text-decoration: none;
    font-family: var(--font-vollkorn);
    font-size: 2rem;
}
.dining-mega-menu .sub-menu-items ul li .sub-menu-open-arrow,
.experiences-mega-menu .sub-menu-items ul li .sub-menu-open-arrow {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.dining-mega-menu .sub-menu-items ul li .sub-menu-open-arrow:after,
.experiences-mega-menu .sub-menu-items ul li .sub-menu-open-arrow:after {
    font-family: 'icomoon';
    content: '\ea3e';
    font-size: 2.5rem;
    top: 50%;
    right: 0;
    /*position: absolute;*/
    transform: translateY(-50%);
}
.dining-mega-menu .menu-block,
.experiences-mega-menu .menu-block {
    position: absolute;
    top: 0;
    left: 100%;
    padding: 20px;
    z-index: 2;
    width: 100%;
    height: calc(100vh - var(--header-height));
    box-sizing: border-box;
    background-color: #ffffff;
    transition: all 0.5s;
}
.dining-mega-menu .menu-block.active,
.experiences-mega-menu .menu-block.active {
    left: 0;
}
.dining-mega-menu .menu-block .sub-menu-item-back-btn,
.experiences-mega-menu .menu-block .sub-menu-item-back-btn {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 30px;
    /*border-bottom: 1px solid #cccccc;*/
    margin-bottom: 15px;
    position: sticky;
    top: 0;
    background-color: var(--color-white);
    z-index: 2;
    border-bottom: 1px solid #cccccc;
}
.dining-mega-menu .menu-block .sub-menu-item-back-btn:before,
.experiences-mega-menu .menu-block .sub-menu-item-back-btn:before {
    content: '\ea3c';
    font-family: 'icomoon';
    font-size: 3rem;
    position: absolute;
    top: 50%;
    left: -5px;
    transform: translateY(-50%);
}
.dining-mega-menu .menu-block .sub-menu-item-back-btn span,
.experiences-mega-menu .menu-block .sub-menu-item-back-btn span {
    font-family: var(--font-vollkorn);
    font-size: 2.5rem;
}
.dining-mega-menu .menu-block ul,
.experiences-mega-menu .menu-block ul {
    padding-left: 0;
    list-style-type: none;
}
.dining-mega-menu .menu-block ul li,
.experiences-mega-menu .menu-block ul li {
    margin-bottom: 8px;
}
.dining-mega-menu .menu-block ul li a,
.experiences-mega-menu .menu-block ul li a {
    text-decoration: none;
}







@media (max-width: 1279.5px) {
    .r2g-rotator-main-strip.pager-as-bullets .pager-wrapper .pager-count {
        display: block;
    }
    .r2g-rotator-sub-component .rotatorElement .arrows-wrapper {
        width: 150px;
        top: unset;
        bottom: 12px;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .r2g-rotator-main-strip.pager-as-bullets .pager-wrapper .slick-dots {
        display: none !important;
    }
    .r2g-rotator-main-strip.pager-as-bullets .arrows-wrapper, .r2g-rotator-main-strip.pager-as-thumbs .arrows-wrapper {
        width: 150px;
        top: unset;
        bottom: 0;
        /*left: calc(50% - 0);*/
        transform: translate(-50%, 0);
    }
    .custom-slider.r2g-rotator-main-strip .container {
        padding-bottom: 25px;
    }
    .r2g-rotator-main-strip .rotatorElement .pager-list {
        position: relative;
        top: 18px;
    }
}







@media (max-width: 767.5px) {
    .r2g-rotator-sub-component .rotatorElement .arrows-wrapper {
        width: 150px;
        top: unset;
        bottom: 12px;
        left: calc(50% - 2px);
        transform: translateX(-50%);
    }
    .r2g-rotator-main-strip .container {
        padding-bottom: 25px;
    }
    .r2g-rotator-main-strip .arrows-wrapper {
        bottom: -5px;
    }
    .r2g-rotator-main-strip .pager-wrapper .pager-count {
        position: relative;
        top: 4px;
    }
    .r2g-rotator-main-strip.pager-as-bullets .arrows-wrapper, .r2g-rotator-main-strip.pager-as-thumbs .arrows-wrapper {
        /*left: calc(50% - 35px);*/
        left: 50%;
        right: auto;
    }
    /*[data-cse_blockid="block-6887169f6e31e___1753683615"].r2g-rotator-main-strip.pager-as-bullets .container {
        padding-bottom: 40px;
    }*/
    /*[data-cse_blockid="block-6887169f6e31e___1753683615"].r2g-rotator-main-strip.pager-as-bullets .arrows-wrapper {
        bottom: -18px;
    }*/
}







@media (min-width: 768px) {
    .r2g-rotator-main-strip.pager-as-bullets .arrows-wrapper, .r2g-rotator-main-strip.pager-as-thumbs .arrows-wrapper {
        width: 100px;
        bottom: 3px;
        /*left: calc(50% - 6px);*/
        left: 50%;
    }
}







@media (min-width: 1024px) {
    /*.experience-slider-section.r2g-rotator-main-strip.pager-as-bullets .arrows-wrapper {
        left: 0;
        width: 100px;
    }*/
    .r2g-rotator-sub-component .rotatorElement .arrows-wrapper {
        bottom: 5px;
    }
    .r2g-rotator-main-strip.pager-as-bullets .arrows-wrapper, .r2g-rotator-main-strip.pager-as-thumbs .arrows-wrapper {
        bottom: -5px;
        left: calc(50% - 0px);
    }
}







@media (min-width: 1280px) {
    /*.r2g-rotator-sub-component.pager-as-fraction .pager-wrapper .pager-count {
        display: none;
    }*/
    .rotatorElement .pager-list {
        /* display: none; */
        position: relative;
        top: 25px;
    }
    .r2g-rotator-main-strip.pager-as-bullets .arrows-wrapper, .r2g-rotator-main-strip.pager-as-thumbs .arrows-wrapper {
        width: 100%;
        left: 0;
        bottom: unset;
    }
    .r2g-rotator-main-strip .nav-arrow-group .nav-left {
        left: -70px;
    }
    .r2g-rotator-main-strip .nav-arrow-group .nav-right {
        right: -70px;
    }
    .arrows-wrapper .line-one {
        width: 80px;
        height: 80px;
    }
    .arrows-wrapper .nav-left .line-one:after,
    .arrows-wrapper .nav-right .line-one:after {
        font-size: 80px;
        line-height: 80px;
    }
    .r2g-rotator-main-strip.pager-as-bullets .pager-wrapper .pager-count {
        /*display: block;*/
    }
    .r2g-rotator-main-strip.pager-as-bullets .pager-wrapper .slick-dots {
        display: none !important;
    }
    [data-cse_blockid="block-6889b50ec9345___1753855246"].r2g-rotator-main-strip.pager-as-bullets .arrows-wrapper {
        top: 50% !important;
    }
    
    .experience-slider-section.r2g-rotator-main-strip.pager-as-bullets .arrows-wrapper{
        width: calc(100% - 150px);
        left: 50%;
        bottom: unset;
        transform: translateX(-50%);
    }
    
    .experience-slider-section .slick-slide{
        opacity: 0.5;
        transition:opacity 0.4s ease;
    }

    .experience-slider-section .slick-slide.slick-active{
        opacity: 1;
    }
    
}







@media (min-width: 1280px) {
    /*.r2g-rotator-main-strip.pager-as-bullets .pager-wrapper .pager-count {
        display: block;
    }*/
    /*.rotatorElement .pager-list {
        position: relative;
        top: 20px;
    }*/
    /*.rotatorElement .pager-list .slick-dots {
        display: none !important;
    }*/
    .r2g-rotator-main-strip.pager-as-bullets .arrows-wrapper, .r2g-rotator-main-strip.pager-as-thumbs .arrows-wrapper {
        /*width: 100%;*/
        /*left: 0;*/
        /*left: calc(50% - 55px);*/
        /*top: unset !important;*/
        /*bottom: 14px;*/
    }
    /*.r2g-rotator-main-strip .nav-arrow-group .nav-left {
        left: -70px;
    }*/
    /*.r2g-rotator-main-strip .nav-arrow-group .nav-right {
        right: -70px;
    }*/
    /*.arrows-wrapper .line-one {
        width: 80px;
        height: 80px;
    }*/
    .arrows-wrapper .nav-left .line-one:after,
    .arrows-wrapper .nav-right .line-one:after {
        font-size: 55px;
        line-height: 80px;
    }
    /*[data-cse_blockid="block-6889b50ec9345___1753855246"].r2g-rotator-main-strip.pager-as-bullets .arrows-wrapper {
        top: 50% !important;
    }*/
    /*.r2g-rotator-main-strip .pager-wrapper .slideCountItem {
        font-size: 2.5rem;
    }*/
    /*.r2g-rotator-main-strip .pager-wrapper .separator {
        font-size: 2.5rem;
    }*/
    /*.r2g-rotator-main-strip .pager-wrapper .sliderCountAll {
        font-size: 1.5rem;
    }*/
    
    
    
    
    
    
    
    /*.r2g-rotator-sub-component .rotatorElement .arrows-wrapper {
        width: 180px;
        top: unset !important;
        bottom: 16px;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .r2g-rotator-sub-component .rotatorElement .pager-wrapper .slideCountItem {
        font-size: 2.5rem;
    }
    .r2g-rotator-sub-component .rotatorElement .pager-wrapper .separator {
        font-size: 2.5rem;
    }
    .r2g-rotator-sub-component .rotatorElement .pager-wrapper .slideCountAll {
        font-size: 1.5rem;
    }*/
    
    
    
    
    
    
    
    .custom-slider.r2g-rotator-sub-component.pager-as-fraction .pager-wrapper .pager-count {
        max-width: 150px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        position: relative;
    }
    .custom-slider.r2g-rotator-sub-component.pager-as-fraction .pager-wrapper .pager-count::after {
        content: '';
        width: 70px;
        height: 1px;
        background-color: var(--color-dark-gray);
        position: absolute;
        top: 14px;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .custom-slider.r2g-rotator-sub-component.pager-as-fraction .pager-wrapper .pager-count .separator {
        display: none;
    }
    
    
    
    
    
    
    
    .custom-slider.r2g-rotator-main-strip .pager-wrapper .pager-count {
        max-width: 150px;
        margin: 0 auto;
        display: flex !important;
        justify-content: space-between;
        position: relative;
        top: 15px;
    }
    .custom-slider.r2g-rotator-main-strip .pager-wrapper .pager-count::after {
        content: '';
        width: 70px;
        height: 1px;
        background-color: var(--color-dark-gray);
        position: absolute;
        top: 14px;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .custom-slider.r2g-rotator-main-strip .pager-wrapper .pager-count .separator {
        display: none;
    }
}







@media (min-width: 1024px) {/*768*/
    .stay-mega-menu,
    .dining-mega-menu,
    .wellness-mega-menu,
    .experiences-mega-menu {
        height: auto;
        max-height: calc(100vh - var(--header-height));
        left: 50%;
        transform: translate(-50%, 0);
        width: 100%;
        visibility: hidden;
        opacity: 0;
        transition: all 0.5s;
    }
    
    .header-fixed .stay-mega-menu,
    .header-fixed .dining-mega-menu,
    .header-fixed .wellness-mega-menu,
    .header-fixed .experiences-mega-menu {
        height: auto;
        max-height: calc(100vh - var(--header-fixed-height));
        top: var(--header-fixed-height);
    }
    
    .stay-mega-menu.active,
    .dining-mega-menu.active,
    .wellness-mega-menu.active,
    .experiences-mega-menu.active {
        visibility: visible;
        opacity: 1;
        left: 50%;
    }
    
    .stay-mega-menu .stay-mega-menu-inner-wrapper,
    .dining-mega-menu .dining-mega-menu-inner-wrapper,
    .wellness-mega-menu .wellness-mega-menu-inner-wrapper,
    .experiences-mega-menu .experiences-mega-menu-inner-wrapper {
        display: flex;
        justify-content: center;
    }
    
    .stay-mega-menu .xbox-section,
    .dining-mega-menu .xbox-section,
    .wellness-mega-menu .xbox-section,
    .experiences-mega-menu .xbox-section {
        max-width: 250px;
        order: 1;
        /*display: flex;*/
        border-left: 1px solid #cccccc;
        padding-left: 30px;
    }
    
    .stay-mega-menu .xbox-section .content-wrapper,
    .dining-mega-menu .xbox-section .content-wrapper,
    .wellness-mega-menu .xbox-section .content-wrapper,
    .experiences-mega-menu .xbox-section .content-wrapper {
        max-width: 250px;
        /*padding-left: 32px;*/
    }
    
    .stay-mega-menu .menu,
    .dining-mega-menu .menu,
    .wellness-mega-menu .menu,
    .experiences-mega-menu .menu {
        display: flex;
    }
    
    .stay-mega-menu .menu .menu-block,
    .dining-mega-menu .menu .menu-block,
    .wellness-mega-menu .menu .menu-block,
    .experiences-mega-menu .menu .menu-block {
        border-top: none;
        padding-top: 0;
        /*padding-right: 30px;*/
        /*border-right: 1px solid #cccccc;*/
        margin-right: 32px;
    }
    
    .stay-mega-menu .back-btn,
    .dining-mega-menu .back-btn,
    .wellness-mega-menu .back-btn,
    .experiences-mega-menu .back-btn {
        display: none;
    }
    .dining-mega-menu .menu-block,
    .experiences-mega-menu .menu-block {
        position: static;
        height: auto;
    }
    .dining-mega-menu .menu-block .sub-menu-item-back-btn,
    .experiences-mega-menu .menu-block .sub-menu-item-back-btn {
        display: none;
    }
    .dining-mega-menu .image-wrapper,
    .experiences-mega-menu .image-wrapper {
        display: block;
    }
    .dining-mega-menu .menu,
    .experiences-mega-menu .menu {
        border-top: none;
        padding-top: 0;
    }
    .experiences-mega-menu .menu {
        flex-wrap: wrap;
    }
    .experiences-mega-menu .menu .menu-block {
        margin-right: 0;
        width: calc(50% - 25px);
        padding-left: 0;
    }
    .stay-mega-menu .xbox-section .content-wrapper h4,
    .dining-mega-menu .xbox-section .content-wrapper h4,
    .wellness-mega-menu .xbox-section .content-wrapper h4,
    .experiences-mega-menu .xbox-section .content-wrapper h4 {
        display: block;
    }
}







@media (min-width: 1024px) {
    .stay-mega-menu .xbox-section,
    .dining-mega-menu .xbox-section,
    .wellness-mega-menu .xbox-section,
    .experiences-mega-menu .xbox-section {
        display: flex;
        max-width: 500px;
    }
    
    .stay-mega-menu .xbox-section .content-wrapper,
    .dining-mega-menu .xbox-section .content-wrapper,
    .wellness-mega-menu .xbox-section .content-wrapper,
    .experiences-mega-menu .xbox-section .content-wrapper {
        padding-left: 32px;
    }
}







@media (min-width: 1366px) {
    .dining-mega-menu,
    .experiences-mega-menu {
        max-width: 1390px;
    }
    .stay-mega-menu {
        max-width: 1330px;
    }
    
    .wellness-mega-menu {
        max-width: 1000px;
    }
    
    .stay-mega-menu .stay-mega-menu-inner-wrapper,
    .dining-mega-menu .dining-mega-menu-inner-wrapper,
    .wellness-mega-menu .wellness-mega-menu-inner-wrapper,
    .experiences-mega-menu .experiences-mega-menu-inner-wrapper {
        padding: 64px 54px;
    }
    
    .stay-mega-menu .xbox-section,
    .dining-mega-menu .xbox-section,
    .wellness-mega-menu .xbox-section,
    .experiences-mega-menu .xbox-section {
        display: flex;
        max-width: 630px;
        padding-left: 48px;
    }
    
    .stay-mega-menu .xbox-section .content-wrapper,
    .dining-mega-menu .xbox-section .content-wrapper,
    .wellness-mega-menu .xbox-section .content-wrapper,
    .experiences-mega-menu .xbox-section .content-wrapper {
        padding-left: 32px;
        max-width: 300px;
    }
    
    .stay-mega-menu .menu,
    .dining-mega-menu .menu,
    .wellness-mega-menu .menu,
    .experiences-mega-menu .menu {
        flex: 1;
    }
    
    .stay-mega-menu .menu .menu-block,
    .dining-mega-menu .menu .menu-block,
    .wellness-mega-menu .menu .menu-block {
        margin-right: 48px;
    }
    
    .stay-mega-menu .h4,
    .dining-mega-menu .h4,
    .wellness-mega-menu .h4,
    .experiences-mega-menu .h4 {
        font-size: 2.5rem;
    }
    .experiences-mega-menu .menu .menu-block {
        margin-right: 0;
    }
}


/* Theme Adjustment 15-10-2025  */
.arrows-wrapper .line-one{
    text-align: center;
}


@media(min-width:1280px){
 
     /* Change Request 15-10-2025 */
    .custom-slider.r2g-rotator-sub-component .pager-wrapper .pager-count,
    .custom-slider.r2g-rotator-main-strip .pager-wrapper .pager-count {
        display:none !important;
    }
    
    .r2g-rotator-main-strip.pager-as-bullets .pager-wrapper .slick-dots,
    .r2g-rotator-sub-component.pager-as-fraction .pager-wrapper .slick-dots{
        display:block !important;
        margin-bottom:0;
    }
    
    .r2g-rotator-main-strip .pager-wrapper li,
    .r2g-rotator-sub-component .pager-wrapper li
    {
        border-color:var(--color-gray);
        border-width:1px;
    }
    
    .r2g-rotator-main-strip .pager-wrapper .slick-active,
    .r2g-rotator-sub-component .pager-wrapper .slick-active{
        background-color:var(--color-gray);
    }
    
    
    /* Rotators */
    
    .experience-slider-section.r2g-rotator-main-strip.pager-as-bullets .arrows-wrapper,
    .active-slider-scale.r2g-rotator-main-strip.pager-as-bullets .arrows-wrapper
    {
        width: calc(100% - 150px);
        left: 50%;
        bottom: unset;
        transform: translateX(-50%);
    }
    
    .experience-slider-section .slick-slide,
    .active-slider-scale .slick-slide
    {
        opacity: 0.5;
        transition:opacity 0.4s ease;
    }

    .experience-slider-section .slick-slide.slick-active,
    .active-slider-scale .slick-slide.slick-active
    {
        opacity: 1;
    }
    
}


.parallax-image-wrapper img, .parallax-item {
    /* This adds a tiny bit of "lag" to the transform, smoothing out scroll jitters */
    transition: transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
}


[data-cse_blockid="block-68947234366a5___1754559028"] .button-group {
    gap: 2px 36px;
}

.r2g-footer .menu .active a {
    border-bottom: 1px solid;
    padding-bottom: 1px;
}

.stay-category-intro {
    text-align: center;
    margin: 40px auto 70px;
    max-width: 955px;
}


.splash-details-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
    margin-bottom: 24px;
}
.splash-details-list .splash-details-list-item h4 {
    margin-bottom: 0;
}


/* 'skip to main content' link */
.skip-link {
    position: absolute;
    top: -50px;
    left: 10px;
    background: #000;
    color: #fff;
    padding: 10px 15px;
    z-index: 9999;
    text-decoration: none;
    border-radius: 4px;
}

.skip-link:focus {
    top: 10px;
}

body.tawk-initalized .scrollToTop{
    bottom:100px !important;
}

.r2g-footer .form-newsletter .primary-button{
    text-transform:uppercase;
}

.cms-form button{
    font-family:"Vollkorn", serif;
    font-size:1.8rem;
}

.cms-form label{
    line-height:35px;
    margin-bottom:8px;
    display:inline-block;
}

.cms-form.form-bookatable .fb-privacyfield label{
    margin-bottom:0;
}

.cms-form.form-bookatable .fb-privacyfield .error{
    line-height:20px;
}

.main-visual-default .main-visual-arrow-wrapper{
    display: none !important;
}



.more-menu button{
    color:var(--color-white);
}

@media(max-width:1023.5px){
    .stay-mega-menu *,
    .dining-mega-menu *,
    .wellness-mega-menu *,
    .experiences-mega-menu *{
        color:var(--color-white)
    }
    
    .mega-menus .menu-block{
       background-color: var(--color-light-gray) !important; 
    }
    
    .mega-menus .sub-menu-item-back-btn{
        background-color: var(--color-light-gray) !important; 
    }

    .stay-mega-menu .menu ul li a:after,
    .dining-mega-menu .menu ul li a:after,
    .wellness-mega-menu .menu ul li a:after,
    .experiences-mega-menu .menu ul li a:after{
        background-color: var(--color-white) !important;
    }

    .stay-mega-menu,
    .dining-mega-menu,
    .wellness-mega-menu,
    .experiences-mega-menu {
        background-color: var(--color-light-gray);
    }

    .mega-menus .secondary-button::after,
    .mega-menus .link-as-button-option-2::after{
        background-color: var(--color-white) !important;
    }
    
}


@media(min-width:1024px){
    
    .r2g-header .more-menu nav li a{
        position:relative;
    }
    
    .r2g-header .more-menu nav li a::after{
        content: '';
        width: 0;
        height: 1px;
        background-color: var(--color-white);
        position: absolute;
        bottom: 0;
        left: 0;
        transition: all 0.5s;
    }
    
    .r2g-header .more-menu nav li:hover a::after{
        width: 100%;
    }
}


@media (max-width: 1023.5px) {
    .grid-option-1 .grid-wrapper {
        position:relative;
        gap: 0
    }

    .grid-option-1 .pager-wrapper {
        display: block;
        text-align: center;
        margin-top: 20px
    }

    .grid-option-1 .pager-count {
        display: block !important;
        font-family: 'Lato',sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #fff
    }

    .grid-option-1 .pager-count .separator {
        margin: 0 4px
    }

    .grid-option-1 .arrows-wrapper{
        position:relative;
        max-width: 130px;
        left: 50%;
        transform: translateX(-50%);
        bottom: 12px;
    }

    .grid-option-1 .nav-left,
    .grid-option-1 .nav-right
    {
        display:flex;
        justify-content:center;
        align-items:center;
    }
    
    .grid-option-1 .arrows-wrapper .nav-left .line-one:after,
    .grid-option-1 .arrows-wrapper .nav-right .line-one:after{
        line-height:1
    }
    
    .grid-option-1 .slick-disabled{
        opacity:0.5;
    }
   
    .grid-option-1:not(:has(.slick-initialized)) .grid-wrapper > .r2g-sub-component:not(:first-child) {
        display: none;
    }
    
    .grid-option-1 .slick-initialized .slick-slide{
        margin: 0 10px;
    }     
}

@media (min-width: 1024px) {
    .grid-option-1 .grid-wrapper {
        display:grid
    }
}