﻿/* ZOZOBRA */
:root { --white: #fff; --black: #181818; --grey: #3D3D3D; --blue: #81D4F6; --stroke: #DEDEDE; --gap-2: 0.104vw; --gap-4: 0.208vw; --gap-6: 0.313vw; --gap-8: 0.417vw; --gap-10: 0.521vw; --gap-12: 0.625vw; --gap-14: 0.729vw; --gap-16: 0.833vw; --gap-18: 0.938vw; --gap-20: 1.042vw; --gap-21: 1.094vw; --gap-22: 1.146vw; --gap-24: 1.25vw; --gap-25: 1.3vw; --gap-26: 1.354vw; --gap-28: 1.458vw; --gap-30: 1.563vw; --gap-32: 1.667vw; --gap-36: 1.875vw; --gap-38: 1.98vw; --gap-40: 2.083vw; --gap-42: 2.19vw; --gap-44: 2.292vw; --gap-46: 2.4vw; --gap-48: 2.5vw; --gap-50: 2.604vw; --gap-52: 2.708vw; --gap-56: 2.917vw; --gap-58: 3.02vw; --gap-60: 3.125vw; --gap-64: 3.333vw; --gap-66: 3.438vw; --gap-70: 3.646vw; --gap-72: 3.75vw; --gap-80: 4.17vw; --gap-88: 4.58vw; --gap-90: 4.688vw; --gap-96: 5vw; --gap-98: 5.104vw; --gap-100: 5.208vw; --gap-110: 5.729vw; --gap-114: 5.938vw; --gap-120: 6.25vw; --gap-140: 7.292vw; --gap-150: 7.813vw; --gap-156: 8.125vw; --gap-160: 8.333vw; --gap-165: 8.594vw; --gap-170: 8.854vw; --gap-180: 9.375vw; --gap-190: 9.896vw; --gap-195: 10.156vw; --gap-200: 10.417vw; --gap-210: 10.938vw; --gap-220: 11.458vw; --gap-240: 12.5vw; --gap-250: 13.021vw; --gap-260: 13.542vw; --gap-280: 14.583vw; --gap-300: 15.625vw; --gap-320: 16.667vw; --gap-360: 18.75vw; --gap-460: 23.958vw; --fs-13: 0.677vw; --fs-14: 0.729vw; --fs-15: 0.781vw; --fs-16: 0.833vw; --fs-17: 0.885vw; --fs-18: 0.938vw; --fs-19: 0.99vw; --fs-20: 1.042vw; --fs-21: 1.094vw; --fs-22: 1.146vw; --fs-24: 1.25vw; --fs-25: 1.302vw; --fs-26: 1.354vw; --fs-28: 1.458vw; --fs-30: 1.563vw; --fs-31: 1.615vw; --fs-32: 1.667vw; --fs-36: 1.875vw; --fs-38: 1.979vw; --fs-40: 2.083vw; --fs-44: 2.292vw; --fs-45: 2.344vw; --fs-48: 2.5vw; --fs-50: 2.604vw; --fs-55: 2.865vw; --fs-38: 1.979vw; --fs-55: 2.865vw; --fs-72: 3.75vw; --fs-80: 4.167vw; --fs-56: 2.917vw; --fs-55: 2.865vw; --fs-88: 4.583vw; --fs-64: 3.333vw; --fs-65: 3.385vw; --fs-90: 4.688vw; --fs-96: 5vw; --fs-120: 6.25vw; --fs-140: 7.292vw; --fs-160: 8.333vw; --fs-168: 8.75vw; --fs-170: 8.854vw; --fs-200: 10.417vw; --fs-240: 12.5vw; --font-1: 'ragsans-regular'; --font-2: ' ragsans-bold'; --font-3: ' ragsans-bold'; }

/*------------------------------------------/*
 GENERAL
/*------------------------------------------*/
html { font-size: 62.5%; overflow-x: clip; }
body { opacity: 0; color: rgb(75 85 99); background: #f7f7f7; transition: 0.3s opacity ease; font-family: var(--font-1) !important; /* line-height: 1; */ font-size: 2rem; zoom: 1 !important; position: relative; transition-delay: 0.5s; }
body { font-size: clamp(15px, var(--fs-18),300px); font-family: var(--font-1); }
/*body.home-page { opacity: 1; }*/
body.shown { opacity: 1; }
body, body.modal-open { padding: 0 !important; overflow: clip !important; }

.modal { z-index: 10000; }
.modal-backdrop.in { opacity: 0.5; }
.gallery-cubes-modal { padding: 0 !important; }
.gallery-cubes-modal .flexslider .slides { display: flex; align-items: center; flex-wrap: wrap; }
.gallery-cubes-modal .flexslider .flex-direction-nav li a { outline: unset; }
.gallery-cubes-modal .flexslider a.flex-next:before,
.gallery-cubes-modal .flexslider a.flex-prev:before { font-size: 250%; }
.grid-box-fulltext :is(p, li), :is(#lobbyText, #text1, #text2, .text1, .text2) :is(p, li), .grid-rows .grid-row-text :is(p, li), :is(#text1, #text2) > span, .section-topText :is(p, li), #catalogText :is(p, li), .project-inner-page .headline-wrapper .cstm-flds .field-row p, .circle-swiper .grid-boxes .grid-box .grid-box-subtitle span { font-size: clamp(14px,var(--fs-18),300px); position: relative; line-height: 1.45; color: white; letter-spacing: 0.18px; }
.section-title, .grid-text-section .section-title { margin: 0; }
#SiteContainer { position: relative; z-index: 1; }
body:not(:has(#GridTop.noTopImage)) #SiteGrid { padding: 0; }
#SiteGridContainer { position: relative; z-index: 2; }
#GridWrapInner { max-width: var(--app-width); display: flex; flex-direction: column; }
#allSectionsWrapper { z-index: 2; background: var(--black); }
.sections .section, section.section { margin-bottom: 0; /* background: transparent; */ padding: 0; max-width: var(--app-width); width: 100%; /* min-height: 100vh; */ }
.grid-rows .grid-row { background: inherit; }
.grid-row li.slider-item, .grid-boxes .grid-box-image { padding-bottom: 0; overflow: visible; }
.grid-boxes .grid-box-image-container, .grid-row .grid-row-image-container,
.grid-short-box-image .image-container { position: relative; height: 100%; }
.grid-text.gridHasVideo .grid-iframe-holder { padding: 0; display: flex; overflow: hidden; }
.grid-text.gridHasVideo .grid-iframe-holder video { width: 100%; }
.grid-boxes { display: flex; margin: 0; width: 100%; }
.grid-boxes .grid-box { margin: 0; padding: 0; }
.grid-boxes .grid-box-subtitle { font-size: unset; }
.grid-boxes .grid-box .grid-box-image, #lobbyview .grid-boxes .grid-box-image, :is(div, #LobbyModule) .grid-boxes .grid-box-image { margin: 0; }
.grid-boxes .grid-box-title h3 a { color: var(--dbrown)-; outline: none !important; transition: 0.3s ease all; }
#lobbyview .grid-boxes, #LobbyModule .grid-boxes { max-width: unset; padding: 0; margin: 0; }
#LobbyModule .grid-box { opacity: inherit; font-size: 2rem; margin: 0; }
#text1 p:last-child { margin: 0; }
#GridPage { padding: 0; background: var(--lpink); }
#main-header .max-width, #GridPage .max-width, .blog-grid #GridPage .max-width,
.max-width, .lobby-grid #GridPage .max-width { width: 100%; padding: 0; max-width: 100%; margin: 0; }
.grid-text-content, .grid-text .grid-text-content { opacity: initial; margin: 0; width: 100%; padding: 0; }
.grid-text p { margin-top: 0; }
b, strong { font-weight: unset; font-family: var(--font-2); }
li::marker { color: var(--black); }
a:hover, a:focus { color: inherit; }
.container-fluid { padding: 0; }
.gallery-container { width: 100%; }
.gallery-cubes { display: flex; }
.box-image-animation { outline: unset !important; }
.box-image-animation:hover img { transform: none !important; }
.box-image-animation img { }
#GridPromo { width: 100%; margin: 0; padding: 0; }
#CatalogModule { padding: 0; }
.itemContentWrapper { margin: 0; }
.csdasda96talogContainer.container { width: 100%; padding: 0; margin: 0; }
.row { margin: 0; }
.slick-track::before, .slick-track::after, .grid-boxes::before, .grid-boxes::after, .grid-rows::before, .grid-rows .grid-row::after, #gridshort-view > div::before, #gridshort-view > div::after, .gallery-cubes::before, .gallery-cubes::after, .row::before, .row::after, .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, .clearfix { display: none !important; }
/*.swiper-scrollbar.swiper-scrollbar-0 { display: none; }*/
#GridTop, #GridTop.blog { height: calc(100vh - var(--headerHeight)); background-repeat: no-repeat; background-size: cover; margin: 0; width: 100%; margin-top: var(--headerHeight); position: relative; }
#GridTop.noTopImage.longer { height: 0; overflow: hidden; }
#home-gallery .scroll-down { display: none; }
#player-controls { display: none; }
.cartItemsCounter { background: var(--blue); }
.cartItemsCounter span.CartItems { color: var(--white); left: 50%; top: 60%; }
footer { padding: 0; display: block; position: relative; z-index: 1000; }
#SiteFooter { float: none; }
h1, .h1, h2, .h2, h3, .h3 { margin: 0; }
#SiteGridContainer .newCatalogItemQuantity .item-quantity-options button svg { fill: white; /* width: 23px; */ }
.st0 { fill: white !important; width: 5px; height: 43px; }
.CatalogItemHowMuchDidYouSaved span.SavedAmountSpan:after, .itemBeforeDiscountPrice.hasDiscount:after { content: "₪"; font-size: 100%; }
.gallery-cubes .image-link-container { display: none; }
.blog-post { padding: 0; direction: ltr; }
#LobbyModule .grid-boxes .grid-box-title h3 { font-size: unset; margin: 0; }
body:not(.franchise, .about, .contact) :is(div,#LobbyModule) #lobbyview { display: flex; padding-block: var(--gap-80) var(--gap-120); display: none; }
#BlogMain { padding-bottom: var(--gap-200); }
.gallery-cubes .boxes-images-outer-image { border-radius: 6px; padding: 0; width: 100%; height: auto; aspect-ratio: 1.2; }
.opacity-layer-slide { display: none; }
.GridTop { width: calc(100% - var(--gap-24)); margin-inline: auto; margin-top: var( --gap-12); border-radius: 6px; }
#headline h1 span { color: var(--blue-100); }
.blog-post-title a:focus, .blog-post-title a:hover { text-decoration: none; }

.owl-carousel .owl-controls .owl-dot { width: 7px; height: 7px; background: white; border-radius: 9.3px; transition: 0.3s ease all; }
.owl-carousel .owl-controls .owl-dot.active { width: 32px; }
.swiper-pagination span.swiper-pagination-bullet { background: white !important; opacity: 1; border-radius: 9.33px; transition: 0.3s ease all; }
.swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active { width: 32px; }

#ContentGridShortModule .gridshort-view-item { width: 100%; margin: 0; }
#ContentGridShortModule .grid-short-box-image a { position: static; }

#GridTop.noTopImage, .GridTop.noTopImage { display: none; }
#PageBreadCrumps { max-width: 100% !important; padding: var(--gap-24) !important; text-align: start; }
#PageBreadCrumps span:last-child { color: var(--blue-100); }
#PageBreadCrumps span:not(:last-child)::after { content: ""; width: var(--gap-4); height: var(--gap-4); aspect-ratio: 1; display: inline-block; background: var( --black); border-radius: 50%; margin-inline: 0 10px; }
#PageBreadCrumps span:not(:last-child) { display: inline-flex; gap: var(--gap-10); align-items: center; }

label.error, span.error { left: 0; top: -15%; white-space: nowrap; font-size: 60%; }
#ContentRegularModule li { list-style: none; }
#ContentRegularModule ul { padding: 0; }
#ContentRegularModule li:before { content: ""; width: 8px; height: auto; aspect-ratio: 1; display: inline-block; background: var(--text-grey); border-radius: 50%; vertical-align: inherit; margin-inline-end: var(--gap-12); }

.arrow { position: absolute; width: var(--gap-50); height: auto; aspect-ratio: 1; right: var(--gap-12); bottom: var(--gap-12); border-radius: var(--desktop-corner-radius-small, 8px); background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(40px); overflow: hidden; }
.arrow:before, .arrow:after { content: ""; position: absolute; width: 100%; height: 100%; background-image: url("https://media.getmood.io/warehouse/dynamic/704004.svg"); background-position: center; left: 0; background-repeat: no-repeat; background-size: auto; transition: 0.3s ease all; }
.arrow:before { transform: translateX(-100%); }

:is(#ContentGridShortModule .grid-short-box-image, .blog-post, .grid-boxes-content > div .grid-short-box .grid-short-box-image):hover a .arrow::before { transform: unset; }
:is(#ContentGridShortModule .grid-short-box-image, .blog-post, .grid-boxes-content > div .grid-short-box .grid-short-box-image):hover a .arrow::after { transform: translateX(100%); }

/*--------------------/*
 TEXT SELECTORS
/*--------------------*/
/*160-BOLD*/
body:not(.home-page) #SiteGridContainer #SiteGrid #GridTop .top-caption h1 { font-size: clamp(120px,var(--fs-160),300px); line-height: 0.7; letter-spacing: -3.2px; font-family: var(--font-2); }
/*88-BOLD*/
.grid-row-plus-image .grid-rows .grid-row-cell-text .grid-row-text h2, #allSectionsWrapper .grid-rows .grid-row-text h2 { font-size: clamp(60px,var(--fs-88),300px); line-height: 0.7; font-family: var(--font-2); }
/*48-BOLD*/
. { }
/*28-BOLD*/
. { }
/*19-BOLD*/
#allSectionsWrapper .grid-rows .grid-row-text a { font-size: clamp(13px, var(--fs-19), 300px); font-family: var(--font-2); }
/*18-BOLD*/
. { }
/*18-REG*/
. { }
/*BUTTONS*/
.column-cubes .content-section-Btn a.sec-button, #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, .section:not(.team) a.grid-row-button, .grid-text a.sec-button, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button, a.tiny-btn, a.FormResultPageButton, #DynamicFormObject input[type="submit"], .blogmain-header #text1 p a, #SiteFooter .footer-text-divided .footer-text-left p a, a.download-button, #main-header .header-container .header-right .menu-nav ul#menu > a, #GridPage #GridWrapInner #GridContent .page-not-found #text1 p a, body.thankspage #GridPage #GridWrapInner #GridContent .MainContent #text1 p a { position: relative; height: var(--gap-52); align-content: center; border-radius: 2px; padding-inline: var(--gap-18); padding-block: var(--gap-10); background: transparent; color: var(--white); font-size: clamp(14px,var(--fs-18),300px); min-width: var(--gap-120); text-align: center; display: inline-block; overflow: hidden; border: 1px solid var(--white); }
/*#SiteGridContainer #GridPage #GridWrap #GridContent #MenuModule #menuModuleNav a.selected { background-color: var(--blue); color: var(--black) !important; }*/ :is(a,button).blue-btn { position: relative; overflow: hidden; color: var(--white) !important; isolation: isolate; text-decoration: none !important; }
:is(a,button).blue-btn::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; background-color: var(--blue); transition: height 0.3s ease; z-index: -1; }
:is(a,button).blue-btn:hover,
:is(a,button).blue-btn:focus { color: var(--black) !important; text-decoration: none !important; }
:is(a,button).blue-btn:hover::before { height: 100%; }
.categories-strip ul li.active { background: transparent; }
.categories-strip ul li { padding: 0; }
.categories-strip ul li a { padding: var(--gap-6) var(--gap-14); border: 1px solid var(--grey); font-family: var(--font-2); letter-spacing: 0.57px; line-height: 120%; font-size: clamp(12px, var(--fs-19), 300px); }
.categories-strip ul li.active a { background: var(--blue); color: var(--black) !important; }

@media(max-width: 1024px) {
    .categories-strip ul li a { border: none; width: 100%; display: block; text-align: center; font-family: var(--font-1); font-size: 18px; border-bottom: 1px solid var(--grey); }
}

@media(min-width: 1025px) {
    :is(a.grid-row-button, .grid-text a.sec-button, .grid-row-text a.grid-row-button,.grid-rows .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button,a.tiny-btn, a.FormResultPageButton):hover { color: var(--black); background: transparent; border: 1px solid var(--white); }
    :is(a.grid-row-button, .grid-text a.sec-button, .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button,a.tiny-btn, a.FormResultPageButton):hover::after { background-position: right bottom; }
}

@media(max-width: 1025px) {
    :root { --gap-2: 2px; --gap-4: 4px; --gap-6: 6px; --gap-8: 8px; --gap-10: 10px; --gap-12: 12px; --gap-14: 14px; --gap-16: 16px; --gap-18: 18px; --gap-20: 20px; --gap-24: 24px; --gap-28: 28px; --gap-30: 30px; --gap-32: 32px; --gap-36: 36px; --gap-40: 40px; --gap-44: 44px; --gap-48: 48px; --gap-50: 50px; --gap-52: 52px; --gap-56: 56px; --gap-60: 60px; --gap-64: 64px; --gap-72: 72px; --gap-80: 80px; --gap-90: 90px; --gap-96: 96px; --gap-100: 100px; --gap-120: 120px; --gap-140: 140px; --gap-160: 160px; --gap-180: 180px; --gap-200: 200px; --gap-240: 240px; --fs-12: 12px; --fs-14: 14px; --fs-15: 15px; --fs-16: 16px; --fs-18: 18px; --fs-20: 20px; --fs-26: 26px; --fs-28: 28px; --fs-30: 30px; --fs-32: 32px; --fs-44: 44px; --fs-56: 56px; }
    body { font-size: 16px; line-height: 1.45; letter-spacing: 0.16px; }
    .top-caption { position: absolute; transform: translateX(-50%); left: 50%; margin: 0; height: fit-content; justify-content: center; font-family: var(--font-2); }
    .grid-text-content :is(p, li), .grid-box-fulltext :is(p, li), .grid-text :is(p, li),
    :is(#lobbyText, #text1, #text2, .text1, .text2) :is(p, li), .grid-rows .grid-row-text :is(p, li),
    :is(#text1, #text2) > span, .section-topText :is(p, li), #catalogText :is(p, li) { font-size: 17px; line-height: 1.35; }
    .opacity-layer-slide { position: absolute; width: 100%; height: 100%; opacity: 0.2; background: black; z-index: 3; }
    h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #pageview :is(#text1, #text2) > h2, #headline h1 { font-size: 50px; line-height: 0.95; letter-spacing: -2px; }
    .faq-headline .button-open { /* display: none; */ }
    #GridTop, #GridTop.blog { height: auto; /* aspect-ratio: 1; */ height: 280px; position: relative; }
    .GridTop { width: calc(100% - var(--gap-12)); margin-top: var(--gap-6); }
    .sections .section, section.section { max-width: unset; }
    #PageBreadCrumps, .lobby-grid #PageBreadCrumps { font-size: var(--fs-16); padding: var(--gap-12) var(--gap-24) var(--gap-40); padding-bottom: 0 !important; margin: 0; justify-content: normal; position: relative; }
    #PageBreadCrumps span:not(:last-child)::after { width: 3px; }
    ul { padding-inline: 20px; }
    .categories-strip ul.hidden-xs { gap: var(--gap-4) var(--gap-8); padding: var(--gap-10) var(--gap-24); width: 100vw; flex-wrap: nowrap; overflow-x: auto; }
    .categories-strip ul.hidden-xs li a { font-size: var(--fs-16); }

    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { width: 18px; }
    #nav-toggle span:before { top: -6px; }
    #nav-toggle span:after { bottom: -6px; }

    .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 1%; }
    .swiper-pagination-bullet-active { background: var(--black) !important; }

    :is(div,#LobbyModule) #lobbyview #headline h1 { font-size: 50px; line-height: 0.95; letter-spacing: -2px; }
    .grid-text .grid-text-content h2, .grid-rows .grid-row-text h3 { font-size: 20px; letter-spacing: -0.4px; line-height: 1.2; }
    .owl-carousel .owl-item .item { padding: 0; border-radius: 6px; }
    #SiteGrid > div { position: relative; z-index: 1; }
    .grid-boxes-content { overflow: auto; }
    .grid-boxes-content > div { min-width: 300px; }
    .arrow { width: var(--gap-40); }

    /*--------------------/*
     TEXT SELECTORS
    /*--------------------*/
    /*36-MID*/
    . { }
    /*24-BOLD*/
    . { }
    /*20-MID*/
    .grid-row-section[data-id="24172"] .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2, .grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2, .running-numbers .grid-boxes .grid-box .grid-box-title h3 a { font-family: var(--font-3); line-height: 1; letter-spacing: 0.2px; font-size: 20px; }
    /*18-BOLD*/
    . { }
    /*18-MID*/
    . { }
    /*16-MID*/
    . { font-family: var(--font-3); line-height: 1.45; letter-spacing: 0.16px; }
    /*16-REG*/
    .grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text p, #home-gallery .gallery-caption .gallery-text div { font-family: var(--font-1); line-height: 1.45; letter-spacing: 0.16px; font-size: 18px; }
    /*15-REG*/
    . { }
    /*14-REG*/
    . { }
}

/*------------------------------------------/*
 FORM RESET
/*------------------------------------------*/
.form-container-wide { }
.form-container-wide #DynamicFormObject { border: none; padding: 0; display: flex; flex-direction: column; }
.form-container-wide #DynamicFormObject::after { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; width: 100%; display: block; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText::after { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; width: 100%; margin: 0; display: block; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: unset; margin: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form { }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset { display: flex; flex-direction: column; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField { padding: 0; float: none; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper { }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper::before, .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper::before { right: 0.5%; color: rgba(255, 255, 255, 0.41); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea) { margin: 0; width: 100%; border-radius: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea)::placeholder { color: var(--dark-grey-text); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper::after { display: none; }
/*.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper, .select-wrapper) :is(input, textarea, select):focus { border: none !important; border-bottom: 1px solid var(--dark-blue) !important; }*/
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { margin: 0; text-align: start; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { width: 100%; padding: 0; float: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit input.form-submit { border-radius: 0; width: fit-content; background: black; color: white; margin-inline: auto; }
.form-container-wide #DynamicFormObject .dynamicFormEndText { display: block; width: 100%; }
#top-gallery .flex-control-paging li a.flex-active { background: var(--blue); }
.owl-stage { transition-timing-function: linear !important; }
.owl-carousel .owl-prev:after { background-image: url('https://media.getmood.io/warehouse/dynamic/731487.svg'); }
.owl-carousel .owl-next:after { background-image: url(' https://media.getmood.io/warehouse/dynamic/731486.svg'); }
.GridBottomGallery .owl-carousel .owl-item { pointer-events: none; }
.site-credit.alternative { padding: var(--gap-12); }

@media(max-width: 1024px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .textarea-wrapper textarea { padding: 0 !important; }
    #SiteFooter .site-credit.alternative { padding: 0; }
    #SiteFooter .site-credit.alternative p.creditWrapper { display: none; }
    #SiteFooter .site-credit.alternative.row .col-xs-12.text-center { display: flex; justify-content: center; align-items: center; }
    #SiteFooter .site-credit.alternative.row .col-xs-12.text-center a { margin: 0; }
}

/*------------------/*
   HEADER
/*------------------*/

#main-header.bg, #main-header { background: linear-gradient(180deg, rgba(25, 25, 25, 0.70) 0%, rgba(25, 25, 25, 0.00) 100%); }
#main-header .header-container { padding: var(--gap-42) var(--gap-48) var(--gap-56); justify-content: end; flex-direction: row; gap: var(--gap-40); }
#main-header .header-container .header-left { order: 2; flex: 1; direction: ltr; }
#main-header .header-container .header-center { order: 1; }
#main-header .header-container .header-right { order: 3; }
#main-header .header-container .header-right .header-right-content .menu-nav { }
#main-header .header-container .header-right .menu-nav #nav-toggle span,
#main-header .header-container .header-right .menu-nav #nav-toggle span:before,
#main-header .header-container .header-right .menu-nav #nav-toggle span:after { background-color: var(--white); width: var(--gap-48); }
#main-header .header-container .header-right .menu-nav #nav-toggle.active span { background: transparent !important; transition: none; }

#main-header .header-container .header-center .header-buttons a { color: var(--white); font-size: var(--fs-18); letter-spacing: 0.54px; }
#main-header .header-container .header-center .header-buttons > *:not(:last-child)::after { content: '/'; margin: 0 var(--gap-16); }
#main-header.header-hamburger.open .menu-nav ul.menu { width: 22.468%; background-color: var(--black); left: 0; right: unset; display: flex; padding: var(--gap-88) var(--gap-58); min-height: 100%; }
#main-header.header-hamburger.open .menu-nav ul.menu li { color: var(--white); font-family: var(--font-2); font-size: var(--fs-48); line-height: 0.7; }
#main-header.header-hamburger.open .menu-nav ul.menu li:not(.social-mobile) a { position: relative; text-decoration: none; background: linear-gradient(to left, var(--blue) 50%, white 50%); background-size: 200% 100%; background-position: left; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; transition: background-position 0.3s ease; }
#main-header.header-hamburger .menu-nav ul.menu a.aboutLink, #main-header.header-hamburger .menu-nav ul.menu a.giftcardsLink, #main-header.header-hamburger .menu-nav ul.menu a.franchiseLink, #main-header.header-hamburger .menu-nav ul.menu a.careerLink, #main-header.header-hamburger .menu-nav ul.menu a.contactLink { font-family: var(--font-1); font-size: clamp(17px, var(--fs-24), 300px); line-height: 120%; letter-spacing: 0.48px; }
#main-header.header-hamburger .menu-nav ul.menu a.aboutLink:before, #main-header.header-hamburger .menu-nav ul.menu a.giftcardsLink:before, #main-header.header-hamburger .menu-nav ul.menu a.franchiseLink:before, #main-header.header-hamburger .menu-nav ul.menu a.careerLink:before, #main-header.header-hamburger .menu-nav ul.menu a.contactLink:before { content: ''; display: inline-block; width: var(--gap-12); height: var(--gap-12); background: url(https://media.getmood.io/warehouse/dynamic/731545.svg) no-repeat center / contain; }

#main-header.header-hamburger .menu-sub { display: none !important; }
#main-header.header-hamburger.open .menu-nav ul.menu .opensub::before { display: none; }

#main-header.header-hamburger.open .menu-nav ul.menu > li:nth-child(-n+3) { margin-bottom: var(--gap-25); }
#main-header.header-hamburger.open .menu-nav ul.menu > li:nth-child(4) { margin-bottom: var(--gap-44); }
#main-header.header-hamburger.open .menu-nav ul.menu > li:nth-child(n+5):not(:last-child) { margin-bottom: var(--gap-14); }
#main-header.header-hamburger.open .menu-nav ul.menu > .social-mobile { margin-top: auto; }
#main-header.header-hamburger.open .menu-nav ul.menu li a:hover { background-position: right; }
#main-header.header-hamburger.open .menu-nav ul.menu li a:hover:before { filter: brightness(0) saturate(100%) invert(80%) sepia(7%) saturate(2769%) hue-rotate(165deg) brightness(98%) contrast(97%); }
#main-header.header-hamburger.open .menu-nav ul.menu li a::after { content: ''; position: absolute; bottom: -2px; right: 0; width: 0; height: 0; border-bottom: 2px solid var(--blue); /* או 1px */ background-color: var(--blue); transition: width 0.3s ease; }
#main-header.header-hamburger.open .menu-nav ul.menu li a:hover::after { width: 100%; }
#main-header.header-hamburger.open .menu-nav ul.menu li.active a { background-position: right; }
#main-header.header-hamburger.open .menu-nav ul.menu li.active a::after { width: 100%; }
#main-header .header-container .header-center .header-buttons a, #main-header .header-container .header-center .header-buttons #player-controls button /*, #SiteFooter .footer-text-divided .footer-text-middle ul li, #SiteFooter .footer-text-divided .footer-text-middle ul li a*/ { position: relative; text-decoration: none; background: linear-gradient(to left, var(--blue) 50%, white 50%); background-size: 200% 100%; background-position: left; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; transition: background-position 0.3s ease; }
#main-header .header-container .header-center .header-buttons a:hover, #main-header .header-container .header-center .header-buttons #player-controls button:hover, #SiteFooter .footer-text-divided .footer-text-middle ul li:hover, #SiteFooter .footer-text-divided .footer-text-middle ul li a:hover { background-position: right; }
#main-header .header-container .header-center .header-buttons a:not(:last-child)::before { right: 0; left: 0; width: 0; content: '/'; position: absolute; margin: 0 !important; bottom: -2px; width: 0; height: 0; border-bottom: var(--gap-10) solid var(--blue); background-color: var(--blue); transition: width 0.3s ease; }
#main-header .header-container .header-center .header-buttons a:hover:after { width: 100% }
#main-header .header-container .header-center .header-buttons a::after { -webkit-text-fill-color: initial; color: var(--white); }

#main-header.header-hamburger.open .menu-nav ul.menu li.social-mobile { display: flex; gap: var(--gap-20); }
#main-header.header-hamburger.open .menu-nav ul.menu li.social-mobile a { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: var(--blue) !important; border-radius: 63%; }
#main-header.header-hamburger.open .menu-nav ul.menu li.social-mobile .social_icon_instagram { order: 2; }
#main-header.header-hamburger.open .menu-nav ul.menu li.social-mobile .facebook_icon_instagram { order: 1; }

@media(min-width: 1025px) {
    #main-header .header-container .header-center .header-buttons { display: flex; justify-content: center; align-items: center; }
    #main-header .header-container .header-center .header-buttons #player-controls { display: block; position: static; }
    #main-header .header-container .header-center .header-buttons #player-controls #play-player,
    #main-header .header-container .header-center .header-buttons #player-controls #stop-player,
    #main-header .header-container .header-center .header-buttons #player-controls span { display: none !important; }
    #main-header.header-hamburger.open::after { content: ''; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; }
    #main-header .header-container .header-right .menu-nav #nav-toggle.active span { background: transparent !important; transition: none; }
}

@media (max-width: 1024px) {
    #main-header .header-container { padding: 40px 20px; justify-content: space-between; flex-direction: row-reverse; }
    #main-header .header-container .header-left { flex: 0; }
    #main-header.header-hamburger.open .menu-nav ul.menu { width: 100%; }
    #main-header.header-hamburger.open .menu-nav ul.menu { gap: 12px; padding: 88px 58px; }
    #main-header.header-hamburger.open .menu-nav ul.menu li a { font-size: 28px; }
    #main-header.header-hamburger.open .menu-nav ul.menu li a::after { margin: 0; }
    #main-header.header-hamburger.open .menu-nav ul.menu > li:nth-child(4) { margin-bottom: 24px; }
    #mobile-player-controls { display: none !important; }
    #main-header .header-container .header-center { display: none; }
    #main-header.header-hamburger.open .menu-nav ul.menu { background-color: var(--black); background: url(https://media.getmood.io/warehouse/dynamic/755269.jpg); background-repeat: no-repeat; background-color: var(--black); background-size: cover; background-position: left; list-style: none; }
}

/*------------------/*
    INTRO ANIMATION
/*------------------*/

body.home-page.no-scroll { overflow: hidden !important; height: 100vh; }
body.home-page .intro-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 99999; display: flex; justify-content: center; align-items: center; overflow: hidden; transition: opacity 2s ease-out 3s; }
body.home-page .intro-overlay img { width: 100%; height: 100vh; object-fit: cover; transform-origin: 48% 60%; will-change: transform; transition: transform 2s cubic-bezier(0.4, 0, 0.2, 1) 2.6s; }
body.home-page .header-container { transform: translateY(-100%); opacity: 0; transition: transform 1.5s ease-out 3s, opacity 1.5s ease 3s; }
body.home-page .gallery-logo { transform: translateY(400px); opacity: 0; transition: transform 1s cubic-bezier(0.2, 1, 0.3, 1) 3s, opacity 1s ease 3s; }
body.home-page.start-intro .intro-overlay { opacity: 0; pointer-events: none; }
body.home-page.start-intro .intro-overlay img { transform: scale(110); }
body.home-page.start-intro .header-container { transform: unset; opacity: 1; }
body.home-page.start-intro .gallery-logo { transform: translateY(0); opacity: 1; }

body.home-page.no-anim,
body.home-page.no-anim .header-container,
body.home-page.no-anim .gallery-logo { transition: none !important; opacity: 1 !important; transform: none !important; }
body.home-page #home-gallery .gallery-logo { /* max-width: 9.479vw; */ display: flex; flex-direction: column; justify-content: center; align-items: center; gap: var(--gap-50); }

@media (max-width: 1024px) {
    body.home-page .intro-overlay { position: fixed !important; width: 101vw !important; left: -0.5vw !important; z-index: 10 !important; }
    body.home-page .intro-overlay img { object-fit: cover; }
    body.home-page.start-intro .intro-overlay img { transform: scale(110); transform-origin: 60% 50%; }
    body.home-page #home-gallery .gallery-logo { width: 110px; height: 106px; max-width: none; }
    .home-page .grid-row-section.grid-rows-buttons .grid-rows .grid-row .grid-row-cell-text .grid-row-text a { font-size: 17px !important; width: 164px !important; margin: 0; border-radius: 0; }
}



/*------------------/*
    HOME PAGE
/*------------------*/

.home-page #allSectionsWrapper { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 100vh; background: transparent; }
.home-page #SiteGridContainer #SiteGrid #home-gallery { height: 100vh; position: sticky; top: 0; z-index: 0; }
.home-page #allSectionsWrapper #grid-row0 .grid-row-cell-text { position: absolute; bottom: 0; right: 0; z-index: 2; display: flex !important; align-items: end; justify-content: center; }
.home-page #allSectionsWrapper #grid-row1 .grid-row-cell-text { position: absolute; bottom: 0; left: 0; right: auto; z-index: 2; display: flex !important; align-items: end; justify-content: center; width: 100%; }
.home-page #allSectionsWrapper .grid-rows .grid-row-text { text-align: center; width: 100%; padding: 0 var(--gap-56) var(--gap-56) var(--gap-56); display: flex; flex-wrap: wrap; }
.home-page #allSectionsWrapper .grid-rows .grid-row-text a { margin-right: 0; border-radius: 0; }
.home-page #allSectionsWrapper .grid-rows .grid-row-text h2 { color: var(--white); width: 100%; }
#allSectionsWrapper .grid-rows .grid-row-text a.grid-row-button { background-color: transparent; color: var(--white); border: 1px solid var(--white) !important; flex: 1 !important; height: var(--gap-52); font-family: var(--font-2); line-height: 1.2; letter-spacing: 0.57px; }
.home-page #allSectionsWrapper .grid-row-section .grid-rows { position: relative; }
.home-page #allSectionsWrapper .grid-row-section #grid-row1 { position: absolute; left: 0; top: 0; width: 50%; height: 100%; margin: 0; padding: 0; }
.home-page #allSectionsWrapper .grid-row-section #grid-row1 .flexslider-box { width: 100%; height: 100%; padding: 0; }
.home-page #allSectionsWrapper .grid-row-section #grid-row1 img { width: 100%; height: 100%; object-fit: cover; }
.home-page #allSectionsWrapper .grid-row-section { overflow: hidden; }
.home-page #allSectionsWrapper .grid-row-section #grid-row1 ul.slides,
.home-page #allSectionsWrapper .grid-row-section #grid-row1 li,
.home-page #allSectionsWrapper .grid-row-section #grid-row1 img { height: 100%; object-fit: cover; }
.home-page #allSectionsWrapper .grid-row .grid-row-image-container .box-image-animation img { height: 100vh; }
.home-page #allSectionsWrapper .grid-row .grid-row-cell .grid-row-image-container .box-image-animation img { height: 100vh; object-fit: cover; }
.home-page #home-gallery .opacity-layer { display: none; }
.home-page .grid-row-section.grid-rows-buttons .grid-rows .grid-row .grid-row-cell-text .grid-row-text { width: 100%; display: flex; gap: var(--gap-8); }
.home-page .grid-row-section.grid-rows-buttons .grid-rows .grid-row .grid-row-cell-text .grid-row-text a { width: var(--gap-200); max-width: var(--gap-200); font-size: clamp(13px, var(--fs-19), 300px); font-family: var(--font-2); margin: 0; }
.home-page .grid-row-section.grid-rows-buttons .grid-rows .grid-row .flexslider-box { display: none !important; }
.home-page .grid-row-section.grid-rows-buttons { width: fit-content; }

@media (max-width: 1024px) {
    .home-page #allSectionsWrapper { gap: 0; }
    .home-page #allSectionsWrapper section:first-child { margin-bottom: 100vh; }
    .home-page #allSectionsWrapper .grid-row-section .grid-rows .grid-row { overflow: hidden; }
    .home-page #allSectionsWrapper .grid-row-section #grid-row1 { position: relative; overflow: hidden; width: 100%; }
    .home-page #allSectionsWrapper .grid-rows .grid-row-text h2 { font-size: 40px; }
    .home-page #allSectionsWrapper .grid-rows .grid-row-text:has(h2) { padding: 32px 24px; margin: 0; background: var(--black); }
    .home-page #allSectionsWrapper .grid-row .grid-row-cell .grid-row-image-container .box-image-animation img { height: 353px; }
    .home-page #allSectionsWrapper .grid-row-section[data-id="24228"] #grid-row1 .flexslider-box,
    .home-page #allSectionsWrapper .grid-row-section[data-id="24228"] #grid-row0 .flexslider-box,
    .home-page #allSectionsWrapper .grid-row-section[data-id="24229"] #grid-row1 .flexslider-box,
    .home-page #allSectionsWrapper .grid-row-section[data-id="24230"] #grid-row0 .flexslider-box,
    .home-page #allSectionsWrapper .grid-row-section[data-id="24231"] #grid-row1 .flexslider-box { height: 522px; }
    .home-page #allSectionsWrapper .grid-row-section[data-id="24229"] #grid-row1,
    .home-page #allSectionsWrapper .grid-row-section[data-id="24231"] #grid-row1 { position: relative; }
    .home-page #allSectionsWrapper .grid-row-section[data-id="24229"] .grid-rows.row,
    .home-page #allSectionsWrapper .grid-row-section[data-id="24231"] .grid-rows.row { display: flex; flex-direction: column-reverse; }
    .home-page .grid-row-section.grid-rows-buttons .grid-rows .grid-row .grid-row-cell-text .grid-row-text { margin: 0; padding: 0; }
    .home-page #home-gallery .gallery-logo { gap: 32px; }
    #allSectionsWrapper .grid-rows .grid-row-text a.grid-row-button { font-size: 17px; }
}

#SiteFooter { background-color: var(--black); display: flex; flex-direction: column; overflow: hidden; }
#SiteFooter .footer-text-divided { min-height: 100vh !important; box-sizing: border-box; display: flex; justify-content: center; align-items: center; }
#SiteFooter .footer-text-divided { order: 1; padding: 0; display: flex; flex-direction: column; }
#SiteFooter .footer-text-divided p { z-index: 5; }
#SiteFooter .footer-text-divided .footer-text-middle img { width: 86.72%; }
#SiteFooter .footer-text-divided .footer-text-middle ul { list-style: none; display: flex; justify-content: center; align-items: center; gap: var(--gap-24); padding: 0; margin: 0; margin-bottom: var(--gap-40); }
#SiteFooter .footer-text-divided .footer-text-middle ul li { color: var(--white); font-size: clamp(12px, var(--fs-18), 300px); line-height: 140%; letter-spacing: 0.54px; }
#SiteFooter .footer-text-divided .footer-text-middle { width: 100%; text-align: center; display: flex; flex-direction: column; gap: var(--gap-56); }
#SiteFooter #partners-section { padding: 0 0 var(--gap-40) 0; }
#SiteFooter .site-credit.alternative { order: 3; width: 100%; }

@media(min-width: 1025px) {
    #home-gallery .gallery-logo img { min-width: 10.208vw; height: auto; width: 10.208vw; }
    #SiteFooter .footer-text-divided .footer-text-middle { flex-direction: row; justify-content: center; gap: var(--gap-24); margin-top: var(--gap-56); }
    #SiteFooter .footer-text-divided .footer-text-middle .dropdown-item h3 { display: none; }
}

@media (max-width: 1024px) {
    #SiteFooter { min-height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 20px 0 0; box-sizing: border-box; background-color: var(--black); }
    #SiteFooter .footer-text-divided { display: flex; flex-direction: column; align-items: center; flex-grow: 1; justify-content: center; min-height: 0 !important; margin: 40px 0; }
    #SiteFooter .footer-text-divided img { max-width: 319px; height: auto; will-change: transform; }
    #SiteFooter .footer-text-divided p { margin: 0 20px; }
    #SiteFooter .footer-text-divided .footer-text-middle { margin: 40px 0 32px; gap: 0; }
    #SiteFooter .footer-text-divided .footer-text-middle .dropdown-item { width: 100%; text-align: right; padding: 9px; }
    #SiteFooter .footer-text-divided .footer-text-middle .dropdown-item h3 { color: var(--white); border-bottom: 1px solid rgba(255, 255, 255, 0.41); padding: 9px 0; display: flex; justify-content: space-between; align-items: center; direction: rtl; }
    #SiteFooter .footer-text-divided .footer-text-middle .dropdown-item h3:after { content: '+'; width: 12px; margin-right: auto; }
    #SiteFooter .footer-text-divided .footer-text-middle .dropdown-item ul { display: flex; flex-direction: column; margin: 20px 20px 0; align-items: flex-start; }
    #SiteFooter .footer-text-divided .footer-text-middle .dropdown-item ul li { color: rgba(255, 255, 255, 0.41); }
    #SiteFooter #partners-section { padding: 0; }
}



/*------------------/*
    RESTAURANTS
/*------------------*/

/*body:not(.home-page) #SiteGridContainer #SiteGrid #GridTop { height: 64.745vh; margin-top: 0; border-radius: 0; }*/
body:is(.restaurants) #SiteContainer #SiteGridContainer #SiteGrid #GridTop { width: 100%; height: 64.745vh; margin-top: 0; border-radius: 0; background-size: cover; background-position: right; }
body:not(.home-page) #allSectionsWrapper section .grid-rows .grid-row { height: 56.584vh; direction: ltr !important; }
body:not(.home-page) #allSectionsWrapper section .grid-rows .grid-row:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.20); }
body:not(.home-page) #allSectionsWrapper section .grid-rows .grid-row .grid-row-cell .slides .grid-row-image-container .box-image-animation img { height: 100%; }
body:not(.home-page) #allSectionsWrapper section .grid-rows .grid-row .grid-row-image-container, #allSectionsWrapper section .grid-rows .grid-row .grid-row-cell .slides, #allSectionsWrapper section .grid-rows .grid-row .grid-row-cell .slides .slider-item, #allSectionsWrapper section .grid-rows .grid-row .box-image-animation { height: 100%; }
body:not(.home-page) #allSectionsWrapper section .grid-rows .grid-row .box-image-animation { padding: var(--gap-20) 0 var(--gap-20); }
body:not(.home-page) #allSectionsWrapper section .grid-rows .grid-row .box-image-animation img { object-fit: cover; }
body:not(.home-page) #allSectionsWrapper section .grid-rows .grid-row .grid-row-cell-text { padding: var(--gap-56) var(--gap-56) var(--gap-46) var(--gap-56); }
body:not(.home-page) #allSectionsWrapper section .grid-rows .grid-row .grid-row-cell-text .grid-row-text { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
body:not(.home-page) #allSectionsWrapper section .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { color: var(--white); text-align: center; font-family: var(--font-2); font-size: clamp(34px, var(--fs-48), 300px); line-height: 110%; /* 52.8px */ letter-spacing: 1.44px; margin-bottom: var(--gap-20); }
body:not(.home-page) #allSectionsWrapper section .grid-rows .grid-row .grid-row-cell-text .grid-row-text p { width: 62%; text-align: center; }
body:not(.home-page) #allSectionsWrapper section .grid-rows .grid-row .grid-row-cell-text .grid-row-text ul { padding: 0; margin: 0; text-align: center; }
body:not(.home-page) #allSectionsWrapper section .grid-rows .grid-row .grid-row-cell-text .grid-row-text > ul:first-of-type { margin-bottom: var(--gap-30); }
body:not(.home-page) #allSectionsWrapper section .grid-rows .grid-row .grid-row-cell-text .grid-row-text > ul:first-of-type li { color: var(--blue, #81D4F6); font-family: var(--font-2); font-size: clamp(12px, var(--fs-18), 300px); line-height: 130%; }
body:not(.home-page) #allSectionsWrapper section .grid-rows .grid-row .grid-row-cell-text .grid-row-text ul:last-of-type { display: flex; justify-content: center; align-items: center; gap: var(--gap-16) }
body:not(.home-page) #allSectionsWrapper section .grid-rows .grid-row .grid-row-cell-text .grid-row-text > ul:last-of-type li a { display: flex; align-items: center; gap: var(--gap-6); color: var(--white); font-size: clamp(12px, var(--fs-18), 300px); line-height: 120%; letter-spacing: 0.54px; }
body:not(.home-page) #allSectionsWrapper section .grid-rows .grid-row.soon .grid-row-cell-text .grid-row-text h2,
body:not(.home-page) #allSectionsWrapper section .grid-rows .grid-row.soon .grid-row-cell-text .grid-row-text h3 { color: var(--white); font-size: clamp(32px, var(--fs-48), 300px); font-family: var(--font-3); letter-spacing: 1.44px; text-transform: uppercase; }
body.restaurants #allSectionsWrapper section .grid-rows .grid-row .grid-row-cell-text .grid-row-text .buttons-wrapper { display: flex; width: 100%; }
body.restaurants #allSectionsWrapper section .grid-rows .grid-row .grid-row-cell-text .grid-row-text .buttons-wrapper a { margin-top: var(--gap-30); margin-right: 0; border-radius: 0; }
body:is(.restaurants) #allSectionsWrapper section .grid-rows .grid-row:first-child { border-top: 1px solid rgba(255, 255, 255, 0.20); }
body:not(.home-page) #allSectionsWrapper section .grid-rows .grid-row .grid-row-cell-text .grid-row-text > ul li { list-style: none; }

@media(max-width: 1025px) {
    body:is(.restaurants) #SiteGridContainer #SiteGrid #GridTop { display: flex; align-items: center; width: 375px; height: 363px; justify-content: center; }
    body:is(.restaurants) #SiteGridContainer #SiteGrid #GridTop .top-caption { transform: none; position: static; }
    body:not(.home-page) #SiteGridContainer #SiteGrid #GridTop .top-caption h1 { font-size: 72px; line-height: 70%; letter-spacing: -1.44px; }
    body:is(.restaurants) #allSectionsWrapper section .grid-rows .grid-row { height: fit-content; }
    body:not(.home-page) #allSectionsWrapper section .grid-rows .grid-row .box-image-animation { padding: 0; }
    body:not(.home-page) #allSectionsWrapper section .grid-rows .grid-row .grid-row-cell-text { padding: 32px 24px; }
    body:not(.home-page) #allSectionsWrapper section .grid-rows .grid-row .grid-row-cell-text .grid-row-text { margin: 0; padding: 0; }
    body:not(.home-page) #allSectionsWrapper section .grid-rows .grid-row .grid-row-cell-text .grid-row-text p { width: 100%; }
    body:not(.home-page) #allSectionsWrapper section .grid-rows .grid-row .grid-row-cell-text .grid-row-text > ul:first-of-type { margin-bottom: 20px; }
}

/*------------------/*
    MENU
/*------------------*/

body:is(.menu, .franchise, .about, .contact) #SiteContainer #SiteGridContainer #SiteGrid { background: var(--black); }
body:is(.menu, .franchise, .about, .contact) #SiteContainer #SiteGridContainer #SiteGrid .image-text { display: flex; flex-direction: row-reverse; }
body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #MenuModule { padding: var(--gap-220) var(--gap-160); }
body:is(.menu, .franchise, .about, .contact) #SiteContainer #SiteGridContainer #SiteGrid #headline h1 { color: var(--white); font-family: var(--font-2); font-size: clamp(120px, var(--fs-160),300px); line-height: 70%; letter-spacing: -3.2px; text-transform: uppercase; }
body:is(.menu, .franchise, .about, .contact) #SiteContainer #SiteGridContainer #SiteGrid #GridTop { position: sticky; top: 0; margin-top: 0; }
body:is(.menu, .franchise, .about, .contact) #SiteContainer #SiteGridContainer #SiteGrid #GridTop .opacity-layer { display: none; }
body:is(.menu, .franchise, .about, .contact) #SiteGridContainer #SiteGrid #GridTop { height: 100vh; }

body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #GridPage #MenuModule .menuModuleNav a { margin: 0; }
body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #GridPage .menuModuleContent .menuModuleContentPart li { width: 100%; list-style: none; }
body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #GridPage #MenuModule .menuModuleNav { display: flex; justify-content: center; gap: var(--gap-8) }
body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #GridPage .menuModuleContent .menuModuleContentPart h2.menuModuleTextItemSubjectTitle { color: var(--blue); font-family: var(--font-2); font-size: clamp(20px, var(--fs-28), 300px); line-height: 120%; letter-spacing: 0.56px; }
body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #GridPage .menuModuleContent .menuModuleContentPart .menuModuleTextItemPart { display: flex; flex-wrap: wrap; align-items: baseline; width: 100%; padding: 0; margin-bottom: var(--gap-20); }
body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #GridPage .menuModuleContent .menuModuleContentPart .menuModuleTextItemPart .menuModuleTextItemTitle { order: 1; margin: 0; color: var(--white); font-family: var(--font-2); line-height: 130%; /* 23.4px */ }
body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #GridPage .menuModuleContent .menuModuleContentPart .menuModuleTextItemPart::before { content: ''; order: 2; flex: 1; margin-bottom: 4px; border-bottom: 2px dashed rgba(255, 255, 255, 0.6); }
body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #GridPage .menuModuleContent .menuModuleContentPart .menuModuleTextItemPart::after { display: none; }
body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #GridPage .menuModuleContent .menuModuleContentPart .menuModuleTextItemPart .menuModuleTextItemPrice { order: 3; flex-shrink: 0; color: var(--white); }
body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #GridPage .menuModuleContent .menuModuleContentPart .menuModuleTextItemPart .menuModuleTextItemDescription { order: 4; width: 100%; color: rgba(255, 255, 255, 0.80); text-align: right; line-height: 120%; letter-spacing: 0.54px; }
/*body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #MenuModule .menuModuleContent #menuModuleContentPart0, #SiteContainer #SiteGridContainer #SiteGrid #MenuModule .menuModuleContent #menuModuleContentPart1, #SiteContainer #SiteGridContainer #SiteGrid #MenuModule .menuModuleContent #menuModuleContentPart2 { border: none; padding: var(--gap-56) 0;  }*/
/*body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #MenuModule .menuModuleContent #menuModuleContentPart0:after, #SiteContainer #SiteGridContainer #SiteGrid #MenuModule .menuModuleContent #menuModuleContentPart1:after, #SiteContainer #SiteGridContainer #SiteGrid #MenuModule .menuModuleContent #menuModuleContentPart2:after { display: none; }*/
body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #MenuModule .categories-strip { background: transparent; margin-block-end: var(--gap-56); }
body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #GridPage #MenuModule .menuModuleNav { flex-wrap: wrap; padding: 0; }
body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #GridPage #MenuModule .menuModuleNav { justify-content: flex-start; }
body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #GridPage #MenuModule .menuModuleNav a { font-size: clamp(12px, var(--fs-18), 300px); color: var(--blue); letter-spacing: 0.54px; display: flex; gap: var(--gap-8) }
body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #GridPage #MenuModule .menuModuleNav a.selected { font-weight: 700; }
body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #GridPage #MenuModule .menuModuleNav a:not(:last-child)::after { content: "/"; font-weight: 400; }

body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #MenuModule .menuModuleContent > * { border: none; padding: var(--gap-56) 0; }
body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #MenuModule .menuModuleContentPart:after { border: none; }
body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #MenuModule #text1 p { color: var(--blue); text-align: center; font-size: clamp(13px, var(--fs-19), 300px); line-height: 120%; /* 22.8px */ letter-spacing: 0.57px; margin-bottom: var(--gap-30); }
body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #MenuModule .categories-strip nav.menu-tags-list ul { display: flex; justify-content: center; flex-wrap: wrap; gap: var(--gap-8); }
body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #MenuModule .categories-strip nav.menu-tags-list ul li:not(:has(a)) { display: none; }

@media(min-width:1025px) {
    body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid .image-text #GridTop { flex: 0 0 50%; }
    /*#GridBottom .GridBottomGallery { margin-block-start: var(--gap-50); padding-block-start: var(--gap-150); background-color: var(--blue); }*/
    #SiteFooter .footer-text-divided { background: var(--blue); }
    #SiteFooter .footer-text-divided .footer-text-middle ul li { color: var(--black) !important; }
    #SiteFooter .footer-text-divided p img { filter: brightness(0) saturate(100%) invert(0%) sepia(6%) saturate(1299%) hue-rotate(11deg) brightness(106%) contrast(81%); }
}

@media (max-width: 1024px) {
    body:is(.menu, .franchise, .about, .contact) #SiteContainer #SiteGridContainer #SiteGrid #GridTop { position: static; height: 363px; position: static; margin-bottom: 24px; }
    body:is(.menu, .franchise, .about, .contact) #SiteContainer #SiteGridContainer #SiteGrid #headline { margin-bottom: 24px; }
    body:is(.menu, .franchise, .about, .contact) #SiteContainer #SiteGridContainer #SiteGrid #headline h1 { font-size: 72px; }
    body:is(.menu, .franchise, .about, .contact) #SiteContainer #SiteGridContainer #SiteGrid .image-text { flex-direction: column; }
    body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #MenuModule { padding: 24px; }
    body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #MenuModule #menuModuleNav { padding: 0; }
    body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #MenuModule #menuModuleNav { display: flex; justify-content: center; gap: 8px; }
    body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #MenuModule .menuModuleContent #menuModuleContentPart0, body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #MenuModule .menuModuleContent #menuModuleContentPart1, body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #MenuModule .menuModuleContent #menuModuleContentPart2 { padding: 32px 0; margin: 0; }
    body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #GridPage .menuModuleContent .menuModuleContentPart li { margin-bottom: 16px; }
    body:is(.menu) #SiteGridContainer #GridPage #GridWrap #GridContent #MenuModule #menuModuleNav a { padding-inline: 0; padding-block: 0; padding: 6px 14px; margin: 0; box-sizing: border-box; width: fit-content; line-height: 1; height: fit-content; min-width: auto; }
    body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #GridPage #MenuModule .menuModuleNav { flex-wrap: nowrap; }
    body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #MenuModule .menu-nav-wrapper { overflow: scroll; scrollbar-width: none; }
    body:is(.menu) #SiteGridContainer #GridPage #GridWrap #GridContent #MenuModule #menuModuleNav a { padding: 0; min-width: fit-content; }
    body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #MenuModule .categories-strip .menu-tags-list .mobile-strip span:first-child { display: none; }
    body:is(.menu) #SiteContainer #SiteGridContainer #SiteGrid #MenuModule .categories-strip .menu-tags-list .mobile-strip span { width: 100%; text-align: center; }
}





/*------------------/*
    FRANCHIES
/*------------------*/

body:is(.franchise, .about, .contact) #SiteContainer #SiteGridContainer #SiteGrid #GridPage { padding: var(--gap-220) var(--gap-180) var(--gap-140); flex: 0 0 50%; }
body:is(.franchise, .about, .contact) #SiteContainer #SiteGridContainer #SiteGrid #GridPage #lobbyview #headline { margin-bottom: var(--gap-16); }
body:is(.franchise, .about, .contact) #SiteContainer #SiteGridContainer #SiteGrid #GridPage #lobbyview h2 { color: var(--blue); font-family: var(--font-2); font-size: clamp(13px, var(--fs-19), 300px); line-height: 120%; letter-spacing: 0.57px; }
body:is(.franchise, .about, .contact) #SiteContainer #SiteGridContainer #SiteGrid #GridPage #lobbyview .lobbyTextContainer #text2 h3 { color: var(--blue); font-family: var(--font-2); font-size: clamp(13px, var(--fs-19), 300px); margin-bottom: var(--gap-12); line-height: 120%; letter-spacing: 0.57px; }
body:is(.franchise, .about, .contact) #SiteContainer #SiteGridContainer #SiteGrid #GridPage #lobbyview #lobbyText p img { margin: var(--gap-72) 0; width: 100%; }
body:is(.franchise, .about, .contact) #SiteContainer #SiteGridContainer #SiteGrid #GridPage #lobbyview .lobbyTextContainer #lobbyText { margin: var(--gap-16) 0 var(--gap-32); }
body:is(.franchise) #SiteContainer #SiteGridContainer #SiteGrid .image-text #GridPage #GridContent #LobbyModule .sections .grid-content-section .grid-boxes .grid-box { display: flex; flex-direction: row; align-items: flex-start; gap: var(--gap-16); width: 50%; }
body:is(.franchise) #SiteContainer #SiteGridContainer #SiteGrid .image-text #GridPage #GridContent #LobbyModule .sections .grid-content-section .grid-boxes .grid-box-title h3 a { color: var(--blue, #81D4F6); font-family: var(--font-2); font-size: clamp(13px, var(--fs-19), 300px); line-height: 120%; letter-spacing: 0.57px; }
body:is(.franchise) #SiteContainer #SiteGridContainer #SiteGrid .image-text #GridPage #GridContent #LobbyModule .sections .grid-content-section .grid-boxes .grid-box-subtitle { text-align: right; color: var(--white); font-family: var(--font-1); font-size: clamp(12px, var(--fs-18), 300px); line-height: 120%; letter-spacing: 0.54px; }
body:is(.franchise) #SiteContainer #SiteGridContainer #SiteGrid .image-text #GridPage #GridContent #LobbyModule .sections .grid-content-section .grid-boxes { margin-bottom: var(--gap-72); }

@media (min-width: 1025px) {
    body:is(.franchise) #SiteContainer #SiteGridContainer #SiteGrid .image-text #GridPage #GridContent #LobbyModule .sections .grid-content-section .grid-boxes { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-32); }
    body:is(.franchise) #SiteContainer #SiteGridContainer #SiteGrid .image-text #GridPage #GridContent #LobbyModule .sections .grid-content-section .grid-boxes .grid-box { width: 100%; }
}

@media(max-width: 1024px) {
    body:is(.franchise, .about, .contact) #SiteContainer #SiteGridContainer #SiteGrid #GridPage #lobbyview .lobbyTextContainer #lobbyText { margin: 0 0 var(--gap-24); }
    body:is(.franchise, .about, .contact) #SiteContainer #SiteGridContainer #SiteGrid #GridPage { padding: 24px; }
    body:is(.franchise) #SiteContainer #SiteGridContainer #SiteGrid .image-text #GridPage #GridContent #LobbyModule .sections .grid-content-section .grid-boxes { flex-direction: column; gap: 12px; padding-bottom: 24px; }
    body:is(.franchise) #SiteContainer #SiteGridContainer #SiteGrid .image-text #GridPage #GridContent #LobbyModule .sections .grid-content-section .grid-boxes .grid-box { flex-direction: row; width: 100%; font-size: 18px; gap: 16px; }
    body:is(.franchise) #SiteContainer #SiteGridContainer #SiteGrid .image-text #GridPage #GridContent #LobbyModule .sections .grid-content-section .grid-boxes .grid-box-subtitle { font-size: 17px; color: rgba(255, 255, 255, 0.80); font-family: var(--font-1); }
    #allSectionsWrapper .grid-form-section .form-container-wide .dynamicFormObjectFields fieldset { display: flex; gap: 24px; }
    #allSectionsWrapper .grid-form-section .form-container-wide { padding-top: 24px }
    #allSectionsWrapper .grid-form-section .form-container-wide .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField { margin: 20px 0; }
    #allSectionsWrapper .grid-form-section .form-container-wide .dynamicFormObjectFields fieldset { display: flex !important; gap: 24px !important; }
    #allSectionsWrapper .grid-form-section .form-container-wide .dynamicFormObjectFields .dynamicFormObjectField.textareaField { margin-top: 0 !important; }
    #allSectionsWrapper .grid-form-section .form-container-wide .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField { margin: 20px 0 !important; }
    body:is(.franchise, .about, .contact) #SiteContainer #SiteGridContainer #SiteGrid #GridPage #lobbyview #lobbyText p img { margin: 24px 0; }
    body:is(.franchise, .about, .contact) #SiteContainer #SiteGridContainer #SiteGrid #GridPage #lobbyview .lobbyTextContainer #text2 h3 { font-size: 18px; }
    body:is(.franchise, .about, .contact) #SiteContainer #SiteGridContainer #SiteGrid #GridPage #lobbyview h2 { font-size: 18px; margin-bottom: 4px; }
    body:is(.menu, .franchise, .about, .contact) #SiteContainer #SiteGridContainer #SiteGrid #GridTop #top-gallery .flex-control-nav { display: none; }
    #main-header ul.menu li.active { text-decoration: none; }
}

/*------------------/*
    FORM
/*------------------*/

#allSectionsWrapper .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3 { color: var(--blue); font-family: var(--font-2); font-size: clamp(20px, var(--fs-28), 300px); line-height: 120%; letter-spacing: 0.56px; }
#allSectionsWrapper .grid-form-section .form-container-wide .dynamicFormObjectFields .top-form { color: var(--white); font-size: clamp(12px, var(--fs-18), 300px); line-height: 120%; letter-spacing: 0.54px; margin-bottom: var(--gap-12); }
#allSectionsWrapper .grid-form-section .form-container-wide .dynamicFormObjectFields fieldset { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap-12); }
#allSectionsWrapper .grid-form-section .form-container-wide .dynamicFormObjectFields fieldset .input-wrapper:before { color: rgba(255, 255, 255, 0.41); }
#allSectionsWrapper .grid-form-section .form-container-wide .dynamicFormObjectFields fieldset input, #allSectionsWrapper .grid-form-section .form-container-wide .dynamicFormObjectFields fieldset select { color: rgba(255, 255, 255, 0.41); border: none; border-radius: 0; border-bottom: 1px solid var(--white); /* margin-bottom: var(--gap-5) !important; */ }
#allSectionsWrapper .grid-form-section .form-container-wide .dynamicFormObjectFields fieldset select { appearance: none; -webkit-appearance: none; background-color: transparent; outline: none; cursor: pointer; padding-inline-end: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23ffffff' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left center; }
#allSectionsWrapper .grid-form-section .form-container-wide .dynamicFormObjectFields .dynamicFormObjectField.textareaField,
#allSectionsWrapper .grid-form-section .form-container-wide .dynamicFormObjectFields .dynamicFormObjectField.checkboxField { grid-column: 1/-1; width: 100%; }
#allSectionsWrapper .grid-form-section .form-container-wide .dynamicFormObjectFields fieldset textarea { color: rgba(255, 255, 255, 0.41); border: none; border-bottom: 1px solid var(--white); outline: none; resize: none; }
#allSectionsWrapper .grid-form-section .form-container-wide .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField { text-align: center; margin: var(--gap-20); }
#allSectionsWrapper .grid-form-section .form-container-wide .dynamicFormObjectFields fieldset .checkboxField label { color: var(--white); }
#allSectionsWrapper .grid-form-section .form-container-wide .dynamicFormObjectFields .dynamicFormObjectSubmit { grid-column: 1/-1; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField option { color: var(--white); background-color: var(--black); }
body:is(.contact) #allSectionsWrapper .grid-form-section .form-container-wide .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { font-family: var(--font-2); }

.GridBottomGallery .owl-stage { display: flex; align-items: center; justify-content: center; }
.GridBottomGallery .owl-carousel .owl-item { margin-right: var(--gap-16) !important; }
.GridBottomGallery .owl-carousel .owl-item .item { border-radius: 0; }




/*------------------/*
    404 THNAKS
/*------------------*/

body.pagenotfound .image-text { background: var(--black); height: 100vh; }
body.pagenotfound #GridPage { display: flex; align-items: center; height: 100vh; }
body.pagenotfound #GridPage #GridWrapInner #GridContent .page-not-found { display: flex; flex-direction: column; gap: var(--gap-16); }
body.pagenotfound #GridPage #GridWrapInner #GridContent .page-not-found #text1 { display: flex; flex-direction: column; gap: var(--gap-32); }
body.pagenotfound #GridPage #GridWrapInner #GridContent .page-not-found #headline { margin: 0; }
body.pagenotfound #GridPage #GridWrapInner #GridContent .page-not-found #headline h1 { color: var(--white); font-family: var(--font-2); font-size: clamp(120px, var(--fs-160), 300px); line-height: 70%; /* 112px */ letter-spacing: -3.2px; text-transform: uppercase; }
body.pagenotfound #GridPage #GridWrapInner #GridContent .page-not-found #text1 p { text-align: center; font-family: var(--font-1); font-size: clamp(12px, var(--fs-18), 300px); line-height: 120%; /* 21.6px */ letter-spacing: 0.54px; }

body.thankspage .image-text { background: var(--black); height: 100vh; }
body.thankspage #GridPage { display: flex; align-items: center; height: 100vh; }
body.thankspage #GridPage #GridWrapInner #GridContent .MainContent { display: flex; flex-direction: column; gap: var(--gap-16); }
body.thankspage #GridPage #GridWrapInner #GridContent #text1 { display: flex; flex-direction: column; gap: var(--gap-32); }
body.thankspage #GridPage #GridWrapInner #GridContent .MainContentt #headline { margin: 0; }
body.thankspage #GridPage #GridWrapInner #GridContent .MainContent #headline h1 { color: var(--white); font-family: var(--font-2); font-size: clamp(120px, var(--fs-160), 300px); line-height: 70%; /* 112px */ letter-spacing: -3.2px; text-transform: uppercase; }
body.thankspage #GridPage #GridWrapInner #GridContent #text1 p { text-align: center; font-family: var(--font-1); font-size: clamp(12px, var(--fs-18), 300px); line-height: 120%; /* 21.6px */ letter-spacing: 0.54px; }







.custom-checkbox { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; background-color: var(--black); border: 1px solid #C7C7C7; vertical-align: middle; cursor: pointer; border-radius: 2px; box-sizing: border-box; }
.custom-checkbox input[type="checkbox"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; z-index: 2; }
.custom-checkbox.checked { background-color: var(--blue) }
.custom-checkbox.checked::after { content: ""; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); margin-top: -2px; display: block; }

@media (max-width: 1024px) {
    .custom-checkbox { width: 15px; height: 15px; }
}
/*------------------/*
    ACCESABILITY
/*------------------*/
body.accessabilityMainPage #SiteGridContainer { background-color: var(--black); padding-top: var(--headerHeight); padding: var(--gap-220) var(--gap-180) 0; }
body.accessabilityMainPage #pageview .container-fluid { width: 50%; }
body.accessabilityMainPage #pageview .container-fluid #headline h1 { text-align: right; color: var(--white); font-size: clamp(50px, var(--fs-72), 300px); font-family: (--font-3); font-weight: 700; line-height: 70%; letter-spacing: -1.44px; }
body.accessabilityMainPage #pageview .container-fluid #text1 { margin: 0; }
body.accessabilityMainPage #pageview .container-fluid #text1 h2 { color: var(--blue); font-size: clamp(20px, var(--fs-28), 300px); font-style: normal; line-height: 120%; letter-spacing: 0.56px; }
body.accessabilityMainPage #pageview .container-fluid #text1 h3 { color: var(--blue); font-size: clamp(13px, var(--fs-19), 300px); font-style: normal; line-height: 120%; letter-spacing: 0.57px; }
body.accessabilityMainPage #pageview .container-fluid #text1 p { font-size: clamp(12px, var(--fs-18), 300px); line-height: 120%; letter-spacing: 0.54px; }
body.accessabilityMainPage #pageview .container-fluid #text1 ul { padding: 0; list-style: none; }
body.accessabilityMainPage #pageview .container-fluid #text1 ul li { color: rgba(255, 255, 255, 0.80); text-align: right; line-height: 140%; /* 25.2px */ letter-spacing: 0.54px; }
body.accessabilityMainPage #pageview .container-fluid #text1 ul li:before { content: '•'; margin-left: var(--gap-8); }

@media(max-width: 1024px) {
    body.accessabilityMainPage #SiteGridContainer { padding: 176px 24px 0; }
    body.accessabilityMainPage #pageview .container-fluid { width: 100%; }
    body.accessabilityMainPage #pageview .container-fluid #headline h1 { font-size: 72px; }
    body.accessabilityMainPage #pageview .container-fluid #text1 h2 { font-size: 22px; font-family: var(--font-2); }
    body.accessabilityMainPage #pageview .container-fluid #text1 p { color: rgba(255, 255, 255, 0.80); font-size: 17px; }
}

/*------------------/*
    CONTENT PAGE
/*------------------*/
body.contentPage #SiteGridContainer { background-color: var(--black); padding-top: var(--headerHeight); padding: var(--gap-220) var(--gap-180) 0; }
body.contentPage #pageview .MainContent { width: 50%; margin: 0 auto; }
body.contentPage #pageview .MainContent #headline h1 { text-align: right; color: var(--white); font-size: clamp(50px, var(--fs-72), 300px); font-family: (--font-3); font-weight: 700; line-height: 70%; letter-spacing: -1.44px; }
body.contentPage #pageview .MainContent #text1 { margin: 0; }
body.contentPage #pageview .MainContent #text1 h2 { color: var(--blue); font-size: clamp(20px, var(--fs-28), 300px); font-style: normal; line-height: 120%; letter-spacing: 0.56px; text-align: right; }
body.contentPage #pageview .MainContent #text1 h3 { color: var(--blue); font-size: clamp(13px, var(--fs-19), 300px); font-style: normal; line-height: 120%; letter-spacing: 0.57px; }
body.contentPage #pageview .MainContent #text1 p { font-size: clamp(12px, var(--fs-18), 300px); line-height: 120%; letter-spacing: 0.54px; }
body.contentPage #pageview .MainContent #text1 ul { padding: 0; list-style: none; }
body.contentPage #pageview .MainContent #text1 ul li { color: rgba(255, 255, 255, 0.80); text-align: right; line-height: 140%; /* 25.2px */ letter-spacing: 0.54px; }
body.contentPage #pageview .MainContent #text1 ul li:before { content: '•'; margin-left: var(--gap-8); }

@media(max-width: 1024px) {
    body.contentPage #SiteGridContainer { padding: 176px 24px 0; }
    body.contentPage #pageview .MainContent { width: 100%; }
    body.contentPage #pageview .MainContent #headline h1 { font-size: 72px; }
    body.contentPage #pageview .MainContent #text1 h2 { font-size: 22px; font-family: var(--font-2); }
    body.contentPage #pageview .cMainContent #text1 p { color: rgba(255, 255, 255, 0.80); font-size: 17px; }
}
