﻿/* CHOOKA**/


/*------RESET--------*/
.grid-boxes .grid-box-title h3 a { color: inherit; }
.section,
footer,
.grid-boxes .grid-box-title h3,
.grid-text p,
#GridPage,
.sections .grid-content-section,
#lobbyview .grid-boxes,
#LobbyModule .grid-boxes,
#lobbyview .grid-boxes .grid-box-image,
#LobbyModule .grid-boxes .grid-box-image,
#lobbyview .grid-box,
#LobbyModule .grid-box,
#headline,
#SiteGrid.layout-bottom #GridPromo,
.form-container-wide #DynamicFormObject,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields,
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText,
ul,
ol,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form,
.form-container-wide #DynamicFormObject .dynamicFormObjectField,
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit,
.normal-form textarea, .normal-form input,
.grid-faq-section, .panel-group .panel,
.panel-group,
.faq-headline,
.faq-body > div,
.section-title h2,
.section-title h1,
.section-title,
.grid-rows .grid-row-text h2,
.grid-short-box .grid-short-box-label,
#header2 .menu-nav,
#header2 ul.menu li,
.grid-short-box,
.lobby-grid #GridPage .max-width,
.categories-strip ul li, #text1 p:last-child,
.grid-text .grid-text-content .gridText1,
.grid-text .grid-text-content,
.grid-text .grid-text-content .gridText2, .grid-rows .grid-row-text h3, .dynamicFormObjectField { margin: 0; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after { display: none; }
#header2,
.grid-boxes .grid-box-subtitle,
#header2 ul.menu li,
#DynamicFormObject { color: inherit; }
#header2 #header-container { display: flex; align-items: center; }
#header2 ul.menu > li:before { display: none; }
#header2 ul.menu li a:focus { opacity: 1 }
.grid-boxes .grid-box-subtitle, #LobbyModule .grid-boxes .grid-box-title h3,
.grid-boxes .grid-box-title h3 { font-size: inherit; }
.GridBottomGallery { padding: 0; }
.grid-rows .grid-row { background-color: transparent }

@media(max-width:991px) {
    .grid-text-section .section-title { margin-bottom: 0; }
    .col-xs-10 { width: 100%; }
    #LobbyModule .grid-boxes:before { display: none; }
    #DynamicFormObject { max-width: 100% !important; }
    .normal-form input { max-width: 100%; }
    #SiteFooter { padding-bottom: 0; }
    .normal-form textarea { max-width: 100%; }
}



#DynamicFormObject:after { display: none; }
#DynamicFormObject { border: none; }
.normal-form textarea { width: 100%; padding-block: var(--gap-16); }

#LobbyModule .grid-boxes,
#PageBreadCrumps,
.grid-form-section,
.grid-content-section,
#GridPage .max-width,
#galleryview { max-width: 100%; }
.grid-boxes { display: flex; margin: 0; flex-wrap: wrap; }
.grid-boxes .grid-box-image-container { position: unset; }
#grid-view .grid-short-box-text { font-size: inherit; }

#header2.fixedMenu { transition: .3s all ease-in-out; background: var(--black); padding: var(--gap-12) var(--gap-20); color: var(--white); }
.col-xs-10 { width: 100%; }

.grid-rows .grid-row { display: flex; }
a:hover, a:focus { color: inherit; }
.grid-boxes .grid-box-image { padding-bottom: 0; margin: 0; }
#text1.empty { display: none; }

@media(max-width:991px) {
    .grid-rows .grid-row-text { padding: 0; width: 100%; margin: 0; }
    #GridPage .max-width { width: 100%; }
    .visible-xs-block { display: none !important; }
    .mobile-strip { display: none; }
    .grid-rows .grid-row-text p, #lobbyview .grid-boxes .grid-box-title h3 { font-size: inherit; }
}
/*------END RESET--------*/



:root { --font-1: 'Rubik-Regular'; --font-2: 'Rubik-Medium'; font-size: var(--fs-18); --fs-16: clamp(14px, 0.833vw, 300px); --fs-18: clamp(16px, 0.938vw, 300px); --fs-20: clamp(18px, 1.042vw, 300px); --fs-24: clamp(22px, 1.251vw, 300px); --fs-35: clamp(33px, 1.825vw, 300px); --fs-56: clamp(54px, 2.92vw, 300px); --fs-80: clamp(7px, 4.168vw, 300px); --site-gap: 8.333vw; --gap-2: 0.104vw; --gap-4: 0.208vw; --gap-6: 0.313vw; --gap-7: 0.365vw; --gap-8: 0.417vw; --gap-10: 0.525vw; --gap-12: 0.625vw; --gap-14: 0.73vw; --gap-16: 0.833vw; --gap-20: 1.042vw; --gap-22: 1.146vw; --gap-24: 1.25vw; --gap-30: 1.563vw; --gap-32: 1.667vw; --gap-36: 1.875vw; --gap-40: 2.083vw; --gap-42: 2.183vw; --gap-44: 2.292vw; --gap-48: 2.5vw; --gap-50: 2.583vw; --gap-51: 2.639vw; --gap-56: 2.917vw; --gap-60: 3.122vw; --gap-80: 4.167vw; --gap-84: 4.366vw; --gap-88: 4.583vw; --gap-96: 5vw; --gap-100: 5.2vw; --gap-120: 6.25vw; --gap-135: 7.032vw; --gap-140: 7.292vw; --gap-130: 6.784vw; --gap-150: 7.8vw; --gap-154: 8.021vw; --gap-160: 8.333vw; --gap-190: 9.292vw; --gap-200: 10.417vw; --gap-235: 12.24vw; --gap-260: 13.568vw; --gap-343: 17.865vw; --gap-394: 20.521vw; --gap-418: 21.771vw; --gap-972: 50.625vw; --black: #000; --white: #fff; --turquoise: #1D988C; --gray: #E7E7E7; --red-error: #a60029; --error: #a60029; --grey-color: #BFC0C1; --gradient: linear-gradient(180deg, #1D988C 0%, #E9EAEA 100%); }
body { zoom: 1 !important; font-family: var(--font-1) !important; background: var(--gray); font-size: var(--fs-17); line-height: 1.4; opacity: 0; }
body.loaded { opacity: 1; }

@media(max-width:991px) {
    body { font-size: var(--fs-17); line-height: 1.5; }
    :root { --site-gap: 30px; --gap-4: 4px; --gap-6: 6px; --gap-8: 8px; --gap-10: 10px; --gap-12: 12px; --gap-14: 14px; --gap-15: 15px; --gap-16: 16px; --gap-17: 17px; --gap-20: 20px; --gap-28: 28px; --gap-24: 24px; --gap-30: 30px; --gap-32: 32px; --gap-35: 35px; --gap-40: 40px; --gap-44: 44px; --gap-48: 48px; --gap-50: 50px; --gap-54: 54px; --gap-56: 56px; --gap-64: 64px; --gap-75: 75px; --gap-80: 80px; --gap-100: 100px; --gap-115: 115px; --fs-12: 12px; --fs-14: 14px; --fs-15: 15px; --fs-16: 16px; --fs-17: 17px; --fs-18: 18px; --fs-20: 20px; --fs-22: 22px; --fs-32: 32px; --fs-35: 35px; --fs-40: 40px; --fs-42: 42px; --fs-48: 48px; --fs-54: 54px; }
}

b, strong { font-family: var(--font-2); }


/* H1 Titles*/
#headline h1, .section-title h2, .section-title h1 { font-size: var(--fs-80); font-family: var(--font-2); line-height: 0.8; letter-spacing: -3.2px; text-align: center; }


/* H2 Titles*/
.club-section .grid-rows h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: var(--fs-56); font-family: var(--font-2); line-height: 98%; letter-spacing: -1.12px; }


/* H3 Titles*/
.about-section .grid-box-title a { font-size: var(--fs-35); line-height: 1; }


/* H4 Titles*/
.workshop-content-section .grid-boxes .grid-box-title h3 a, #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, .split-page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle,
.media-page .grid-short-box-label { font-size: var(--fs-24); font-family: var(--font-2); line-height: 1.2; }

@media(max-width:991px) {
    #headline h1, .section-title h2, .section-title h1, .club-section .grid-rows h2, .club-section .grid-rows h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: var(--fs-35); line-height: 1; letter-spacing: normal; }
}


/**BUTTONS*/
.menu-page .categories-strip li a,
#DynamicFormObject input[type="submit"], .FormResultPageButton, .page-not-found a,
.sec-button, .grid-row-section .content-section-Btn .sec-button,
.grid-rows .grid-row-text a.grid-row-button,
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink,
#MenuModule .menuModuleNav a { background-color: var(--turquoise); border: none; color: #fff; height: var(--gap-50); display: inline-flex; align-items: center; width: var(--site-gap); justify-content: center; font-size: var(--fs-18); margin: 0; border-radius: var(--gap-4); font-family: var(--font-2); box-sizing: border-box; border: 1px solid transparent; transition: .3s all ease-in-out; -webkit-transition: .3s all ease-in-out; }

#DynamicFormObject input[type="submit"]:hover, .FormResultPageButton:hover, .page-not-found a:hover, .sec-button:hover, .grid-row-section .content-section-Btn .sec-button:hover, .grid-rows .grid-row-text a.grid-row-button:hover, a.FormResultPageButton:hover, .page-not-found a:hover, #DynamicFormObject input[type="submit"]:focus, .FormResultPageButton:focus, .page-not-found a:focus, .sec-button:focus, .grid-row-section .content-section-Btn .sec-button:focus, .grid-rows .grid-row-text a.grid-row-button:focus, a.FormResultPageButton:focus, .page-not-found a:focus, #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:hover, #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:focus { background-color: var(--black); color: var(--white); border-color: var(--white) !important }

/**BLACK BUTTONS*/

.about-section .sec-button, #MenuModule .menuModuleNav a { background-color: var(--black); }

#MenuModule .menuModuleNav a:hover,
#MenuModule .menuModuleNav a:focus { background-color: var(--white); background-color: var(--turquoise); }
.about-section .sec-button:hover,
.about-section .sec-button:focus { background-color: var(--white); color: var(--black); }

@media(max-width: 991px) {
    #DynamicFormObject input[type="submit"], .FormResultPageButton, .page-not-found a, .sec-button, .grid-row-section .content-section-Btn .sec-button, .grid-rows .grid-row-text a.grid-row-button, #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, #MenuModule .menuModuleNav a { width: 168px; }
}

.GridTop.noTopImage { }
#GridTop, .GridTop { margin: 0 auto; height: auto; aspect-ratio: 1 / 0.339; }
#GridTop.noTopImage.longer, .GridTop.noTopImage.longer { display: none; }
#PageBreadCrumps { display: none; }
#header2.fixedMenu { top: 0; }

#SiteGridContainer { margin-top: var(--header-height); }
#SiteGrid.layout-bottom #GridPromo { max-width: 100%; margin-bottom: var(--gap-100); }


#lobbyview { display: flex; flex-direction: column; gap: var(--gap-32); }
.lobbyTextContainer .lobbyText { max-width: 670px; }
#lobbyText { max-width: 34.9vw; }



#lobbyview, #pageview .MainContent { margin-bottom: var(--gap-100); }
#headline { margin-top: var(--gap-100); }


.stickyButton#stickyButton-3987 { background-image: url(https://media.getmood.io/warehouse/dynamic/711634.svg); width: 5.2vw; height: 4.8vw; background-size: cover; font-family: var(--font-2); display: flex; align-items: center; justify-content: center; color: #fff; left: var(--gap-30); bottom: var(--gap-30); box-shadow: none; }
.sections .about-section, .sections .menu-section, .sections .club-section { padding-inline: var(--site-gap) }

#pageview,
#pageview .MainContent { display: flex; flex-direction: column; gap: var(--gap-32); align-items: center; }
#pageview .MainContent .text1 { display: flex; flex-direction: column; gap: var(--gap-32); }


@media(max-width:991px) {
    #lobbyText { max-width: 100%; padding-inline: var(--site-gap); }
    .section, .sections .grid-content-section { }
    #SiteGridContainer { margin-top: var(--header-height); }
    .gallery-container { width: 100%; }

    .stickyButton#stickyButton-3987 { width: 98px; height: 90px; }
    #headline { margin-top: var(--gap-56); }
    #pageview .MainContent { padding-inline: var(--site-gap); gap: var(--gap-24); }
    #lobbyview, #pageview .MainContent { margin-bottom: var(--gap-56); }
    #GridTop, .GridTop { aspect-ratio: 1 / 0.69; }
    #GridContent + #GridTop, #GridContent + .GridTop { aspect-ratio: 1 / 0.917; }
}

@media(min-width:992px) {
    .split-page #GridPage { display: flex; flex-direction: row-reverse; }
    .split-page #GridPage > * { width: 50%; }
    .split-page #GridPage > #GridTop { height: calc(var(--app-height) - var(--header-height)); position: sticky; top: var(--header-height); }
    .split-page #GridWrapInner { display: flex; flex-direction: column; }
    .split-page #GridWrapInner > * { order: 1; }
    .split-page #GridWrapInner > #GridContent { order: 0; width: 100%; padding: 0; margin: 0; }
    .split-page #GridPage > #GridWrap { padding-bottom: var(--gap-100); padding-inline: var(--gap-80); margin: 0; }
    .split-page #GridPromo { width: 100%; margin: 0; }
    .split-page #DynamicFormObject .DynamicFormObjectInner { }
    .split-page #pageview .MainContent { margin-bottom: var(--gap-40); }
    .split-page #DynamicFormObject { padding: 0; display: block; }
}

@media(max-width:991px) {
    .with-form-page #SiteGrid.layout-2sides-right #GridContent,
    .with-form-page #SiteGrid.layout-bottom #GridContent { float: none; width: 100%; padding: 0; margin: 0; }
    .with-form-page #GridPromo #DynamicFormObject { padding: 0; width: 100%; }
    .with-form-page #SiteGrid.layout-bottom #GridPromo,
    .with-form-page #GridPromo { margin: 0; padding-inline: var(--site-gap); padding-block: var(--gap-56); }
    .with-form-page fieldset { display: flex; flex-direction: column; gap: var(--gap-12); }
    .with-form-page #DynamicFormObject .dynamicFormObjectSubmit { padding-inline: 0; float: none; display: inline-block; }

    .with-form-page .normal-form input, .with-form-page .normal-form textarea, .with-form-page .normal-form input, .with-form-page .normal-form select { color: var(--black); border-color: var(--black); }
    .with-form-page .normal-form .must input::placeholder, .with-form-page .normal-form textarea::placeholder { color: var(--black); }
    .with-form-page .normal-form .must::before { color: var(--black); }
    .with-form-page #DynamicFormObject input[type="submit"]:hover { background-color: var(--black); color: var(--white); }
    .with-form-page #DynamicFormObject .dynamicFormObjectFields { margin-bottom: 0 }
}



.home-page #SiteGridContainer { }
#TopVideo { position: absolute; inset: 0 var(--gap-20) var(--gap-20) var(--gap-20); height: auto !important; overflow: hidden; border-radius: var(--gap-8); }

#home-gallery .gallery-caption.caption-text { max-width: none; width: auto; }
#home-gallery .gallery-logo { width: 100%; }
#home-gallery .gallery-caption .gallery-text { display: flex; flex-direction: column; white-space: normal; }
#home-gallery .gallery-caption { top: auto; transform: none; -webkit-transform: none; width: 100%; text-align: center; position: unset; max-width: 540px; }

@media(min-width:992px) {
}

@media(max-width:991px) {
    #home-gallery .gallery-caption { display: flex; flex-direction: column; }
    #home-gallery .gallery-caption .gallery-text span { max-width: 100%; width: 100%; }
    #home-gallery .gallery-caption .gallery-text span { font-size: var(--fs-16); line-height: 1.5; letter-spacing: 0.32px; Colors Color format Hex Text colors white Text content; }
    #home-gallery .gallery-caption .gallery-text { padding-inline: 27px; gap: var(--gap-16); }
}

#header2.fixedMenu.bg { }
#header2.fixedMenu { }
/*#header2 #header-left a:after { content: ""; background-image: url('https://media.getmood.io/warehouse/dynamic/703856.svg'); position: absolute; width: 100%; height: 100%; background-size: cover; opacity: 0; transition: .3s all ease-in-out; }
*/ #header2 ul.menu li.social-mobile .social-link { display: flex; }
#header2 .social-nav ul li .social-links { display: flex; float: none !important; gap: var(--gap-12); }
#header2 .social-nav ul li .social-links svg { height: 20px; fill: var(--white); }
#header2 .social-nav ul { list-style: none; }

#header2 .social-nav { width: 20%; }

#header2 ul.menu li:has(.menu-page-nav) .menu-page-nav { }
#header2 ul.menu li:has(.menu-page-nav) ul, #header2 ul.menu li:has(.menu-page-nav) i { display: none !important; }

@media(min-width:992px) {
    #header2 #header-left { display: block; width: 20%; }
    #header2 .header-right-section { width: 60%; display: flex; }
    #header2 .header-right-section #menu { }
    #header2 .max-width { max-width: 100%; width: 100%; }
    #header2.fixedMenu { }
    #header2 .header-top { display: none; }
    #header-left a { display: inline-flex; position: relative; }
    #header2 #header-left img { height: 56px; width: auto; transition: .3s all ease-in-out; }
    #header2.bg #header-left img { opacity: 1; }
    #header2:not(.bg) #header-left a:after { opacity: 1; }
    #header2 ul.menu li a { font-size: 1rem; position: relative; padding: var(--gap-10); }
    #header2 ul.menu li { display: inline-flex; gap: var(--gap-12); align-items: center; }
    #header2 ul.menu li.active { color: inherit; }
    #header2 ul.menu li.last-item:after { display: none; }
    header.shopHeader #header2 ul.menu li > a:hover, #header2 ul.menu li > a:focus, header.shopHeader #header2 ul.menu li.has-sub.open a { }
    #header2 ul.menu li a:focus { border: none; }
    #header2 ul.menu li a:after { }
    #header2 ul.menu li a:focus:after,
    #header2 ul.menu li a:hover:after { width: 100%; }
    #header2 .has-sub i.opensub { display: flex; margin: 0; }
    #header2 .menu-sub { background: transparent; padding: 0; padding-top: 27px; border-bottom: 1px solid var(--gray); }
    #header2 ul.menu .menu-sub li { color: var(--black); border-inline: 1px solid var(--gray); border-bottom: 0; padding-inline: var(--gap-24); margin-bottom: 0; background: #fff; padding-bottom: var(--gap-16); }
    #header2 ul.menu .menu-sub li:first-child { padding-top: var(--gap-16); }
    #header2 ul.menu .menu-sub li:last-child { padding-bottom: var(--gap-16); }
    #header2 ul.menu li:hover { color: inherit; }
    #header2 ul.menu { display: flex; gap: var(--gap-16); justify-content: center; }
    #header2 #header-container { flex-direction: row; justify-content: space-between; }
    #header2 ul.menu li:after { }
    #header2 .fa-angle-down:before { width: var(--gap-8); height: var(--gap-4); display: inline-block; background-image: url('https://media.getmood.io/warehouse/dynamic/705952.svg'); font-size: 0; background-size: 100%; }
    #header2:not(.bg) .fa-angle-down:before { background-image: url(https://media.getmood.io/warehouse/dynamic/702935.svg); }
}

@media(max-width:991px) {
    #header2 #header-container { justify-content: space-between; align-items: center; }
    #header2 #header-left { margin: 0; width: 50%; }
    #header2 #header-left img { height: 35px; }
    #header2.bg #header-left img, #header2.open #header-left img { opacity: 1; }
    #header2 .max-width { max-width: 100%; width: 100%; }
    #header2 .mobile-middle-kdm { display: none; }
    .header-right-section { background: transparent; }
    .bg #nav-toggle span, .bg #nav-toggle span:before, .bg #nav-toggle span:after, .bg #nav-toggle-mobile span, .bg #nav-toggle-mobile span:before, .bg #nav-toggle-mobile span:after,
    .open #nav-toggle span, .open #nav-toggle span:before, .open #nav-toggle span:after, .open #nav-toggle-mobile span, .open #nav-toggle-mobile span:before, .open #nav-toggle-mobile span:after { background-color: var(--white); }
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after, #nav-toggle-mobile span, #nav-toggle-mobile span:before, #nav-toggle-mobile span:after { background-color: #fff; width: 18px; }
    #nav-toggle.active span, #nav-toggle-mobile.active span { background-color: transparent; }
    #nav-toggle span:before, #nav-toggle-mobile span:before { top: -6px; }
    #nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -6px; }
    .nav-menu-anim { width: 16px; }
    #header2 .menu-nav { max-width: 16px; }
    #header2 .header-right-section { width: 18px; padding: 0; }
    #header2 ul.menu { left: 0; right: 0; top: var(--header-height); padding: var(--gap-32) !important; background-color: var(--black); width: 100%; position: fixed; text-align: start; min-height: calc(var(--app-height) - var(--header-height)); height: calc(var(--appe-height) - var(--header-height) - 1) !important; margin: 0 !important; opacity: 0; pointer-events: none; transition: .3s all ease-in-out; margin-top: 1px !important; }
    #header2.open ul.menu { opacity: 1; pointer-events: auto; margin: 0 !important; }
    #header2.fixedMenu { padding-block: var(--gap-10); padding-inline: var(--gap-20); }
    #header2.fixedMenu.open { color: var(--black); }
    #header2 ul.menu li a { font-size: var(--fs-18); display: block; color: var(--white); text-align: center; }
    #header2 ul.menu li.active { background: transparent; }
    #header2 ul.menu li { justify-content: center; padding: var(--gap-10); }
    #header2 ul.menu li.has-sub { display: flex; flex-direction: row; text-align: start; justify-content: center; align-items: center; flex-wrap: wrap; }
    #header2 .menu-sub { background: transparent; text-align: start; padding-block: 20px 5px; padding-inline: var(--gap-16); }
    #header2 ul.menu .menu-sub li { padding-bottom: 0; margin-bottom: 0; padding-bottom: var(--gap-10); }
    #header2 ul.menu li.social-mobile { display: none; }
    #header2 ul.menu li.last-item { border: none; }
    #header2 .mobile-middle-kdm { display: none; }
    #header2 #header-left a:after { left: 0; }
    #header-left a.logoHeader { position: relative; }
    #header2:not(.bg):not(.open) #header-left a:after { opacity: 1; }

    .fa-angle-down:before, .fa-angle-up:before { background-image: url('/warehouse/dynamic/705952.svg'); width: 8px; height: 4px; display: block; font-size: 0; background-size: cover; }
    .fa-angle-up:before { transform: rotate(180deg); }
    #header2 ul.menu li a:focus { border: none; }
}

/*-----Sections-------*/

#home-gallery { height: calc(var(--app-height) - var(--header-height)) !important; display: flex; flex-direction: column; justify-content: center; position: relative; align-items: center; padding: 0 var(--gap-20) var(--gap-20) var(--gap-20); background: var(--black); }
.gallery-caption-wrapper { gap: var(--gap-40); position: relative; display: flex; flex-direction: column; align-items: center; margin-top: calc(var(--header-height) * -1); z-index: 3; }
#home-gallery ol.flex-control-nav.flex-control-paging { display: flex; bottom: calc(var(--gap-24) + var(--gap-20)); left: calc(var(--gap-24) + var(--gap-20)); transform: none; }
#home-gallery .flex-control-paging li { width: var(--gap-44); }
#home-gallery .flex-control-paging li a { width: 100%; border-radius: 0; height: 2px; }
#home-gallery .flex-control-paging li a.flex-active { background: #fff; }
#home-gallery .flex-control-paging li a { background: rgba(255, 255, 255, 0.2); }
#home-gallery .slides { overflow: hidden; }
#home-gallery .opacity-layer, #home-gallery.video-slider .opacity-layer { background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), rgba(71, 81, 94, 0.10); z-index: 3 !important; opacity: 1 !important; }
#home-gallery .scroll-down { display: none; }

@media(max-width:991px) {
    #home-gallery video { width: 380vw !important; }
    #home-gallery .opacity-layer, #home-gallery.video-slider .opacity-layer { display: block; Colors Color format Hex Background colors #000000 · 20%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%); Colors Color format Hex Background colors #000000 · 20%; }
    #home-gallery { padding: 0 var(--gap-10) var(--gap-10) var(--gap-10); }
    #home-gallery .gallery-logo { max-width: 175px; }
    .gallery-caption-wrapper { position: absolute; }
    #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { max-width: 130px; }
}

/** SECTIONS **/
.sections .about-section { padding-top: var(--gap-100); display: flex; flex-direction: column; background: var(--gradient); }
.about-section .grid-boxes { display: grid; grid-template-columns: repeat(2, 1fr); /* 4 columns = 25% each */ gap: var(--gap-12); /* spacing between items */ margin-top: var(--gap-100); }
.about-section .grid-boxes .grid-box { margin: 0; padding: 0; width: 100%; position: relative; aspect-ratio: 1 / 0.75; overflow: hidden; border-radius: var(--gap-8); }
.about-section .grid-boxes:before, .about-section .grid-boxes:after { display: none; }
.about-section .grid-box-title { position: absolute; inset: 0; display: block; }
.about-section .grid-box-title h3, .about-section .grid-box-title a { width: 100%; height: 100%; display: block; position: relative; z-index: 1; }
.about-section .grid-box-title:after { content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); position: absolute; bottom: 0; width: 100%; left: 0; height: 31%; }
.about-section .grid-boxes .grid-box-title a { display: flex; padding: var(--gap-32) var(--gap-40); align-items: flex-end; justify-content: space-between; color: var(--white); font-family: var( --font-2); }
.about-section .section-topText { margin: var(--gap-32) auto var(--gap-32); max-width: 27.5vw; }
.about-section .grid-box-title a:after { content: ""; background-image: url('https://media.getmood.io/warehouse/dynamic/711285.svg'); width: var(--gap-56); height: var(--gap-51); margin-bottom: calc(var(--gap-10)*(-1)); background-size: cover; }

