﻿/* DELICIOUS */

:root { --purple: #281478; --lpurple: #EBEAF0; --gold: #BF9B30; --bg: #F1F1F1; --reg: 'Heebo-Regular'; --bold: 'Heebo-Bold'; --titles: 'pauza-stencil'; }

/*------------------------------------------/*
 GENERAL
/*------------------------------------------*/
html { font-size: 62.5%; overflow-x: clip; }
body, body.modal-open { line-height: 1; font-size: 2rem; overflow: clip !important; background: var(--bg); position: relative; }
h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, :is(div, .form-container-wide) #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #pageview :is(#text1, #text2) h2, #headline h1 { position: relative; display: inline-block; max-width: 100%; width: 100%; font-family: var(--titles); }
.grid-text-content p, .grid-text p, #text1 p, #text2 p, .grid-row-text p, #text1 li, #text2 li, #text1 span { font-size: 1.6rem; position: relative; }
.section-title { margin: 0; }
#SiteContainer { opacity: 0; transition: 0.3s opacity ease; }
#SiteContainer.shown { opacity: 1; }
#SiteGrid { overflow: unset; margin-top: var(--headerHeight); }
#SiteGridContainer { overflow-x: clip; z-index: 2; }
#SiteFooter .site-credit.alternative { padding: 5px 0; z-index: 1; width: 100%; display: flex; order: 3; }
.grid-rows .grid-row { background: inherit; }
#allSectionsWrapper { z-index: 1; }
#text1 p:last-child { margin: 0; }
.sections .section, section.section { margin-bottom: 0; background: transparent; padding: 0; max-width: 100%; }
.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%; }
a.AccessabilityLink { z-index: 1; margin-bottom: 5px; font-size: 1.4rem; }
.grid-boxes { display: flex; margin: 0; }
.grid-boxes .grid-box { margin: 0; padding: 0; }
.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 .box-image-animation:focus { outline: none; }
.grid-boxes .grid-box-title h3 a { color: inherit; outline: none !important; }
#LobbyModule .grid-box { opacity: inherit; font-size: 2rem; margin: 0; }
a.AccessabilityLink:hover { color: #fff; }
#SiteFooter .site-credit.alternative svg path.st0 { fill: #fff; }
p.creditWrapper svg { fill: #fff; }
#GridPage { padding: 0; }
#header2 .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 .grid-text-content { opacity: initial; margin: 0; }
.grid-text p { margin-top: 0; }
a:hover, a:focus { color: inherit; }
.container-fluid { padding: 0; }
.gallery-container { width: 100%; }
.box-image-animation:hover img { transform: none !important; }
#GridTop.noTopImage.longer { height: 0; overflow: hidden; }
.box-image-animation img { object-fit: cover; }
#CatalogModule { padding: 0; }
.itemContentWrapper { margin: 0; }
.catalogContainer.container { width: 100%; padding: 0; margin: 0; }
.row { margin: 0; }
#GridTop.noTopImage, .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 { display: none !important; }

@media(min-width: 1025px) {
    #SiteGridContainer { min-height: calc(47vw - var(--headerHeight)); }
}

@media(max-width: 1024px) {
    a.AccessabilityLink { font-size: 1.3rem; }
    .grid-text-content p, .grid-text p, #text1 p, #text2 p, .grid-row-text p, #text1 li, #text2 li, #text1 span { }
    .center-div { overflow: unset !important; justify-content: center !important; }
}


/*------------------------------------------/*
 HEADER
/*------------------------------------------*/
body #SiteContainer { position: relative; }

#header2 { display: flex; align-items: center; z-index: 300; background: var(--purple); transition: 0.3s all ease; padding: 0; top: 0; position: fixed; }
#header2 #header-container { height: 80px; display: flex; padding: 0 40px; align-items: center; justify-content: space-between; flex-direction: row-reverse; position: relative; }
#header2 #header-container::before { content: ''; position: absolute; right: 0; top: 0; height: 100%; width: 480px; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(/warehouse/dynamic/486702.svg); pointer-events: none; z-index: -1; }
#header2 #header-container #header-left { width: auto; height: auto; }
#header2 #header-container .mobile-middle-kdm { display: none; }
#header2 #header-container .header-right-section { display: flex; align-items: center; position: unset; }
#header2 #header-container .header-right-section .header-top { padding: 0; width: auto; display: inline-flex; align-items: center; }
#header2 #header-container .header-right-section .header-top .address { font-size: 1.8rem; font-family: var(--bold); display: block; }
#header2 #header-container .header-right-section .header-top #stickyButton-3279 { position: relative; bottom: unset; left: unset; box-shadow: none; border-radius: unset; padding-right: 24px; margin-right: 24px; }
#header2 #header-container .header-right-section .header-top #stickyButton-3279 img { max-width: unset; width: 86px; }
#header2 #header-container .header-right-section .header-top #stickyButton-3279::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 20px; width: 1px; background: var(--gold); }
#header2 #header-container .header-right-section .header-top .header-top-left { display: none; }
#header2 #header-container .header-right-section .menu-nav { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); margin: 0; }
#header2 #header-container .header-right-section .menu-nav #menu { margin: 0; display: flex; gap: 40px; }
#header2 #header-container .header-right-section .menu-nav #menu li { margin: 0; transition: 0.3s all ease; }
#header2 #header-container .header-right-section .menu-nav #menu li::before { display: none; }
#header2 #header-container .header-right-section .menu-nav #menu > li > a::after { content: ''; position: absolute; right: 0; bottom: -3px; width: 0; height: 2px; background: var(--gold); transition: 0.3s all ease; }
#header2 #header-container .header-right-section .menu-nav #menu > li:is(.active, .open, :hover, :focus) > a::after { width: 100%; }
#header2 #header-container .header-right-section .menu-nav #menu li a { opacity: 1 !important; border: none; font-size: 1.8rem; padding: 0; }
#header2 #header-container .header-right-section .menu-nav #menu li i.opensub { font-weight: unset; font-size: 90%; margin: 0; cursor: pointer; }
#header2 #header-container .header-right-section .menu-nav #menu li .menu-sub { background: var(--purple); padding: 30px 24px 15px; top: calc(100% + 5px); }
#header2 #header-container .header-right-section .menu-nav #menu li .menu-sub li { font-size: 1.6rem; }
#header2 #header-container .header-right-section .menu-nav #menu li .menu-sub li:not(:last-child) { margin-bottom: 13px; }
#header2 #header-container .header-right-section .menu-nav #menu li .menu-sub li:is(.active, .open, :hover, :focus) { color: var(--gold); }

@media(min-width: 1025px) {
    #header2 #header-container::after { content: ''; position: absolute; left: 15%; top: 0; height: 100%; width: 480px; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/486701.svg); pointer-events: none; z-index: -1; }
    #header2 #header-container .header-right-section .menu-nav #menu li:is(.active, .open, :hover, :focus) { color: #fff; }
}

@media(max-width: 1024px) {
    #header2 { padding: 0; height: auto !important; min-height: 65px; opacity: 0; }
    body:has(#SiteContainer.shown) #header2 { opacity: 1; }
    #header2 #header-container { padding: 0 24px; flex-direction: row; height: 65px; }
    #header2 #header-container::before { background-image: url(/warehouse/dynamic/487206.svg); background-size: cover; width: 190px; right: unset; left: 0; }
    #header2 #header-container #header-left { margin: 0; }
    #header2 #header-container #header-left img { width: 84px; max-width: unset; }
    #header2 #header-container .header-right-section { padding: 0; width: max-content; background: transparent; display: flex; z-index: 20; flex-direction: row-reverse; }
    #header2 #header-container .header-right-section .phone-icon { display: none; }
    #header2 #header-container .header-right-section .menu-nav { max-width: unset; margin: 0; width: max-content; position: relative; top: unset; left: unset; transform: unset; display: inline-flex; z-index: 1; }
    #header2 #header-container .header-right-section .menu-nav .nav-menu-anim { width: 20px; height: 20px; z-index: 15; }
    #header2 #header-container .header-right-section .menu-nav #menu { transform: translateX(100%); transition: 0.5s all ease; overflow: unset; position: fixed; margin: 0; display: block; top: 0; left: unset; right: 0; padding: 95px 0 100px !important; min-width: unset; width: 320px; min-height: 100vh; background: #fff; }
    #header2.open #header-container .header-right-section .menu-nav #menu { transform: translateX(0%); }
    #header2 #header-container .header-right-section .menu-nav #menu::before { content: ''; background-image: url(/warehouse/dynamic/487194.svg); bac; background-position: 70% 0%; background-repeat: no-repeat; background-size: 135%; position: absolute; right: 0; bottom: 0; width: 100%; height: 180px; opacity: 0.45; z-index: -1; pointer-events: none; }
    #header2 #header-container .header-right-section .menu-nav #menu > li { height: auto; margin: 0; font-size: 3.2rem; padding: 10px 26px; width: 100%; color: var(--purple); font-family: var(--titles); text-align: right; }
    #header2 #header-container .header-right-section .menu-nav #menu li.active { background: transparent; }
    #header2 #header-container .header-right-section .menu-nav #menu li::before { display: none; }
    #header2 #header-container .header-right-section .menu-nav #menu li:is(.active, .open, :hover, :focus) { color: var(--purple); }
    #header2 #header-container .header-right-section .menu-nav #menu li a { font-size: 100%; white-space: normal; position: relative; }
    #header2 #header-container .header-right-section .menu-nav #menu > li:not(.logoInMenu) a::before { display: none; }
    #header2 #header-container .header-right-section .menu-nav #menu li .menu-sub { background: transparent; text-align: right; padding: 20px 0 0; margin: 0; }
    #header2 #header-container .header-right-section .menu-nav #menu li .menu-sub li { color: #000; font-family: var(--reg); }
    #header2 #header-container .header-right-section .menu-nav #menu li i.opensub { font-size: 80%; display: inline-flex; margin-right: 5px; }
    #header2 #header-container .header-right-section .header-top .address { font-size: 1.4rem; position: relative; padding-right: 12px; margin-right: 12px; }
    #header2 #header-container .header-right-section .header-top .address::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 14px; width: 1px; background: var(--gold); }
    #header2 #header-container .header-right-section .header-top #stickyButton-3279 { display: none; }

    #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: #fff; height: 2px; width: 100%; }
    #nav-toggle span:before, #nav-toggle-mobile span:before { top: -6px; }
    #nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -6px; }
    #nav-toggle span { left: 50%; transform: translate(-50%,-50%); }
    #nav-toggle.active span:before, #nav-toggle.active span:after, #nav-toggle-mobile.active span:before,
    #nav-toggle-mobile.active span:after { background: var(--purple); }
}


/*------------------------------------------/*
 HOME PAGE
/*------------------------------------------*/
#home-gallery { height: max-content !important; overflow: visible; }
#home-gallery::after { content: ''; background-image: url(/warehouse/dynamic/487196.svg); background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; left: 0; top: calc(100% + 100px); height: 730px; width: 460px; opacity: 0.45; pointer-events: none; z-index: -1; }
#home-gallery .opacity-layer, #home-gallery.video-slider .opacity-layer { opacity: 0.3 !important; display: block; z-index: 3 !important; }
#home-gallery .slider-bg.stellar-bg,
#home-gallery #TopVideo { min-height: unset; height: min(calc(var(--vh) - var(--headerHeight)), 100vw) !important; }
#home-gallery #TopVideo { overflow: hidden; }
#home-gallery #TopVideo iframe { height: 100%; top: 0; width: 100%; left: unset; transform: scale(1.3); position: relative; }
#home-gallery .gallery-caption { top: 50%; width: 100%; z-index: 5; transform: translate(-50%,-50%); display: flex; }
#home-gallery .gallery-caption .gallery-logo { width: auto; }
#home-gallery .gallery-caption .gallery-logo img { width: max-content; min-width: unset; }
#home-gallery #player-controls,
#home-gallery .scroll-down { display: none; }

.home-page #allSectionsWrapper > *:nth-child(1) { margin-top: 180px; }
.section.running-numbers-sec { margin-bottom: 180px; max-width: min(63%, 1200px); }
.section.running-numbers-sec .section-title h1 { color: var(--purple); font-size: 7rem; line-height: 0.8; margin-bottom: 40px; padding-bottom: 40px; width: max-content; }
.section.running-numbers-sec .section-title h1::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 100px; height: 3px; background: var( --gold); transition: 0.3s all ease; }
.section.running-numbers-sec .grid-boxes { background: var(--purple); color: #fff; padding: 72px 95px; gap: 180px; }
.section.running-numbers-sec .grid-boxes .grid-box { text-align: right; display: flex; flex-direction: column; gap: 24px; pointer-events: none; }
.section.running-numbers-sec .grid-boxes .grid-box h3 { margin: 0; font-size: 7rem; line-height: 0.8; font-family: var(--titles); }
.section.running-numbers-sec .grid-boxes .grid-box .grid-box-subtitle { color: #fff; font-size: 2.4rem; line-height: 0.8; font-family: var(--bold); }
.section.running-numbers-sec .grid-boxes .grid-box:not(:last-child)::after { content: ''; position: absolute; left: -90px; top: 50%; transform: translateY(-50%); background: var(--gold); width: 2px; height: 40px; }

.section.why-us-boxes-sec { margin-bottom: 180px; max-width: 780px; }
.section.why-us-boxes-sec .section-title h2 { color: var(--purple); font-size: 7rem; line-height: 0.8; margin-bottom: 40px; padding-bottom: 40px; width: max-content; }
.section.why-us-boxes-sec .section-title h2::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 100px; height: 3px; background: var( --gold); transition: 0.3s all ease; }
.section.why-us-boxes-sec .grid-boxes { flex-wrap: wrap; gap: 74px; }
.section.why-us-boxes-sec .grid-boxes .grid-box { width: calc(25% - 56px); pointer-events: none; }
.section.why-us-boxes-sec .grid-boxes .grid-box .grid-box-image { background: #fff; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; width: 140px; height: 140px; }
.section.why-us-boxes-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-container { width: 94px; height: auto; }
.section.why-us-boxes-sec .grid-boxes .grid-box .grid-box-title h3 { margin: 24px 0 0; font-size: 1.8rem; color: #000; line-height: 120%; font-family: var(--bold); }

.section.about-us-sec { max-width: min(76%, 1440px); margin: 0 auto 180px; }
.section.about-us-sec .grid-row { direction: ltr !important; display: flex !important; gap: 140px; align-items: center; }
.section.about-us-sec .grid-row .flexslider-box { width: 64%; }
.section.about-us-sec .grid-row .flexslider-box::before { content: ''; position: absolute; right: 0; bottom: 0; transform: translate(50%,50%); width: 140px; height: 140px; z-index: 2; pointer-events: none; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(/warehouse/dynamic/487295.svg); }
.section.about-us-sec .grid-row .flexslider-box::after { content: ''; position: absolute; right: 0; bottom: 0; transform: translate(50%, 50%); width: 140px; height: 140px; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(/warehouse/dynamic/487296.svg); z-index: 1; pointer-events: none; -webkit-animation: spinInnerPages 15s linear infinite; animation: spinAnimation 15s linear infinite; }
.section.about-us-sec .grid-row .grid-row-cell-text { width: 36%; }
.section.about-us-sec .grid-row .grid-row-cell-text .grid-row-text { width: 100%; padding: 0; margin: 0; }
.section.about-us-sec .grid-row .grid-row-cell-text .grid-row-text h2 { color: var(--purple); font-size: 7rem; line-height: 0.8; margin-bottom: 40px; padding-bottom: 40px; width: max-content; }
.section.about-us-sec .grid-row .grid-row-cell-text .grid-row-text h2::after { content: ''; position: absolute; right: 0; bottom: 0; width: 100px; height: 3px; background: var( --gold); transition: 0.3s all ease; }
.section.about-us-sec .grid-row .grid-row-cell-text .grid-row-text p { font-size: 1.6rem; line-height: 150%; }
.section.about-us-sec .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button { border: 2px solid var(--gold); border-radius: 50px; height: 44px; padding: 0 20px; min-width: 172px; font-size: 1.6rem; font-family: var(--bold); display: inline-flex; align-items: center; justify-content: center; background: var(--lpurple); transition: 0.3s all ease; }

.section.activities-sec { margin: 0 auto 180px; }
.home-page .section.activities-sec::before { content: ''; background-image: url(/warehouse/dynamic/487195.svg); background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; right: 0; top: -140px; height: 730px; width: 460px; opacity: 0.45; z-index: -1; pointer-events: none; }
.home-page .section.activities-sec::after { content: ''; background-image: url(/warehouse/dynamic/487196.svg); background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; left: 0; bottom: -220px; height: 730px; width: 460px; opacity: 0.45; z-index: -1; pointer-events: none; }
.section.activities-sec .section-title h2 { color: var(--purple); font-size: 7rem; line-height: 0.8; margin-bottom: 40px; padding-bottom: 40px; width: max-content; }
.section.activities-sec .section-title h2::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 100px; height: 3px; background: var( --gold); transition: 0.3s all ease; }
:is(div, #LobbyModule) .section.activities-sec .grid-boxes { gap: 80px 32px; flex-wrap: wrap; max-width: min(76%, 1440px); margin: 0 auto; padding: 0; }
:is(div, #LobbyModule) .section.activities-sec .grid-boxes .grid-box { width: calc(33.33% - 22px); }
:is(div, #LobbyModule) .section.activities-sec .grid-boxes .grid-box .grid-box-title h3 { margin: 24px 0 0; font-family: var(--bold); font-size: 2.4rem; line-height: 0.9; }

.section.logos-carousel-sec { margin: 0 auto 180px; max-width: min(68%, 1280px); }
.section.logos-carousel-sec .section-title h2 { color: var(--purple); font-size: 7rem; line-height: 0.8; margin-bottom: 40px; padding-bottom: 40px; width: max-content; }
.section.logos-carousel-sec .section-title h2::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 100px; height: 3px; background: var( --gold); transition: 0.3s all ease; }
.section.logos-carousel-sec .gallery-cubes { display: flex; justify-content: center; }
.section.logos-carousel-sec .gallery-cubes div:has(> .boxes-images-outer-image) { width: 140px; min-width: 140px; height: 140px; border-radius: 50%; background: #fff; display: inline-flex; align-items: center; justify-content: center; }
.section.logos-carousel-sec .gallery-cubes .boxes-images-outer-image { width: 100px; padding-bottom: 30%; background-size: contain !important; background-repeat: no-repeat; pointer-events: none; }

.section.image-form-sec { max-width: min(76%, 1440px); margin: 0 auto 180px; }
.section.image-form-sec .form-container-wide.gridFormWithImg { display: flex; }
.section.image-form-sec .form-container-wide.gridFormWithImg .gridFormImgContainer img { height: 100%; object-fit: cover; }

@media(min-width: 1025px) {
    .section.about-us-sec .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button:is(:hover,:focus) { background: var(--purple); border-color: var(--purple); color: #fff; }
    .section.logos-carousel-sec .gallery-cubes.owl-carousel { direction: ltr; }
    .section.logos-carousel-sec .gallery-cubes .owl-prev { right: unset; left: calc(100% + 48px); text-indent: -99999px; font-size: 0; }
    .section.logos-carousel-sec .gallery-cubes .owl-next { left: unset; right: calc(100% + 48px); text-indent: -99999px; font-size: 0; }
    .section.logos-carousel-sec .gallery-cubes .owl-prev::after { width: 16px; height: 32px; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(/warehouse/dynamic/487055.svg); }
    .section.logos-carousel-sec .gallery-cubes .owl-next::after { width: 16px; height: 32px; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(/warehouse/dynamic/487054.svg); }
}

@media(max-width: 1024px) {
    #home-gallery::after { top: calc(100% + 15px); height: 290px; width: 180px; }
    #home-gallery .slider-bg.stellar-bg,
    #home-gallery .TopVideo { height: calc(var(--vh) - var(--headerHeight)) !important; min-height: calc(var(--vh) - var(--headerHeight)) !important; }
    #home-gallery .TopVideo video#mainVideo { height: 100% !important; top: 0; width: 100% !important; left: unset; transform: unset; position: relative; }
    #home-gallery .gallery-caption .gallery-logo img { width: 240px; }
    #home-gallery #stickyButton-3279 { bottom: 20px; position: absolute; left: 50%; transform: translateX(-50%); }
    #home-gallery #stickyButton-3279 img { max-width: 86px; }

    .home-page #allSectionsWrapper > *:nth-child(1) { margin-top: 120px; }
    .section.running-numbers-sec { margin-bottom: 120px; max-width: 100%; padding: 0 40px; }
    .section.running-numbers-sec .section-title h1 { font-size: 4rem; margin-bottom: 32px; padding-bottom: 32px; max-width: 280px; line-height: 0.9; }
    .section.running-numbers-sec .grid-boxes { flex-direction: column; align-items: center; padding: 48px; gap: 115px; }
    .section.running-numbers-sec .grid-boxes .grid-box { text-align: center; }
    .section.running-numbers-sec .grid-boxes .grid-box:not(:last-child)::after { left: 50%; transform: translateX(-50%); top: unset; bottom: -57px; width: 40px; height: 2px; }
    .section.running-numbers-sec .grid-boxes .grid-box h3 { font-size: 6.4rem; word-wrap: break-word; }
    .section.running-numbers-sec .grid-boxes .grid-box .grid-box-subtitle { font-size: 1.8rem; }

    .section.why-us-boxes-sec { margin-bottom: 120px; max-width: 100%; padding: 0 40px; }
    .section.why-us-boxes-sec .section-title h2 { font-size: 4rem; margin-bottom: 32px; padding-bottom: 32px; max-width: 280px; line-height: 0.9; }
    .section.why-us-boxes-sec .grid-boxes { gap: 48px; }
    .section.why-us-boxes-sec .grid-boxes .grid-box { width: calc(50% - 24px); }
    .section.why-us-boxes-sec .grid-boxes .grid-box .grid-box-image { width: 120px; height: 120px; }
    .section.why-us-boxes-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-container { width: 80px; }
    .section.why-us-boxes-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 1.6rem; }

    .section.about-us-sec { margin-bottom: 120px; max-width: 100%; }
    .section.about-us-sec .grid-row { flex-direction: column; gap: 80px; }
    .section.about-us-sec .grid-row .flexslider-box { width: 100%; }
    .section.about-us-sec .grid-row .flexslider-box::before { right: unset; left: 24px; transform: translateY(50%); width: 120px; height: 120px; }
    .section.about-us-sec .grid-row .flexslider-box::after { right: unset; left: 24px; transform: translateY(50%); -webkit-animation: spinAnimationMobile 15s linear infinite; animation: spinAnimationMobile 15s linear infinite; width: 120px; height: 120px; }
    .section.about-us-sec .grid-row .grid-row-cell-text { width: 100%; padding: 0 24px; }
    .section.about-us-sec .grid-row .grid-row-cell-text .grid-row-text h2 { font-size: 4rem; margin-bottom: 32px; padding-bottom: 32px; }
    .section.about-us-sec .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button { background: var(--purple); border-color: var(--purple); color: #fff; }

    .section.activities-sec { margin: 0 auto 120px; }
    .home-page .section.activities-sec::before { height: 290px; width: 180px; top: -90px; }
    .home-page .section.activities-sec::after { height: 290px; width: 180px; bottom: -180px; }
    .section.activities-sec .section-title h2 { font-size: 4rem; margin-bottom: 32px; padding-bottom: 32px; }
    :is(div, #LobbyModule) .section.activities-sec .grid-boxes { gap: 48px 20px; max-width: 100%; padding: 0 24px; }
    :is(div, #LobbyModule) .section.activities-sec .grid-boxes .grid-box { width: calc(50% - 10px); }
    :is(div, #LobbyModule) .section.activities-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 1.8rem; margin: 16px 0 0; }

    .section.logos-carousel-sec { margin: 0 auto 100px; max-width: 100%; padding: 0; }
    .section.logos-carousel-sec .section-title h2 { font-size: 4rem; margin-bottom: 32px; padding-bottom: 32px; }
    .section.logos-carousel-sec .gallery-cubes { gap: 40px; overflow-x: scroll; padding: 0 40px 20px; justify-content: flex-start; scroll-snap-type: x mandatory; }
    .section.logos-carousel-sec .gallery-cubes > div { width: 120px; min-width: 120px; height: 120px; scroll-snap-align: center; }

    .section.image-form-sec { max-width: 100%; margin: 0 auto; }
    .section.image-form-sec .form-container-wide.gridFormWithImg { flex-direction: column-reverse; }
}


/*------------------------------------------/*
 ABOUT PAGE
/*------------------------------------------*/
#GridTop { height: 420px; }
#GridTop .top-caption { top: 50%; display: flex; width: 100%; font-size: 100%; text-align: center; }
#GridTop .top-caption h1 { font-size: 10rem; }

.about-page :is(#galleryview, #pageview) { max-width: unset; margin: 0 auto; }
.about-page :is(#galleryview, #pageview) :is(#text1, #text2) { max-width: 750px; }
.about-page :is(#galleryview, #pageview) h2 { color: var(--purple); font-size: 7rem; line-height: 0.8; padding-bottom: 40px; width: max-content; margin: 140px auto 40px; }
.about-page:not(.accessabilityMainPage) :is(#galleryview, #pageview) h2::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 100px; height: 3px; background: var( --gold); transition: 0.3s all ease; }
.about-page :is(#galleryview, #pageview) .gallery-container { display: flex; margin-bottom: 140px; padding-bottom: 100px; }
.about-page :is(#galleryview, #pageview) .gallery-container .item { padding: 0 16px; }
.about-page :is(#galleryview, #pageview) .gallery-container .item a.slide-bg-layer { display: none; }
.about-page :is(#galleryview, #pageview) .gallery-container .owl-nav { display: flex; position: absolute; left: 50%; top: calc(100% + 40px); gap: 32px; transform: translateX(-50%); }
.about-page :is(#galleryview, #pageview) .gallery-container .owl-nav div { position: relative; left: unset; top: unset; transform: unset; right: unset; font-size: 0; }
.about-page :is(#galleryview, #pageview) .gallery-container .owl-nav div::after { width: 48px; height: 48px; background-repeat: no-repeat; background-position: center; background-size: auto; background-color: #fff; border-radius: 50%; }
.about-page :is(#galleryview, #pageview) .gallery-container .owl-nav .owl-prev::after { background-image: url(/warehouse/dynamic/487054.svg); }
.about-page :is(#galleryview, #pageview) .gallery-container .owl-nav .owl-next::after { background-image: url(/warehouse/dynamic/487055.svg); }

@media(min-width: 1025px) {
    :is(.about-page, .activities-lobby-page)::before { content: ''; background-image: url(/warehouse/dynamic/487195.svg); background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; right: 0; top: 55%; transform: translateY(-50%); height: 730px; width: 460px; opacity: 0.45; z-index: -1; pointer-events: none; }
    :is(.about-page, .activities-lobby-page, .activities-inner-page) #GridTop::after { content: ''; background-image: url(/warehouse/dynamic/487196.svg); background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; left: 0; top: 35%; height: 730px; width: 460px; opacity: 0.45; pointer-events: none; z-index: -1; }
}

@media(max-width: 1024px) {
    #GridTop { height: 300px; }
    #GridTop .top-caption h1 { font-size: 6.4rem; line-height: 0.9; padding: 0 24px; }

    .about-page :is(#galleryview, #pageview) h2:first-of-type { font-size: 6.4rem; }
    .about-page :is(#galleryview, #pageview) h2 { font-size: 4rem; margin: 84px auto 32px; padding-bottom: 32px; }
    .about-page:not(.accessabilityMainPage) :is(#galleryview, #pageview) h2::after { width: 100px; }
    .about-page :is(#galleryview, #pageview) :is(#text1, #text2) { max-width: 100%; padding: 0 24px; }
    .about-page :is(#galleryview, #pageview) .gallery-container { margin-bottom: 84px; padding-bottom: 84px; }
    .about-page :is(#galleryview, #pageview) .gallery-container .owl-nav { top: calc(100% + 32px); }
}


/*------------------------------------------/*
 ACTIVITIES LOBBY PAGE
/*------------------------------------------*/
.activities-lobby-page #lobbyview { margin: 140px auto; max-width: 750px; }
.activities-lobby-page #lobbyview p { font-size: 1.6rem; line-height: 150%; }
body:not(.home-page) .section.activities-sec { margin: 0 auto 140px; }

@media(max-width: 1024px) {
    .activities-lobby-page #lobbyview { margin: 84px auto; max-width: 100%; padding: 0 24px; }
    body:not(.home-page) .section.activities-sec { margin: 0 auto 84px; }
}


/*------------------------------------------/*
 ACTIVITIES INNER PAGE
/*------------------------------------------*/
.activities-inner-page .categories-strip { display: none; }
.activities-inner-page #lobbyview { margin: 140px auto; max-width: 750px; }
.activities-inner-page #lobbyview p { font-size: 1.6rem; line-height: 150%; }
.activities-inner-page .section.image-form-sec { margin: 0 auto 140px; }
body:not(.home-page) .section.logos-carousel-sec { margin: 0 auto 140px; }
.section.medium-boxes-sec { max-width: min(76%, 1440px); margin: 0 auto 140px; }
.section.medium-boxes-sec .gallery-cubes { display: flex; gap: 20px; flex-wrap: wrap; }
.section.medium-boxes-sec .gallery-cubes > div { width: calc(25% - 15px); pointer-events: none; }

@media(max-width: 1024px) {
    .activities-inner-page #lobbyview { margin: 84px auto; max-width: 100%; padding: 0 24px; }
    .activities-inner-page .section.image-form-sec { margin: 0 auto; }
    body:not(.home-page) .section.logos-carousel-sec { margin: 0 auto 84px; }
    .section.medium-boxes-sec { margin: 0 auto 84px; max-width: 100%; padding: 0 24px; }
    .section.medium-boxes-sec .gallery-cubes { gap: 8px; }
    .section.medium-boxes-sec .gallery-cubes > div { width: calc(50% - 4px); }
}


/*------------------------------------------/*
 CONTACT PAGE
/*------------------------------------------*/
.contact-page #SiteGrid #GridPage::after { content: ''; background-image: url(/warehouse/dynamic/487197.svg); background-position: center; background-repeat: no-repeat; background-size: auto; position: absolute; left: 0; top: 0; height: 420px; width: 550px; opacity: 0.45; pointer-events: none; z-index: -1; }
.contact-page #SiteGrid #GridPage #GridWrapInner { display: flex; flex-direction: column-reverse; padding: 120px 185px; height: 100%; min-height: calc(var(--vh) - var(--headerHeight)); justify-content: flex-end; gap: 90px; }
.contact-page #SiteGrid #GridPage #GridWrapInner #GridHeader { display: none; }
.contact-page #SiteGrid #GridPage #GridWrapInner #GridContent { width: 100%; padding: 0; margin: 0; }
.contact-page #SiteGrid #GridPage #GridWrapInner #GridContent #headline { text-align: right; font-size: 100%; margin: 0; }
.contact-page #SiteGrid #GridPage #GridWrapInner #GridContent #headline h1 { color: var(--purple); font-size: 7rem; line-height: 0.8; margin-bottom: 24px; padding-bottom: 24px; }
.contact-page #SiteGrid #GridPage #GridWrapInner #GridContent #headline h1::after { content: ''; position: absolute; right: 0; bottom: 0; width: 100px; height: 3px; background: var( --gold); transition: 0.3s all ease; }
.contact-page #SiteGrid #GridPage #GridWrapInner #GridContent #text1 { gap: 24px; text-align: right; max-width: unset; margin: 0; display: flex; flex-direction: column; }
.contact-page #SiteGrid #GridPage #GridWrapInner #GridContent #text1 p { font-size: 1.6rem; }
.contact-page #SiteGrid #GridPage #GridWrapInner #GridContent #text1 ul { padding: 0; margin: 0; display: flex; list-style: none; gap: 24px; }
.contact-page #SiteGrid #GridPage #GridWrapInner #GridContent #text1 ul li { display: inline-flex; min-width: 165px; }
.contact-page #SiteGrid #GridPage #GridWrapInner #GridContent #text1 ul li img { margin-left: 16px; }
.contact-page #SiteGrid #GridPage #GridWrapInner #GridPromo { width: 100%; }
.contact-page #SiteGrid #GridPage #GridWrapInner #GridPromo #DynamicFormObject { text-align: right; background: transparent; padding: 0; }
.contact-page #SiteGrid #GridPage #GridWrapInner #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText { text-align: right; }
.contact-page #SiteGrid #GridPage #GridWrapInner #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText h3::after { left: unset; right: 0; transform: unset; }
.contact-page #SiteGrid #GridPage #GridWrapInner #GridPromo #DynamicFormObject fieldset { justify-content: flex-start; }
.contact-page #SiteGrid #GridBottom { display: none; }
#GridPromo, #SiteGrid.layout-top #GridPromo, #SiteGrid.layout-bottom #GridPromo { padding: 0; margin: 0 auto 8.854vw; max-width: unset; }

@media(min-width: 1025px) {
    .contact-page #SiteGrid { display: flex; flex-direction: row-reverse; }
    .contact-page #SiteGrid #GridTop { height: calc(var(--vh) - var(--headerHeight)); width: 50%; position: sticky; top: var(--headerHeight); }
    .contact-page #SiteGrid #GridPage { width: 50%; height: auto; }
}

@media(max-width: 1024px) {
    .contact-page #SiteGrid #GridPage::after { width: 180px; height: 290px; background-size: cover; background-image: url(/warehouse/dynamic/487196.svg); }
    .contact-page #SiteGrid #GridPage #GridWrapInner { padding: 84px 24px 0; flex-direction: column; }
    .contact-page #SiteGrid #GridPage #GridWrapInner #GridContent #headline { text-align: center; }
    .contact-page #SiteGrid #GridPage #GridWrapInner #GridContent #headline h1 { font-size: 6.4rem; margin-bottom: 32px; padding-bottom: 32px; }
    .contact-page #SiteGrid #GridPage #GridWrapInner #GridContent #headline h1::after { right: unset; left: 50%; transform: translateX(-50%); }
    .contact-page #SiteGrid #GridPage #GridWrapInner #GridContent #text1 { margin: 0 auto; align-items: center; }
    .contact-page #SiteGrid #GridPage #GridWrapInner #GridContent #text1 p { display: flex; flex-wrap: wrap; align-items: flex-start; }
    .contact-page #SiteGrid #GridPage #GridWrapInner #GridContent #text1 ul { display: flex; flex-direction: column; max-width: 235px; }
    .contact-page #SiteGrid #GridPage #GridWrapInner #GridPromo #DynamicFormObject { text-align: center; }
    .contact-page #SiteGrid #GridPage #GridWrapInner #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText { text-align: center; }
    .contact-page #SiteGrid #GridPage #GridWrapInner #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText h3::after { right: unset; left: 50%; transform: translateX(-50%); }
}


/*------------------------------------------/*
 FORM
/*------------------------------------------*/
:is(div, .form-container-wide) #DynamicFormObject { padding: 125px 95px 135px; border: unset; display: flex; max-width: 100% !important; flex-direction: column; background: var(--lpurple); width: 100%; }
:is(div, .form-container-wide) #DynamicFormObject::after { display: none; }
:is(div, .form-container-wide) #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; padding: 0; margin: 0; }
:is(div, .form-container-wide) #DynamicFormObject .dynamicFormObjectTitleAndText h3 { color: var(--purple); font-size: 4rem; line-height: 0.8; margin-bottom: 32px; padding-bottom: 32px; }
:is(div, .form-container-wide) #DynamicFormObject .dynamicFormObjectTitleAndText h3::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 100px; height: 3px; background: var( --gold); transition: 0.3s all ease; }
:is(div, .form-container-wide) #DynamicFormObject .dynamicFormObjectFields { padding: 0; width: 100%; margin: 0; }
:is(div, .form-container-wide) #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; margin-bottom: 60px; font-size: 1.8rem; }
:is(div, .form-container-wide) #DynamicFormObject .dynamicFormObjectFields fieldset { display: flex; flex-wrap: wrap; justify-content: center; gap: 32px; }
:is(div, .form-container-wide) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { padding: 0; width: calc(50% - 16px) !important; flex-grow: 1; }
:is(div, .form-container-wide) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.textareaField { width: 100% !important; }
:is(div, .form-container-wide) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(input, textarea) { padding: 0; border: none !important; box-shadow: none !important; border-bottom: 1px solid #000 !important; border-radius: 0; font-size: 1.6rem !important; width: 100%; height: auto; max-width: 100%; margin: 0; }
:is(div, .form-container-wide) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(input, textarea)::placeholder { color: inherit; /* opacity: 0; */ }
:is(div, .form-container-wide) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must::before { right: -10px; top: 0; font-size: 1.4rem; }
:is(div, .form-container-wide) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { width: auto; padding: 0; }
:is(div, .form-container-wide) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input { border: 2px solid var(--gold); border-radius: 50px; height: 44px; color: #000; padding: 0 20px; min-width: 172px; font-size: 1.6rem; font-family: var(--bold); display: inline-flex; align-items: center; justify-content: center; background: var(--lpurple); transition: 0.3s all ease; }
label.error, span.error { font-size: 1.3rem; left: 0; top: 0; }

@media(min-width: 1025px) {
    :is(div, .form-container-wide) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input:is(:hover,:focus) { background: var(--purple); border-color: var(--purple); color: #fff; }
}

@media(max-width: 1024px) {
    #GridPromo, #SiteGrid.layout-top #GridPromo, #SiteGrid.layout-bottom #GridPromo { margin: 0 auto 84px; }
    :is(div, .form-container-wide) #DynamicFormObject { padding: 56px 24px; flex-direction: column; }
    :is(div, .form-container-wide) #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; }
    :is(div, .form-container-wide) #DynamicFormObject .dynamicFormObjectTitleAndText h3 { font-size: 4rem; line-height: 0.9; }
    :is(div, .form-container-wide) #DynamicFormObject .dynamicFormObjectFields { width: 100%; }
    :is(div, .form-container-wide) #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 1.6rem; margin-bottom: 50px; }
    :is(div, .form-container-wide) #DynamicFormObject .dynamicFormObjectFields fieldset { flex-direction: column; gap: 32px; align-items: center; }
    :is(div, .form-container-wide) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { width: 100% !important; }
    :is(div, .form-container-wide) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(input, textarea) { font-size: 1.4rem !important; padding: 0 0 5px; }
    :is(div, .form-container-wide) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must::before { top: 0; font-size: 1.2rem; }
    :is(div, .form-container-wide) #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input { min-width: 172px; height: 42px; font-size: 1.6rem !important; border-color: var(--purple); background: var(--purple); color: #fff; }
}


/*------------------------------------------/*
 FORM RESULT PAGE
/*------------------------------------------*/
.FormResultPage #GridTop { display: none; }
.FormResultPage #GridWrapInner { padding: 10.458vw 0; height: calc(48vw - var(--headerHeight)); }
.FormResultPage #SiteGrid { display: flex; flex-direction: column; justify-content: center; }
.FormResultPage #pageview #headline { font-size: 100%; position: relative; margin: 0 }
.FormResultPage #pageview #headline h1 { line-height: 0.9; pointer-events: none; margin-bottom: 20px; font-size: 10rem; font-family: var(--titles); color: var(--purple); }
.FormResultPage #pageview #text1 { max-width: 100%; line-height: 1; }
.FormResultPage #pageview #text1 p { text-align: center; direction: ltr; font-size: 1.042vw; font-family: var(--med); letter-spacing: unset; max-width: 30vw; margin: 0 auto; }
.FormResultPage #pageview #text1 a.FormResultPageButton { border: 2px solid var(--gold); border-radius: 50px; height: 44px; padding: 0 20px; min-width: 172px; font-size: 1.6rem; font-family: var(--bold); display: inline-flex !important; align-items: center; justify-content: center; background: var(--lpurple); transition: 0.3s all ease; }

@media(min-width: 1025px) {
    .FormResultPage #pageview #text1 a.FormResultPageButton:is(:hover,:focus) { background: var(--purple); border-color: var(--purple); color: #fff; }
}

@media(max-width: 1024px) {
    .FormResultPage #GridWrapInner { padding: 84px 24px 0; height: calc(100vh - var(--headerHeight)); }
    .FormResultPage #pageview #headline h1 { font-size: 7rem; margin-bottom: 20px; }
    .FormResultPage #pageview #text1 a.FormResultPageButton { background: var(--purple); border-color: var(--purple); color: #fff; }
}


/*------------------------------------------/*
 ACCESSABILITY PAGE
/*------------------------------------------*/
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) { margin: 0 auto 140px; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) { text-align: center; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol) { padding-left: 1vw; margin: 0; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol) :is(ul,ol) { padding-left: 0; }
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol):has(+ p, + ul, + ol) { margin-bottom: 1.568vw; }
.accessabilityMainPage :is(#galleryview, #pageview) h2::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 100px; height: 3px; background: var(--gold); transition: 0.3s all ease; }

@media(max-width: 1024px) {
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) { max-width: 100%; margin: 0 auto 84px; padding: 0; }
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) { max-width: 100%; padding: 0 24px; }
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) h2:first-of-type { font-size: 6.4rem; }
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3) { font-size: 4rem; margin: 84px auto 32px; padding-bottom: 32px; }
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol) { padding-left: 20px; }
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol):has(+ p, + ul, + ol) { margin-bottom: 20px; }
}


/*------------------------------------------/*
 PAGE 404
/*------------------------------------------*/
.page-404 #SiteGrid { display: flex; align-items: center; flex-direction: column; }
.page-404 #SiteGrid #GridTop { display: none; }
.page-404 #SiteGrid #GridPage { width: 100%; height: 100%; padding: 0; }
.page-404 #SiteGrid #GridWrap { display: flex; flex-direction: column; max-width: unset; }
.page-404 #SiteGrid #PageBreadCrumps { display: none; }
.page-404 #SiteGrid #GridWrapInner { padding: 10.458vw 0; min-height: calc(48vw - var(--headerHeight)); }
.page-404 #SiteGrid #GridPage .page-not-found { display: flex; flex-direction: column; position: relative; align-items: center; }
.page-404 #SiteGrid #GridPage .page-not-found h2 { text-align: center; direction: ltr; font-size: 1.8rem; line-height: 80%; font-family: var(--bold); }
.page-404 #SiteGrid #GridPage .page-not-found::before { content: '404'; pointer-events: none; margin-bottom: 20px; font-size: 10rem; font-family: var(--titles); color: var(--purple); }
.page-404 #SiteGrid #GridPage .page-not-found a { border: 2px solid var(--gold); border-radius: 50px; height: 44px; padding: 0 20px; min-width: 172px; font-size: 1.6rem; font-family: var(--bold); display: inline-flex; align-items: center; justify-content: center; background: var(--lpurple); transition: 0.3s all ease; }

@media(min-width: 1025px) {
    .page-404 #SiteGrid #GridPage .page-not-found a:is(:hover,:focus) { background: var(--purple); border-color: var(--purple); color: #fff; }
}

@media(max-width: 1024px) {
    .page-404 #SiteGrid #GridWrapInner { padding: 84px 24px 0; min-height: calc(100vh - var(--headerHeight)); }
    .page-404 #SiteGrid #GridPage .page-not-found::before { font-size: 7rem; margin-bottom: 20px; }
    .page-404 #SiteGrid #GridPage .page-not-found h2 { font-size: 1.8rem; }
    .page-404 #SiteGrid #GridPage .page-not-found a { background: var(--purple); border-color: var(--purple); color: #fff; }
}


/*------------------------------------------/*
 FOOTER
/*------------------------------------------*/
footer { padding: 0; display: flex; position: relative; }
#SiteFooter { padding: 0; }
#SiteFooter .footer-text-divided { font-size: 1.6rem; position: relative; padding: 52px 240px; color: #fff; display: flex; justify-content: space-between; background: var(--purple); align-items: center; }
#SiteFooter .footer-text-divided::before { background-image: url(/warehouse/dynamic/487208.svg); background-position: center; background-repeat: no-repeat; background-size: auto; content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 100%; width: 750px; opacity: 0.45; pointer-events: none; z-index: 0; }
#SiteFooter .footer-text-divided .footer-text-left,
#SiteFooter .footer-text-divided .footer-text-right,
#SiteFooter .footer-text-divided .footer-text-middle { padding: 0; }
#SiteFooter .footer-text-divided .footer-text-left { display: flex; flex-direction: column; gap: 15px; }
#SiteFooter .footer-text-divided .footer-text-right ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 15px; }

@media(min-width: 1025px) {
    :is(.home-page, .activities-inner-page) footer::before { content: ''; background-image: url(/warehouse/dynamic/487194.svg); background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; right: 0; bottom: 100%; width: 730px; height: 460px; opacity: 0.45; z-index: -1; pointer-events: none; }
}

@media(max-width: 1024px) {
    #SiteFooter .footer-text-divided { font-size: 1.6rem; padding: 48px; width: 100%; flex-direction: column; gap: 48px; }
    #SiteFooter .footer-text-divided::before { background-image: url(/warehouse/dynamic/487209.svg); top: 0; transform: translateX(-50%); width: 100%; height: 190px; }
    #SiteFooter .footer-text-divided .footer-text-left, #SiteFooter .footer-text-divided .footer-text-right,
    #SiteFooter .footer-text-divided .footer-text-middle { text-align: center; width: 100%; display: block; z-index: 1; }
    #SiteFooter .footer-text-divided .footer-text-middle { order: 1; }
    #SiteFooter .footer-text-divided .footer-text-right { order: 2; }
    #SiteFooter .footer-text-divided .footer-text-left { order: 3; display: flex; }
}


/*------------------------------------------/*
 OTHER
/*------------------------------------------*/
@keyframes spinAnimation {
    100% { transform: translate(50%,50%) rotate(360deg); }
}

@keyframes spinAnimationMobile {
    100% { transform: translateY(50%) rotate(360deg); }
}
