/* FUTURE FIRST */ :root { --dark-black: #0A0A0A; --BG: #121212; --BG-black: #121212; --text-gray: #4B5563; --blue: #0095FF; --white: #FFF; --white-text-on-black: rgba(255, 255, 255, 0.84); --stroke-white-40: rgba(255, 255, 255, 0.40); --stroke-white-8: rgba(255, 255, 255, 0.10); --stroke-black-10: rgba(0, 0, 0, 0.10); --gap-2: 0.104vw; --gap-4: 0.208vw; --gap-6: 0.313vw; --gap-8: 0.417vw; --gap-10: 0.521vw; --gap-12: 0.625vw; --gap-14: 0.729vw; --gap-16: 0.833vw; --gap-18: 0.938vw; --gap-20: 1.042vw; --gap-21: 1.094vw; --gap-22: 1.146vw; --gap-24: 1.25vw; --gap-26: 1.354vw; --gap-28: 1.458vw; --gap-30: 1.563vw; --gap-32: 1.667vw; --gap-36: 1.875vw; --gap-40: 2.083vw; --gap-44: 2.292vw; --gap-48: 2.5vw; --gap-50: 2.604vw; --gap-52: 2.708vw; --gap-54: 2.813vw; --gap-56: 2.917vw; --gap-60: 3.125vw; --gap-64: 3.333vw; --gap-66: 3.438vw; --gap-70: 3.646vw; --gap-72: 3.75vw; --gap-80: 4.17vw; --gap-90: 4.688vw; --gap-96: 5vw; --gap-98: 5.104vw; --gap-100: 5.208vw; --gap-110: 5.729vw; --gap-114: 5.938vw; --gap-120: 6.25vw; --gap-128: 6.667vw; --gap-140: 7.292vw; --gap-150: 7.813vw; --gap-156: 8.125vw; --gap-160: 8.333vw; --gap-165: 8.594vw; --gap-170: 8.854vw; --gap-180: 9.375vw; --gap-190: 9.896vw; --gap-195: 10.156vw; --gap-200: 10.417vw; --gap-210: 10.938vw; --gap-220: 11.458vw; --gap-240: 12.5vw; --gap-248: 12.917vw; --gap-250: 13.021vw; --gap-260: 13.542vw; --gap-280: 14.583vw; --gap-300: 15.625vw; --gap-320: 16.667vw; --gap-360: 18.75vw; --gap-460: 23.958vw; --fs-13: 0.677vw; --fs-14: 0.729vw; --fs-15: 0.781vw; --fs-16: 0.833vw; --fs-17: 0.885vw; --fs-18: 0.938vw; --fs-19: 0.99vw; --fs-20: 1.042vw; --fs-21: 1.094vw; --fs-22: 1.146vw; --fs-24: 1.25vw; --fs-25: 1.302vw; --fs-26: 1.354vw; --fs-28: 1.458vw; --fs-30: 1.563vw; --fs-31: 1.615vw; --fs-32: 1.667vw; --fs-38: 1.979vw; --fs-40: 2.083vw; --fs-44: 2.292vw; --fs-45: 2.344vw; --fs-48: 2.5vw; --fs-50: 2.604vw; --fs-55: 2.865vw; --fs-38: 1.979vw; --fs-55: 2.865vw; --fs-72: 3.75vw; --fs-80: 4.167vw; --fs-56: 2.917vw; --fs-55: 2.865vw; --fs-88: 4.583vw; --fs-64: 3.333vw; --fs-65: 3.385vw; --fs-90: 4.688vw; --fs-96: 5vw; --fs-120: 6.25vw; --fs-140: 7.292vw; --fs-160: 8.333vw; --fs-168: 8.75vw; --fs-170: 8.854vw; --fs-200: 10.417vw; --fs-240: 12.5vw; --gap-344: 17.917vw; --gap-368: 19.167vw; --gap-480: 25vw; --font-1: 'fellix-trial-regular'; --font-2: 'fellix-trial-semibold'; } /*------------------------------------------/* GENERAL /*------------------------------------------*/ html { font-size: 62.5%; overflow-x: clip; } body { opacity: 0; color: var(--text-blue); background: var(--BG); transition: 0.3s opacity ease; font-family: var(--font-1) !important; /* line-height: 1; */ font-size: 2rem; zoom: 1 !important; position: relative; transition-delay: 0.5s; } body { font-size: clamp(15px, var(--fs-18),300px); font-family: var(--font-1); } body.shown { opacity: 1; } a:focus, a:focus-visible { outline: none !important; } /*body.home-page { opacity: 1; }*/ body.shown { opacity: 1; } body, body.modal-open { padding: 0 !important; overflow: clip !important; } #SiteContainer::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #000; z-index: 1000; opacity: 0; pointer-events: none; } .scr-reader-only { display: none; } #home-gallery .opacity-layer { display: block; opacity: 0.4 !important; } .modal { z-index: 10000; } .modal-backdrop.in { opacity: 0.5; } .grid-text-section .section-animation-item { opacity: 1; } .grid-text .sec-button:hover { color: var(--dark-blue); } .gallery-cubes-modal { padding: 0 !important; } .gallery-cubes-modal .flexslider .slides { display: flex; align-items: center; flex-wrap: wrap; } .gallery-cubes-modal .flexslider .flex-direction-nav li a { outline: unset; } .gallery-cubes-modal .flexslider a.flex-next:before, .gallery-cubes-modal .flexslider a.flex-prev:before { font-size: 250%; } .grid-text-content :is(p, li), .grid-box-fulltext :is(p, li), .grid-text :is(p, li), :is(#lobbyText, #text1, #text2, .text1, .text2) :is(p, li), .grid-rows .grid-row-text :is(p, li), :is(#text1, #text2) > span, .section-topText :is(p, li), #catalogText :is(p, li), .project-inner-page .headline-wrapper .cstm-flds .field-row p, .circle-swiper .grid-boxes .grid-box .grid-box-subtitle span { font-size: clamp(14px,var(--fs-18),300px); position: relative; line-height: 1.5; color: var(--text-blue); letter-spacing: normal; } .section-title, .grid-text-section .section-title { margin: 0; } #SiteContainer { position: relative; z-index: 1; } body:not(:has(#GridTop.noTopImage)) #SiteGrid { padding: 0; } #SiteGridContainer { position: relative; z-index: 2; } #GridWrapInner { max-width: var(--app-width); display: flex; flex-direction: column; } #allSectionsWrapper { z-index: 2; } .sections .section, section.section { margin-bottom: 0; /* background: transparent; */ padding: 0; max-width: var(--app-width); width: 100%; /* min-height: 100vh; */ } .grid-rows .grid-row { background: inherit; } .grid-row li.slider-item, .grid-boxes .grid-box-image { padding-bottom: 0; overflow: visible; } .grid-boxes .grid-box-image-container, .grid-row .grid-row-image-container, .grid-short-box-image .image-container { position: relative; height: 100%; } .grid-text.gridHasVideo .grid-iframe-holder { padding: 0; display: flex; overflow: hidden; } .grid-text.gridHasVideo .grid-iframe-holder video { width: 100%; } .grid-boxes { display: flex; margin: 0; width: 100%; } .grid-boxes .grid-box { margin: 0; padding: 0; } .grid-boxes .grid-box-subtitle { font-size: unset; } .grid-boxes .grid-box .grid-box-image, #lobbyview .grid-boxes .grid-box-image, :is(div, #LobbyModule) .grid-boxes .grid-box-image { margin: 0; } .grid-boxes .grid-box-title h3 a { color: var(--dbrown)-; outline: none !important; transition: 0.3s ease all; } #lobbyview .grid-boxes, #LobbyModule .grid-boxes { max-width: unset; padding: 0; margin: 0; } #LobbyModule .grid-box { opacity: inherit; font-size: 2rem; margin: 0; } #text1 p:last-child { margin: 0; } #GridPage { padding: 0; background: var(--lpink); } #main-header .max-width, #GridPage .max-width, .blog-grid #GridPage .max-width, .max-width, .lobby-grid #GridPage .max-width { width: 100%; padding: 0; max-width: 100%; margin: 0; } #main-header.bg { background-color: transparent; } .grid-text-content, .grid-text .grid-text-content { opacity: initial; margin: 0; width: 100%; padding: 0; } .grid-text p { margin-top: 0; } b, strong { font-weight: unset; font-family: var(--font-2); } li::marker { color: var(--black); } a:hover, a:focus { color: inherit; } .container-fluid { padding: 0; } .gallery-container { width: 100%; } .gallery-cubes { display: flex; } .box-image-animation { outline: unset !important; } .box-image-animation:hover img { transform: none !important; } .box-image-animation img { } #GridPromo { width: 100%; margin: 0; padding: 0; } #CatalogModule { padding: 0; } .itemContentWrapper { margin: 0; } .catalogContainer.container { width: 100%; padding: 0; margin: 0; } .row { margin: 0; } .slick-track::before, .slick-track::after, .grid-boxes::before, .grid-boxes::after, .grid-rows::before, .grid-rows .grid-row::after, #gridshort-view > div::before, #gridshort-view > div::after, .gallery-cubes::before, .gallery-cubes::after, .row::before, .row::after, .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, .clearfix { display: none !important; } /*.swiper-scrollbar.swiper-scrollbar-0 { display: none; }*/ #GridTop, #GridTop.blog { height: 27.2vw; background-repeat: no-repeat; background-size: contain; } #GridTop.noTopImage.longer { height: 0; overflow: hidden; } #home-gallery .scroll-down { display: none; } /*#player-controls { display: none; }*/ .cartItemsCounter { background: var(--blue); } .cartItemsCounter span.CartItems { color: var(--white); left: 50%; top: 60%; } footer { padding: 0; display: block; position: relative; z-index: 1000; } #SiteFooter { float: none; } h1, .h1, h2, .h2, h3, .h3 { margin: 0; } #SiteGridContainer .newCatalogItemQuantity .item-quantity-options button svg { fill: white; /* width: 23px; */ } .st0 { fill: white !important; width: 5px; height: 43px; } .CatalogItemHowMuchDidYouSaved span.SavedAmountSpan:after, .itemBeforeDiscountPrice.hasDiscount:after { content: "₪"; font-size: 100%; } .gallery-cubes .image-link-container { display: none; } .blog-post { padding: 0; direction: ltr; } #LobbyModule .grid-boxes .grid-box-title h3 { font-size: unset; margin: 0; } /*:is(div,#LobbyModule) #lobbyview { display: flex; flex-direction: column; padding-block: var(--gap-48) var(--gap-140); width: 35%; margin-inline: auto; } */ #BlogMain { padding-bottom: var(--gap-200); } .gallery-cubes .boxes-images-outer-image { border-radius: 6px; padding: 0; width: 100%; height: auto; aspect-ratio: 1.2; } .opacity-layer-slide { display: none; } .GridTop { width: 100%; margin-inline: auto; margin-top: var( --gap-12); border-radius: 6px; } #headline h1 span { color: var(--blue-100); } .blog-post-title a:focus, .blog-post-title a:hover { text-decoration: none; } #player-controls { bottom: 0; } .owl-carousel .owl-controls .owl-dot { width: 7px; height: 7px; background: white; border-radius: 9.3px; transition: 0.3s ease all; } .owl-carousel .owl-controls .owl-dot.active { width: 32px; } .owl-carousel .owl-next { left: var(--gap-8); width: var(--gap-60); height: var(--gap-60); } .owl-carousel .owl-prev { right: var(--gap-8); width: var(--gap-60); height: var(--gap-60); } .swiper-pagination span.swiper-pagination-bullet { background: white !important; opacity: 1; border-radius: 9.33px; transition: 0.3s ease all; } .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active { width: 32px; } #ContentGridShortModule .gridshort-view-item { width: 100%; margin: 0; } #ContentGridShortModule .grid-short-box-image a { position: static; } .pagination { margin: 0; margin-bottom: var(--gap-140); display: flex; justify-content: center; gap: var(--gap-6); } .pagination li.active { /* display: inline-block; */ } .pagination li.active a { margin: 0; padding: 0; width: var(--gap-40); height: auto; aspect-ratio: 1; align-content: center; border-radius: 51px; border: 1px solid var(--stroke, #E3E2DE); background: var(--light-grey, #F8F8F7); } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background: none; border: none; color: var(--blue); } .pagination li a { margin: 0; background: none; border: none; color: var(--dark-blue); } #GridTop.noTopImage, .GridTop.noTopImage { display: none; } #PageBreadCrumps { max-width: 100% !important; padding: var(--gap-24) !important; text-align: start; display: flex; } #PageBreadCrumps span:last-child { color: var(--blue); } #PageBreadCrumps span:not(:last-child)::after { content: "/"; width: var(--gap-6); height: var(--gap-20); aspect-ratio: 1; display: inline-block; background: var( --black); border-radius: 50%; margin-inline: 0 var(--gap-6); } #PageBreadCrumps span:not(:last-child) { display: inline-flex; gap: var(--gap-6); align-items: center; } label.error, span.error { left: 0; top: -15%; white-space: nowrap; font-size: 60%; } #ContentRegularModule li { list-style: none; } #ContentRegularModule ul { padding: 0; } #ContentRegularModule li:before { content: ""; width: 8px; height: auto; aspect-ratio: 1; display: inline-block; background: var(--text-grey); border-radius: 50%; vertical-align: inherit; margin-inline-end: var(--gap-12); } ::selection { background: var(--blue); color: var(--white); } @media(min-width: 1025px) { .image-section-data { height: calc(100vh - var(--headerHeight)); } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: unset; background: none; } .pagination li.active > a:hover { border: none; border-radius: 51px; border: 1px solid var(--stroke, #E3E2DE); background: var(--light-grey, #F8F8F7); } } @media(max-width: 1024px) { #PageBreadCrumps span:last-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } /*--------------------/* SCROLL BAR /*--------------------*/ /* width */ ::-webkit-scrollbar { width: var(--gap-6); } /* track */ ::-webkit-scrollbar-track { background: white; border-radius: 10px; } /* handle */ ::-webkit-scrollbar-thumb { background: var(--text-blue); width: 4px; padding: 10px; border-radius: 10px; } /*--------------------/* TEXT SELECTORS /*--------------------*/ /*120-Title*/ .grid-content-section.text-swapper .grid-boxes .ts-word { font-size: clamp(90px, var(--fs-120), 300px); font-family: var(--font-1); color: var(--white); line-height: 100%; letter-spacing: 2px; text-transform: uppercase; } /*96-Title*/ .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview #headline h1, body:is(.pagenotfound) #SiteGrid #GridPage #GridContent .page-not-found #headline h1, .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #headline h1, body:is(.media) #GridTop #headline h1, #allSectionsWrapper .section.grid-text-section.section-dots .section-title h2, #GridTop .top-caption h1, body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent #headline h1 { font-size: clamp(72px, var(--fs-96), 300px); font-family: var(--font-1); line-height: 100%; letter-spacing: 2px; text-transform: uppercase; width: 67.5vw; } /*56-Title*/ #allSectionsWrapper .section.grid-gallery-section.gallery-slider .section-title h2, #multi-content-modal.textInPop #PopUpData .popup-other-content h2, #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content .section-title h2 { font-size: clamp(40px, var(--fs-56), 300px); color: var(--white); font-family: var(--font-1); line-height: 110%; letter-spacing: 1px; text-transform: uppercase; } /*40-Title*/ #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .section-title h2, #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-title h3 a, #SiteFooter .FooterForm .footerFormContainer .normal-form .dynamicFormObjectTitleAndText h3 { font-family: var(--font-1); font-size: clamp(28px, var(--fs-40), 300px); line-height: 110%; letter-spacing: 1px; text-transform: uppercase; } /*24-Reg*/ body:is(.media) #GridTop #headline h2, #allSectionsWrapper .section.grid-text-section.section-dots .grid-text p, #GridTop .top-caption h2 { font-family: var(--font-1); font-size: clamp(18px, var(--fs-24), 300px); line-height: 135%; width: 33.333vw; } /*22-Reg*/ . { font-family: var(--font-1); font-size: clamp(16px, var(--fs-22), 300px); line-height: 140%; } /*20-Semi-bold*/ body:is(.media) #GridPage #GridContent #pageview #grid-view .media-box .grid-short-box .grid-short-box-label, #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-job-title h3, #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-title h3 a, #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper .section-title h2, #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper .section-title.active h2, #allSectionsWrapper .section.grid-content-section.team-section .grid-boxes .grid-box .grid-box-title h3 a, #allSectionsWrapper section.grid-content-section.partners .grid-boxes .grid-box .grid-box-title h3 a { font-family: var(--font-2); color: var(--white); font-size: clamp(14px, var(--fs-20), 300px); font-style: normal; font-weight: 600; line-height: 130%; /* 26px */ letter-spacing: 1px; text-transform: uppercase; /* width: fit-content; */ } /*18-Semi-bold*/ .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #text1 h2, body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent #text1 h2 { font-family: var(--font-2); font-size: clamp(12px, var(--fs-18), 300px); line-height: 130%; letter-spacing: 1px; text-transform: uppercase; } /*16-Title*/ /*18-Reg*/ .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview #text1 p, .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper input.form-control.input-data.EMail, body:is(.pagenotfound) #SiteGrid #GridPage #GridContent .page-not-found #subheadline h2, .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #text1 p, body:is(.media) #GridPage #GridContent #pageview #grid-view .media-box .grid-short-box .grid-short-box-subtitle, body:is(.media) #GridPage #GridContent #pageview #grid-view .media-box .grid-short-box .date, #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-expandable p, #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-subtitle span, #allSectionsWrapper .section.grid-content-section.team-section .grid-boxes .grid-box .grid-box-subtitle span, #allSectionsWrapper section.grid-content-section.partners .grid-boxes .grid-box .grid-box-subtitle span, #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content p, .footer-text-divided > div.footer-text-right ul li a, body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent #text1 p, body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent #subheadline h2 { color: var(--white-text-on-black); font-family: var(--font-1); font-size: clamp(12px, var(--fs-18), 300px); line-height: 130%; letter-spacing: 1px; } /*18-reg-text-gray*/ #multi-content-modal.textInPop #PopUpData .popup-other-content .grid-box-subtitle span { color: var(--text-gray); font-family: var(--font-1); font-size: clamp(12px, var(--fs-18), 300px); line-height: 130%; /* 23.4px */ letter-spacing: 1px; } /*16-semi bold*/ .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview #text1 a, #allSectionsWrapper .section.grid-text-section.section-dots .grid-text a, #multi-content-modal.textInPop #PopUpData .popup-other-content a:has(img), #multi-content-modal.textInPop #PopUpData .popup-other-content .grid-box-subtitle span, #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content .buttons-wrapper p:last-child a, #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content .buttons-wrapper p:first-child a, body:is(.media) #GridPage #GridContent #pageview #grid-view .media-box .grid-short-box a.grid-box-short-link, #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-subtitle a, #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content > h2, #main-header .header-container .header-right .menu-nav #menu li, #main-header .header-container .header-center .header-buttons a, .footer-text-divided > div.footer-text-right p { color: var(--white); font-family: var(--font-2); font-size: clamp(12px, var(--fs-16), 300px); line-height: 140%; } /*16-reg*/ body:is(.pagenotfound) #SiteGrid #GridPage #GridContent .page-not-found #text1 p a, #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button { color: var(--white); text-align: center; font-family: var(--font-1); font-size: clamp(12px, var(--fs-16), 300px); line-height: 130%; letter-spacing: 1px; text-transform: uppercase; } /*14-semi bold*/ #SiteFooter .site-credit.alternative .text-center .footer-bottom-links a { font-size: clamp(9px, var(--fs-14), 300px); font-family: var(--font-2); line-height: 140%; } /**/ @media (max-width: 1024px) { : root { --gap-2: 2px; --gap-4: 4px; --gap-6: 6px; --gap-8: 8px; --gap-10: 10px; --gap-12: 12px; --gap-14: 14px; --gap-16: 16px; --gap-18: 18px; --gap-20: 20px; --gap-21: 21px; --gap-22: 22px; --gap-24: 24px; --gap-26: 26px; --gap-28: 28px; --gap-30: 30px; --gap-32: 32px; --gap-36: 36px; --gap-40: 40px; --gap-44: 44px; --gap-48: 48px; --gap-50: 50px; --gap-52: 52px; --gap-56: 56px; --gap-60: 60px; --gap-64: 64px; --gap-66: 66px; --gap-70: 70px; --gap-72: 72px; --gap-80: 80px; --gap-90: 90px; --gap-96: 96px; --gap-98: 98px; --gap-100: 100px; --gap-110: 110px; --gap-114: 114px; --gap-120: 120px; --gap-140: 140px; --gap-150: 150px; --gap-156: 156px; --gap-160: 160px; --gap-165: 165px; --gap-170: 170px; --gap-180: 180px; --gap-190: 190px; --gap-195: 195px; --gap-200: 200px; --gap-210: 210px; --gap-220: 220px; --gap-240: 240px; --gap-250: 250px; --gap-260: 260px; --gap-280: 280px; --gap-300: 300px; --gap-320: 320px; --gap-360: 360px; --gap-460: 460px; --fs-13: 13px; --fs-14: 14px; --fs-15: 15px; --fs-16: 16px; --fs-17: 17px; --fs-18: 18px; --fs-19: 19px; --fs-20: 20px; --fs-21: 21px; --fs-22: 22px; --fs-24: 24px; --fs-25: 25px; --fs-26: 26px; --fs-28: 28px; --fs-30: 30px; --fs-31: 31px; --fs-32: 32px; --fs-38: 38px; --fs-40: 40px; --fs-44: 44px; --fs-45: 45px; --fs-48: 48px; --fs-50: 50px; --fs-55: 55px; --fs-56: 56px; --fs-64: 64px; --fs-65: 65px; --fs-72: 72px; --fs-80: 80px; --fs-88: 88px; --fs-90: 90px; --fs-96: 96px; --fs-120: 120px; --fs-140: 140px; --fs-160: 160px; --fs-168: 168px; --fs-170: 170px; --fs-200: 200px; --fs-240: 240px; } /*--------------------/* TEXT SELECTORS /*--------------------*/ /*120-Title*/ /*96-Title*/ /*56-Title*/ /*44 - REG - TITLE */ .grid-content-section.text-swapper .grid-boxes .ts-word { font-size: 44px; } /*40-Title*/ .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview #headline h1, body:is(.pagenotfound) #SiteGrid #GridPage #GridContent .page-not-found #headline h1, .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #headline h1, body:is(.media) #GridTop #headline h1, #SiteFooter .FooterForm .footerFormContainer .normal-form .dynamicFormObjectTitleAndText h3, #multi-content-modal.textInPop #PopUpData .popup-other-content h2, #GridTop .top-caption h1, body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent #headline h1 { font-size: 40px; } /*20-Title*/ /*18-Title*/ body:is(.pagenotfound) #SiteGrid #GridPage #GridContent .page-not-found #subheadline h2, body:is(.media) #GridTop #headline h2 p, .grid-content-section.text-swapper .grid-boxes .ts-suffix::after, body:is(.media) #GridPage #GridContent #pageview #grid-view .media-box .grid-short-box .grid-short-box-label, body:is(.media) #GridPage #GridContent #pageview #grid-view .media-box .grid-short-box .grid-short-box-subtitle { font-size: 18px; line-height: 130%; letter-spacing: 1px; } /*18-semibold*/ #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .section-title h2, #allSectionsWrapper .section.grid-content-section.team-section .grid-boxes .grid-box .grid-box-title h3 a, #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .cube-tabs-mobile-dropdown .cube-tabs-mobile-item h2, #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .cube-tabs-mobile-dropdown .cube-tabs-mobile-trigger h2 { font-family: var(--font-2); font-size: 18px; line-height: 130%; /* 23.4px */ letter-spacing: 1px; text-transform: uppercase; } /*16-Title*/ body:is(.media) #GridPage #GridContent #pageview #grid-view .media-box .grid-short-box .date { color: var(--white-text-on-black); font-size: 16px; line-height: 140%; letter-spacing: 0.16px; } /*24-Reg*/ #GridTop .top-caption h2 { width: 100%; } /*22-Heavy*/ /*18-Reg*/ #multi-content-modal.textInPop #PopUpData .popup-other-content p, #multi-content-modal.textInPop #PopUpData .popup-other-content .grid-box-subtitle span, #GridTop .top-caption h2 { font-size: 18px; font-family: var(--font-1); line-height: 130%; /* 23.4px */ letter-spacing: 1px; } /*16-semi bold*/ #multi-content-modal.textInPop #PopUpData .popup-other-content .grid-box-subtitle span, #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-job-title h3 { font-family: var(--font-2); font-size: 16px; line-height: 130%; /* 20.8px */ letter-spacing: 1px; text-transform: uppercase; } /*16-reg*/ #allSectionsWrapper .section.grid-content-section.team-section .grid-boxes .grid-box .grid-box-subtitle span { font-size: 16px; } /*14-semi bold*/ .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview #text1 a, body:is(.pagenotfound) #SiteGrid #GridPage #GridContent .page-not-found #text1 p a, #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-subtitle a, #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button, #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content .buttons-wrapper p a, #main-header .header-container .header-center .header-buttons a, #allSectionsWrapper .section.grid-text-section.section-dots .grid-text a { font-size: 14px; font-family: var(--font-2); } /*14-reg*/ } /*--------------------/* BUTTONS /*--------------------*/ /* BLUE BTN */ .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview #text1 a, body:is(.pagenotfound) #SiteGrid #GridPage #GridContent .page-not-found #text1 p a, #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-subtitle a, #allSectionsWrapper .section.grid-text-section.section-dots .grid-text a, #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button, #main-header .header-container .header-center .header-buttons a, #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content .buttons-wrapper p:first-child a { font-family: var(--font-2); display: flex; height: var(--gap-50); min-width: var(--gap-128); padding: 0 var(--gap-20) 0 var(--gap-24); justify-content: center; align-items: center; gap: var(--gap-4); border-radius: var(--gap-54); background: var(--blue); text-align: center; } .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview #text1 a::after, body:is(.pagenotfound) #SiteGrid #GridPage #GridContent .page-not-found #text1 p a::after, #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-subtitle a::after, #allSectionsWrapper .section.grid-text-section.section-dots .grid-text a::after, #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button::after, #main-header .header-container .header-center .header-buttons a::after, #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content .buttons-wrapper p:first-child a::after { content: ''; display: flex; width: var(--gap-14); height: var(--gap-14); background-image: url('https://media.getmood.io/warehouse/dynamic/741433.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; flex-shrink: 0; margin-inline-start: var(--gap-4); transition: all 0.2s ease; } #allSectionsWrapper .section.grid-text-section.section-dots .grid-text a::after { margin-inline-start: 0; margin-inline-end: var(--gap-4); } /* BLUE BTN HOVER */ @media (min-width: 1025px) { .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview #text1 a:hover::after, body:is(.pagenotfound) #SiteGrid #GridPage #GridContent .page-not-found #text1 p a:hover::after, #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-subtitle a:hover::after, #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button:hover::after, #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content .buttons-wrapper p:last-child a:hover::after, #main-header .header-container .header-center .header-buttons a:hover::after, #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content .buttons-wrapper p:first-child a:hover::after { transform: rotate(-10deg) scale(1.3); margin-left: 10px; } } /* WHITE BTN */ #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content .buttons-wrapper p:last-child a { font-family: var(--font-2); color: var(--dark-black); background: var(--white); display: flex; height: var(--gap-50); border-radius: var(--gap-54); min-width: var(--gap-128); padding: 0 var(--gap-20) 0 var(--gap-24); justify-content: center; align-items: center; gap: var(--gap-4); } /* WHITE BTN HOVER */ #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content .buttons-wrapper p:last-child a::after { content: ''; display: flex; width: var(--gap-14); height: var(--gap-14); background-image: url('https://media.getmood.io/warehouse/dynamic/741431.svg '); background-size: contain; background-repeat: no-repeat; background-position: center; flex-shrink: 0; margin-inline-start: var(--gap-4); transition: all 0.2s ease; } #multi-content-modal.textInPop #PopUpData .popup-other-content .grid-box-subtitle span::before { content: ''; display: flex; width: var(--gap-14); height: var(--gap-14); background-image: url('https://media.getmood.io/warehouse/dynamic/741431.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; flex-shrink: 0; margin-inline-start: var(--gap-4); transition: all 0.2s ease; } @media (max-width: 1024px) { /* 38 BUTTON */ #main-header .header-container .header-center .header-buttons a { height: 38px; display: flex; padding: 0 10px 0 14px; justify-content: center; align-items: center; gap: 4px; border-radius: 54px; } /* 44 BUTTON */ #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button, #allSectionsWrapper .section.grid-text-section.section-dots .grid-text a, #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content .buttons-wrapper p a { height: 44px !important; border-radius: 54px !important; } } @media(max-width: 1025px) { #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content .buttons-wrapper p:last-child a:hover::after { transform: rotate(-10deg) scale(1.3); margin-left: 10px; } :root { --gap-2: 2px; --gap-4: 4px; --gap-6: 6px; --gap-8: 8px; --gap-10: 10px; --gap-12: 12px; --gap-14: 14px; --gap-16: 16px; --gap-18: 18px; --gap-20: 20px; --gap-24: 24px; --gap-28: 28px; --gap-30: 30px; --gap-32: 32px; --gap-36: 36px; --gap-40: 40px; --gap-44: 44px; --gap-48: 48px; --gap-50: 50px; --gap-52: 52px; --gap-56: 56px; --gap-60: 60px; --gap-64: 64px; --gap-72: 72px; --gap-80: 80px; --gap-90: 90px; --gap-96: 96px; --gap-100: 100px; --gap-120: 120px; --gap-140: 140px; --gap-160: 160px; --gap-180: 180px; --gap-200: 200px; --gap-240: 240px; --fs-12: 12px; --fs-14: 14px; --fs-15: 15px; --fs-16: 16px; --fs-18: 18px; --fs-20: 20px; --fs-26: 26px; --fs-28: 28px; --fs-30: 30px; --fs-32: 32px; --fs-44: 44px; --fs-56: 56px; } .top-caption { position: absolute; transform: translateX(-50%); left: 50%; margin: 0; height: fit-content; justify-content: center; font-family: var(--font-2); } .grid-text-content :is(p, li), .grid-box-fulltext :is(p, li), .grid-text :is(p, li), :is(#lobbyText, #text1, #text2, .text1, .text2) :is(p, li), .grid-rows .grid-row-text :is(p, li), :is(#text1, #text2) > span, .section-topText :is(p, li), #catalogText :is(p, li) { font-size: 17px; line-height: 1.35; } .opacity-layer-slide { position: absolute; width: 100%; height: 100%; opacity: 0.2; background: black; z-index: 3; } h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #pageview :is(#text1, #text2) > h2, #headline h1 { font-size: 50px; line-height: 0.95; letter-spacing: -2px; } .faq-headline .button-open { /* display: none; */ } #GridTop, #GridTop.blog { height: auto; aspect-ratio: 1; /* height: 280px; */ position: relative; padding: 0; margin: 0; width: 100%; border-radius: 0; } .GridTop { width: calc(100% - var(--gap-12)); margin-top: var(--gap-6); } .sections .section, section.section { max-width: unset; } #PageBreadCrumps, .lobby-grid #PageBreadCrumps { font-size: var(--fs-16); padding: var(--gap-16) var(--gap-24) !important; margin: 0; justify-content: normal; position: relative; } #PageBreadCrumps span:not(:last-child)::after { width: 3px; } #PageBreadCrumps span a { white-space: nowrap; } ul { padding-inline: 20px; } .categories-strip ul.hidden-xs { gap: var(--gap-4) var(--gap-8); padding: var(--gap-10) var(--gap-24); width: 100vw; flex-wrap: nowrap; overflow-x: auto; } .categories-strip ul.hidden-xs li a { font-size: var(--fs-16); } #mobile-player-controls { display: none; } #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { width: 18px; } #nav-toggle span:before { top: -6px; } #nav-toggle span:after { bottom: -6px; } .grid-boxes .grid-box .grid-box-title h3 { font-size: unset; margin: 0; display: flex; justify-content: center; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 1%; } .swiper-pagination-bullet-active { background: var(--black) !important; } :is(div,#LobbyModule) #lobbyview #headline h1 { font-size: 32px; line-height: 0.95; letter-spacing: normal; } .grid-text .grid-text-content h2, .grid-rows .grid-row-text h3 { font-size: 20px; letter-spacing: -0.4px; line-height: 1.2; } .owl-carousel .owl-item .item { padding: 0; border-radius: 6px; } #SiteGrid > div { position: relative; z-index: 1; } .grid-boxes-content { overflow: auto; } .grid-boxes-content > div { min-width: 300px; } #ContentRegularModule li::before { display: none; } .arrow { width: var(--gap-40); } .FileUploaderField:after, .FilesUploaderField:after { left: 0; } /*--------------------/* TEXT SELECTORS /*--------------------*/ /*160-Title*/ /*80-Title*/ /*56-Title*/ .grid-content-section.text-swapper .grid-boxes.row .grid-box .grid-box-title h3 a { color: var(--white); font-size: 56px; max-width: 310px; } /*40-Title*/ /*40-Title*/ #allSectionsWrapper .section.grid-gallery-section.gallery-slider .section-title h2, #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content .section-title h2, #allSectionsWrapper .section.grid-text-section.section-dots .section-title h2 { font-size: 40px; } /*24-Title*/ /*20-Heavy*/ /*18-Heavy*/ /*18-Reg*/ /*17-Reg*/ /*16-Heavy*/ /*15-Heavy*/ /*15-Reg*/ /*14-Reg*/ /*12-Reg*/ /**/ } /*------------------------------------------/* FORM RESET /*------------------------------------------*/ .form-container-wide { } .form-container-wide #DynamicFormObject { border: none; padding: 0; display: flex; flex-direction: column; } .form-container-wide #DynamicFormObject::after { display: none; } .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; width: 100%; display: block; } .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText::after { display: none; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; width: 100%; margin: 0; display: block; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: unset; margin: 0; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form { } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset { display: flex; flex-direction: column; width: 64.91%; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField { padding: 0; float: none; width: 100%; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper { } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper::before { right: 0.5%; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea) { margin: 0; width: 100%; border-radius: 0; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea)::placeholder, .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField select { color: var(--dark-grey-text); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper, .select-wrapper) :is(input, textarea, select):focus { border: none !important; border-bottom: 1px solid var(--dark-blue) !important; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { margin: 0; text-align: start; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { width: 100%; padding: 0; float: none; } .form-container-wide #DynamicFormObject .dynamicFormEndText { display: block; width: 100%; } #allSectionsWrapper .section.grid-form-section.blue-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset :is(.FileUploaderField):after { color: var(--white); top: unset; left: 0; bottom: 0; } @media(max-width: 1024px) { .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .textarea-wrapper textarea { padding: 0 !important; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button::after { width: 16px; height: 16px; } #SiteFooter .site-credit.alternative { width: 100%; } #SiteFooter .site-credit.alternative .text-center a { margin-bottom: 6px; } } /*------------------------------------------/* LOBBY /*------------------------------------------*/ #SiteGrid:before { content: ''; width: 100%; height: 100%; display: block; position: absolute; background-image: url("https://media.getmood.io/warehouse/dynamic/746055.webp"); background-position: top; background-size: contain; background-repeat: no-repeat; } #GridTop { background: none !important; margin-top: 0; height: unset; padding-block-start: calc(var(--gap-180) + var(--gap-36)); padding-block-end: var(--gap-100); } #GridTop .top-caption { position: relative; text-align: center; display: flex; flex-direction: column; gap: var(--gap-32); justify-content: center; align-items: center; transform: unset; left: unset; top: unset; } .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview #headline h1::before, body:is(.pagenotfound) #SiteGrid #GridPage #GridContent .page-not-found #headline h1::before, .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #headline h1::before, #GridTop .top-caption::before, body:is(.media) #GridTop #headline::before, body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent #headline h1::before { content: ''; filter: drop-shadow(0 0 2px #0095FF) drop-shadow(0 0 12px rgba(255, 255, 255, 0.10)) drop-shadow(0 0 12px rgba(255, 255, 255, 0.32)); background-image: url(https://media.getmood.io/warehouse/dynamic/743980.svg); background-size: contain; background-position: center; width: var(--gap-36); height: var(--gap-36); position: absolute; left: 50%; top: -2.292vw; transform: translateX(-50%); } body:is(.media) #GridTop { padding-block-end: 0; } body:is(.media) #GridTop #headline { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: var(--gap-32); } body:is(.FormResultPage) #Grid { } @media(min-width: 1025px){ body:is(.team) #GridTop .top-caption h1 { width: 100%; } } @media(max-width: 1024px) { #SiteGrid:before { background-image: url(https://media.getmood.io/warehouse/dynamic/741424.webp); } #GridTop { padding-block-start: 132px; padding-block-end: 64px; } #GridTop .top-caption { width: 100%; padding-inline: 24px; } #GridTop .top-caption::before, body:is(.media) #GridTop #headline::before { width: 24px; height: 24px; background-size: contain; top: -24px; } #GridTop .top-caption h1 { margin-top: 24px; width: 100%; } body:is(.partners) #GridTop .top-caption h1 { width: 100%; } body:is(.aisalon) #GridTop { aspect-ratio: unset; } body:is(.media) #GridTop { padding-block-end: 64px; padding-inline: 24px; aspect-ratio: unset; } } /*------------------------------------------/* HEADER /*------------------------------------------*/ @media (min-width: 1025px) { #main-header { background: unset; padding-inline: var(--gap-32); padding-block: var(--gap-24); } #main-header .header-container { min-height: var(--gap-50); } #main-header .header-container .header-right { position: absolute; left: 50%; transform: translateX(-50%); } #main-header .header-container .header-center { position: absolute; right: 0; transform: unset; } #main-header .header-container .header-right .menu-nav #menu { position: relative; padding: var(--gap-6); border-radius: 999px; background-color: var(--dark-black); border: 1px solid var(--stroke-white-8); } #main-header .header-container .header-right .menu-nav #menu li { position: relative; z-index: 1; color: var(--white); padding-inline: var(--gap-16); padding-block: var(--gap-10); border-radius: 999px; transition: all .3s ease; } #main-header .header-container .header-right .menu-nav #menu li.active { background: var(--blue); } #main-header .header-container .header-right .menu-nav #menu li.social-mobile { display: none; } #main-header .header-container .header-right .menu-nav #menu .nav-pill { position: absolute; z-index: 0; background: var(--blue); border-radius: 999px; pointer-events: none; transition: all 0.3s ease; } #main-header .header-container .header-center .header-buttons a { display: flex; justify-content: center; align-items: center; height: var(--gap-50); min-width: var(--gap-128); padding: 0 var(--gap-20) 0 var(--gap-24); gap: var(--gap-4); border-radius: var(--gap-54); background: var(--new-blue, #0095FF); color: var(--white); text-align: center; transition: transform 0.2s ease; } #main-header .header-container .header-center .header-buttons a:hover::after, #allSectionsWrapper .section.grid-text-section.section-dots .grid-text a:hover::after { transform: rotate(-10deg) scale(1.3); margin-left: 10px; } } @media (max-width: 1024px) { #main-header { background: transparent; } #main-header .header-container { flex-direction: row-reverse; gap: 12px; padding-inline: 24px; padding-block-start: 24px; } #main-header .header-left { flex-grow: 1; } #main-header .header-left a.logoHeader img { width: 140px; } #main-header .header-right .menu-nav #nav-toggle span, #main-header .header-right .menu-nav #nav-toggle span::before, #main-header .header-right .menu-nav #nav-toggle span::after { background: var(--white); } #main-header .header-container .header-right .menu-nav #menu li { color: var(--dark-black); text-align: center; } #main-header .header-container .header-right .menu-nav #menu li.social-mobile { display: none; } #main-header .menu-nav ul.menu { border-radius: 0 0 16px 16px; transform: translateY(-100%); transition: transform 0.4s ease; overflow: hidden; height: fit-content; justify-content: flex-start; align-items: center; gap: 16px; padding-block-start: 80px; padding-block-end: 40px; } #main-header.open .menu-nav ul.menu { transform: translateY(0); } #main-header .menu-nav.open #nav-toggle span::before, #main-header .menu-nav.open #nav-toggle span::after { background: var(--dark-black) } #main-header .menu-nav.open #nav-toggle { display: flex; justify-content: center; align-items: center; padding: 16px; border: 1px solid var(--stroke-black-10); border-radius: 999px; } } #home-gallery .slider-bg.stellar-bg { background-size: contain; background-color: var(--BG-black); background-position: top; } /*------------------------------------------/* SECTIONS /*------------------------------------------*/ .grid-content-section.text-swapper { position: absolute; top: 55%; z-index: 2; } .grid-content-section.text-swapper::before { content: ''; filter: drop-shadow(0 0 2px #0095FF) drop-shadow(0 0 12px rgba(255, 255, 255, 0.10)) drop-shadow(0 0 12px rgba(255, 255, 255, 0.32)); background-image: url(https://media.getmood.io/warehouse/dynamic/743980.svg); width: var(--gap-36); height: var(--gap-36); position: absolute; background-size: cover; margin-bottom: var(--gap-8); top: -2.292vw; } .grid-content-section.text-swapper .grid-boxes { height: var(--gap-120); overflow: hidden; display: flex; align-items: center; justify-content: center; } .grid-content-section.text-swapper .grid-boxes .ts-inner { display: flex; align-items: center; gap: 0.25em; } .grid-content-section.text-swapper .grid-boxes .ts-suffix::after { content: 'Backing top founders shaping the future of global industries through frontier AI.'; display: block; position: absolute; top: 150px; left: 50%; transform: translateX(-50%); max-width: 24.948vw; font-size: 1.25vw; text-align: center; } .grid-content-section.text-swapper .grid-boxes .ts-track { text-align: left; overflow: hidden; height: var(--gap-120); display: flex; align-items: center; } .grid-content-section.text-swapper .grid-boxes .ts-word { display: block; } .grid-content-section.text-swapper .grid-boxes .ts-word.fixedWord { margin-left: var(--gap-30); } .grid-content-section.text-swapper .grid-boxes .ts-word.ts-no-uppercase { text-transform: none !important; } .grid-content-section.text-swapper .grid-boxes .ts-word.ts-exit { animation: ts-exit 0.3s cubic-bezier(0.55, 0, 1, 0.45) forwards; } .grid-content-section.text-swapper .grid-boxes .ts-word.ts-enter { animation: ts-enter 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; } .grid-content-section.text-swapper .ts-inner { color: var(--white); } @keyframes ts-exit { from { transform: translateY(0); opacity: 1; } to { transform: translateY(-110%); opacity: 0; } } @keyframes ts-enter { from { transform: translateY(110%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @media(max-width: 1024px) { .grid-content-section.text-swapper .grid-boxes .grid-box:not(:first-child) { display: none; } .grid-content-section.text-swapper::before { width: 24px; height: 24px; top: -32px; left: 50%; transform: translateX(-50%); } .grid-content-section.text-swapper .grid-boxes .ts-word.fixedWord { margin-left: 10px; } .grid-content-section.text-swapper .grid-boxes .ts-suffix::after { font-size: 18px; min-width: 327px; top: 100px; } } #allSectionsWrapper .section.grid-content-section.sliding-cards { height: fit-content; } #allSectionsWrapper .section.grid-content-section.sliding-cards .section-title { text-align: center; padding-block: var(--gap-140) var(--gap-80); width: 50%; margin-inline: auto; } #allSectionsWrapper .section.grid-content-section.sliding-cards .section-title h2 { text-align: center; } #allSectionsWrapper .section.grid-content-section.sliding-cards .section-title h2 span { font-family: var(--font-2); } #allSectionsWrapper .section.grid-content-section.sliding-cards .section-title h3 { margin-top: var(--gap-24); } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes { gap: var(--gap-20); width: 70%; margin-inline: auto; justify-content: center; height: 100vh; } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box { background: var(--dark-black); width: var(--gap-344); height: var(--gap-480); border-radius: 8px; padding-block: var(--gap-56); padding-inline: var(--gap-32); overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: space-between; border: 1px solid var( --stroke-white-8); } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-text-container { padding: var(--gap-20); } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-text-container .grid-box-title { margin-bottom: var(--gap-4); } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-text-container .grid-box-number { font-family: var(--font-2); font-size: clamp(13px,var(--fs-13),300px); width: var(--gap-40); height: auto; align-content: center; aspect-ratio: 1; text-align: center; margin-inline-start: auto; color: var( --black); background: var( --green); border-radius: 4px; margin-top: var( --gap-20); line-height: 0.8; letter-spacing: 0.91px; } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-title h3 { font-size: unset; margin: 0; } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-title h3 a { display: block; color: var(--white) } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-subtitle { order: 10; } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-subtitle span { color: var(--white); } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-subtitle ul { list-style: none; padding: 0; } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-subtitle ul li:before { content: ""; min-width: var(--gap-14); height: auto; aspect-ratio: 1; background-image: url("https://media.getmood.io/warehouse/dynamic/704031.svg"); display: inline-block; margin-inline-end: var(--gap-8); background-position: center; background-repeat: no-repeat; background-size: contain; } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-fulltext :is(p,span) { color: var(--white-text-on-black); font-size: clamp(12px, var(--fs-18), 300px); } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-image { width: var(--gap-40); height: var(--gap-40); } @media(max-width: 1024px) { #allSectionsWrapper .section.grid-content-section.sliding-cards { height: unset; } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes { flex-direction: column; height: fit-content; width: 100%; justify-content: center; align-items: center; } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box { width: 327px; height: fit-content; padding-inline: 32px; padding-block: 56px; gap: 20px; position: sticky; top: 30%; } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box:nth-child(1) { top: calc(var(--headerHeight) + 50px); } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box:nth-child(2) { top: calc(var(--headerHeight) + 50px + 8px); } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box:nth-child(3) { top: calc(var(--headerHeight) + 50px + 16px); } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box:nth-child(4) { top: calc(var(--headerHeight) + 50px + 24px); } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-title h3 a { font-size: 40px; } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-image, #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-fulltext { margin-block-end: 20px; } #allSectionsWrapper .section.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-fulltext p { min-height: 122px; } } #allSectionsWrapper .section.grid-text-section.founders { padding-block: var(--gap-80); padding-inline: var(--gap-240); } #allSectionsWrapper .section.grid-text-section.founders .grid-text { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: row-reverse; background: var(--dark-black); border: 1px solid var(--stroke-white-8); border-radius: var(--gap-8); } #allSectionsWrapper .section.grid-text-section.founders .grid-text::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 149, 255, 1) 0%, rgba(0, 149, 255, 0.5) 25%, rgba(10, 10, 10, 0.2) 65%, rgba(10, 10, 10, 0) 100% ); opacity: 0; transition: opacity 1s ease; z-index: 0; border-radius: var(--gap-8); } #allSectionsWrapper .section.grid-text-section.founders .grid-text:has(.tiny-btn:hover)::before { opacity: 0.64; } #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content { position: unset; transform: translate(0); display: flex; flex-direction: column; justify-content: center; align-items: end; padding-inline: var(--gap-80); /* background: red; */ gap: var(--gap-24); } #allSectionsWrapper .section.grid-text-section.founders .grid-text .gridTextImgContainer { min-width: 34.792vw; padding: var(--gap-16) var(--gap-16) var(--gap-16) 0; } #allSectionsWrapper .section.grid-text-section.founders .grid-text .gridTextImgContainer img { border-radius: var(--gap-8); } #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content > h2 { order: -1; display: flex; align-items: center; gap: var(--gap-6) } #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content > h2::before { order: 1; content: ''; display: flex; width: var(--gap-14); height: var(--gap-14); background-image: url('https://media.getmood.io/warehouse/dynamic/741431.svg '); background-size: contain; background-repeat: no-repeat; background-position: center; flex-shrink: 0; margin-inline-end: var(--gap-4); transition: all 0.2s ease; } #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content .section-title > h2::before { } #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content .section-title { text-align: end; } #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content p { text-align: start; } #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content .buttons-wrapper { display: flex; gap: var(--gap-8); } #allSectionsWrapper .section.grid-text-section.founders .gridTextImgContainer, #allSectionsWrapper .section.grid-text-section.founders .grid-text-content { position: relative; z-index: 1; } @media(min-width: 1025px) { #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content p { max-width: 65.9%; } } #SiteFooter { display: flex; flex-wrap: wrap; align-items: flex-start; background-color: var(--dark-black); border-top: 1px solid var(--stroke-white-8); } #SiteFooter::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 149, 255, 1) 0%, rgba(0, 149, 255, 0.5) 25%, rgba(10, 10, 10, 0.2) 65%, rgba(10, 10, 10, 0) 100% ); opacity: 0; transition: opacity 1s ease; z-index: 0; border-radius: var(--gap-8); } #SiteFooter:has(.dynamicFormObjectSubmit:hover)::before { opacity: 1; } #SiteFooter .FooterForm { flex: 1; order: 1; padding: var(--gap-80) 0 var(--gap-80) var(--gap-240); } #SiteFooter .footer-text-divided { flex: 1; order: 2; display: flex; justify-content: flex-end; padding: var(--gap-80) var(--gap-240) var(--gap-80) 0; z-index: 2; } #SiteFooter .site-credit { flex: 0 0 100%; order: 3; padding: 12px 0; } #SiteFooter .FooterForm .footerFormContainer { background: transparent; } #SiteFooter .FooterForm .footerFormContainer .normal-form { width: 100%; max-width: 100%; padding: 0; } #SiteFooter .FooterForm .footerFormContainer .normal-form .dynamicFormObjectTitleAndText { text-align: start; padding: 0; } #SiteFooter .FooterForm .footerFormContainer .normal-form .dynamicFormObjectTitleAndText h3 { color: var(--white); width: 50.216%; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper input.form-control.input-data.EMail { color: var(--white); border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.40); font-size: 18px; padding: 0 0 0 var(--gap-10); margin-block-end: var(--gap-32); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper input.form-control.input-data.EMail::placeholder { color: rgba(255, 255, 255, 0.40); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper::before { left: 0; right: unset; color: var(--text-gray); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: var(--gap-16) 0 0 0; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper input.form-control.input-data.EMail:focus { box-shadow: none !important; outline: none !important; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.40) !important; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper { position: relative; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper span { width: fit-content; position: absolute; top: 50%; right: 0; left: unset; transform: translateY(-50%); font-size: 12px; } #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button { border: none; } .footer-text-divided > div.footer-text-right { display: flex; text-align: start; width: fit-content; } .footer-text-divided > div.footer-text-middle { display: none; } .footer-text-divided > div.footer-text-right ul { margin-inline-end: var(--gap-64); list-style: none; padding: 0; } .footer-text-divided > div.footer-text-right p a { display: flex; justify-content: center; align-items: center; border: 1px solid var(--stroke-white-8); width: var(--gap-48); height: var(--gap-48); border-radius: 50%; position: relative; overflow: hidden; } .footer-text-divided > div.footer-text-right p a:not(:last-child) { margin-block-end: var(--gap-16); } .footer-text-divided > div.footer-text-right p a::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 149, 255, 1) 0%, rgba(0, 149, 255, 0.5) 25%, rgba(10, 10, 10, 0.2) 65%, rgba(10, 10, 10, 0) 100%); opacity: 0; transition: opacity 1s ease; z-index: 0; } .footer-text-divided > div.footer-text-right p a:hover::before { opacity: 1; } .footer-text-divided > div.footer-text-right p a img { z-index: 2; } #SiteFooter .footer-text-divided > div.footer-text-right p a img { max-width: var(--gap-20); width: 100%; } #SiteFooter .site-credit.alternative .text-center { display: flex; flex-direction: row-reverse; justify-content: space-between; padding-inline: var(--gap-248); } #SiteFooter .site-credit.alternative .text-center .footer-bottom-links a { position: static; color: var(--white); display: inline; } #SiteFooter .site-credit.alternative .text-center .footer-bottom-links a:not(:last-child)::after { content: ' | '; margin-inline: var(--gap-16); } @media(min-width: 1025px) { .footer-text-divided > div.footer-text-right p { margin-block-end: var(--gap-20); } .footer-text-divided > div.footer-text-right ul li:hover a { color: var(--blue); transition: all .3s ease; } } @media(max-width: 1024px) { #SiteFooter::before { display: none; } #SiteFooter { flex-direction: column; padding-block-end: 0; border-top: 1px solid var(--stroke-white-40); } #SiteFooter .FooterForm { padding-inline: 24px; padding-block: 64px; } #SiteFooter .FooterForm .footerFormContainer .normal-form .dynamicFormObjectTitleAndText { text-align: center; } #SiteFooter .FooterForm .footerFormContainer .normal-form .dynamicFormObjectTitleAndText h3 { width: unset; } #SiteFooter .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset { width: 100%; } #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button { width: 100%; } #SiteFooter .footer-text-divided { padding: 0; flex-direction: column; align-items: center; } #SiteFooter .footer-text-divided > div.footer-text-right { flex-direction: column; text-align: center; } #SiteFooter .footer-text-divided > div.footer-text-right ul { margin: 0; margin-bottom: 48px; gap: 6px; display: flex; flex-direction: column; } #SiteFooter .footer-text-divided > div.footer-text-right p { margin-bottom: 16px; } #SiteFooter .footer-text-divided > div.footer-text-right p:has(a) { display: flex; gap: 16px; } #SiteFooter .site-credit.alternative .text-center { flex-direction: column; gap: 16px; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper input.form-control.input-data.EMail { margin-block-end: 24px; text-align: center; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper::before { left: 25%; } } #allSectionsWrapper section.grid-content-section.partners { padding-block-end: var(--gap-140); } #allSectionsWrapper section.grid-content-section.partners .grid-boxes .grid-box { width: 24%; background: var(--dark-black); border: 1px solid var(--stroke-white-8); padding: var(--gap-16) var(--gap-16) var(--gap-40) var(--gap-16); position: relative; border-radius: var(--gap-8); } #allSectionsWrapper section.grid-content-section.partners .grid-boxes { padding-inline: var(--gap-248); flex-wrap: wrap; justify-content: center; gap: var(--gap-16); } #allSectionsWrapper section.grid-content-section.partners .grid-boxes .grid-box:hover::before { opacity: 0.64; } #allSectionsWrapper section.grid-content-section.partners .grid-boxes .grid-box .grid-box-title { position: relative; z-index: 3; } #allSectionsWrapper section.grid-content-section.partners .grid-boxes .grid-box .grid-box-subtitle { position: relative; z-index: 1; } #allSectionsWrapper section.grid-content-section.partners .grid-boxes .grid-box .grid-box-image { background: var(--BG-black); margin-block-end: var(--gap-40); transition: background 0.8s ease; position: relative; z-index: 1; } #allSectionsWrapper section.grid-content-section.partners .grid-boxes .grid-box:hover .grid-box-image { background: unset; } #allSectionsWrapper section.grid-content-section.partners .grid-boxes .grid-box .grid-box-image img { filter: brightness(0) saturate(100%) invert(36%) sepia(61%) saturate(2002%) hue-rotate(186deg) brightness(105%) contrast(105%); transition: none !important; } @media(min-width: 1025px) { #allSectionsWrapper section.grid-content-section.partners .grid-boxes .grid-box::before { content: ''; position: absolute; inset: 0; border-radius: var(--gap-8); background: linear-gradient(to top, rgba(0, 149, 255, 1) 0%, rgba(0, 149, 255, 0.5) 25%, rgba(10, 10, 10, 0.2) 65%, rgba(10, 10, 10, 0) 100%); opacity: 0; transition: opacity 1s ease; z-index: 0; } #allSectionsWrapper section.grid-content-section.partners .grid-boxes .grid-box:hover .grid-box-image img { transition: none !important; filter: unset; } #allSectionsWrapper section.grid-content-section.partners .grid-boxes { display: grid; grid-template-columns: repeat(3, 1fr); } #allSectionsWrapper section.grid-content-section.partners .grid-boxes .grid-box { width: 100%; } } @media(max-width: 1024px) { #allSectionsWrapper section.grid-content-section.partners { } #allSectionsWrapper section.grid-content-section.partners .grid-boxes { flex-direction: column; align-items: center; justify-content: center; padding-inline: 24px; padding-block: 0; } #allSectionsWrapper section.grid-content-section.partners .grid-boxes .grid-box { width: 100%; height: 100%; padding-block-end: 24px; } #allSectionsWrapper section.grid-content-section.partners .grid-boxes .grid-box .grid-box-image { margin-bottom: 24px; } #allSectionsWrapper .section.grid-text-section.founders { padding-inline: 24px; padding-block: 40px; } #allSectionsWrapper .section.grid-text-section.founders .grid-text { flex-direction: column; } #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content { padding: 32px; } #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content .buttons-wrapper { width: 100%; margin-top: 12px; flex-direction: column; } #allSectionsWrapper .section.grid-text-section.founders .grid-text .gridTextImgContainer { height: unset; padding: 8px; } #allSectionsWrapper .section.grid-text-section.founders .grid-text .gridTextImgContainer img { border-radius: 4px; } #allSectionsWrapper .section.grid-text-section.founders .grid-text .grid-text-content .buttons-wrapper p a::after { width: 16px; height: 16px; } } #allSectionsWrapper .section.grid-content-section.team-section .grid-boxes { padding-inline: var(--gap-240); padding-block-end: var(--gap-140); justify-content: center; gap: var(--gap-16); row-gap: var(--gap-48); flex-wrap: wrap; } #allSectionsWrapper .section.grid-content-section.team-section .grid-boxes .grid-box { width: 14.27vw; } #allSectionsWrapper .section.grid-content-section.team-section .grid-boxes .grid-box .grid-box-image .grid-box-image-container a img { width: 100%; } #allSectionsWrapper .section.grid-content-section.team-section .grid-boxes .grid-box .grid-box-image:before { content: ""; position: absolute; opacity: 1; z-index: 0; inset: 0px; background: linear-gradient(to top, rgb(0, 149, 255) 0%, rgba(0, 149, 255, 0.5) 25%, rgba(10, 10, 10, 0.2) 65%, rgba(10, 10, 10, 0) 100%); transition: opacity 1s; border-radius: var(--gap-8); } #allSectionsWrapper .section.grid-content-section.team-section .grid-boxes .grid-box .grid-box-title h3 a, #allSectionsWrapper .section.grid-content-section.team-section .grid-boxes .grid-box .grid-box-subtitle span { position: relative; z-index: 2; } #allSectionsWrapper .section.grid-content-section.team-section .grid-boxes .grid-box .grid-box-title { margin-block-start: var(--gap-32); } #allSectionsWrapper .section.grid-content-section.team-section .grid-boxes .grid-box .grid-box-subtitle { margin-block-end: var(--gap-32); } #allSectionsWrapper .section.grid-content-section.team-section .grid-boxes .grid-box .grid-box-image::after { content: ''; background: url(https://media.getmood.io/warehouse/dynamic/741430.svg); background-size: contain; position: absolute; width: var(--gap-48); height: var(--gap-48); bottom: var(--gap-16); right: var(--gap-16); background-color: var( --white); border-radius: var( --gap-80); transition: all .3s ease; pointer-events: none; cursor: pointer; } #allSectionsWrapper .section.grid-content-section.team-section .grid-boxes .grid-box .grid-box-image:hover::after { rotate: -15deg; } #allSectionsWrapper .section.grid-content-section.team-section .grid-boxes .grid-box .grid-box-image-container { overflow: hidden; border-radius: var(--gap-8); } #allSectionsWrapper .section.grid-content-section.team-section .grid-boxes .grid-box .grid-box-image-container img { transition: transform 0.4s ease; } #allSectionsWrapper .section.grid-content-section.team-section .grid-boxes .grid-box .grid-box-image-container:hover img { transform: scale(1.1); } @media(max-width: 1024px) { #allSectionsWrapper .section.grid-content-section.team-section .grid-boxes { padding-block-end: 64px; padding-inline: 24px; flex-direction: column; justify-content: center; align-items: center; } #allSectionsWrapper .section.grid-content-section.team-section .grid-boxes .grid-box { width: 100%; } } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec { padding-inline: var(--gap-248); padding-bottom: var(--gap-250); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .grid-text { margin-top: 0; margin-bottom: var(--gap-40); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper { margin-bottom: var(--gap-80); display: flex; justify-content: center; gap: var(--gap-12); padding: 0; width: fit-content; margin-inline: auto; border-bottom: 1px solid rgba(255, 255, 255, 0.40); gap: var(--gap-32); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper .section-title { padding: 0; /* background: var(--red); */ border-radius: 999px; cursor: pointer; transition: 0.3s ease all; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper .section-title h2 { background: none; color: var(--white); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper .section-title.active { } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--gap-30); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes { display: none; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes.active { display: flex; flex-direction: column; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box { background: var(--dark-black); width: 100%; text-align: start; overflow: hidden; border: 1px solid; position: relative; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box { transform: translateY(10px); opacity: 0; transition: 0.6s ease all; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box.show { opacity: 1; transform: unset; display: flex !important; flex-direction: column; border: 1px solid var(--stroke-white-8); border-radius: 8px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box:before { /* content: ""; */ position: absolute; inset: 0; padding: 0.06vw; border-radius: 4px; background: linear-gradient(100deg,#fff,#ff3227); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-image { width: 100%; margin-bottom: 0; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-title { /* margin-bottom: var(--gap-20); */ } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-title h3 { font-size: unset; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-title h3 a { color: var(--white); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-subtitle { font-size: unset; display: flex; /* padding-inline-end: var(--gap-50); */ /* padding-block: var(--gap-50); */ } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-title { display: flex; padding-block: var(--gap-16) var(--gap-12); padding-inline: var(--gap-24); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-fulltext { padding-inline: var(--gap-24); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-fulltext p { color: var(--white); padding-bottom: var(--gap-16); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .btn-wrapper { display: flex; justify-content: center; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-content { position: absolute; bottom: 0; background: white; transition: 0.3s ease all; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-fulltext p { /* height: 0; */ } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-expandable-text { width: 50%; padding-inline-start: var(--gap-50); padding-block: var(--gap-50); } /*#allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-fulltext { height: 0; transition: 0.3s ease all; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box:hover .grid-box-fulltext { height: var(--gap-60); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box:hover .grid-box-content { background: var(--white); }*/ #allSectionsWrapper .section.grid-text-section.cube-tabs-sec a.sec-button.button-with-anim { display: flex; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper .section-title.active h2 { color: var(--blue); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-image { flex-shrink: 0; width: 208px; height: 137px; display: block; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-image img { width: clamp(135px, 8vw, 144px); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-image a { background: var(--BG); display: flex; justify-content: center; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-right { flex: 1; display: flex; flex-direction: column; gap: var(--gap-12); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-main-row { display: flex; flex-direction: row; align-items: center; width: 100%; gap: var(--gap-40); padding: 12px 40px 12px 12px; cursor: pointer; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-title { flex: 0 0 auto; padding-block: 0; padding-inline: 0; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-job-title { flex: 1; text-align: center; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-expandable { overflow: hidden; max-height: 0; transition: max-height 0.9s ease, opacity 1.1s ease, border-color 1.1s ease; display: flex; justify-content: space-between; align-items: end; opacity: 0; border-top: 1px solid; border-color: transparent; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-subtitle.button { padding-inline-end: var(--gap-50); padding-block-end: var(--gap-50); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-job-title { display: flex; align-items: center; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-job-title::after { content: ''; display: inline-block; background: url(https://media.getmood.io/warehouse/dynamic/741425.svg) no-repeat center; background-size: contain; width: var(--gap-28); height: var(--gap-28); padding: 16px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-job-title h3 { flex-grow: 1; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-job-title { position: relative; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-job-title::before { content: ''; display: inline-block; background: var(--BG); width: var(--gap-28); height: var(--gap-28); padding: 16px; border-radius: var(--gap-4); position: absolute; right: 0; transition: all 0.4s ease; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box.show.grid-box-expandable-text { width: 50%; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box:hover .grid-box-job-title::before { background: linear-gradient(to top, rgba(0, 149, 255, 1) 0%, rgba(0, 149, 255, 0.5) 25%, rgba(10, 10, 10, 0.2) 95%, rgba(10, 10, 10, 0) 100%); transition: all 0.4s ease; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-job-title::after { content: ''; display: inline-block; background: url(https://media.getmood.io/warehouse/dynamic/741425.svg) no-repeat center; width: var(--gap-28); height: var(--gap-28); padding: 16px; position: absolute; right: 0; transition: transform 0.6s ease; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box.expanded .grid-box-expandable { max-height: 500px; border-top: 1px solid var(--stroke-white-8); opacity: 1; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box.expanded .grid-box-expandable { } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box.expanded .grid-box-job-title::before { opacity: 1; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box.expanded .grid-box-job-title::after { transform: rotate(180deg); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box.expanded .grid-box-job-title::before { background: linear-gradient(to top, rgba(0, 149, 255, 1) 0%, rgba(0, 149, 255, 0.5) 25%, rgba(10, 10, 10, 0.2) 95%, rgba(10, 10, 10, 0) 100%); } body:is(.career-open) #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box.expanded .grid-box-job-title::before { display: none; } body:is(.career-open) #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box.expanded .grid-box-job-title::after { display: none; } body:is(.career-open) #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-main-row { cursor: default; } body:is(.career-open) #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .cube-tabs-mobile-dropdown .cube-tabs-mobile-trigger { display: none; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery { padding-block: var(--gap-100); z-index: 10; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .section-title { margin-bottom: var(--gap-24); margin-bottom: var(--gap-24); text-align: start; padding-inline-start: var(--gap-40); } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .section-title h2 { color: var(--white); } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container { } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper { display: flex; width: 100%; gap: var(--gap-16); flex-direction: row; /* z-index: 10; */ } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes { gap: var(--gap-16); display: flex; width: max-content; animation: scrollText 40s linear infinite; opacity: 1; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes > div { min-width: var(--gap-280); height: var(--gap-180); pointer-events: none; z-index: 10; border: 1px solid var(--stroke-white-8); border-radius: var(--gap-8); } /*body:is(.aisalon) #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes > div { width: 24.17vw; height: 20.83vw; } */#allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes > div .boxes-images-outer-image { height: 100%; } #allSectionsWrapper .section.grid-gallery-section.gallery-slider { padding-inline-start: var(--gap-40); padding-block-start: var(--gap-80); padding-block-end: var(--gap-140); display: flex; flex-direction: column; gap: var(--gap-40); } #allSectionsWrapper .section.grid-gallery-section.gallery-slider .gallery-container .owl-carousel .owl-item div { width: 24.17vw !important; } #allSectionsWrapper .section.grid-gallery-section.gallery-slider .section-title h2 { text-align: start; } #allSectionsWrapper .section.grid-gallery-section.gallery-slider .gallery-container .gallery-cubes { position: static; } #allSectionsWrapper .section.grid-gallery-section.gallery-slider .section-title { display: flex; align-items: center; justify-content: space-between; } #allSectionsWrapper .section.grid-gallery-section.gallery-slider .section-title .owl-controls .owl-nav { display: flex; align-items: center; gap: var(--gap-8); padding-inline-end: var(--gap-40); } #allSectionsWrapper .section.grid-gallery-section.gallery-slider .section-title .owl-controls .owl-nav .owl-next::after { content: ''; display: block; width: var(--gap-60); height: var(--gap-60); background-image: url(https://media.getmood.io/warehouse/dynamic/746573.svg); background-color: var(--dark-black); background-repeat: no-repeat; background-position: center; border-radius: var(--gap-4); border: 1px solid var(--stroke-white-8, rgba(255, 255, 255, 0.10)); cursor: pointer; } #allSectionsWrapper .section.grid-gallery-section.gallery-slider .section-title .owl-controls .owl-nav .owl-prev::after { content: ''; display: block; width: var(--gap-60); height: var(--gap-60); background-image: url(https://media.getmood.io/warehouse/dynamic/746574.svg); background-color: var(--dark-black); background-repeat: no-repeat; background-position: center; border-radius: var(--gap-4); border: 1px solid var(--stroke-white-8, rgba(255, 255, 255, 0.10)); cursor: pointer; } #allSectionsWrapper .section.grid-gallery-section.gallery-slider .section-title .owl-controls .owl-nav .owl-prev::after { } #allSectionsWrapper .section.grid-gallery-section.gallery-slider .section-title .owl-controls .owl-nav .owl-next::after { } @media (min-width: 1025px) { #allSectionsWrapper .section.grid-gallery-section.gallery-slider .section-title .owl-controls .owl-nav .owl-prev:hover::after { background-image: url(https://media.getmood.io/warehouse/dynamic/746574.svg), linear-gradient(to right, rgba(0, 149, 255, 1) 0%, rgba(0, 149, 255, 0.5) 25%, rgba(10, 10, 10, 0.2) 65%, rgba(10, 10, 10, 0) 100%); border-color: transparent; border-radius: var(--gap-6); } #allSectionsWrapper .section.grid-gallery-section.gallery-slider .section-title .owl-controls .owl-nav .owl-next:hover::after { background-color: transparent; background-image: url(https://media.getmood.io/warehouse/dynamic/746573.svg), linear-gradient(to left, rgba(0, 149, 255, 1) 0%, rgba(0, 149, 255, 0.5) 25%, rgba(10, 10, 10, 0.2) 65%, rgba(10, 10, 10, 0) 100%); border-color: transparent; border-radius: var(--gap-6); } body:is(.career-open) #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .grid-boxes .grid-box::before { content: ''; position: absolute; inset: 0; border-radius: var(--gap-8); background: linear-gradient(to top, rgba(0, 149, 255, 1) 0%, rgba(0, 149, 255, 0.5) 25%, rgba(10, 10, 10, 0.2) 65%, rgba(10, 10, 10, 0) 100%) !important; opacity: 0; transition: opacity 1s ease; mask-composite: unset !important; -webkit-mask-composite: unset; z-index: 0; } body:is(.career-open) #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box.expanded .grid-box-expandable { z-index: 2; } body:is(.career-open) #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .grid-boxes .grid-box:hover::before { opacity: 0.64; } } @media(min-width: 1025px) { #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .section-title { padding-inline-start: 16px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper { position: relative; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper .tabs-hover-line { position: absolute; bottom: -1px; left: 0; width: 0; height: 2px; background: var(--blue); transition: left 0.3s ease, width 0.3s ease; pointer-events: none; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper .section-title.active h2 { margin-block-end: 8px; } } @media(max-width: 1024px ) { #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes > div { min-width: 193px; max-height: 124px; max-width: 193px; min-height: 124px; } /*body:is(.aisalon) #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper .gallery-cubes > div { min-width: 300px; max-height: 259px; max-width: 300px; min-height: 259px; }*/ body:is(.aisalon) #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .section-title h2 { font-size: 24px; font-family: var(--font-1); } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .section-title { padding-inline-start: 24px; } #allSectionsWrapper .section.grid-gallery-section.gallery-slider { padding-inline-start: 24px; padding-block-end: 64px; padding-block-start: 0; } #allSectionsWrapper .section.grid-gallery-section.gallery-slider .gallery-container .gallery-cubes { position: unset; overflow-x: scroll; gap: 16px; justify-content: flex-start; scrollbar-width: none; -ms-overflow-style: none; } #allSectionsWrapper .section.grid-gallery-section.gallery-slider .gallery-container .gallery-cubes::-webkit-scrollbar { display: none; } #allSectionsWrapper .section.grid-gallery-section.gallery-slider .gallery-container .gallery-cubes > * { width: 300px; height: 258px; } #allSectionsWrapper .section.grid-gallery-section.gallery-slider .gallery-container .gallery-cubes > * .boxes-images-outer-image { width: 100%; height: 100%; } #allSectionsWrapper .section.grid-gallery-section.gallery-slider .gallery-container .gallery-cubes > *:last-child { margin-inline-end: 24px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec { padding-inline: 24px; padding-block-end: 64px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper { display: none !important; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-expandable { flex-direction: column; gap: 32px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-subtitle.button { padding-inline: 16px; padding-block-end: 16px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .cube-tabs-mobile-dropdown { position: relative; width: 100%; margin-bottom: 32px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .cube-tabs-mobile-dropdown .cube-tabs-mobile-trigger { display: flex; justify-content: center; align-items: center; padding: 16px; border: 1px solid var(--stroke-white-40); border-radius: 4px; cursor: pointer; transition: 0.3s ease all; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .cube-tabs-mobile-dropdown .cube-tabs-mobile-trigger h2 { background: none; color: var(--blue); margin: 0; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .cube-tabs-mobile-dropdown .cube-tabs-mobile-trigger::after { content: ''; display: inline-block; background: url(https://media.getmood.io/warehouse/dynamic/749202.svg) no-repeat center; background-size: contain; width: 12px; height: 7px; transition: transform 0.4s ease; flex-shrink: 0; position: absolute; left: 16px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .cube-tabs-mobile-dropdown.open .cube-tabs-mobile-trigger::after { transform: rotate(180deg); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .cube-tabs-mobile-dropdown .cube-tabs-mobile-list { position: static; display: flex; max-height: 0; overflow: hidden; transition: max-height 0.4s ease; border: none; flex-direction: column; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .cube-tabs-mobile-dropdown.open .cube-tabs-mobile-list { display: flex; border-radius: 0 0 4px 4px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .cube-tabs-mobile-dropdown.open .cube-tabs-mobile-list { max-height: 400px; border: 1px solid rgba(255, 255, 255, 0.40); border-top: none; border-radius: 0 0 4px 4px; display: flex; flex-direction: column; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .cube-tabs-mobile-dropdown .cube-tabs-mobile-item { padding: 14px 20px; cursor: pointer; border-bottom: 1px solid rgba(255, 255, 255, 0.10); transition: 0.3s ease all; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .cube-tabs-mobile-dropdown .cube-tabs-mobile-item:last-child { border-bottom: none; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .cube-tabs-mobile-dropdown .cube-tabs-mobile-item h2 { transition: 0.3s ease all; color: var(--white); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .cube-tabs-mobile-dropdown .cube-tabs-mobile-item.active h2 { color: var(--blue); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-main-row { flex-direction: column; padding: 16px; border-radius: 8px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-main-row .grid-box-title-group { width: 100%; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-image { width: 100%; min-height: 194px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-title h3 { text-align: start; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-job-title { text-align: start; width: 100%; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-job-title h3 { max-width: 207px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-job-title::before { border: 1px solid var(--stroke-white-8); border-radius: 4px; bottom: 0; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-job-title::after { bottom: 0; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-subtitle { width: 100%; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-subtitle a { width: 100%; height: 44px; border-radius: 54px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-expandable-text { width: 100%; padding-inline: 16px; display: flex; flex-direction: column; padding-block: 16px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box.expanded .grid-box-expandable { /* flex-direction: column; */ /* width: 100%; */ max-height: 500px; /* gap: 32px; */ /* border-radius: 0 0 8px 8px; */ } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box.expanded .grid-box-job-title::before { background: unset; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-job-title::before { padding: 10px; border: none; background: linear-gradient(to top, rgba(0, 149, 255, 1) 0%, rgba(0, 149, 255, 0.5) 25%, rgba(10, 10, 10, 0.2) 95%, rgba(10, 10, 10, 0) 100%); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-job-title::after { padding: 10px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .grid-text { margin-block-end: 0; } } body:is(:not(.partners)) #allSectionsWrapper section.grid-content-section.partners .grid-boxes .grid-box { display: flex; flex-direction: column; gap: var(--gap-32); height: fit-content; padding-block-end: var(--gap-32); } body:is(:not(.partners)) #allSectionsWrapper section.grid-content-section.partners .grid-boxes .grid-box .grid-box-image img { filter: unset; } body:is(:not(.partners)) #allSectionsWrapper section.grid-content-section.partners .grid-boxes .grid-box .grid-box-fulltext img { height: 1.302vw; object-fit: contain; } body:is(:not(.partners)) #allSectionsWrapper section.grid-content-section.partners .grid-boxes .grid-box .grid-box-subtitle a { text-decoration: underline; color: var(--white); text-align: center; font-family: var(--font-2); font-size: clamp(12px, var(--fs-16), 300px); line-height: 130%; letter-spacing: 1px; text-transform: uppercase; } body:is(:not(.partners)) #allSectionsWrapper section.grid-content-section.partners .grid-boxes .grid-box .grid-box-image { margin-block-end: unset; } @media(max-width: 1024px) { body:is(:not(.partners)) #allSectionsWrapper section.grid-content-section.partners .grid-boxes .grid-box .grid-box-fulltext img { width: 183px; height: 25px; } } /* ANIMATIONS */ @keyframes scrollText { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } /*------------------------------------------/* POP-UP /*------------------------------------------*/ #multi-content-modal.modal .close { left: unset; right: var(--gap-24); top: var(--gap-24); border: 1px solid var(--stroke-black-10); padding: var(--gap-12); border-radius: var(--gap-26); display: flex; } #multi-content-modal.modal .close svg { fill: var(--dark-black); width: var(--gap-12); height: var(--gap-12); stroke: var(--dark-black); stroke-width: 40px; } #multi-content-modal.textInPop .modal-content { padding: var(--gap-64); overflow-y: auto; max-height: 80vh; direction: rtl; padding-inline-start: 2px; } #multi-content-modal.textInPop .modal-content > * { direction: ltr; } #multi-content-modal.textInPop .modal-content::-webkit-scrollbar { width: 4px; } #multi-content-modal.textInPop .modal-content::-webkit-scrollbar-track { background: transparent; } #multi-content-modal.textInPop .modal-content::-webkit-scrollbar-thumb { background: var(--blue); border-radius: 999px; min-height: 48px; } #multi-content-modal.textInPop #PopUpData { max-height: unset; overflow: unset; display: flex; flex-direction: row; gap: var(--gap-64); padding: 0; justify-content: flex-start; } #multi-content-modal.textInPop #PopUpData > * { flex: 1; } #multi-content-modal.textInPop #PopUpData .popup-wrapper { height: fit-content; position: sticky; top: 0; flex: 0; align-self: flex-start; } #multi-content-modal.textInPop #PopUpData .popup-wrapper > img { width: 100%; } #multi-content-modal.textInPop #PopUpData .popup-wrapper ul { margin-top: var(--gap-16); display: flex; flex-direction: column; gap: var(--gap-14); margin-bottom: 0; } #multi-content-modal.textInPop #PopUpData .popup-wrapper ul li { direction: ltr; text-align: left; color: var(--black); font-size: clamp(12px,var(--fs-16),300px); font-family: var(--font-1); display: flex; } #multi-content-modal.textInPop #PopUpData .popup-wrapper ul li a { color: var(--black); } #multi-content-modal.textInPop #PopUpData .popup-other-content { text-align: start; max-width: 26.458vw; max-height: 27.396vw; } #multi-content-modal.textInPop #PopUpData .popup-other-content h2 { margin: 0; direction: ltr; } #multi-content-modal.textInPop #PopUpData .popup-other-content h4 { margin: 0; padding-block: var(--gap-32); font-family: var(--font-2); font-size: clamp(24px,var(--fs-24),300px); line-height: 1.4; } #multi-content-modal.textInPop #PopUpData .popup-other-content .grid-box-title { width: 100%; text-align: start; pointer-events: none; margin-bottom: var(--gap-16); direction: ltr; } #multi-content-modal.textInPop #PopUpData .popup-other-content .grid-box-subtitle { text-align: start; margin-bottom: var(--gap-40); direction: ltr; } #multi-content-modal.textInPop #PopUpData .popup-other-content p { direction: ltr; text-align: start; color: var(--text-gray); } #multi-content-modal.textInPop #PopUpData .popup-other-content a:has(img) { display: flex; align-items: center; justify-content: end; flex-direction: row-reverse; gap: var(--gap-8); color: var(--dark-black); } #multi-content-modal.textInPop #PopUpData .popup-other-content h2, #multi-content-modal.textInPop #PopUpData .popup-other-content .grid-box-subtitle span { color: var(--dark-black); } #multi-content-modal.textInPop #PopUpData .popup-other-content .grid-box-subtitle span { display: flex; flex-direction: row-reverse; align-items: center; } #multi-content-modal.textInPop #PopUpData .popup-other-content p:has(a) { margin-top: var(--gap-24); } #multi-content-modal.textInPop #PopUpData .popup-other-content p:has(a)::before { content: ''; border-top: 1px solid var(--stroke-black-10); width: 100%; display: block; margin-block-end: var(--gap-24); } #multi-content-modal.textInPop #PopUpData .popup-wrapper img { opacity: 1; z-index: 0; inset: 0px; background: linear-gradient(to top, rgb(0, 149, 255) 0%, rgba(0, 149, 255, 0.5) 25%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0) 100%); transition: opacity 1s; border-radius: var(--gap-8); width: var(--gap-200); } @media(min-width: 1025px) { #multi-content-modal.textInPop .modal-content { border-radius: var(--gap-8); min-width: 46.875vw; } #multi-content-modal.textInPop .modal-content::-webkit-scrollbar { width: 10px; height: 10px; border-radius: 34px; } #multi-content-modal.textInPop .modal-content::-webkit-scrollbar-thumb { border-radius: 8px; transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; border: 2px solid white; } } @media(max-width: 1024px) { #multi-content-modal { overflow-y: hidden; scrollbar-width: none; } #multi-content-modal.modal .close { top: -9%; background: var(--white); right: 50%; transform: translateX(50%); border-radius: 26px; } #multi-content-modal.textInPop .modal-content { max-width: 100%; padding: 24px; position: absolute; bottom: 0%; border-radius: 8px 8px 0 0; overflow-y: unset; max-height: unset; direction: unset; margin-bottom: 0; } #multi-content-modal.textInPop #PopUpData { scrollbar-width: none; overflow-y: auto; max-height: calc(100dvh - 160px); flex-direction: column; gap: 24px; padding-block-end: 24px; } #multi-content-modal.textInPop #PopUpData p a { display: flex; justify-content: end; flex-direction: row-reverse; gap: 8px; } #multi-content-modal.textInPop #PopUpData .popup-other-content { max-width: 100%; } #multi-content-modal.textInPop #PopUpData .popup-other-content p { color: var(--text-gray); } #multi-content-modal.textInPop #PopUpData .popup-wrapper { position: static; } #multi-content-modal.textInPop #PopUpData .popup-wrapper img { width: 100%; } .modal-open .modal { padding: 0 !important; } } #allSectionsWrapper .section.grid-text-section.section-dots { background-color: var(--BG); color: #efeeec; justify-content: center; align-items: stretch; min-height: calc(100vh - var(--headerHeight)); padding: 1em !important; display: flex; position: relative; overflow: hidden; } #allSectionsWrapper .section.grid-text-section.section-dots .section-dots__wrap { width: 100%; min-height: 30em; position: relative; } #allSectionsWrapper .section.grid-text-section.section-dots .section-dots__wrap .dots-container { gap: 1.4em; pointer-events: none; flex-flow: wrap; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0; } #allSectionsWrapper .section.grid-text-section.section-dots .section-dots__wrap .dots-container .dot { width: 1em; height: auto; aspect-ratio: 1; background-image: url('https://media.getmood.io/warehouse/dynamic/746125.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; border-radius: 50%; display: inline-block; flex-shrink: 0; border: none !important; } #allSectionsWrapper .section.grid-text-section.section-dots .grid-content-container { position: absolute; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: var(--gap-24); } #allSectionsWrapper .section.grid-text-section.section-dots .grid-content-container .grid-text .grid-text-content { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: var(--gap-32); } #allSectionsWrapper .section.grid-text-section.section-dots .section-title h2 { color: var(--white); } #allSectionsWrapper .section.grid-text-section.section-dots .section-title h2 span { color: var(--blue); } #allSectionsWrapper .section.grid-text-section.section-dots .grid-content-container .grid-text .grid-text-content { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: var(--gap-32); } #allSectionsWrapper .section.grid-text-section.section-dots::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; background: linear-gradient(90deg, #121212 0%, rgba(18, 18, 18, 0) 20%), linear-gradient(270deg, #121212 0%, rgba(18, 18, 18, 0) 20%), linear-gradient(180deg, #121212 0%, rgba(18, 18, 18, 0) 40%, rgba(18, 18, 18, 0) 60%, #121212 100%); } #allSectionsWrapper .section.grid-text-section.section-dots .grid-text a { flex-direction: row-reverse; gap: var(--gap-4); } body:is(.aisalon) #allSectionsWrapper .section.grid-text-section.section-dots .grid-content-container .grid-text .grid-text-content p { min-width: 38.33vw; } body:is(.aisalon) #allSectionsWrapper .section.grid-text-section.section-dots { min-height: 420px; } #allSectionsWrapper .section.grid-text-section.section-dots { } @media(min-width: 1025px) { body:is(.about) #allSectionsWrapper .section.grid-text-section.section-dots { background-color: unset; } body:is(.about) #allSectionsWrapper .section.grid-text-section.section-dots::after { background: linear-gradient(90deg, #121212 0%, rgba(18, 18, 18, 0) 20%), linear-gradient(270deg, #121212 0%, rgba(18, 18, 18, 0) 20%), linear-gradient(180deg, rgba(18, 18, 18, 0) 60%, #121212 100%); } body:is(.about) #allSectionsWrapper .section.grid-text-section.section-dots .section-dots__wrap { min-height: unset; } body:is(.aisalon) #allSectionsWrapper .section.grid-text-section.section-dots::after { background: linear-gradient(90deg, #121212 0%, rgba(18, 18, 18, 0) 20%), linear-gradient(270deg, #121212 0%, rgba(18, 18, 18, 0) 20%), linear-gradient(180deg, rgba(18, 18, 18, 0) 60%, #121212 100%); } body:is(.aisalon) #allSectionsWrapper .section.grid-text-section.section-dots, body:is(.about) #allSectionsWrapper .section.grid-text-section.section-dots, body:is(.about) #allSectionsWrapper .section.grid-text-section.section-dots .section-dots__wrap { max-height: 20.83vw; min-height: unset; height: 20.83vw; background: unset; } } @media(max-width: 1024px) { #allSectionsWrapper .section.grid-text-section.section-dots .section-title h2 { width: unset; } #allSectionsWrapper .section.grid-text-section.section-dots .grid-text p { width: unset; } #allSectionsWrapper .section.grid-text-section.section-dots .grid-content-container { padding-inline: 24px; z-index: 2; } body:is(.aisalon) #allSectionsWrapper .section.grid-text-section.section-dots { max-height: 400px; } body:is(.aisalon) #allSectionsWrapper .section.grid-text-section.section-dots .section-dots__wrap { max-height: 400px; min-height: unset; } body:is(.about) #allSectionsWrapper .section.grid-text-section.section-dots { background-color: unset; min-height: 480px; } body:is(.about) #allSectionsWrapper .section.grid-text-section.section-dots .section-dots__wrap { min-height: 480px; } body:is(.about) #allSectionsWrapper .section.grid-gallery-section.sliding-gallery { padding-block-start: 0; padding-block-end: 64px; } } #allSectionsWrapper .section.grid-text-section.section-dots .section-dots__wrap .dots-container .dot { will-change: transform; } #allSectionsWrapper .section.grid-text-section.section-dots .section-dots__wrap .dots-container { gap: 1em; } body:is(.media) { margin-top: 0; } body:is(.media) #GridPage { margin-top: var(--gap-100) } body:is(.media) #GridPage #GridContent { } body:is(.media) #GridPage #GridContent #pageview { margin-bottom: var(--gap-100); } body:is(.media) #GridTop #headline h1, body:is(.media) #GridTop #headline h2 { color: var(--white); } body:is(.media) #GridPage #GridContent #pageview #grid-view { padding-inline: 12.917vw; display: flex; flex-wrap: wrap; gap: var(--gap-16); justify-content: center; display: grid; grid-template-columns: repeat(3,1fr); } body:is(.media) #GridPage #GridContent #pageview #grid-view .media-box { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; gap: var(--gap-16); background: var(--dark-black); padding-inline: var(--gap-16); padding-block-start: var(--gap-16); border-radius: var(--gap-8); border: 1px solid var(--stroke-white-8); width: 100%; height: 100%; } body:is(.media) #GridPage #GridContent #pageview #grid-view .media-box::before { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to top, rgb(0, 149, 255) 0%, rgba(0, 149, 255, 0.2) 25%, rgba(10, 10, 10, 0.2) 48%, rgba(10, 10, 10, 0) 100%); top: 0; left: 0; border-radius: var(--gap-8); opacity: 0; transition: opacity 0.4s ease; } body:is(.media) #GridPage #GridContent #pageview #grid-view .media-box:has(a.grid-box-short-link:hover)::before { opacity: 1; } body:is(.media) #GridPage #GridContent #pageview #grid-view .media-box .grid-short-box { position: relative; margin: 0; width: 100%; height: 100%; display: flex; flex-direction: column; } body:is(.media) #GridPage #GridContent #pageview #grid-view .media-box .grid-short-box .grid-short-box-image { padding: 0; min-width: 22.5vw; min-height: 12.917vw; } body:is(.media) #GridPage #GridContent #pageview #grid-view .media-box .grid-short-box .grid-short-box-image { } body:is(.media) #GridPage #GridContent #pageview #grid-view .media-box .grid-short-box .grid-short-box-image a img { border-radius: var(--gap-8); } body:is(.media) #GridPage #GridContent #pageview #grid-view .media-box .grid-short-box .grid-short-box-fulltext {padding: var(--gap-24); display: flex; flex-direction: column; flex: 1;} body:is(.media) #GridPage #GridContent #pageview #grid-view .media-box .grid-short-box .grid-short-box-label { flex: 1; padding: 0; order: 2; margin-block-start: var(--gap-32); margin-block-end: var(--gap-8); } body:is(.media) #GridPage #GridContent #pageview #grid-view .media-box .grid-short-box .grid-short-box-subtitle { text-align: left; order: 3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } body:is(.media) #GridPage #GridContent #pageview #grid-view .media-box .grid-short-box .date { text-align: left; order: 1; } body:is(.media) #GridPage #GridContent #pageview #grid-view .media-box .grid-short-box .grid-short-box-fulltext img { position: static; } body:is(.media) #GridPage #GridContent #pageview #grid-view .media-box .grid-short-box .grid-short-box-fulltext .image-container { position: absolute; top: var(--gap-8); right: var(--gap-8); background: white; padding: var(--gap-6); line-height: 0; border-radius: var(--gap-2); } body:is(.media) #GridPage #GridContent #pageview #grid-view .media-box .grid-short-box a.grid-box-short-link { order: 5; text-align: start; text-decoration: underline; margin-block-start: var(--gap-32); } @media(max-width: 1024px) { body:is(.media) #GridPage { margin-top: 0; } body:is(.media) #GridTop #headline { margin-block-end: 0; } body:is(.media) #GridTop #headline h1 { margin-block-start: 24px; } body:is(.media) #GridTop #headline h2 { width: 327px; } body:is(.media) #GridPage #GridContent #pageview #grid-view { display: flex; padding-inline: 24px; gap: 24px; } body:is(.media) #GridPage #GridContent #pageview #grid-view .media-box .grid-short-box .grid-short-box-subtitle { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } body:is(.media) #GridPage #GridContent #pageview #grid-view .media-box .grid-short-box .grid-short-box-image { width: 100%; aspect-ratio: 1 / 0.57; } body:is(.media) #GridPage #GridContent #pageview #grid-view .media-box .grid-short-box .grid-short-box-fulltext { padding-inline: 0; } body:is(.media) #GridPage #GridContent #pageview #grid-view .media-box .grid-short-box .grid-short-box-label { margin-block-end: 4px; margin-block-start: 24px; } } body:is(.home-page) #site-intro { position: fixed; inset: 0; background: var(--BG); z-index: 9999; display: flex; align-items: center; justify-content: center; pointer-events: none; } body:is(.home-page) #site-intro img { width: 100vw; height: 100vh; object-fit: contain; opacity: 0; transform: scale(1.4); transition: opacity 0.3s ease, transform 0.7s ease; } body:is(.home-page) #site-intro { position: fixed; inset: 0; z-index: 9999; background-color: var(--BG-black); background-image: url(https://media.getmood.io/warehouse/dynamic/741421.webp); background-size: contain; background-position: top center; background-repeat: no-repeat; opacity: 0; transform: scale(1.1); transition: opacity 0.3s ease, transform 1.4s ease; } body:is(.home-page) #site-intro.show-img { opacity: 1; transform: scale(1); } body:is(.home-page) #site-intro.fade-out { opacity: 0; transition: opacity 0.4s ease; } body:is(.home-page) #main-header, body:is(.home-page) .grid-content-section.text-swapper { opacity: 0; transform: translateY(-40px); transition: opacity 0.6s ease, transform 0.6s ease; transition-delay: 0.5s; } body:is(.home-page) #main-header.intro-revealed, body:is(.home-page) .grid-content-section.text-swapper.intro-revealed { opacity: 1; transform: translateY(0); } @media (max-width: 768px) { body:is(.home-page) #site-intro img { width: 100vw; height: 100vh; object-fit: contain; opacity: 0; transform: scale(1.1); } body:is(.home-page) #site-intro { background-image: url(https://media.getmood.io/warehouse/dynamic/741453.webp); background-position: top; background-size: contain; } body:is(.home-page) #main-header, body:is(.home-page) .grid-content-section.text-swapper { transition-delay: 0s; } } /* ACCESABILITY 404 PRIVACY*/ .accessabilityMainPage { } .accessabilityMainPage #SiteContainer { } .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent { margin-block-start: var(--gap-180); padding-block-end: var(--gap-140); display: flex; justify-content: center; } .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability { max-width: 67.5vw; } .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #text1 { max-width: 41.67vw; } .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #headline h1 { margin-block-end: var(--gap-100); color: var(--white); position: relative; } .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #text1 h2 { margin: 0; margin-block-end: var(--gap-16); color: var(--white) } .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #text1 h2:not(:first-child) { margin-block-start: 3.54vw } .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #text1 p, .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #text1 ul, .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #text1 span { color: var(--white-text-on-black) } .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #headline h1::before { top: calc(-2.292vw - var(--gap-18)) } .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #text1 .accessability-list { list-style: none; padding: 0; display: flex; flex-direction: column; gap: var(--gap-8); margin-block-end: 3.54vw; } .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #text1 .accessability-list li { padding-inline-start: var(--gap-28); position: relative; } .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #text1 .accessability-list li::before { content: ''; position: absolute; inset-inline-start: 0; top: 50%; transform: translateY(-50%); width: var(--gap-12); height: var(--gap-12); background: url(https://media.getmood.io/warehouse/dynamic/741431.svg) no-repeat center; background-size: contain; } .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #text1 .access-details { color: var(--white); } body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent { margin-block-start: var(--gap-180); padding-block-end: var(--gap-140); display: flex; justify-content: center; } body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule { max-width: 67.5vw; } body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent { display: flex; flex-direction: column; align-items: center; } body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent #headline { position: relative; } body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent #headline h1 { color: var(--white); text-align: center; position: relative; } body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent #headline h1::before { top: calc(-2.292vw - var(--gap-18)); } body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent #subheadline { text-align: center; margin-block-end: var(--gap-100); } body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent #text1 { max-width: 41.67vw; width: 100%; } body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent #text1 h2 { margin: 0 0 var(--gap-16); color: var(--white); } body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent #text1 h2:not(:first-child) { margin-block-start: 3.54vw; } body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent #text1 :is(p, ul, li, span) { color: var(--white-text-on-black); } body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent #text1 ul { list-style: none; padding: 0; display: flex; flex-direction: column; gap: var(--gap-8); } body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent #text1 ul li { padding-inline-start: var(--gap-28); position: relative; } body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent #text1 ul li::before { content: ''; position: absolute; inset-inline-start: 0; top: 50%; transform: translateY(-50%); width: var(--gap-12); height: var(--gap-12); background: url(https://media.getmood.io/warehouse/dynamic/741431.svg) no-repeat center; background-size: contain; } body:is(.pagenotfound) #SiteGrid #GridPage { height: 100vh; width: 100%; } body:is(.pagenotfound) #SiteGrid #GridPage #GridContent { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } body:is(.pagenotfound) #SiteGrid #GridPage #GridContent .page-not-found { display: flex; justify-content: center; align-items: center; gap: var(--gap-32); flex-direction: column; } body:is(.pagenotfound) #SiteGrid #GridPage #GridContent .page-not-found #headline { margin: 0; } body:is(.pagenotfound) #SiteGrid #GridPage #GridContent .page-not-found #headline h1 { color: var(--white); margin-block-start: var(--gap-24); } body:is(.pagenotfound) #SiteGrid #GridPage #GridContent .page-not-found #subheadline { text-align: center; width: 23.13vw; } body:is(.pagenotfound) #SiteGrid #GridPage #GridContent .page-not-found #subheadline h2 { margin: 0; } @media(min-width: 1025px) { .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #headline h1 { max-width: 41.67vw; } } @media(max-width: 1024px) { .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent { padding-block-end: 64px; } .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability { max-width: unset; } .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #headline { margin: 0; } .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #headline h1 { width: 100%; margin-block-end: 64px; } .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #text1 h2:not(:first-child) { margin-block-start: 3.54vw } .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #text1 p, .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #text1 ul, .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #text1 span { color: var(--white-text-on-black) } .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability .container-fluid { display: flex; flex-direction: column; justify-content: center; } .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #headline h1::before { } .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #text1 { max-width: unset; padding-inline: 24px; } .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #text1 p { margin-block-end: 68px; } .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #text1 .accessability-list { list-style: none; padding-block-end: 64px; display: flex; flex-direction: column; gap: var(--gap-8); } .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #text1 .accessability-list li { padding-inline-start: var(--gap-28); position: relative; } .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #text1 .accessability-list li::before { content: ''; position: absolute; inset-inline-start: 0; top: 50%; transform: translateY(-50%); width: var(--gap-12); height: var(--gap-12); background: url(https://media.getmood.io/warehouse/dynamic/741431.svg) no-repeat center; background-size: contain; } .accessabilityMainPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #accessability #pageview #headline h1::before { width: 24px; height: 24px; background-size: contain; top: -36px; } body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent { padding-block-end: 64px; } body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule { max-width: unset; } body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent #headline { margin: 0; } body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent #headline h1 { width: 100%; margin-block-end: var(--gap-16); } body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent #headline h1::before { width: 24px; height: 24px; background-size: contain; top: -36px; } body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent #subheadline { margin-block-end: 40px; } body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent #text1 { max-width: unset; padding-inline: 24px; } body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent #text1 h2:not(:first-child) { margin-block-start: 3.54vw; } body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent #text1 p { margin-block-end: 68px; } body.privacy #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #ContentRegularModule #pageview .MainContent #text1 ul { list-style: none; padding-block-end: 64px; display: flex; flex-direction: column; gap: var(--gap-8); } body:is(.pagenotfound) #SiteGrid #GridPage #GridContent .page-not-found #subheadline { width: fit-content; } body:is(.pagenotfound) #SiteGrid #GridPage #GridContent .page-not-found #headline h1::before { width: 24px; height: 24px; top: -24px; } body:is(.pagenotfound) #SiteGrid #GridPage #GridContent .page-not-found { padding-inline: 24px; } body:is(.pagenotfound) #SiteGrid #GridPage #GridContent .page-not-found #text1 p a { border-radius: 999px; } body:is(.pagenotfound) #SiteGrid #GridPage #GridContent .page-not-found #subheadline h2 { color: var(--white); } } .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent { /* height: calc(100vh - var(--headerHeight)); */ /* margin-block-start: var(--gap-180); */ padding-block-end: var(--gap-140); display: flex; justify-content: center; } .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage { max-width: 67.5vw; height: calc(100vh - var(--headerHeight)); } .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview #text1 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview #headline h1 { } .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview #text1 p, .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview #text1 span { } .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview #headline h1::before { } .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview #text1 p { display: flex; flex-direction: column; justify-content: center; align-items: center; } .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview #text1 a { text-transform: uppercase; width: fit-content; display: flex !important; align-items: center; justify-content: center; color: var(--white); } .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview #headline h1 { color: var(--white); } @media(min-width: 1025px){ .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview #text1 p a:hover::after { transform: rotate(-10deg) scale(1.3); margin-left: 10px; } } @media(max-width: 1024px) { .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent { } .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage { } .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview { width: 100%; padding-inline: 24px; } .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview #headline { } .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview #headline h1 { margin-top: 24px; } .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage { max-width: 100%; } .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview .container-fluid { display: flex; flex-direction: column; justify-content: center; align-items: center; } .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview #text1 { } .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview #text1 p { color: var(--white); } .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview #text1 a { border-radius: 999px; } .FormResultPage #SiteContainer #SiteGridContainer #SiteGrid #GridPage #GridContent #FormResultPage #pageview #headline h1::before { width: 24px; height: 24px; top: -24px; } }