@media(max-width:991px) {
    .sections .about-section { padding-top: var(--gap-56); }
    .about-section .section-topText { max-width: 100%; margin: var(--gap-24) auto var(--gap-32); }
    .about-section .grid-boxes { display: flex; margin-top: var(--gap-56); gap: var(--gap-32); }
    .about-section .grid-boxes .grid-box .grid-box-title h3 a { font-size: var(--fs-20); padding: var(--gap-32); }
    .about-section .grid-boxes .grid-box .grid-box-title h3 { margin: 0; }
    .about-section .grid-box-title a:after { width: var(--gap-35); height: var(--gap-32); }
}

.sections .club-section { padding-bottom: var(--gap-160); }
.club-section .grid-row { direction: inherit !important; flex-direction: row-reverse; aspect-ratio: 1 / 0.345; border-radius: var(--gap-8); overflow: hidden; }
.club-section .grid-row .grid-row-cell.grid-row-cell-text { background: var(--black); color: var(--white); display: flex !important; align-items: center; text-align: center; justify-content: center; }
.club-section .grid-rows .grid-row-text { text-align: center; }
.club-section .grid-rows h2 { margin-bottom: var(--gap-12); }
.club-section .grid-rows .grid-row-text a.grid-row-button { margin-top: var(--gap-32); }

