:root {
    --background-global: #fff;
    --primary: black;
    --background-cta: #6cadaf;
    --border: #d6d2c6;
    --text-light: #4d4b47;
    --accent: #ff391e;
    --secondary: #99968d;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* rubik-300 - latin */
@font-face {
    font-display: swap;

    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/rubik-v28-latin-300.woff2') format('woff2');

    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* rubik-regular - latin */
@font-face {
    font-display: swap;

    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/rubik-v28-latin-regular.woff2') format('woff2');

    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* rubik-500 - latin */
@font-face {
    font-display: swap;

    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/rubik-v28-latin-500.woff2') format('woff2');

    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* rubik-600 - latin */
@font-face {
    font-display: swap;

    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/rubik-v28-latin-600.woff2') format('woff2');

    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* rubik-700 - latin */
@font-face {
    font-display: swap;

    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/rubik-v28-latin-700.woff2') format('woff2');

    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* rubik-800 - latin */
@font-face {
    font-display: swap;

    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/rubik-v28-latin-800.woff2') format('woff2');

    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* rubik-900 - latin */
@font-face {
    font-display: swap;

    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/rubik-v28-latin-900.woff2') format('woff2');

    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.w-commerce-commercecartwrapper {
    display: inline-block;
    position: relative;
}

.w-commerce-commercecartopenlink {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    background-color: #3898ec;
    border-width: 0;
    border-radius: 0;
    align-items: center;
    padding: 9px 15px;
    text-decoration: none;
    display: flex;
}

.w-commerce-commercecartopenlinkcount {
    color: #3898ec;
    text-align: center;
    background-color: #fff;
    border-radius: 9px;
    min-width: 18px;
    height: 18px;
    margin-left: 8px;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    display: inline-block;
}

.w-commerce-commercecartcontainerwrapper {
    z-index: 1001;
    background-color: #000c;
    position: fixed;
    inset: 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-modal {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
    flex-direction: row;
    justify-content: flex-end;
    align-items: stretch;
    display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
    background-color: #0000;
    position: absolute;
    inset: 100% auto auto 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    background-color: #0000;
    position: absolute;
    inset: 100% 0 auto auto;
}

.w-commerce-commercecartcontainer {
    background-color: #fff;
    flex-direction: column;
    width: 100%;
    min-width: 320px;
    max-width: 480px;
    display: flex;
    overflow: auto;
    box-shadow: 0 5px 25px #00000040;
}

.w-commerce-commercecartheader {
    border-bottom: 1px solid #e6e6e6;
    flex: none;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    display: flex;
    position: relative;
}

.w-commerce-commercecartheading {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.w-commerce-commercecartcloselink {
    width: 16px;
    height: 16px;
}

.w-commerce-commercecartformwrapper {
    flex-direction: column;
    flex: 1;
    display: flex;
}

.w-commerce-commercecartform {
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
    display: flex;
}

.w-commerce-commercecartlist {
    -webkit-overflow-scrolling: touch;
    flex: 1;
    padding: 12px 24px;
    overflow: auto;
}

.w-commerce-commercecartitem {
    align-items: flex-start;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
}

.w-commerce-commercecartitemimage {
    width: 60px;
    height: 0%;
}

.w-commerce-commercecartiteminfo {
    flex-direction: column;
    flex: 1;
    margin-left: 16px;
    margin-right: 16px;
    display: flex;
}

.w-commerce-commercecartproductname {
    font-weight: 700;
}

.w-commerce-commercecartoptionlist {
    margin-bottom: 0;
    padding-left: 0;
    text-decoration: none;
    list-style-type: none;
}

.w-commerce-commercecartquantity {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 60px;
    height: 38px;
    margin-bottom: 10px;
    padding: 8px 6px 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecartquantity::placeholder {
    color: #999;
}

.w-commerce-commercecartquantity:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecartfooter {
    border-top: 1px solid #e6e6e6;
    flex-direction: column;
    flex: none;
    padding: 16px 24px 24px;
    display: flex;
}

.w-commerce-commercecartlineitem {
    flex: none;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 16px;
    display: flex;
}

.w-commerce-commercecartordervalue {
    font-weight: 700;
}

.w-commerce-commercecartapplepaybutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    background-color: #000;
    border-width: 0;
    border-radius: 2px;
    align-items: center;
    height: 38px;
    min-height: 30px;
    margin-bottom: 8px;
    padding: 0;
    text-decoration: none;
    display: flex;
}

.w-commerce-commercecartapplepayicon {
    width: 100%;
    height: 50%;
    min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    background-color: #000;
    border-width: 0;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    height: 38px;
    margin-bottom: 8px;
    padding: 0 15px;
    text-decoration: none;
    display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon,
.w-commerce-commercequickcheckoutmicrosofticon {
    margin-right: 8px;
    display: block;
}

.w-commerce-commercecartcheckoutbutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    text-align: center;
    background-color: #3898ec;
    border-width: 0;
    border-radius: 2px;
    align-items: center;
    padding: 9px 15px;
    text-decoration: none;
    display: block;
}

.w-commerce-commercecartemptystate {
    flex: 1;
    justify-content: center;
    align-items: center;
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
}

.w-commerce-commercecarterrorstate {
    background-color: #ffdede;
    flex: none;
    margin: 0 24px 24px;
    padding: 10px;
}

.w-commerce-commercecheckoutformcontainer {
    background-color: #f5f5f5;
    width: 100%;
    min-height: 100vh;
    padding: 20px;
}

.w-commerce-commercelayoutmain {
    flex: 0 800px;
    margin-right: 20px;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
    margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    justify-content: space-between;
    align-items: baseline;
    padding: 4px 20px;
    display: flex;
}

.w-commerce-commercecheckoutblockcontent {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 20px;
}

.w-commerce-commercecheckoutlabel {
    margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 0;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
    margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutrow {
    margin-left: -8px;
    margin-right: -8px;
    display: flex;
}

.w-commerce-commercecheckoutcolumn {
    flex: 1;
    padding-left: 8px;
    padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 0;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
    margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    flex-direction: row;
    align-items: baseline;
    margin-bottom: 0;
    padding: 16px;
    font-weight: 400;
    display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
    flex-direction: column;
    flex-grow: 1;
    margin-left: 12px;
    margin-right: 12px;
    display: flex;
}

.w-commerce-commerceboldtextblock {
    font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
    margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
    -webkit-appearance: none;
    appearance: none;
    cursor: text;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus,
.w-commerce-commercecheckoutcardnumber.-wfp-focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
    -webkit-appearance: none;
    appearance: none;
    cursor: text;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus,
.w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
    -webkit-appearance: none;
    appearance: none;
    cursor: text;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus,
.w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
    flex-direction: row;
    display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
    margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
    margin-left: 8px;
    font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
    margin-top: 16px;
    margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    height: 38px;
    margin-bottom: 0;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
    color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
    margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    justify-content: space-between;
    align-items: baseline;
    padding: 4px 20px;
    display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
    margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
    margin-bottom: 20px;
    display: flex;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
    flex-grow: 1;
    margin-left: 16px;
    margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
    white-space: pre-wrap;
    display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
    margin-bottom: 0;
    padding-left: 0;
    text-decoration: none;
    list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
    flex: 0 0 320px;
    position: sticky;
    top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
    margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem,
.w-commerce-commercecheckoutordersummaryextraitemslistitem {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 8px;
    display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
    font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    text-align: center;
    background-color: #3898ec;
    border-width: 0;
    border-radius: 3px;
    align-items: center;
    margin-bottom: 20px;
    padding: 9px 15px;
    text-decoration: none;
    display: block;
}

.w-commerce-commercecheckouterrorstate {
    background-color: #ffdede;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 10px 16px;
}

.w-commerce-commerceaddtocartform {
    margin: 0 0 15px;
}

.w-commerce-commerceaddtocartoptionpillgroup {
    margin-bottom: 10px;
    display: flex;
}

.w-commerce-commerceaddtocartoptionpill {
    color: #000;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #000;
    margin-right: 10px;
    padding: 8px 15px;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
    color: #fff;
    background-color: #000;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
    color: #666;
    cursor: not-allowed;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    outline-style: none;
}

.w-commerce-commerceaddtocartquantityinput {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 60px;
    height: 38px;
    margin-bottom: 10px;
    padding: 8px 6px 8px 12px;
    line-height: 20px;
    display: block;
}

.w-commerce-commerceaddtocartquantityinput::placeholder {
    color: #999;
}

.w-commerce-commerceaddtocartquantityinput:focus {
    border-color: #3898ec;
    outline-style: none;
}

.w-commerce-commerceaddtocartbutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    background-color: #3898ec;
    border-width: 0;
    border-radius: 0;
    align-items: center;
    padding: 9px 15px;
    text-decoration: none;
    display: flex;
}

.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
    color: #666;
    cursor: not-allowed;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    outline-style: none;
}

.w-commerce-commercebuynowbutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    background-color: #3898ec;
    border-width: 0;
    border-radius: 0;
    align-items: center;
    margin-top: 10px;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block;
}

.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
    color: #666;
    cursor: not-allowed;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    outline-style: none;
}

.w-commerce-commerceaddtocartoutofstock {
    background-color: #ddd;
    margin-top: 10px;
    padding: 10px;
}

.w-commerce-commerceaddtocarterror {
    background-color: #ffdede;
    margin-top: 10px;
    padding: 10px;
}

.w-commerce-commerceorderconfirmationcontainer {
    background-color: #f5f5f5;
    width: 100%;
    min-height: 100vh;
    padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
    margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem,
.w-commerce-commercecheckoutsummarylabel {
    margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
    flex-direction: row;
    justify-content: flex-start;
    display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
    margin-right: .33em;
}

.w-commerce-commercecheckoutshippingsummarywrapper,
.w-commerce-commercecheckoutpaymentsummarywrapper {
    margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
    background-color: #f5f5f5;
    width: 100%;
    min-height: 100vh;
    padding: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
    background-color: #ffdede;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 10px 16px;
}

.w-checkbox {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block;
}

.w-checkbox:before {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}

.w-checkbox:after {
    content: " ";
    clear: both;
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}

.w-checkbox-input {
    float: left;
    margin: 4px 0 0 -20px;
    line-height: normal;
}

.w-checkbox-input--inputType-custom {
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 12px;
    height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
    background-color: #3898ec;
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 12px;
    height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
    border-width: 4px;
    border-color: #3898ec;
}

.w-layout-blockcontainer {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

@media screen and (max-width: 991px) {
    .w-layout-blockcontainer {
        max-width: 728px;
    }
}

@media screen and (max-width: 767px) {
    .w-commerce-commercelayoutmain {
        flex-basis: auto;
        margin-right: 0;
    }

    .w-commerce-commercelayoutsidebar {
        flex-basis: auto;
    }

    .w-layout-blockcontainer {
        max-width: none;
    }
}

@media screen and (max-width: 479px) {
    .w-commerce-commercecartcontainerwrapper--cartType-modal {
        flex-direction: row;
        justify-content: center;
        align-items: stretch;
    }

    .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown,
    .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
        flex-direction: row;
        justify-content: center;
        align-items: stretch;
        display: flex;
        position: fixed;
        inset: 0;
    }

    .w-commerce-commercecartquantity,
    .w-commerce-commercecheckoutemailinput,
    .w-commerce-commercecheckoutshippingfullname,
    .w-commerce-commercecheckoutshippingstreetaddress,
    .w-commerce-commercecheckoutshippingstreetaddressoptional {
        font-size: 16px;
    }

    .w-commerce-commercecheckoutrow {
        flex-direction: column;
    }

    .w-commerce-commercecheckoutshippingcity,
    .w-commerce-commercecheckoutshippingstateprovince,
    .w-commerce-commercecheckoutshippingzippostalcode,
    .w-commerce-commercecheckoutshippingcountryselector,
    .w-commerce-commercecheckoutcardnumber,
    .w-commerce-commercecheckoutcardexpirationdate,
    .w-commerce-commercecheckoutcardsecuritycode,
    .w-commerce-commercecheckoutbillingfullname,
    .w-commerce-commercecheckoutbillingstreetaddress,
    .w-commerce-commercecheckoutbillingstreetaddressoptional,
    .w-commerce-commercecheckoutbillingcity,
    .w-commerce-commercecheckoutbillingstateprovince,
    .w-commerce-commercecheckoutbillingzippostalcode,
    .w-commerce-commercecheckoutbillingcountryselector,
    .w-commerce-commerceaddtocartquantityinput {
        font-size: 16px;
    }
}

body {
    background-color: var(--background-global);
    color: var(--primary);
    font-family: Apfelgrotezk, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
}

h1 {
    letter-spacing: -.04em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Sprat, sans-serif;
    font-size: 80px;
    font-weight: 400;
    line-height: 1;
}

h2 {
    letter-spacing: -.04em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Sprat, sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 1;
}

h3 {
    letter-spacing: -.04em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Sprat, sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
}

h4 {
    letter-spacing: -.04em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Sprat, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
}

h5 {
    letter-spacing: -.04em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Sprat, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
}

h6 {
    letter-spacing: -.04em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Sprat, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
}

p {
    margin-bottom: 0;
}

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

ul,
ol {
    margin-bottom: 0;
    padding-left: 20px;
}

img {
    max-width: 100%;
    display: inline-block;
}

strong {
    font-weight: bold;
}

blockquote {
    letter-spacing: -.04em;
    text-transform: uppercase;
    border-left: 5px #e2e2e2;
    margin-bottom: 0;
    padding: 0;
    font-family: Sprat, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.1;
}

figure {
    margin-bottom: 10px;
}

figcaption {
    text-align: center;
    margin-top: 5px;
}

.section {
    justify-content: center;
    padding-top: 180px;
    padding-bottom: 180px;
    display: flex;
}

.section.padding-bottom-0.grupos {
    padding-top: 0;
}

.section.home-hero {
    /* perspective: 2000px; */
    justify-content: center;
    align-items: center;
    padding-top: 156px;
    padding-bottom: 156px;
    display: flex;
}

.section.cta {
    background-color: var(--background-cta);
}

.section.footer {
    padding-top: 120px;
    padding-bottom: 120px;
}

.section.track-section {
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
}

.section.hero-full {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    position: relative;
}

.section.rooms-hero {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
}

.section.contact-hero {
    border-bottom: 1px solid var(--border);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 600px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
}

.section._404 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 156px;
    padding-bottom: 156px;
    display: flex;
}

.section.border {
    border-bottom: 1px solid var(--border);
}

.section.template-hero {
    border-bottom: 1px solid var(--border);
    background-color: var(--border);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 600px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
}

.section.checkout {
    background-color: var(--background-global);
    min-height: auto;
    padding-left: 0;
    padding-right: 0;
}

.section.coffee {
    padding-bottom: 80px;
}

.container {
    flex-flow: column;
    justify-content: center;
    width: 100%;
    max-width: 1426px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
}

.grid-quarters {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.grid-quarters.title {
    margin-bottom: 80px;
}

.grid-quarters.changelog {
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    margin-top: -1px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.column-xsmall {
    width: 100%;
    max-width: 422px;
}

.column-small {
    width: 100%;
    max-width: 730px;
}

.column-medium {
    width: 100%;
    max-width: 884px;
}

.column-large {
    width: 100%;
    max-width: 1269px;
}

.column-xlarge {
    width: 100%;
    max-width: 1664px;
    position: relative;
}

.column-2xlarge {
    width: 100%;
    max-width: 1060px;
}

.divider {
    background-color: var(--border);
    width: 100%;
    height: 1px;
}

.grid {
    grid-column-gap: 0px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.grid.about-list {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
}

.text-size-xlarge {
    font-family: Rubik, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.3;
}

.text-size-large {
    font-size: 20px;
    line-height: 1.3;
}

.text-size-medium {
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 300;
}

.text-size-medium.text-style-caps.text-color-light.margin-24 {
    font-family: Rubik, sans-serif;
}

.text-size-small {
    font-size: 16px;
}

.text-size-xsmall {
    font-family: Rubik, sans-serif;
    font-size: 14px;
    font-weight: 300;
}

.text-size-xsmall.item-left {
    display: inline-block;
}

.padding-bottom-0 {
    padding-bottom: 0;
}

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

.padding-0 {
    padding-top: 0;
    padding-bottom: 0;
}

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

.text-align-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.text-align-right {
    text-align: right;
}

.text-color-light {
    color: var(--text-light);
}

.text-color-light.margin-12 {
    color: var(--primary);
    font-family: Rubik, sans-serif;
    font-weight: 300;
}

.text-color-accent {
    color: var(--accent);
}

.heading-large {
    font-family: Rubik, sans-serif;
    font-size: 80px;
}

.heading-medium {
    font-family: Rubik, sans-serif;
    font-size: 40px;
}

.heading-medium.margin-40 {
    font-family: Rubik, sans-serif;
}

.heading-small {
    font-family: Rubik, sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.heading-small.margin-12 {
    font-family: Rubik, sans-serif;
}

.heading-small.link {
    font-size: 15px;
}

.heading-xlarge {
    font-family: Sprat, sans-serif;
    font-size: 7.6vw;
    font-weight: 700;
    line-height: 1;
}

.heading-xlarge.line-1,
.heading-xlarge.line-2 {
    text-align: center;
    font-family: Rubik, sans-serif;
    transform: perspective(2000px);
}

.heading-xsmall {
    font-family: Sprat, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.grid-thirds {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.grid-thirds.footer {
    border-bottom: 1px solid var(--border);
    grid-template-columns: 2fr 1fr 1fr;
    margin-bottom: 40px;
    padding-bottom: 120px;
}

.grid-thirds.footer-bottom {
    grid-template-columns: 2fr 1fr 1fr;
}

.text-small {
    font-size: 14px;
    line-height: 1;
}

.button {
    color: var(--background-global);
    text-align: center;
    text-transform: uppercase;
    background-color: #207064;
    border-radius: 200px;
    padding: 21px 48px;
    font-family: Apfelgrotezk, sans-serif;
    font-weight: 400;
    transition-property: background-color;
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(.23, 1, .32, 1);
}

.button:hover {
    background-color: var(--text-light);
}

.button-link {
    border: 1px solid var(--border);
    color: var(--primary);
    text-align: center;
    text-transform: uppercase;
    background-color: #d6d2c600;
    border-radius: 200px;
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    font-family: Apfelgrotezk, sans-serif;
    font-weight: 400;
    transition: background-color .6s cubic-bezier(.23, 1, .32, 1);
}

.button-link:hover {
    background-color: var(--border);
}

.style-guide-sample {
    background-color: var(--background-cta);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
}

.rich-text {
    width: 100%;
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
}

.rich-text h1 {
    max-width: 730px;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    font-family: Sprat, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
}

.rich-text h2 {
    max-width: 730px;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    font-family: Sprat, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
}

.rich-text h3 {
    max-width: 730px;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
    font-family: Sprat, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.rich-text h4 {
    max-width: 730px;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
    font-family: Sprat, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.rich-text h5 {
    max-width: 730px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    font-family: Sprat, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.rich-text h6 {
    max-width: 730px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    font-family: Sprat, sans-serif;
    font-size: 14px;
    font-weight: 700;
}

.rich-text p {
    max-width: 730px;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
}

.rich-text li {
    margin-bottom: 12px;
}

.rich-text ul {
    max-width: 730px;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
}

.rich-text ol {
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
}

.rich-text figcaption {
    text-transform: uppercase;
    margin-top: 12px;
    font-family: Apfelgrotezk, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.rich-text blockquote {
    max-width: 730px;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
}

.rich-text figure {
    width: 100%;
    max-width: 1060px;
    margin: 56px auto;
}

.field-label {
    text-transform: uppercase;
    margin-bottom: 8px;
    font-family: Rubik, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.form-input {
    border: 1px solid var(--border);
    background-color: #0000;
    border-radius: 1px;
    height: 64px;
    margin-bottom: 0;
    font-size: 16px;
    transition: border-color .6s cubic-bezier(.23, 1, .32, 1);
}

.form-input:focus {
    border-color: var(--accent);
}

.form-textarea {
    border: 1px solid var(--border);
    background-color: #0000;
    min-height: 128px;
    margin-bottom: 0;
    font-size: 16px;
    transition: border-color .6s cubic-bezier(.23, 1, .32, 1);
}

.form-textarea:focus {
    border-color: var(--accent);
}

.form-select {
    border: 1px solid var(--border);
    background-color: #0000;
    height: 64px;
    margin-bottom: 0;
}

.form-checkbox {
    align-items: center;
    margin-bottom: 0;
    display: flex;
}

.form-checkbox-icon {
    border-radius: 4px;
    width: 20px;
    height: 20px;
    margin-top: 0;
    margin-right: 8px;
}

.form-checkbox-label {
    margin-bottom: 0;
}

.form-block {
    width: 100%;
    margin-bottom: 0;
}

.form {
    grid-column-gap: 16px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.form-radio {
    align-items: center;
    margin-bottom: 0;
    display: flex;
}

.form-radio-icon {
    width: 20px;
    height: 20px;
    margin-top: 0;
    margin-right: 8px;
}

.form-radio-label {
    margin-bottom: 0;
}

.grid-halves {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.grid-halves.room-list {
    grid-auto-flow: row;
}

.grid-halves.amenities {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
}

.grid-halves.hero-full {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100%;
    min-height: 960px;
}

.grid-halves.store {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.grid-halves.checkout {
    grid-template-columns: 2fr 1fr;
}

.style-guide-color {
    height: 150px;
    margin-bottom: 12px;
}

.style-guide-color.primary {
    background-color: var(--primary);
}

.style-guide-color.secondary {
    background-color: var(--secondary);
}

.style-guide-color.accent {
    background-color: var(--accent);
}

.style-guide-color.background-cta {
    background-color: var(--background-cta);
}

.style-guide-color.background-global {
    border: 1px solid var(--border);
    background-color: var(--background-global);
}

.style-guide-color.border {
    background-color: var(--border);
}

.style-guide-color.text-light {
    background-color: var(--text-light);
}

.margin-0 {
    margin-bottom: 0;
}

.margin-4 {
    margin-bottom: 4px;
}

.margin-8 {
    margin-bottom: 8px;
}

.margin-12 {
    margin-bottom: 12px;
}

.margin-16 {
    margin-bottom: 16px;
}

.margin-24 {
    margin-bottom: 24px;
}

.margin-32 {
    margin-bottom: 32px;
}

.margin-40 {
    margin-bottom: 40px;
}

.margin-48 {
    margin-bottom: 48px;
}

.margin-56 {
    margin-bottom: 56px;
}

.margin-64 {
    margin-bottom: 64px;
}

.margin-72 {
    margin-bottom: 72px;
}

.margin-80 {
    margin-bottom: 80px;
}

.nav {
    z-index: 1800;
    position: fixed;
    inset: 32px 0% auto;
}

.container-large {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3%;
    padding-right: 3%;
}

.nav-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    display: grid;
}

.nav-menu-button {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    margin-left: 24px;
    display: flex;
    position: relative;
    top: 1px;
}

.nav-menu-button-lottie {
    width: 20px;
    height: 20px;
}

.column-2xsmall {
    width: 100%;
    max-width: 268px;
}

.button-icon {
    margin-left: 8px;
}

.button-secondary {
    background-color: var(--primary);
    color: var(--background-global);
    text-align: center;
    text-transform: uppercase;
    border-radius: 6px;
    padding: 13px 32px;
    font-family: Apfelgrotezk, sans-serif;
    font-weight: 400;
    transition: background-color .6s cubic-bezier(.23, 1, .32, 1);
}

.button-secondary:hover {
    background-color: var(--text-light);
}

.button-secondary.add-to-cart {
    justify-content: center;
    height: 48px;
    padding: 12px;
}

.button-secondary.buy-now {
    border: 1px solid var(--border);
    color: var(--primary);
    background-color: #0000;
    justify-content: center;
    height: 48px;
    margin-top: 0;
    padding: 12px;
}

.badge-hotel {
    position: relative;
    inset: auto;
}

.badge-hotel.nav-badge {
    position: static;
    bottom: 3vw;
}

.home-hero-title {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.video-home {
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0% auto 0% 0%;
}

.video-contain {
    justify-content: flex-start;
    width: 100%;
    padding-top: 56.25%;
    position: relative;
    overflow: hidden;
}

.video-contain.blog {
    height: 100%;
}

.track {
    align-items: flex-start;
    display: flex;
}

.track-holder {
    flex: none;
    align-items: flex-start;
    display: flex;
}

.track-image {
    flex: none;
    margin-right: 2.08vw;
}

.track-image.image-1 {
    object-fit: cover;
    width: 21.98vw;
}

.track-image.image-2 {
    width: 38.02vw;
}

.track-image.image-3 {
    width: 30vw;
}

.track-image.image-4 {
    width: 46.04vw;
}

.track-image.image-5 {
    width: 38.02vw;
}

.room-item {
    width: 100%;
    position: relative;
    text-decoration: none;
}

.room-thumb {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.room-thumb-image {
    width: 100%;
}

.room-thumb-hover {
    object-fit: cover;
    width: 0%;
    height: 100%;
    position: absolute;
    inset: 0% auto 0% 0%;
}

.room-text {
    width: 100%;
    max-width: 499px;
}

.button-inner {
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-style-caps {
    text-transform: uppercase;
}

.text-style-caps.margin-24,
.text-style-caps.margin-4 {
    font-family: Rubik, sans-serif;
    font-weight: 700;
}

.about-hero-title {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: relative;
}

.badge-premium {
    position: absolute;
    inset: auto auto -56px;
}

.location-inner {
    justify-content: center;
    align-items: flex-start;
    display: flex;
    overflow: hidden;
}

.location-image {
    object-fit: cover;
    flex: none;
    margin-left: 1.04vw;
    margin-right: 1.04vw;
}

.location-image.image-3 {
    width: 25.99vw;
    margin-top: 8.33vw;
}

.location-image.image-2,
.location-image.image-4 {
    width: 21.98vw;
    margin-top: 4.17vw;
}

.location-image.image-5,
.location-image.image-1 {
    width: 17.97vw;
}

.amenities-inner {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: space-between;
    margin-bottom: 79px;
    display: flex;
}

.amenities-item {
    border: 1px solid var(--border);
    align-items: center;
    height: 64px;
    padding-left: 24px;
    padding-right: 24px;
    line-height: 1;
    display: flex;
}

.amenities-icon {
    flex: none;
    margin-right: 8px;
}

.blog-thumb {
    width: 100%;
}

.cta-inner {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 1039px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.home-hero-title-mask {
    overflow: hidden;
}

.footer-left {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: 576px;
    display: flex;
}

.footer-center,
.footer-right {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.footer-link {
    margin-bottom: 8px;
    font-family: Rubik, sans-serif;
    transition: color .4s cubic-bezier(.23, 1, .32, 1);
    display: inline-block;
    text-decoration: none;
}

.footer-link:hover {
    color: var(--secondary);
}

.footer-bottom-link {
    font-family: Rubik, sans-serif;
    font-size: 14px;
    font-weight: 300;
    transition: color .4s cubic-bezier(.23, 1, .32, 1);
}

.footer-bottom-link:hover {
    color: var(--secondary);
}

.social-link {
    margin-right: 16px;
    transition: filter .6s cubic-bezier(.23, 1, .32, 1);
}

.social-link:hover {
    filter: contrast(200%);
}

.nav-left {
    z-index: 3000;
    position: relative;
}

.nav-center {
    z-index: 3000;
    text-align: center;
    position: relative;
}

.nav-right {
    z-index: 3000;
    align-items: center;
    display: flex;
    position: relative;
}

.nav-full {
    z-index: 1500;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--secondary);
    grid-template-rows: auto;
    grid-template-columns: 1fr 2fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
    position: fixed;
    inset: 0%;
    overflow: hidden;
}

.nav-full-left {
    border-right: 1px solid #807d76;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding-bottom: 3vw;
    padding-left: 3vw;
    display: flex;
}

.nav-full-center {
    text-align: center;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 180px 3vw 3vw;
    display: flex;
    position: relative;
}

.nav-full-right {
    border-left: 1px solid #807d76;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 3vw;
    padding-right: 3vw;
    display: flex;
}

.nav-link-mask {
    width: 100%;
    overflow: hidden;
}

.nav-menu-link {
    text-transform: uppercase;
    font-family: Sprat, sans-serif;
    font-size: 96px;
    font-weight: 700;
    line-height: 1;
    transition: color .6s cubic-bezier(.23, 1, .32, 1);
    display: inline-block;
}

.nav-menu-link:hover {
    color: var(--background-global);
}

.nav-item-mask {
    overflow: hidden;
}

.hero-full-visual {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0%;
    display: flex;
    position: relative;
}

.hero-full-visual.contact-right {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 96px 6% 6%;
}

.hero-full-content {
    background-color: var(--background-cta);
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 6%;
    display: flex;
}

.hero-full-content.contact-left {
    border-right: 1px solid var(--border);
    background-color: #0000;
    justify-content: space-between;
    padding-top: 96px;
}

.hero-full-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.room-thumb-large {
    width: 100%;
}

.badge-hotel-wrap {
    position: absolute;
}

.badge-hotel-wrap.rooms-cms {
    top: -60px;
}

.badge-hotel-wrap.contact {
    position: static;
}

.badge-hotel-wrap._404 {
    margin-bottom: 24px;
    position: static;
}

.room-thumb-large-mask {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
}

.rooms-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.rooms-information {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    max-width: 730px;
    display: grid;
}

.rooms-cta {
    border: 1px solid var(--border);
    border-radius: 12px;
    flex-direction: column;
    width: 100%;
    max-width: 422px;
    padding: 32px;
    display: flex;
    position: sticky;
    top: 80px;
}

.rooms-cta-title {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: space-between;
    margin-bottom: 16px;
    display: flex;
}

.success-message {
    background-color: var(--primary);
    color: var(--background-global);
}

.error-message {
    border: 1px solid var(--accent);
    text-align: center;
    background-color: #0000;
    padding: 16px;
}

.blog-thumb-large {
    position: relative;
}

.blog-thumb-large-wrap {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.cart-button {
    color: var(--primary);
    text-transform: uppercase;
    background-color: #3898ec00;
    padding: 0;
}

.store-hero-left {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.store-hero-right {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.store-hero-left-mask {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 700px;
    display: flex;
    position: relative;
}

.store-hero-right-mask {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 700px;
    display: flex;
    position: relative;
}

.store-discount {
    background-color: var(--text-light);
    color: var(--background-global);
    text-transform: uppercase;
    padding: 8px 20px;
    position: absolute;
    inset: 0% 0% auto auto;
}

.resort-hero {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: space-between;
    display: flex;
}

.resort-hero-left {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: row-reverse;
    display: flex;
}

.resort-hero-right {
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
    width: 100%;
    max-width: 499px;
    display: flex;
}

.resort-thumb {
    object-fit: cover;
    width: 64px;
    height: 64px;
}

.resort-thumbs-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    display: flex;
}

.resort-main-thumb {
    width: 100%;
}

.resort-thumb-item {
    flex: none;
}

.resort-back {
    align-items: center;
    margin-bottom: 32px;
    display: flex;
}

.back-icon {
    margin-right: 8px;
}

.resort-discount {
    background-color: var(--text-light);
    color: var(--background-global);
    text-transform: uppercase;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
    padding: 5px 20px;
    display: flex;
}

.default-state {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}

.add-to-cart {
    width: 100%;
}

.checkout-block-header {
    border-color: var(--border);
    padding: 24px 20px;
}

.checkout-block-content {
    border-right-color: var(--border);
    border-bottom-color: var(--border);
    border-left-color: var(--border);
}

.checkout-left {
    margin-right: 0;
}

.apple-pay {
    border-radius: 100px;
}

.licenses-image {
    width: 100%;
}

.licenses-item {
    border: 1px solid var(--border);
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    transition: background-color .6s cubic-bezier(.23, 1, .32, 1);
    display: flex;
}

.licenses-item:hover {
    background-color: var(--border);
}

.nav-template {
    padding-top: 20px;
    padding-bottom: 20px;
    position: static;
}

.top-bar {
    background-color: var(--accent);
    color: #fff;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 24px;
    font-size: 16px;
    font-weight: 400;
    display: flex;
}

.top-bar-link {
    color: #fff;
}

.body {
    background-image: url('../images/P5.png');
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
}

.paragraph,
.paragraph-2 {
    font-family: Rubik, sans-serif;
}

.navbar-no-shadow {
    width: 100%;
}

.navbar-no-shadow-container {
    z-index: 5;
    background-color: #0000;
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
}

.container-regular {
    width: 100%;
    max-width: 1260px;
    min-height: 30px;
    margin-left: auto;
    margin-right: auto;
}

.navbar-wrapper {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
}

.nav-menu {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
}

.nav-link {
    color: #1a1b1f;
    letter-spacing: .25px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px 10px;
    font-family: Rubik, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
}

.nav-link:hover {
    color: #1a1b1fbf;
}

.nav-link:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
}

.nav-link[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
}

.nav-dropdown {
    margin-left: 5px;
    margin-right: 5px;
}

.nav-dropdown-toggle {
    letter-spacing: .25px;
    padding: 5px 30px 5px 10px;
    font-size: 14px;
    line-height: 20px;
}

.nav-dropdown-toggle:hover {
    color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd;
}

.nav-dropdown-toggle[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
    margin-right: 7px;
}

.nav-dropdown-list {
    background-color: #fff;
    border-radius: 12px;
}

.nav-dropdown-list.w--open {
    padding-top: 10px;
    padding-bottom: 10px;
}

.nav-dropdown-link {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
}

.nav-dropdown-link:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd;
}

.nav-dropdown-link[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd;
}

.nav-button-wrapper {
    margin-left: 120px;
}

.button-primary {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #207064;
    padding: 12px 25px;
    font-family: Rubik, sans-serif;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s;
}

.button-primary:hover {
    color: #fff;
    background-color: #32343a;
}

.button-primary:active {
    background-color: #43464d;
}

.text-block {
    font-family: Rubik, sans-serif;
    font-weight: 700;
}

.heading,
.text-block-2,
.text-block-3,
.text-block-4 {
    font-family: Rubik, sans-serif;
}

.container-2 {
    justify-content: center;
    align-items: stretch;
    width: 100%;
    max-width: 1426px;
    display: flex;
}

.image-6 {
    padding-left: 40px;
    padding-right: 40px;
}

.team-slider {
    background-color: #f5f7fa;
    border-bottom: 1px solid #e4ebf3;
    padding: 80px 30px;
    position: relative;
}

.container-3 {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
}

.centered-heading {
    text-align: center;
    margin-bottom: 16px;
}

.centered-subheading {
    text-align: center;
    max-width: 530px;
    margin-left: auto;
    margin-right: auto;
}

.team-slider-wrapper {
    background-color: #0000;
    height: auto;
    margin-top: 50px;
}

.team-slide-wrapper {
    width: 30%;
    margin-right: 5%;
}

.team-block {
    background-color: #fff;
    padding-bottom: 24px;
}

.team-member-image-two {
    margin-bottom: 18px;
}

.team-block-info {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
}

.team-member-name-two {
    margin-bottom: 12px;
    font-family: Rubik, sans-serif;
    font-size: 19px;
    font-weight: 500;
}

.team-member-text {
    margin-bottom: 20px;
    font-family: Rubik, sans-serif;
    font-weight: 300;
}

.text-link-arrow {
    color: #1a1b1f;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    display: flex;
}

.arrow-embed {
    margin-left: 2px;
    display: flex;
}

.team-slider-arrow {
    display: none;
}

.team-slider-nav {
    margin-top: 24px;
    font-size: 10px;
    position: static;
    bottom: -60px;
}

.heading-2 {
    margin-top: 20px;
    font-family: Rubik, sans-serif;
    font-size: 30px;
}

.columns {
    width: 100%;
    max-width: 1426px;
}

.section-2 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 59px;
    display: flex;
}

.paragraph-3 {
    margin-top: 10px;
    font-family: Rubik, sans-serif;
}

.heading-3 {
    text-align: center;
    margin-bottom: 50px;
    font-family: Rubik, sans-serif;
}

.bold-text,
.paragraph-4 {
    font-family: Rubik, sans-serif;
}

.hero-heading-left {
    background-color: #f5f7fa;
    border-bottom: 1px solid #e4ebf3;
    padding: 80px 30px;
    position: relative;
}

.container-4 {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
}

.hero-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.hero-split {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 46%;
    display: flex;
}

.margin-bottom-24px {
    margin-bottom: 24px;
}

.button-primary-2 {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #1a1b1f;
    padding: 12px 25px;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s;
}

.button-primary-2:hover {
    color: #fff;
    background-color: #32343a;
}

.button-primary-2:active {
    background-color: #43464d;
}

.shadow-two {
    box-shadow: 0 4px 24px #96a3b514;
}

.testimonial-image-left {
    border-bottom: 1px solid #e4ebf3;
    padding: 80px 30px;
    position: relative;
}

.testimonial-wrapper-four {
    justify-content: space-between;
    display: flex;
}

.testimonial-left {
    width: 30%;
    margin-right: 64px;
}

.testimonial-image-four {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.testimonial-right {
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
    display: flex;
}

.heading-small-2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
}

.testimonial-text-four {
    margin-bottom: 32px;
}

.testimonial-author-name-three {
    margin-bottom: 10px;
}

.section-3 {
    background-image: linear-gradient(#000000b3, #000000b3), url('../images/istockphoto-1463712307-1024x1024.jpg');
    background-position: 0 0, 50%;
    background-size: cover;
    flex-flow: column;
    justify-content: center;
    height: 90vh;
    padding-left: 100px;
    padding-right: 100px;
    display: flex;
    background-repeat: no-repeat;
}

.paragraph-5 {
    color: var(--background-global);
    text-align: center;
    font-family: Rubik, sans-serif;
    font-size: 30px;
    font-weight: 700;
}

.text-block-5 {
    font-family: Rubik, sans-serif;
}

.bold-text-3,
.bold-text-4,
.bold-text-5 {
    font-size: 25px;
}

.section-7 {
    margin-top: 220px;
}

.heading-5 {
    color: #000;
    text-align: center;
    font-family: Rubik, sans-serif;
}

.paragraph-6 {
    color: #000;
    text-align: center;
    margin-top: 60px;
    font-family: Rubik, sans-serif;
}

.paragraph-6.ci {
    margin-bottom: 60px;
}

@media screen and (max-width: 991px) {
    h1 {
        font-size: 48px;
    }

    h2 {
        font-size: 40px;
    }

    blockquote {
        font-size: 24px;
    }

    .section {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .section.padding-bottom-0 {
        padding-bottom: 0;
    }

    .section.home-hero {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .section.padding-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .section.contact-hero {
        min-height: auto;
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .section._404 {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .section.template-hero {
        min-height: auto;
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .grid-quarters {
        grid-column-gap: 24px;
    }

    .grid-quarters.style-guide {
        grid-template-columns: 1fr;
    }

    .grid-quarters.title {
        grid-template-columns: 1fr;
        margin-bottom: 56px;
    }

    .grid-quarters.resort-info {
        grid-template-columns: 1fr;
    }

    .column-xsmall.text-align-center.margin-80,
    .column-large.text-align-center.margin-80 {
        margin-bottom: 56px;
    }

    .text-size-xlarge {
        font-size: 20px;
    }

    .heading-large {
        font-size: 48px;
    }

    .heading-large.margin-80 {
        margin-bottom: 56px;
    }

    .heading-xlarge {
        font-size: 9.5vw;
    }

    .grid-thirds {
        grid-column-gap: 24px;
    }

    .grid-thirds.footer {
        grid-template-columns: 1fr 1fr;
        padding-bottom: 64px;
    }

    .grid-thirds.footer-bottom {
        grid-column-gap: 24px;
        grid-row-gap: 12px;
        grid-template-columns: 1fr 1fr;
    }

    .grid-thirds.about {
        grid-template-columns: 1fr;
    }

    .grid-thirds.blog {
        grid-template-columns: 1fr 1fr;
    }

    .grid-halves {
        grid-column-gap: 24px;
    }

    .grid-halves.hero-full {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .grid-halves.store {
        grid-template-columns: 1fr 1fr;
        min-height: auto;
    }

    .grid-halves.checkout {
        grid-template-columns: 1fr;
    }

    .nav {
        border-bottom: 1px solid var(--border);
        padding-top: 12px;
        padding-bottom: 12px;
        position: static;
        top: 24px;
    }

    .container-large {
        padding-left: 40px;
        padding-right: 40px;
    }

    .nav-wrap {
        grid-template-columns: 1fr 1fr;
    }

    .nav-menu-button {
        position: static;
    }

    .badge-hotel {
        width: 80px;
    }

    .badge-hotel.nav-badge {
        width: 96px;
        position: absolute;
    }

    .video-contain {
        height: auto;
        padding-top: 56.25%;
    }

    .amenities-inner {
        flex-direction: column;
    }

    .nav-center {
        display: none;
    }

    .nav-full {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        display: none;
    }

    .nav-full-left {
        display: none;
    }

    .nav-full-center {
        justify-content: center;
        padding-top: 3vw;
    }

    .nav-full-right {
        display: none;
    }

    .nav-menu-link {
        font-size: 80px;
    }

    .hero-full-visual {
        padding: 40px;
    }

    .hero-full-visual.contact-right {
        padding: 80px 40px;
    }

    .hero-full-visual.blog {
        padding: 0;
    }

    .hero-full-content {
        padding: 120px 40px;
    }

    .hero-full-content.contact-left {
        border-bottom: 1px solid var(--border);
        border-right-style: none;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .hero-full-image {
        position: static;
    }

    .badge-hotel-wrap.rooms {
        display: none;
    }

    .badge-hotel-wrap.rooms-cms {
        top: -40px;
    }

    .badge-hotel-wrap.contact {
        margin-top: 24px;
    }

    .rooms-content {
        grid-row-gap: 40px;
        flex-wrap: wrap;
    }

    .rooms-information {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .rooms-cta {
        max-width: 100%;
    }

    .store-hero-left-mask,
    .store-hero-right-mask {
        height: 300px;
    }

    .resort-hero,
    .resort-hero-left {
        flex-direction: column;
    }

    .resort-hero-right {
        max-width: 100%;
    }

    .resort-thumbs-wrap {
        flex-flow: wrap;
    }

    .nav-menu-wrapper {
        background-color: #0000;
    }

    .nav-menu {
        background-color: #fff;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        padding-left: 0;
        display: flex;
    }

    .nav-link {
        padding-left: 5px;
        padding-right: 5px;
    }

    .nav-dropdown-list.shadow-three.w--open {
        position: absolute;
    }

    .nav-button-wrapper {
        width: 100%;
        margin-left: 0;
    }

    .menu-button {
        padding: 12px;
    }

    .menu-button.w--open {
        color: #fff;
        background-color: #a6b1bf;
    }

    .container-3 {
        max-width: 728px;
    }

    .team-slide-wrapper {
        width: 47%;
        margin-right: 6%;
    }

    .columns {
        padding-left: 20px;
        padding-right: 20px;
    }

    .paragraph-3 {
        margin-bottom: 40px;
    }

    .container-4 {
        max-width: 728px;
    }

    .hero-wrapper {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: -40px;
    }

    .hero-split {
        max-width: 100%;
        margin-bottom: 40px;
    }

    .testimonial-left {
        width: 40%;
        margin-right: 40px;
    }
}

@media screen and (max-width: 767px) {
    h1,
    h2 {
        font-size: 32px;
    }

    h3 {
        font-size: 28px;
    }

    .section,
    .section.home-hero,
    .section.footer,
    .section.contact-hero,
    .section._404,
    .section.template-hero {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .container {
        padding-left: 24px;
        padding-right: 24px;
    }

    .column-xsmall.text-align-center.margin-80,
    .column-small.margin-56,
    .column-large.text-align-center.margin-80 {
        margin-bottom: 40px;
    }

    .text-size-medium.text-style-caps.margin-24 {
        margin-bottom: 16px;
    }

    .text-size-medium.text-style-caps.margin-32 {
        margin-bottom: 24px;
    }

    .heading-large {
        font-size: 32px;
    }

    .heading-large.margin-56 {
        margin-bottom: 40px;
    }

    .grid-thirds.style-guide {
        grid-template-columns: 1fr 1fr;
    }

    .grid-thirds.footer {
        padding-bottom: 40px;
    }

    .grid-halves.licenses {
        grid-template-columns: 1fr;
    }

    .container-large {
        padding-left: 24px;
        padding-right: 24px;
    }

    .badge-hotel {
        width: 56px;
    }

    .badge-hotel.nav-badge {
        width: 80px;
    }

    .nav-menu-link {
        font-size: 56px;
    }

    .hero-full-visual {
        padding: 24px;
    }

    .hero-full-visual.contact-right {
        padding: 60px 24px;
    }

    .hero-full-content {
        padding: 80px 24px;
    }

    .hero-full-content.contact-left {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .badge-hotel-wrap.rooms-cms {
        top: -28px;
    }

    .rooms-cta,
    .licenses-item {
        padding: 24px;
    }

    .navbar-brand {
        padding-left: 0;
    }

    .nav-menu {
        flex-direction: column;
        padding-bottom: 30px;
        padding-left: 0;
    }

    .nav-link {
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block;
    }

    .nav-dropdown {
        flex-direction: column;
        align-items: center;
        display: flex;
    }

    .nav-dropdown-toggle {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .nav-dropdown-list.shadow-three {
        box-shadow: 0 8px 50px #0000000d;
    }

    .nav-dropdown-list.shadow-three.w--open {
        position: relative;
    }

    .nav-dropdown-list.shadow-three.mobile-shadow-hide {
        box-shadow: none;
    }

    .mobile-margin-top-10 {
        margin-top: 10px;
    }

    .team-slider,
    .hero-heading-left,
    .testimonial-image-left {
        padding: 60px 15px;
    }

    .testimonial-wrapper-four {
        flex-direction: column;
    }

    .testimonial-left {
        width: 100%;
        margin-bottom: 40px;
        margin-right: 0;
    }

    .testimonial-image-four {
        height: auto;
    }

    .heading-small-2 {
        font-size: 28px;
        line-height: 36px;
    }
}

@media screen and (max-width: 479px) {
    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 26px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 22px;
    }

    blockquote {
        font-size: 20px;
    }

    .section,
    .section.home-hero,
    .section.footer,
    .section.contact-hero,
    .section._404,
    .section.template-hero {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .section.coffee {
        padding-bottom: 60px;
    }

    .grid-quarters {
        grid-template-columns: 1fr 1fr;
    }

    .text-size-xlarge {
        font-size: 18px;
    }

    .text-size-medium {
        font-size: 16px;
    }

    .text-size-medium.text-style-caps.margin-24 {
        margin-bottom: 12px;
    }

    .heading-large {
        font-size: 28px;
    }

    .heading-large.margin-80 {
        margin-bottom: 40px;
    }

    .heading-medium {
        font-size: 28px;
    }

    .grid-thirds,
    .grid-thirds.style-guide {
        grid-template-columns: 1fr;
    }

    .grid-thirds.footer-bottom {
        grid-row-gap: 8px;
        grid-template-columns: 1fr;
    }

    .grid-thirds.blog {
        grid-template-columns: 1fr;
    }

    .button {
        width: 100%;
    }

    .button-link {
        text-align: center;
        width: 100%;
    }

    .rich-text {
        font-size: 16px;
    }

    .grid-halves.room-list {
        grid-template-columns: 1fr;
    }

    .grid-halves.amenities {
        grid-row-gap: 16px;
        grid-template-columns: 1fr;
    }

    .button-secondary {
        width: 100%;
    }

    .badge-hotel {
        width: 48px;
    }

    .badge-hotel.nav-badge {
        width: 64px;
    }

    .room-thumb.margin-24 {
        margin-bottom: 0;
    }

    .button-inner {
        text-align: center;
    }

    .badge-premium {
        width: 128px;
        bottom: -64px;
    }

    .nav-menu-link {
        font-size: 32px;
    }

    .hero-full-content {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .badge-hotel-wrap.rooms-cms {
        top: -24px;
    }

    .rooms-cta-title {
        grid-row-gap: 4px;
        flex-wrap: wrap;
    }

    .store-hero-left-mask,
    .store-hero-right-mask {
        height: 200px;
    }

    .default-state {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        grid-template-columns: 1fr;
    }

    .order-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .order-item-content {
        margin-left: 0;
        margin-right: 0;
    }

    .licenses-item {
        padding: 24px;
    }

    .top-bar {
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 12px;
    }

    .nav-menu {
        flex-direction: column;
    }

    .nav-button-wrapper {
        width: auto;
    }

    .container-3 {
        max-width: none;
    }

    .centered-heading {
        margin-bottom: 24px;
    }

    .team-slide-wrapper {
        width: 100%;
        margin-right: 0%;
    }

    .paragraph-3 {
        margin-bottom: 40px;
    }

    .container-4 {
        max-width: none;
    }

    .heading-small-2 {
        font-size: 24px;
        line-height: 32px;
    }

    .section-3 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .paragraph-5,
    .bold-text-2 {
        font-size: 21px;
    }

    .bold-text-3,
    .bold-text-4,
    .bold-text-5 {
        font-size: 20px;
    }

    .bold-text-6,
    .bold-text-7,
    .bold-text-8 {
        font-size: 22px;
    }
}

#w-node-cded9f27-d793-94d3-343a-307026b7ec57-c3ca08ce {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: start;
}

#w-node-c631b775-c3c1-3abb-034d-f94aec6ca3db-c3ca08ce {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: start end;
}

#w-node-c811efe6-7956-d726-fbb1-f12226a09640-c3ca08ce,
#w-node-_34fa8573-543f-65d1-c2e8-b3e1fc37c09c-c3ca08ce {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c65f9967-3474-8873-7800-ad03f76f0b24-c3ca08ce {
    grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_2668d1da-3212-54be-7e1b-72d0785e9754-c3ca08ce {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: end;
}

#w-node-_53c26092-0c29-aa4c-b4fe-634a60dfe755-60dfe752,
#w-node-_53c26092-0c29-aa4c-b4fe-634a60dfe763-60dfe752,
#w-node-_53c26092-0c29-aa4c-b4fe-634a60dfe770-60dfe752 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_53c26092-0c29-aa4c-b4fe-634a60dfe77e-60dfe752,
#w-node-_53c26092-0c29-aa4c-b4fe-634a60dfe780-60dfe752,
#w-node-_53c26092-0c29-aa4c-b4fe-634a60dfe782-60dfe752 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
}

#w-node-_3af99e86-a567-46ec-628f-ddb71f89f559-ad3d2e91 {
    place-self: center start;
}

#w-node-dd712736-1e87-ab07-60d8-6d0980fa1db4-ad3d2e91 {
    place-self: center;
}

#w-node-d6ab3b1e-27e0-ecf1-713a-b2f204a15845-ad3d2e91 {
    place-self: center end;
}

#w-node-_38b0178e-9890-4b05-9dd0-f70523baffd3-ad3d2e91,
#w-node-fcf5cc41-9763-2527-d7a0-fdc027599f67-ad3d2e91,
#w-node-_5e9c2b9e-a635-c0ca-498d-566d3d2206b0-ad3d2e91,
#w-node-bb037d53-b127-2437-174c-3b80241cd73a-ad3d2e91 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ebf73470-6d2b-8895-da0c-9ff2286463ec-c3ca08d0 {
    place-self: center;
}

#w-node-_21e839ad-9ce4-ca55-a309-73fc608e7e73-c3ca08d2 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: end;
}

#w-node-d85930e7-cf8c-5e9b-af87-8688be87eec1-be87eebe {
    place-self: center start;
}

#w-node-d85930e7-cf8c-5e9b-af87-8688be87eec4-be87eebe {
    place-self: center;
}

#w-node-d85930e7-cf8c-5e9b-af87-8688be87eec7-be87eebe {
    place-self: center end;
}

#w-node-d85930e7-cf8c-5e9b-af87-8688be87eefc-be87eebe,
#w-node-d85930e7-cf8c-5e9b-af87-8688be87eefd-be87eebe,
#w-node-d85930e7-cf8c-5e9b-af87-8688be87ef01-be87eebe,
#w-node-d85930e7-cf8c-5e9b-af87-8688be87ef13-be87eebe,
#w-node-a1c5444c-91fc-34f0-cea3-eeaf6fe09ce3-c3ca08d4,
#w-node-a1c5444c-91fc-34f0-cea3-eeaf6fe09ce8-c3ca08d4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2f373fce-b1d6-09fc-f5d9-efa7a977ff3b-c3ca08d4 {
    justify-self: end;
}

#w-node-e5cb7ccb-d43e-aed4-d281-e77588a7606b-c3ca08d6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e5cb7ccb-d43e-aed4-d281-e77588a7606c-c3ca08d6 {
    place-self: center start;
}

#w-node-e5cb7ccb-d43e-aed4-d281-e77588a7606d-c3ca08d6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e5cb7ccb-d43e-aed4-d281-e77588a7606e-c3ca08d6 {
    place-self: center end;
}

#w-node-_33751398-8b38-5956-4c47-314a00034537-c3ca08d8 {
    place-self: center;
}

#w-node-_33751398-8b38-5956-4c47-314a00034538-c3ca08d8 {
    place-self: center stretch;
}

#w-node-_97c91d5e-94d2-2e54-7834-6053b047c5dc-c3ca08d8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_95812a95-ead8-49a9-28bd-51e461d52c19-c3ca08d8 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: end;
}

#w-node-_2d0e95a1-f047-5635-fe62-6738f702e2d8-c3ca08db,
#w-node-cf3edabe-3c70-3ca2-b2cc-95210cb6bf94-c3ca08db {
    place-self: center;
}

#w-node-_94679bdc-0ca9-6e7c-dc3f-9657dd61ed05-c3ca08dc,
#w-node-_6f154c4b-0470-c95a-e5aa-5947b4a22fca-c3ca08dc,
#w-node-_2ccc3497-2937-7663-e30d-ebd19b45f478-c3ca08dc,
#w-node-f9b37da6-a14f-a424-1d51-76017a96c5ea-c3ca08dc,
#w-node-_65154668-46f3-d79b-b1d2-a26331457f9c-c3ca08dc,
#w-node-_01009e79-2ea1-e6c8-704e-36cd89652c3c-c3ca08dc,
#w-node-_74c11f32-460b-e746-bdd9-3b95f03d851e-c3ca08dc,
#w-node-d6c0f8f1-6f7d-e6ad-7c89-9040f025d685-c3ca08dc,
#w-node-d7d5d7cb-13d3-1643-07f2-b517a89c3fe6-c3ca08dc,
#w-node-a9d65702-7cb5-b18b-5c37-3d516cf06ea6-c3ca08e0,
#w-node-_43e7d441-03cd-818e-4442-67cd06c82bb0-c3ca08e0,
#w-node-e62b1aff-4603-c573-ee7c-f3e360666df1-c3ca08e0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6ce95a03-1098-6add-2fca-26e4623a0e0b-c3ca08e3,
#w-node-_113298a9-5c0d-3088-4998-9d182b9af0ef-c3ca08e3,
#w-node-_7868a56e-8748-6c4b-620a-d591a7144f6b-c3ca08e3,
#w-node-_7114eb16-5176-f0a7-ed25-efc74450aaf3-c3ca08e3,
#w-node-b512093b-625b-ea32-8835-eecc1d55929b-c3ca08e3,
#w-node-e5e32c2d-6788-b701-d7e1-d1a34bc061a5-c3ca08e3,
#w-node-_0834950f-15fc-6a50-04a4-75e48974b144-c3ca08e3,
#w-node-_83464d24-7ab6-1d09-22d6-747e5487bc17-c3ca08e3 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: end;
}

#w-node-_052ad4c0-109a-b0a0-48be-adadfcacda6d-c3ca08e3,
#w-node-_7b2c5790-89a6-4d4d-a123-31b19fb2a2ee-c3ca08e3,
#w-node-_685d176f-cb59-f035-fba8-aff43eb3a578-c3ca08e3 {
    place-self: center;
}

#w-node-af55fbfe-6b67-8ac5-24e5-8253deeeecfa-c3ca08e3,
#w-node-c988f34c-70c6-030e-3775-e4c25d3095fa-c3ca08e3,
#w-node-_9bcbfd36-0a8a-47df-79b6-5423768308c3-c3ca08e3 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: end;
}

#w-node-_0104f259-f1de-430c-0057-0d061a105f2f-c3ca08e4 {
    place-self: center;
}

#w-node-_2311c83f-5d82-1674-790c-5fdbe3c3bf19-8a4b3d6f,
#w-node-_2311c83f-5d82-1674-790c-5fdbe3c3bf1a-8a4b3d6f,
#w-node-_2311c83f-5d82-1674-790c-5fdbe3c3bf20-8a4b3d6f {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d9971dd7-4dc7-9446-2a7f-1c217370972d-2ded98bd {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: start;
}

#w-node-d9971dd7-4dc7-9446-2a7f-1c2173709736-2ded98bd {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: start end;
}

#w-node-d9971dd7-4dc7-9446-2a7f-1c217370973e-2ded98bd,
#w-node-d9971dd7-4dc7-9446-2a7f-1c2173709745-2ded98bd,
#w-node-f840efcd-85db-bcdc-06fb-06c469c887a4-2ded98bd,
#w-node-f840efcd-85db-bcdc-06fb-06c469c887c2-2ded98bd {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f840efcd-85db-bcdc-06fb-06c469c887d4-2ded98bd {
    justify-self: end;
}

#w-node-a1e90f15-6579-4212-9276-f97b2b7550ef-2ded98bd {
    grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-a1e90f15-6579-4212-9276-f97b2b7550f2-2ded98bd {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: end;
}

@media screen and (max-width: 991px) {
    #w-node-cded9f27-d793-94d3-343a-307026b7ec57-c3ca08ce {
        grid-area: span 1 / span 1 / span 1 / span 1;
        place-self: start;
    }

    #w-node-c631b775-c3c1-3abb-034d-f94aec6ca3db-c3ca08ce {
        justify-self: start;
    }

    #w-node-c65f9967-3474-8873-7800-ad03f76f0b24-c3ca08ce {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_2668d1da-3212-54be-7e1b-72d0785e9754-c3ca08ce {
        grid-area: span 1 / span 1 / span 1 / span 1;
        place-self: end start;
    }

    #w-node-_53c26092-0c29-aa4c-b4fe-634a60dfe755-60dfe752 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_53c26092-0c29-aa4c-b4fe-634a60dfe77e-60dfe752,
    #w-node-_53c26092-0c29-aa4c-b4fe-634a60dfe780-60dfe752 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_95812a95-ead8-49a9-28bd-51e461d52c19-c3ca08d8,
    #w-node-_6ce95a03-1098-6add-2fca-26e4623a0e0b-c3ca08e3,
    #w-node-_113298a9-5c0d-3088-4998-9d182b9af0ef-c3ca08e3,
    #w-node-_7868a56e-8748-6c4b-620a-d591a7144f6b-c3ca08e3,
    #w-node-_7114eb16-5176-f0a7-ed25-efc74450aaf3-c3ca08e3,
    #w-node-b512093b-625b-ea32-8835-eecc1d55929b-c3ca08e3,
    #w-node-e5e32c2d-6788-b701-d7e1-d1a34bc061a5-c3ca08e3,
    #w-node-_0834950f-15fc-6a50-04a4-75e48974b144-c3ca08e3,
    #w-node-_83464d24-7ab6-1d09-22d6-747e5487bc17-c3ca08e3,
    #w-node-af55fbfe-6b67-8ac5-24e5-8253deeeecfa-c3ca08e3,
    #w-node-c988f34c-70c6-030e-3775-e4c25d3095fa-c3ca08e3,
    #w-node-_9bcbfd36-0a8a-47df-79b6-5423768308c3-c3ca08e3 {
        grid-area: span 1 / span 1 / span 1 / span 1;
        justify-self: end;
    }

    #w-node-d9971dd7-4dc7-9446-2a7f-1c217370972d-2ded98bd {
        grid-area: span 1 / span 1 / span 1 / span 1;
        place-self: start;
    }

    #w-node-d9971dd7-4dc7-9446-2a7f-1c2173709736-2ded98bd {
        justify-self: start;
    }

    #w-node-a1e90f15-6579-4212-9276-f97b2b7550ef-2ded98bd {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-a1e90f15-6579-4212-9276-f97b2b7550f2-2ded98bd {
        grid-area: span 1 / span 1 / span 1 / span 1;
        place-self: end start;
    }
}

@font-face {
    font-family: 'Sprat';
    src: url('../fonts/Sprat-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sprat';
    src: url('../fonts/Sprat-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Apfelgrotezk';
    src: url('../fonts/ApfelGrotezk-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@media screen and (max-width: 767px) {
    .navbar .container {
        padding: 0;
    }
}

.footer_menu a,
.legal_menu a {
    display: block;
}

footer a {
    text-transform: uppercase;
}

.wp-block-coffeeinnhostel-text-background-image.section-3 {
    position: relative;
}

.wp-block-coffeeinnhostel-text-background-image.section-3::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-image: linear-gradient(#000000b3, #000000b3);
}

.wp-block-coffeeinnhostel-text-background-image.section-3 > * {
    position: relative;
    z-index: 2;
}

header.navbar-no-shadow {
    transition: all 0.3s ease;
}

header.navbar-no-shadow.sticky {
    position: fixed;
    top: 0;
    z-index: 2;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    background-color: #fff;
}

@media (max-width: 992px) {
    .site-header nav ul > li a {
        padding-left: 0;
        padding-right: 0;
    }
}

.image-ratio {
    padding-bottom: 72.89%;
    position: relative;
}

.image-ratio img {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
}