@media(max-width:991px) {
    .sections .club-section { padding-inline: 0; background: var(--black); padding-bottom: 0; }
    .club-section .grid-row { display: flex !important; flex-direction: column-reverse; border-radius: 0px; aspect-ratio: auto; }
    .club-section .grid-row .grid-row-cell.grid-row-cell-text { padding: var(--gap-56) var(--site-gap); }
    .club-section .grid-rows h2 { margin-bottom: var(--gap-24); }
}

.sections .menu-section { padding-block: var(--gap-130); display: flex; flex-direction: column; gap: var(--gap-56); }
.menu-section h2 { text-align: start; }
.menu-section .grid-box-title { display: block; text-align: center; }
.menu-section .grid-box { width: 100%; padding: 0; }
.menu-section .grid-boxes { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--gap-20) var(--gap-44); }
.menu-section .grid-boxes .box-image-animation:hover img { transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
.menu-section .grid-boxes:before, .menu-section .grid-boxes:after { display: none; }
.menu-section .grid-boxes .grid-box-title h3 a { font-size: var(--fs-24); line-height: 1.2; font-family: var(--font-2); margin-bottom: var(--gap-20); display: block; }

@media(max-width:991px) {
    .menu-section .grid-boxes { grid-template-columns: repeat(2, 1fr); gap: var(--gap-32) var(--gap-20); }
    .sections .menu-section { padding-block: var(--gap-115) var(--gap-32); }
    .menu-section .grid-boxes .grid-box-title h3 a { font-size: var(--fs-20); }
    .menu-section h2 { text-align: center; }
}

.gallery-cubes { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gap-12); padding: var(--gap-20) var(--gap-20) var(--gap-12); }
.gallery-cubes > div { width: auto; padding: 0; border-radius: var(--gap-6); overflow: hidden; }
.gallery-cubes:before, .gallery-cubes:after { display: none; }

@media(max-width:991px) {
    .gallery-cubes { grid-template-columns: repeat(2, 1fr); gap: var(--gap-8); padding-inline: var(--gap-8); }
    .home-page .grid-gallery-section { background: var(--black); }
}

.faq-headline .fa-angle-down:before { background: url("https://media.getmood.io/warehouse/dynamic/711099.svg"); width: 33px; height: 30px; display: block; font-size: 0; }
.faq-headline .fa-angle-down:before, .faq-headline .fa-angle-up:before { background: url(https://media.getmood.io/warehouse/dynamic/711099.svg); width: 33px; height: 30px; display: block; font-size: 0; transition: transform 0.6s cubic-bezier(.15, .85, .35, 1.2); }
.faq-headline .fa-angle-up:before { transform: rotate(-180deg); }
.faq-headline { background-color: transparent; padding-inline: var(--gap-16); height: var(--gap-40); }
.panel-group .panel.faq-item { background: transparent; border: none; margin: 0 !important; box-shadow: none; position: relative; }
.faq-headline.open { background-color: transparent; }
.faq-body { background-color: transparent; }
.faq-item-text ul { list-style: none; display: flex; flex-direction: column; gap: var(--gap-16); padding-block: var(--gap-32) var(--gap-20); }
.faq-item-text ul li { display: flex; align-items: flex-start; gap: var(--gap-14); }
.grid-faq .panel-group { display: flex; flex-direction: column; gap: var(--gap-24); }
.faq-headline-title { font-family: var(--font-2); font-size: 1rem; }
.panel-group .panel.faq-item:after { content: ""; display: block; position: absolute; width: 100%; bottom: calc(var(--gap-12) *(-1) ); /* bottom: -10px; */ height: 1px; background: var(--grey-color); }
.faq-headline .button-open { left: var(--gap-16); }
.faq-item-text { padding-inline: var(--gap-16); }


.grid-form-section .gridFormWithImg #DynamicFormObject { display: flex; flex-direction: column; justify-content: center; }
.grid-form-section .gridFormWithImg { background: var(--black); color: #fff; display: flex; flex-direction: row-reverse; position: relative; }
.split-page fieldset, .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject fieldset { display: flex; flex-direction: column; gap: var(--gap-12); }
.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectSubmit { margin: 0 auto; }
.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectSubmit { width: auto; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 1rem; margin-bottom: var(--gap-32); }
.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectField.checkboxField { color: rgba(255, 255, 255, 0.7); }
.checkboxField span.error { top: -14px; }

.normal-form .must input::placeholder, .normal-form textarea::placeholder { color: rgba(255,255,255, 0.7); }
.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormEndText { display: flex; flex-direction: column; gap: var(--gap-8); }
.normal-form input, .normal-form textarea, .normal-form input, .normal-form select { -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border: none; font-size: var(--fs-18); width: 100%; border: 1px solid rgba(255,255,255, 0.7); color: rgba(255,255,255, 0.7); border-radius: var(--gap-4); padding-inline: var(--gap-20); margin: 0; }
.normal-form .must::before { left: 7px; }
.normal-form .must input, .normal-form .must select { border-radius: 4px; height: var(--gap-50); }
.normal-form select { background: var(--black); }
.normal-form select:focus { border: 1px solid rgba(255, 255, 255, 0.7); }
.normal-form .must::before { left: auto; right: var(--gap-10); top: var(--gap-10); color: rgba(255, 255, 255, 0.7); }
#DynamicFormObject .DynamicFormObjectInner { max-width: 22vw; margin: 0 auto; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { margin-bottom: var(--gap-16); }
#DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }

.normal-form input[type='checkbox'] { position: relative; cursor: pointer; }
.normal-form input[type='checkbox']:after { content: ""; position: absolute; width: 100%; height: 100%; background: var(--black); border: 1px solid rgba(255, 255, 255, 0.7); }
.normal-form input[type='checkbox']:checked:after { background-image: url('https://media.getmood.io/warehouse/dynamic/712322.svg'); background-size: 70%; background-repeat: no-repeat; background-position: center; }



.split-page .normal-form input, .split-page .normal-form textarea, .split-page .normal-form input, .split-page .normal-form select { color: var(--black); border-color: var(--black); }
.split-page .normal-form .must input::placeholder, .split-page .normal-form textarea::placeholder { color: var(--black); }
.split-page .normal-form .must::before { color: var(--black); }
.split-page #DynamicFormObject input[type="submit"]:hover { background-color: var(--black); color: var(--white); }


@media(max-width:991px) {
    #DynamicFormObject .DynamicFormObjectInner { max-width: 100%; }
}


@media(min-width:992px) {
    .form-container-wide.section-animation-item.gridFormWithImg.up.shown:after { content: ""; background-image: url('https://media.getmood.io/warehouse/dynamic/711152.webp'); width: 32.344vw; aspect-ratio: 1.136; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); pointer-events: none; background-size: cover; }
    .grid-form-section .gridFormWithImg .gridFormImgContainer img { height: 100%; object-fit: cover; }
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; display: flex; flex-direction: column; align-items: center; }
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }
    #GridPromo.form-container-wide #DynamicFormObject .DynamicFormObjectInner { max-width: 45.7vw; width: 100%; background-color: var(--black); padding: var(--gap-32) var(--gap-56); border-radius: var(--gap-6); position: relative; }
    #GridPromo.form-container-wide #DynamicFormObject { margin: 0 auto; width: 100%; color: #fff; }
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { }
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectFields:after { display: none; }
    #GridPromo.form-container-wide .normal-form input:not(.form-submit), #GridPromo.form-container-wide .normal-form textarea, #GridPromo.form-container-wide .normal-form select { background: #fff; padding-inline: var(--gap-16); color: var(--black); }
    #GridPromo.form-container-wide .normal-form input::placeholder, .form-container-wide .normal-form textarea::placeholder { color: var(--black) }
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: var(--gap-6); }

    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { display: flex; align-items: flex-start; width: 100%; }
    #GridPromo.form-container-wide .normal-form input[type='checkbox'] { margin-top: 7px; }
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; }
    #GridPromo.form-container-wide #DynamicFormObject fieldset { margin: calc(var(--gap-6) * (-1)); }
    #GridPromo.form-container-wide .DynamicFormObjectInner:after { content: ""; display: block; background-image: url(https://media.getmood.io/warehouse/dynamic/711152.webp); background-size: cover; width: 32.35vw; aspect-ratio: 1 / 0.879; position: absolute; bottom: 0; left: calc(var(--gap-60) * (-1)); transform: translateX(-50%); }
    #GridPromo.form-container-wide .normal-form input[type='checkbox']:after,
    .grid-form-section .gridFormWithImg .gridFormImgContainer { aspect-ratio: 1 / 0.895; }
    .split-page .normal-form input[type='checkbox']:after { background-color: #fff; }
    #GridPromo.form-container-wide .normal-form input[type='checkbox']:checked:after,
    .split-page .normal-form input[type='checkbox']:checked:after { background-image: url(https://media.getmood.io/warehouse/dynamic/712324.svg); }
    .split-page .normal-form input[type='checkbox']:after { background-color: var(--gray); border-color: var(--black); }
    #GridPromo.form-container-wide .normal-form input[type='checkbox']:checked:after { background-image: url(https://media.getmood.io/warehouse/dynamic/712322.svg); }
}

@media(max-width:991px) {
    .grid-form-section .gridFormWithImg .gridFormImgContainer { display: none; }
    .contact-us-page .grid-form-section .gridFormWithImg .gridFormImgContainer { display: block; }
    .grid-form-section .gridFormWithImg #DynamicFormObject { width: 100%; padding: 0; }
    .grid-form-section { padding: var(--gap-56) var(--site-gap) var(--gap-32); background: var(--black); }
    #DynamicFormObject input[type="submit"], .FormResultPageButton, .page-not-found a { max-width: none; width: 100%; padding-inline: var(--gap-32); height: var(--gap-50); margin: 0 auto; }
    #DynamicFormObject input[type="submit"] { width: 130px; }
    .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectSubmit { margin-top: var(--gap-32); }
    .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectField { width: 100%; padding: 0; margin-bottom: 0; }
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { margin-bottom: 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: var(--gap-32); }
    #DynamicFormObject .dynamicFormObjectField .must:before { left: auto; right: 5px; }
    .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectField.textareaField { }
    .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject fieldset { gap: var(--gap-16); }
    .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectField.checkboxField { font-size: var(--fs-18); margin-top: var(--gap-16); }
    .with-form-page .normal-form input[type='checkbox']:after { background-color: var(--gray); border-color: var(--black); }
    .with-form-page .normal-form input[type='checkbox']:checked:after { background-image: url(https://media.getmood.io/warehouse/dynamic/712324.svg); }
}




::before { }
/** PAGES **/




.FormResultPageButton, .page-not-found a { text-transform: capitalize; margin: 0 !important; display: inline-flex !important; }
.FormResultPage #SiteGrid { /* display: none; */ }
.FormResultPage #SiteGridContainer,
.page-404 #SiteGridContainer { display: flex; align-items: center; justify-content: center; margin-top: var(--header-height); min-height: calc(var(--app-height) - var(--header-height)); }
.page-404 .top-site-content { width: 330px; max-width: 100%; padding: 0; }
.page-404 #PageBreadCrumps { display: none; }
.page-not-found a { display: inline-flex !important; }
.page-404 #SiteGrid { width: 100%; }

.page-404 #SiteGridContainer .top-site,
.FormResultPage #SiteGridContainer .top-site { padding-bottom: var(--header-height); }

.page-404 #headline,
#FormResultPage #headline { margin-top: 0; }
.page-404 #text1 p,
#FormResultPage #text1 p { margin: var(--gap-16) auto var(--gap-32); }

.accessabilityMainPage #SiteGridContainer { margin-bottom: var(--gap-100); }
.accessabilityMainPage #headline h1 { margin: 0 auto; max-width: calc(700px + var( --site-gap) + var(--site-gap)); padding: 0 var( --site-gap); }

@media(max-width:991px) {
    .FormResultPage #SiteGridContainer .top-site-content, .page-404 #SiteGridContainer .top-site-content { gap: var(--gap-32); }
    .accessabilityMainPage #headline h1 { padding-inline: 0; margin-top: var(--gap-56); }
}

@media(max-width:991px) {
    .FormResultPageButton, .page-not-found a { max-width: 200px; }
}


.menu-page .categories-strip li:first-child { display: none; }
.menu-page .categories-strip li a { background: var(--black); width: 100%; overflow: hidden; }

.menu-page .categories-strip { background: transparent; }

.menu-page .categories-strip ul { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--gap-12); padding-block: var(--gap-40); width: 100%; }

.menu-page .categories-strip li.active a { background-color: var(--turquoise); }

.categories-strip ul li.active { background: transparent; }
#MenuModule .menuModuleNav a { width: auto; }
.menuModuleContentPart { border: none; padding: 0; }
.menuModuleContentPart:after { display: none; }
.menuModuleTextItem1 .menuModuleTextItemPart, .menuModuleTextItem0 .menuModuleTextItemPart, .menuModuleTextItem1 .menuModuleTextItemPart:nth-child(even), .menuModuleTextItem0 .menuModuleTextItemPart:nth-child(even), .menuModuleTextItem1 .menuModuleTextItemPart:nth-child(odd), .menuModuleTextItem0 .menuModuleTextItemPart:nth-child(odd) { padding: 0; width: 100%; margin-bottom: var(--gap-40); }
.menuModuleTextItem1, .menuModuleTextItem0, li.notTable { display: flex; flex-direction: column; margin: 0; width: 100%; }
.menuModuleTextItemTitle { margin: 0; font-family: var(--font-2); background: var(--gray); position: relative; z-index: 1; padding-inline-end: var(--gap-16); }
.menuModuleTextItemDescription { margin: 0; color: inherit; }
.menuModuleTextItemPart:after { display: block; content: ""; border-bottom: 1px dotted black; position: absolute; right: 0; bottom: unset; height: 1px; border: none; top: 16px; background: repeating-linear-gradient(90deg, var(--black) 0 3px, transparent 0 9px); width: 100%; z-index: 0; }
.menuModuleTextItemPrice { background: var(--gray); padding-inline-start: var(--gap-16); position: relative; z-index: 1; }
#MenuModule #headline { margin-bottom: var(--gap-32); }

@media(min-width:992px) {
    #MenuModule .menuModuleNav { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--gap-12); padding-block: var(--gap-40); }
    #MenuModule .menuModuleNav a.selected { background-color: var(--turquoise); color: var(--white); }
}

@media(max-width:1024px) {
    .menu-page .categories-strip .hidden-xs { display: flex !important; max-width: 100%; overflow-y: hidden; overflow-x: scroll; background: #6BC7B8; padding: 0; border-radius: var(--gap-4); margin-block: var(--gap-40); }

    .menu-page .categories-strip li a { background-color: transparent; color: var(--black); font-family: var(--font-1); display: flex; gap: var(--gap-20); padding-inline-start: var(--gap-20); min-width: fit-content; }

    .menu-page .categories-strip li a:after { content: ""; display: inline-block; height: 12px; width: 1px; background-color: var(--black); }

    .menu-page .categories-strip li.active a { color: var(--black); font-family: var(--font-2); background: transparent; }

    .menu-page .categories-strip li:last-child a:after { background-color: transparent; }
}
/** accessability */

#pageview .container-fluid { }
#pageview #text1, #pageview #text2 { max-width: 34.9vw; }
#pageview #text1 h2, #pageview #text2 h2 { }
#pageview #text1 p, #pageview #text2 p { }
#pageview #text1 ul, #pageview #text2 ul { }
#pageview #text1 ul li::marker { }

@media(max-width:991px) {
    #pageview .container-fluid { }
    #pageview #text1, #pageview #text2 { max-width: 100%; }
}

/*-----FOOTER-----*/
#SiteFooter { float: none; display: flex; flex-direction: column; }

footer { background: var(--turquoise); color: #fff; }
.no-top-site-page footer { margin-top: 0px; }
.footer-text-divided { padding: var(--gap-40); display: flex; justify-content: space-between; order: 1; align-items: center; }
.footer-text-divided ul { display: flex; list-style: none; padding: 0; gap: var(--gap-16); }
.footer-text-divided > div.footer-text-middle ul { list-style: none; display: flex; align-items: center; justify-content: center; }
.footer-text-divided > div.footer-text-middle { display: flex; flex-direction: column; align-items: center; width: 100%; gap: var(--gap-40); }
.footer-text-divided > div.footer-text-middle ul { gap: var(--gap-12); }
.footer-text-divided > div.footer-text-middle ul li:after { content: ""; background-color: #fff; height: 12px; width: 1px; }
.footer-text-divided > div.footer-text-middle ul li { display: flex; align-items: center; gap: var(--gap-12); }
.footer-text-divided > div.footer-text-middle ul li:last-child:after { display: none; }
.footer-text-divided > div.footer-text-left p { display: flex; gap: var(--gap-12); flex-direction: row-reverse; }
.footer-text-divided > div.footer-text-left { display: flex; padding: 0; width: 70%; justify-content: flex-end; direction: ltr; flex-direction: row-reverse; gap: var(--gap-32); }
.footer-text-divided > div.footer-text-left ul { list-style: none; padding: 0; text-align: start; direction: rtl; font-size: var(--fs-16); display: flex; flex-direction: column; gap: 1px; }
.footer-text-divided .dropdown-item h4 { margin-top: 0; margin-bottom: var(--gap-12); display: block; font-weight: normal; font-family: var(--font-2); text-align: start; position: relative; }
.footer-text-divided .dropdown-item { direction: rtl; }

@media(min-width:992px) {
    .footer-text-divided .dropdown-item { min-width: var(--gap-150); }
    .footer-text-divided > div.footer-text-right { width: 80%; }
    .footer-text-divided ul a { padding: var(--gap-10); }
    .no-top-site-page-desktop footer { margin-top: 0px; }
}

@media(max-width:991px) {
    .footer-text-divided > div.footer-text-left { flex-direction: column; width: 100%; gap: 0; align-items: center; }
    .footer-text-divided .dropdown-item h4 { display: flex; align-items: center; gap: var(--gap-8); margin-bottom: 0; justify-content: space-between; }
    .footer-text-divided .dropdown-item h4:after { content: ""; display: inline-block; background-image: url('/warehouse/dynamic/702935.svg'); width: 8px; height: 4px; background-size: cover; transform: rotate(180deg); transition: .3s all ease-in-out; }
    .footer-text-divided .dropdown-item.open h4:after { transform: rotate(0deg); }
    .footer-text-divided > div.footer-text-left .dropdown-item { border-bottom: 1px solid rgba(223, 223, 223, 0.10); }
    .footer-text-divided > div.footer-text-left ul { padding-top: 10px; }
    .footer-text-divided > div.footer-text-left ul li { margin-top: 8px; }
}

#SiteFooter .site-credit.alternative { order: 3; padding-block: var(--gap-10); }
#SiteFooter #partners-section { order: 2; padding: 0; display: flex; flex-direction: row; justify-content: space-between; border-top: 1px solid rgba(255, 255, 255, 0.20); padding-block: var(--gap-24); }
.footer-text-divided > div.footer-text-left ul strong { margin-bottom: var(--gap-12); display: block; font-weight: normal; font-family: var(--font-2); }
#SiteFooter #partners-section ul { display: flex; list-style: none; padding-inline-start: var(--site-gap); align-items: center; gap: var(--gap-12); }
#SiteFooter #partners-section ul:first-child li:after { content: ""; display: block; background: rgba(255, 255, 255, 0.70); width: 1px; height: 13px; margin-inline-start: var(--gap-12); }
#SiteFooter #partners-section ul li { display: inline-flex; width: fit-content; align-items: center; color: rgba(255, 255, 255, 0.70); gap: var(--gap-4); }
#SiteFooter #partners-section ul:not(:first-child) { padding-inline-start: 0; padding-inline-end: var(--site-gap); gap: var(--gap-20); }
#SiteFooter #partners-section a { font-size: 100%; display: block; padding: 0; }
#SiteFooter #partners-section ul:first-child li:last-child:after { display: none }

@media(max-width:991px) {
    .footer-text-divided > div.footer-text-middle ul { flex-direction: column; }
    .footer-text-divided > div.footer-text-middle ul li:after { display: none; }
    .footer-text-divided { padding-block: var(--gap-56); padding-inline: 0; flex-direction: column-reverse; align-items: center; gap: var(--gap-32); }
    .footer-text-divided > div.footer-text-middle { gap: var(--gap-56); }
    #SiteFooter #partners-section, #SiteFooter #partners-section ul { flex-direction: column; padding: 0; padding-inline: var(--gap-32); gap: var(--gap-8); line-height: 1.5; "Info@ampa...."; letter-spacing: 0.28px; Colors Color format Hex Text colors #FFFFFF · 70%; }
    #SiteFooter #partners-section { flex-direction: column-reverse; padding-block: var(--gap-56); border: none; }
    div#SiteFooter { flex-direction: column; }
    .footer-text-divided > div.footer-text-right { width: 100%; text-align: center; display: block; }
    .footer-text-divided ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap-8); text-align: start; max-width: 310px; margin: 0 auto; }
    #SiteFooter .footer-text-divided > div.footer-text-right img { height: 42px; }
    #SiteFooter #partners-section a { max-width: 100%; margin: 0; }
    #SiteFooter #partners-section ul:not(:first-child) { padding: 0; flex-direction: row; justify-content: center; margin-bottom: var(--gap-56); }
    #SiteFooter #partners-section ul li { align-items: flex-start; text-align: start; width: 100%; justify-content: center; }
    #SiteFooter #partners-section ul:first-child li:after { display: none; }
}


.about-page #SiteGrid:after { content: ""; background-image: url(https://media.getmood.io/warehouse/dynamic/711154.webp); width: 22.6vw; height: 39.2vw; display: block; bottom: 0; right: 0; position: absolute; }

.workshop-page .grid-form-section .gridFormWithImg { flex-direction: row; }
.workshop-page .form-container-wide.section-animation-item.gridFormWithImg.up.shown:after { background-image: url(https://media.getmood.io/warehouse/dynamic/711592.png); width: 25.05vw; aspect-ratio: 1/1.067; }



@media(min-width:992px) {
    #LobbyModule .workshop-content-section .grid-boxes, .workshop-content-section .grid-boxes { display: flex; align-items: center; flex-direction: row; max-width: 82.1vw; justify-content: center; margin: 0 auto var(--gap-100); }
    #LobbyModule .workshop-content-section .grid-box:nth-child(1), .workshop-content-section .grid-box:nth-child(1) { background-color: #6BC7B8; margin-inline-end: 21.2%; }
    #LobbyModule .workshop-content-section .grid-box, .workshop-content-section .grid-box { padding: var(--gap-42) var(--gap-84); width: 39.4%; border-radius: var(--gap-6); }
    .workshop-content-section .grid-box .grid-box-fulltext ul { list-style: none; text-align: start; margin-top: var(--gap-40); }
    .workshop-content-section .grid-box:nth-child(2) { background-color: var(--turquoise); }
    .workshop-content-section .grid-boxes:after { background-image: url("https://media.getmood.io/warehouse/dynamic/711153.webp"); position: absolute; heig; width: 27.65vw; aspect-ratio: 1 /0.923; display: block; background-size: cover; }
    .workshop-page .gallery-cubes { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); gap: var(--gap-12); direction: ltr; }
    .workshop-page .gallery-cubes > div:first-child { grid-column: 4 / 3; grid-row: 1 / 3; }
    .workshop-page .gallery-cubes > div:first-child .boxes-images-outer-image { padding-bottom: 0; height: 100%; }
}

@media(max-width:991px) {
    #LobbyModule .workshop-content-section .grid-boxes, .workshop-content-section .grid-boxes { display: flex; flex-direction: column; justify-content: center; padding-inline: var(--site-gap); }
    #LobbyModule .workshop-content-section .grid-box:nth-child(1) .grid-box-header, .workshop-content-section .grid-box:nth-child(1) .grid-box-header { background-color: #6BC7B8; border-radius: 4px; padding: var(--gap-30); }
    #LobbyModule .workshop-content-section .grid-boxgrid-box:nth-child(2), .workshop-content-section .grid-box:nth-child(2) { margin-top: var(--gap-80) !important; }
    .workshop-content-section .grid-box .grid-box-fulltext ul { list-style: none; text-align: start; margin-top: var(--gap-40); }
    .workshop-content-section .grid-box:nth-child(2) .grid-box-header { background-color: var(--turquoise); border-radius: 4px; padding: var(--gap-30); }
    .workshop-content-section .grid-boxes:after { background-image: url("https://media.getmood.io/warehouse/dynamic/711153.webp"); heig; width: 100%; aspect-ratio: 1 / 0.923; background-size: cover; max-width: 297px; margin-inline: auto; margin-top: var(--gap-80); }

    .workshop-page .gallery-cubes { display: flex; flex-direction: column-reverse; }
    .workshop-page .gallery-cubes > div:first-child .boxes-images-outer-image { aspect-ratio: 1 / 1.231; }
    .workshop-page .gallery-cubes .boxes-images-outer-image { padding: 0; aspect-ratio: 1 / 0.72; height: auto; }

    #MenuModule { padding-inline: var(--site-gap); }
    #MenuModule .menuModuleNav { display: flex; max-width: 100%; overflow-y: hidden; overflow-x: scroll; background: #6BC7B8; padding: 0; border-radius: var(--gap-4); margin-block: var(--gap-40); }
    #MenuModule .menuModuleNav a { background-color: transparent; color: var(--black); font-family: var(--font-1); display: flex; gap: var(--gap-20); padding-inline-start: var(--gap-20); min-width: fit-content; }
    #MenuModule .menuModuleNav a.selected { color: var(--black); font-family: var(--font-2); }
    #MenuModule .menuModuleNav a:after { content: ""; display: inline-block; height: 12px; width: 1px; background-color: var(--black); }
    #MenuModule .menuModuleNav a:last-child:after { background-color: transparent; }
    .menuModuleTextItemDescription { margin-top: var(--gap-24); }
    .menuModuleTextItem1 .menuModuleTextItemPart, .menuModuleTextItem0 .menuModuleTextItemPart, .menuModuleTextItem1 .menuModuleTextItemPart:nth-child(even), .menuModuleTextItem0 .menuModuleTextItemPart:nth-child(even), .menuModuleTextItem1 .menuModuleTextItemPart:nth-child(odd), .menuModuleTextItem0 .menuModuleTextItemPart:nth-child(odd) { margin-bottom: var(--gap-32); }
}



.media-page .grid-short-box-image img { display: none; }
.media-page .grid-short-box { background: #fff; aspect-ratio: 1/0.88; }
.media-page #gridshort-view { padding-inline: 8.3vw; margin-block: var(--gap-100); }
.media-page #gridshort-view .flex-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gap-24); }
.media-page #gridshort-view .flex-row:before, .media-page #gridshort-view .flex-row:after { display: none; }
.media-page #gridshort-view .flex-row > div { width: 100%; padding: 0; }
.media-page .grid-short-box-image { padding-bottom: 0; }
.media-page .grid-short-box-fulltext { display: flex; flex-direction: column; height: 100%; justify-content: space-between; padding: var(--gap-32); align-items: flex-start; }
.media-page .grid-short-box-titles { display: flex; flex-direction: column-reverse; align-items: flex-start; gap: var(--gap-10); }
.media-page .grid-short-box-label { text-align: start; }
.media-page .grid-short-box-subtitle,
.media-page .grid-short-box-link { font-size: var(--fs-16); }
.media-page .grid-short-box-link:before { content: ""; display: block; height: 1px; background-color: var(--grey-color); }
.media-page .grid-short-box-link { display: flex; flex-direction: column; gap: var(--gap-24); }


@media(max-width:991px) {
    .media-page #gridshort-view .flex-row { grid-template-columns: repeat(1, 1fr); }
    .media-page #gridshort-view { padding-inline: var(--site-gap); margin-block: var(--gap-56); }
}
