/* KASHCASH */ :root { --black: #252525; --white: #fff; --lime: #D6EE28; --blue: #91B7CF; --gray: #808285; --bg: #F5F3F0; --reg: 'ploni-regular-aaa'; --med: 'ploni-bold-aaa'; --yad: 'ploni-yad-bold-aaa'; } /*------------------------------------------/* GENERAL /*------------------------------------------*/ html { font-size: 62.5%; overflow-x: clip; } body { opacity: 0; transition: 0.2s opacity ease; } body:has(#SiteContainer.shown) { opacity: 1; } body, body.modal-open { line-height: 1; font-size: 2rem; zoom: 1 !important; overflow: clip !important; background: var(--bg); position: relative; color: var(--black); } body.modal-open { padding: 0 !important; } 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 { position: relative; display: inline-block; max-width: 100%; width: 100%; font-family: var(--yad), var(--med); color: var(--black); } .grid-text-content p, .grid-box-fulltext p, .grid-text p, :is(#lobbyText, #text1, #text2) p, .grid-rows .grid-row-text p, .grid-rows .grid-row-text li, :is(#lobbyText, #text1, #text2) li, :is(#text1, #text2) span { font-size: clamp(1.3rem, 1.042vw, 1000rem); position: relative; line-height: 1.3; color: var(--black); } .section-title, .grid-text-section .section-title { margin: 0; } #SiteContainer { position: relative; } #SiteGrid { overflow: unset; } body:not(.home-page, .has-banner) #SiteGrid { padding-top: var(--headerHeight); } #SiteGridContainer { overflow-x: clip; z-index: 2; position: unset; } .grid-rows .grid-row { background: inherit; } #allSectionsWrapper { z-index: 1; overflow-x: clip; width: 100%; } #text1 p:last-child { margin: 0; } .sections .section, section.section { margin-bottom: 0; background: transparent; padding: 0; max-width: 100vw; } .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; } #lobbyview .grid-boxes, #LobbyModule .grid-boxes { max-width: unset; padding: 0; margin: 0; } .grid-boxes { display: flex; margin: 0; } .grid-boxes .grid-box { margin: 0; padding: 0; } .grid-boxes .grid-box .grid-box-image, #lobbyview .grid-boxes .grid-box-image, :is(div, #LobbyModule) .grid-boxes .grid-box-image { margin: 0; } .grid-boxes .grid-box-title h3 a { color: inherit; outline: none !important; } #LobbyModule .grid-box { opacity: inherit; font-size: 2rem; margin: 0; } #GridPage { padding: 0; } #header2 .max-width, #GridPage .max-width, .blog-grid #GridPage .max-width, .max-width, .lobby-grid #GridPage .max-width { width: 100%; padding: 0; max-width: 100%; margin: 0; } .grid-text .grid-text-content { opacity: initial; margin: 0; padding: 0; width: 100%; } .grid-text p { margin-top: 0; } p.is-empty { display: block; height: clamp(20px, 1vw, 100rem); } a:hover, a:focus { color: inherit; } .container-fluid { padding: 0; } .gallery-container { width: 100%; } .gallery-cubes { display: flex; } li::marker { color: inherit; } b, strong { font-weight: unset; font-family: var(--med); } .box-image-animation:hover img { transform: none !important; } #GridTop.noTopImage.longer { height: 0; overflow: hidden; } .box-image-animation img { object-fit: cover; } #GridPromo { width: 100%; margin: 0; padding: 0; } #CatalogModule { padding: 0; } .itemContentWrapper { margin: 0; } .catalogContainer.container { width: 100%; padding: 0; margin: 0; } .row { margin: 0; } #GridTop.noTopImage, .slick-track::before, .slick-track::after, .grid-boxes::before, .grid-boxes::after, .grid-rows::before, .grid-rows .grid-row::after, #gridshort-view > div::before, #gridshort-view > div::after, .gallery-cubes::before, .gallery-cubes::after, .row::before, .row::after, .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, .clearfix { display: none !important; } #whatAppButton { left: unset; right: 1.667vw; bottom: 1.667vw; box-shadow: unset; border-radius: 0; } #whatAppButton img { max-width: unset; width: 8.7vw; } #PageBreadCrumps, .lobby-grid #PageBreadCrumps { color: var(--gray); font-size: clamp(1.2rem, 0.729vw, 1000rem); line-height: 1.3; padding: 1.9vw 3.333vw 0; margin: 0; max-width: unset; display: inline-flex; flex-wrap: wrap; position: absolute; top: 0; } #PageBreadCrumps span { display: inline-flex; } #PageBreadCrumps span:last-child { color: var(--black); } #PageBreadCrumps span::after { margin: 0 5px; content: "/"; } .btn-hover-circle { position: absolute; left: 1vw; top: 50%; transform: translateY(-50%); width: 0.5vw; height: 0.5vw; border-radius: 50%; background: var(--lime); overflow: hidden; transition: 0.4s all ease; pointer-events: none; } .btn-hover-circle::before { content: ''; position: absolute; left: calc(100% + 0.5vw); top: 50%; transform: translate(-50%,-50%); width: 0.7vw; height: 0.7vw; background-image: url(/warehouse/dynamic/485540.svg); background-size: auto; background-repeat: no-repeat; background-position: center; transition: 0.4s all ease; } @media(min-width: 1025px) { :is(div, a, button):has(> .btn-hover-circle):hover .btn-hover-circle { width: 2.396vw; height: 2.396vw; left: 0.2vw; } :is(div, a, button):has(> .btn-hover-circle):hover .btn-hover-circle::before { left: 50%; } #SiteGridContainer { min-height: calc(48vw - var(--headerHeight)); } } @media(max-width: 1024px) { #whatAppButton { right: 20px; bottom: 20px; } #whatAppButton img { width: 120px; } a.AccessabilityLink { font-size: 1.4rem; } .grid-text-content p, .grid-box-fulltext p, .grid-text p, :is(#lobbyText, #text1, #text2) p, .grid-rows .grid-row-text p, .grid-rows .grid-row-text li, :is(#lobbyText, #text1, #text2) li, :is(#text1, #text2) span { font-size: 1.8rem; line-height: 1.2; } .center-div { overflow: unset !important; justify-content: center !important; } #PageBreadCrumps, .lobby-grid #PageBreadCrumps { font-size: 1.2rem; padding: 14px 24px 0; line-height: 1; } } /*------------------------------------------/* HEADER /*------------------------------------------*/ #header2 { top: 0; display: flex; align-items: center; z-index: 300; background: transparent; transition: 0.3s all ease; padding: 0; } #header2 #header-container #header-left { margin: 0; height: auto; width: auto; } #header2 #header-container .header-right-section .header-top { display: none; } #header2 #header-container .header-right-section .menu-nav #menu li { margin: 0; color: var(--white); transition: 0.3s all ease; background: transparent; } #header2 #header-container .header-right-section .menu-nav #menu li::before { display: none; } #header2 #header-container .header-right-section .menu-nav #menu li a { opacity: 1 !important; border: none; padding: 0; } #header2 #header-container .mobile-middle-kdm { display: inline-flex; order: 3; margin-inline: auto 0; } #header2 #header-container .mobile-middle-kdm > a { font-size: 0.938vw; color: var(--black); background: var(--white); border-radius: 50px; transition: 0.3s all ease; padding: 0.2vw 2vw 0; display: inline-flex; font-family: var(--med); width: auto; min-width: 7.6vw; height: 2.24vw; align-items: center; justify-content: center; position: relative; border: unset; } body:is(.businesses-page, .small-businesses-page) #header2 #header-container .mobile-middle-kdm > a.limited-pages-btn { display: inline-flex !important; } body:is(.businesses-page, .small-businesses-page) #header2 #header-container .mobile-middle-kdm > a:not(.limited-pages-btn) { display: none; } #header2.bg { background: var(--bg); } body.has-banner #header2.bg { background: transparent; } #header2.bg #header-container #header-left img { opacity: 0; } #header2.bg #header-container .mobile-middle-kdm > a { background: var(--black); color: var(--white); } @media(min-width: 1025px) { #header2 #header-container { padding: 0 3.333vw; display: flex; align-items: center; height: 5vw; gap: 2.917vw; } #header2 #header-container #header-left img { width: 3.333vw; height: 3.333vw; object-fit: cover; opacity: 0; } #header2 #header-container .header-right-section { display: flex; position: unset; align-items: center; order: 1; } #header2 #header-container .header-right-section .menu-nav { margin: 0; width: max-content; } #header2 #header-container .header-right-section .menu-nav #menu { text-align: center; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 1.25vw; } #header2 #header-container .header-right-section .menu-nav #menu li { font-size: 0.938vw; line-height: 1; } :is(#header2, #header2.bg) #header-container .header-right-section .menu-nav #menu li:is(.active, .open, :hover, :focus) { font-family: var(--med); } #header2 #header-container .header-right-section .menu-nav #menu > li > a { min-height: 5vw; display: inline-flex; align-items: center; } #header2 #header-container .mobile-middle-kdm > a:is(:hover,:focus) { color: var(--black); background: var(--lime) } #header2 #header-container #header-left a.logoHeader { position: relative; transition: 0.3s all ease; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/518188.svg); } #header2 #header-container #header-left a.logoHeader::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0.2vw; height: 2vw; width: 2vw; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/518185.gif); pointer-events: none; } #header2.bg #header-container #header-left a.logoHeader { /* background-image: url(/warehouse/dynamic/491238.svg); */ background-image: url(/warehouse/dynamic/518187.svg); } #header2.bg #header-container #header-left a.logoHeader::after { background-image: url(/warehouse/dynamic/518186.gif); } #header2.bg #header-container .header-right-section .menu-nav #menu li { color: var(--black); } } @media(max-width: 1024px) { #header2 { height: 64px; background: var(--bg); } #header2 #header-container { display: flex; padding: 16px 24px; } #header2 #header-container #header-left { margin: 0 auto 0 0; } #header2 #header-container #header-left a.logoHeader { background-image: url(/warehouse/dynamic/491236.svg); width: 105px; height: 24px; } #header2 #header-container #header-left a.logoHeader img { display: none; } #header2 #header-container .mobile-middle-kdm { order: unset; width: auto; margin-right: 16px; padding-right: 16px; position: relative; margin-top: 0; } #header2 #header-container .mobile-middle-kdm::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 14px; width: 1px; background: var(--black); } #header2 #header-container .mobile-middle-kdm > a { min-width: 108px; height: 32px; font-size: 1.6rem; padding: 2px 10px 0; background: var(--black); color: var(--bg); } #header2 #header-container .header-right-section { width: auto; padding: 0; background: transparent; display: inline-flex; align-items: center; } #header2 #header-container .header-right-section .menu-nav { max-width: unset; margin: 0; } #header2 #header-container .header-right-section .menu-nav .nav-menu-anim { width: 20px; height: 18px; } #header2 #header-container .header-right-section .menu-nav .nav-menu-anim #nav-toggle { pointer-events: none; } #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after, #nav-toggle-mobile span, #nav-toggle-mobile span:before, #nav-toggle-mobile span:after { background: var(--black); width: 20px; } #nav-toggle span:before, #nav-toggle-mobile span:before { top: -7px; } #nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -7px; } #nav-toggle.active span:before, #nav-toggle.active span:after { background: var(--white); } #header2 ul.menu { position: fixed; transition: 0.5s all ease; overflow: unset; margin: 0; top: 0; right: 0; padding: 110px 24px 32px !important; min-width: unset; width: 100vw; height: 100vh !important; min-height: unset; overflow-y: auto; flex-direction: column; background: var(--black); pointer-events: none; transform: translateX(100%); } #header2.open ul.menu { display: flex !important; pointer-events: all; transform: translateX(0%); } #header2 #header-container .header-right-section .menu-nav #menu > li { white-space: normal; padding: 12px 0; border: unset; color: var(--bg); font-family: var(--yad), var(--med);: e; transition: 0.4s 1.4s transform ease, 0s opacity ease; opacity: 0; transform: translateY(30px); } #header2.open #header-container .header-right-section .menu-nav #menu > li { transform: translateY(0); opacity: 1; transition: 0.4s 0.4s all ease; } :is(#header2, #header2.bg) #header-container .header-right-section .menu-nav #menu li:is(.active, .open, :hover, :focus) { color: var(--lime); } #header2 #header-container .header-right-section .menu-nav #menu > li:before { display: none; } #header2 #header-container .header-right-section .menu-nav #menu > li > a { font-size: 2.4rem; opacity: 1 !important; border: unset !important; } #header2 #header-container .header-right-section .menu-nav #menu > li.social-mobile { margin-top: auto; display: inline-flex; justify-content: flex-end; border-top: 1px solid rgb(245 243 240 / 20%); padding: 32px 0 0; } #header2 #header-container .header-right-section .menu-nav #menu > li.social-mobile a { border: 1px solid; border-radius: 50%; padding: 2px; display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; } #header2 #header-container .header-right-section .menu-nav #menu > li.social-mobile a svg { width: 16px; height: 16px; } } /*------------------------------------------/* HOME PAGE /*------------------------------------------*/ #home-gallery { height: max-content !important; } #home-gallery .slider-bg.stellar-bg { min-height: unset; height: 30.417vw !important; } #home-gallery .slider-bg.stellar-bg::after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 2; background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.80) 100%); pointer-events: none; } #home-gallery .slider-bg.stellar-bg .photoCaption { color: var(--white); width: 22vw; right: 10.417vw; text-align: right; z-index: 3; } #home-gallery .slider-bg.stellar-bg .photoCaption .photoCaptionText { max-width: unset; margin: 0; padding: 0; background: transparent; } #home-gallery .slider-bg.stellar-bg .photoCaption .photoCaptionText::after { display: none; } #home-gallery .slider-bg.stellar-bg .photoCaption .photoCaptionText h2.photoTitle { font-size: 2.5vw; margin-bottom: 1.2vw; line-height: 1; color: var(--white); } #home-gallery .slider-bg.stellar-bg .photoCaption .photoCaptionText h3 { font-size: 1.8vw; line-height: 1; color: var(--white); font-family: var(--med); margin: 1.2vw 0; } #home-gallery .slider-bg.stellar-bg .photoCaption .photoCaptionText p { margin: 0; } #home-gallery .slider-bg.stellar-bg .photoCaption .photoCaptionText p:not(:has(img)) { font-size: 1.25vw; margin-bottom: 2.8vw; max-width: 100%; line-height: 1.2; } #home-gallery .slider-bg.stellar-bg .photoCaption .photoCaptionText img { width: 20vw; min-width: unset; } #home-gallery .slider-bg.stellar-bg .photoCaption .photoCaptionText a.photoCaptionLink { background: var(--lime); color: var(--black); font-family: var(--med); font-size: 0.938vw; padding: 0.2vw 2vw 0; border: unset; border-radius: 50px; position: relative; height: 2.813vw; min-width: 10.417vw; display: inline-flex; justify-content: center; align-items: center; } #home-gallery ol.flex-control-nav.flex-control-paging { display: flex; bottom: unset; left: unset; transform: translateY(-50%); right: 3.333vw; top: 50%; flex-direction: column; gap: 0.2vw; } #home-gallery ol.flex-control-nav.flex-control-paging li { margin: 0; } #home-gallery ol.flex-control-nav.flex-control-paging li a.flex-active { height: 32px; opacity: 1; } #home-gallery ol.flex-control-nav.flex-control-paging li a { background: var(--bg); width: 8px; height: 8px; transition: 0.3s all ease; opacity: 0.4; outline: none; } #home-gallery #player-controls, #home-gallery .scroll-down, #home-gallery .opacity-layer { display: none; } .home-page #allSectionsWrapper > *:nth-child(1) { margin-top: 5vw; } .section.blue-carousel-sec { margin-bottom: 16vw; display: flex; flex-direction: column; gap: 2.55vw; align-items: center; } .section.blue-carousel-sec .section-title { font-size: 4.167vw; display: flex; flex-direction: column; color: var(--black); letter-spacing: 0.042vw; position: relative; width: 50vw; } .section.blue-carousel-sec .section-title h1 { font-size: 100%; } .section.blue-carousel-sec .section-title h2 { font-size: 100%; } .section.blue-carousel-sec .section-title::after { content: ''; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/491316.svg); position: absolute; left: calc(100% + 5vw); top: 0; width: 4.58vw; height: 7.07vw; transition: 0.7s 1s all ease; opacity: 0; } .section.blue-carousel-sec.shown .section-title::after { opacity: 1; } .section.blue-carousel-sec .section-topText { max-width: 48.542vw; margin: -1vw auto 0; } .section.blue-carousel-sec .section-topText p { font-size: 1.25vw; line-height: 1.2; color: var(--black); } .section.blue-carousel-sec .section-topText iframe { margin-top: 2vw; border-radius: 0.417vw; } .section.blue-carousel-sec .grid-boxes { width: 100%; overflow: visible; gap: 0.833vw; } .section.blue-carousel-sec .grid-boxes .grid-box { display: flex; border-radius: 0.417vw; pointer-events: none; background: var(--lime); padding: 2.3vw 2.5vw; min-width: 20.8vw; width: 20.8vw; align-items: flex-start; flex-direction: column; text-align: right; gap: 0.754vw; } .section.blue-carousel-sec .grid-boxes .grid-box .grid-box-title h3 { color: var(--black); font-family: var(--med); font-size: 1.25vw; margin: 0; line-height: 1; letter-spacing: 0.013vw; position: relative; display: flex; gap: 0.833vw; } .section.blue-carousel-sec .grid-boxes .grid-box .grid-box-title h3::before { content: ''; display: inline-block; width: 0.417vw; min-width: 0.417vw; height: 0.417vw; background: var(--black); border-radius: 50%; transform: translateY(0.2vw); } .section.blue-carousel-sec .grid-boxes .grid-box .grid-box-fulltext p { font-size: 0.833vw; line-height: 1.3; color: var(--black); } @media(max-width: 1024px) { #home-gallery { margin-bottom: 28px; overflow: visible; z-index: 5; } #home-gallery .slider-bg.stellar-bg { height: 75vh !important; } #home-gallery .slider-bg.stellar-bg::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.80) 100%); } #home-gallery .slider-bg.stellar-bg .photoCaption { top: unset; bottom: 32px; transform: translateX(-50%); right: unset; left: 50%; width: 100%; padding: 0 24px; text-align: center; } #home-gallery .slider-bg.stellar-bg .photoCaption .photoCaptionText h2.photoTitle { font-size: 3.2rem; margin-bottom: 20px; } #home-gallery .slider-bg.stellar-bg .photoCaption .photoCaptionText p:not(:has(img)) { font-size: 1.8rem; max-width: unset; margin-bottom: 20px; } #home-gallery .slider-bg.stellar-bg .photoCaption .photoCaptionText .photoTextWrapper { display: grid; justify-items: center; } #home-gallery .slider-bg.stellar-bg .photoCaption .photoCaptionText h3 { font-size: 2.4rem; margin: 20px 0 10px; } #home-gallery .slider-bg.stellar-bg .photoCaption .photoCaptionText img { width: 200px; } #home-gallery .slider-bg.stellar-bg .photoCaption .photoCaptionText a.photoCaptionLink { height: 45px; min-width: 168px; font-size: 1.8rem; padding: 2px 10px 0; } #home-gallery ol.flex-control-nav.flex-control-paging { top: unset; bottom: -28px; transform: translateX(-50%); right: unset; left: 50%; flex-direction: row; gap: 4px; } #home-gallery ol.flex-control-nav.flex-control-paging li a { height: 8px; background: var(--black); } #home-gallery ol.flex-control-nav.flex-control-paging li a.flex-active { width: 32px; height: 8px; } .home-page #allSectionsWrapper > *:nth-child(1) { margin-top: 0; padding-top: 35px; } .section.blue-carousel-sec { margin-bottom: 114px; gap: 0; } .section.blue-carousel-sec .section-title { font-size: 4rem; letter-spacing: 0.4px; margin-bottom: 24px; align-items: center; width: 100%; } .section.blue-carousel-sec .section-title::after { position: relative; left: unset; top: unset; width: 16px; height: 80px; margin-top: 10px; background-image: url(/warehouse/dynamic/491317.svg); } .section.blue-carousel-sec .section-topText { max-width: unset; width: 100%; padding: 0 24px; margin: 0 auto 50px; } .section.blue-carousel-sec .section-topText p { font-size: 2rem; line-height: 1.3; } .section.blue-carousel-sec .section-topText iframe { margin-top: 30px; width: 100%; border-radius: 8px; } .section.blue-carousel-sec .grid-boxes { gap: 12px; padding: 0 24px; scroll-snap-type: x mandatory; overflow-x: scroll; } .section.blue-carousel-sec .grid-boxes .grid-box { padding: 32px; min-width: 86vw; width: 86vw; gap: 14px; border-radius: 8px; scroll-snap-align: center; } .section.blue-carousel-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 1.8rem; line-height: 1.1; gap: 16px; } .section.blue-carousel-sec .grid-boxes .grid-box .grid-box-title h3::before { width: 8px; min-width: 8px; height: 8px; transform: translateY(3px); } .section.blue-carousel-sec .grid-boxes .grid-box .grid-box-fulltext p { font-size: 1.6rem; letter-spacing: 0.16px; line-height: 1.1; } } /*------------------------------------------/* SECTIONS /*------------------------------------------*/ #GridWrap { display: grid; } body:not(.home-page, .parents-page, .contact-page) #GridWrapInner { direction: rtl; display: grid; padding-top: 7vw; } :is(div, #LobbyModule) .section.boxes-carousel-sec :is(.grid-boxes, .gallery-cubes) .grid-boxes-wrapper { gap: 1.042vw; display: flex; animation: scrollText 80s linear infinite; width: max-content; } :is(div, #LobbyModule) .section.boxes-carousel-sec :is(.grid-boxes, .gallery-cubes) .pause-btn { width: 1.25vw; aspect-ratio: 1; position: absolute; top: calc(100% + 1.25vw); right: 1.25vw; background: transparent; border: unset; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/511480.svg); background-size: contain; padding: 0; } :is(div, #LobbyModule) .section[class*=row-variant] { margin-bottom: 5.5vw; padding: 2.3vw 0; } :is(div, #LobbyModule) .section[class*=row-variant] .grid-rows { max-width: 79.167vw; margin: 0 auto; } :is(div, #LobbyModule) .section[class*=row-variant] .grid-row { display: flex !important; justify-content: center; align-items: center; gap: 11.219vw; overflow: visible; } :is(div, #LobbyModule) .section[class*=row-variant] .grid-row .flexslider-box { display: none !important; } :is(div, #LobbyModule) .section[class*=row-variant] .grid-row .flexslider-box:has(img) { width: 25.417vw; height: 34.219vw; border-radius: 0.417vw; display: block !important; } :is(div, #LobbyModule) .section[class*=row-variant] .grid-row .box-image-animation { overflow: visible; } :is(div, #LobbyModule) .section[class*=row-variant] .grid-row .flexslider-box .box-image-animation img { border-radius: 0.417vw; height: 100%; } :is(div, #LobbyModule) .section[class*=row-variant] .grid-row .flexslider-box .box-image-animation .white-img-bg { background: var(--white); width: 100%; height: 100%; position: absolute; top: 0; z-index: -1; border-radius: 0.417vw; } :is(div, #LobbyModule) .section[class*=row-variant] .grid-row .grid-row-cell-text { width: 25.521vw; display: flex !important; } :is(div, #LobbyModule) .section[class*=row-variant] .grid-row .grid-row-cell-text .grid-row-text { width: 100%; padding: 0; margin: 0; color: var(--black); } :is(div, #LobbyModule) .section[class*=row-variant] .grid-row .grid-row-cell-text .grid-row-text h2 { font-size: 3.333vw; letter-spacing: 0.033vw; margin: 0 0 0.7vw; } :is(div, #LobbyModule) .section[class*=row-variant] .grid-row .grid-row-cell-text .grid-row-text h3 { margin: 0 0 1.4vw; font-size: 1.25vw; line-height: 1.2; font-family: var(--med); color: var(--black); } :is(div, #LobbyModule) .section[class*=row-variant] .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button { background: var(--lime); color: var(--black); font-family: var(--med); font-size: 0.938vw; padding: 0.2vw 2vw 0; border: unset; border-radius: 50px; position: relative; margin-top: 3.5vw; height: 2.813vw; min-width: 10.781vw; display: inline-flex; justify-content: center; align-items: center; } :is(div, #LobbyModule) .section[class*=row-variant] .grid-row .lottie-wrapper lottie-player { width: 100%; height: 100%; pointer-events: none; } :is(div, #LobbyModule) .section.row-variant-1-sec { margin-bottom: 4.5vw; } :is(div, #LobbyModule) .section.row-variant-1-sec .grid-rows .grid-row { direction: ltr !important; align-items: flex-end; gap: 11.219vw; } :is(div, #LobbyModule) .section.row-variant-1-sec .grid-rows .grid-row .flexslider-box { margin-bottom: 0; pointer-events: none; } :is(div, #LobbyModule) .section.row-variant-1-sec .grid-rows .grid-row .flexslider-box::after { width: 16.875vw; height: 15.104vw; position: absolute; top: calc(50% - 5vw); left: calc(100% + 5vw); z-index: 5; transform: translate(-50%, -50%); content: ''; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/492644.svg); } :is(div, #LobbyModule) .section.row-variant-1-sec .grid-rows .grid-row .flexslider-box .box-image-animation img { transform: rotate(-7.5deg); } :is(div, #LobbyModule) .section.row-variant-1-sec .grid-rows .grid-row .flexslider-box .box-image-animation .white-img-bg { transform: rotate(-12.5deg); } :is(div, #LobbyModule) .section.row-variant-1-sec .grid-rows .grid-row .atm-lottie { display: flex; width: 13.125vw; height: 20.156vw; position: absolute; top: -1vw; left: calc(50% + 8vw); transform: translate(-50%,-50%); z-index: 5; } :is(div, #LobbyModule) .section.row-variant-2-sec .grid-rows .grid-row { justify-content: space-between; } :is(div, #LobbyModule) .section.row-variant-2-sec .grid-rows .grid-row .flexslider-box { pointer-events: none; } :is(div, #LobbyModule) .section.row-variant-2-sec .grid-rows .grid-row .flexslider-box .box-image-animation img { transform: rotate(7.5deg); } :is(div, #LobbyModule) .section.row-variant-2-sec .grid-rows .grid-row .flexslider-box .box-image-animation .white-img-bg { transform: rotate(12.5deg); } :is(div, #LobbyModule) .section.row-variant-2-sec .grid-rows .grid-row .family-lottie { display: flex; width: 26.667vw; height: 18.281vw; position: absolute; top: calc(50% - 9vw); left: calc(50% + 5vw); transform: translate(-50%,-50%); z-index: 5; display: none; } :is(div, #LobbyModule) .section.row-variant-3-sec { background: var(--black); padding: 5.729vw 0; } :is(div, #LobbyModule) .section.row-variant-3-sec .grid-rows .grid-row { justify-content: space-between; direction: ltr !important; } :is(div, #LobbyModule) .section.row-variant-3-sec .grid-rows .grid-row .flexslider-box:has(img) { width: 36.458vw; height: 40.521vw; border-radius: unset; } :is(div, #LobbyModule) .section.row-variant-3-sec .grid-rows .grid-row:has(.lottie-wrapper) { direction: rtl !important; } :is(div, #LobbyModule) .section.row-variant-3-sec .grid-rows .grid-row:has(.lottie-wrapper) .flexslider-box { display: none !important; } :is(div, #LobbyModule) .section.row-variant-3-sec .grid-rows .grid-row .touch-lottie { display: flex; width: 36.458vw; height: 40.521vw; z-index: 5; } :is(div, #LobbyModule) .section.row-variant-3-sec .grid-rows .grid-row .grid-row-cell-text { width: 32.5vw; } :is(div, #LobbyModule) .section.row-variant-3-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text { color: var(--white); } :is(div, #LobbyModule) .section.row-variant-3-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { font-size: 4.167vw; letter-spacing: 0.042vw; color: var(--white); } :is(div, #LobbyModule) .section.row-variant-3-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text p { color: inherit; width: 24.5vw; } :is(div, #LobbyModule) .section.row-variant-4-sec .grid-rows .grid-row { gap: 4vw; justify-content: space-between; flex-direction: row-reverse; align-items: flex-start; } :is(div, #LobbyModule) .section.row-variant-4-sec .grid-rows .grid-row .flexslider-box { pointer-events: none; } :is(div, #LobbyModule) .section.row-variant-4-sec .grid-rows .grid-row .flexslider-box .box-image-animation img { transform: rotate(-7.5deg) } :is(div, #LobbyModule) .section.row-variant-4-sec .grid-rows .grid-row .flexslider-box .box-image-animation .white-img-bg { transform: rotate(-12.5deg); } :is(div, #LobbyModule) .section.row-variant-4-sec .grid-rows .grid-row .grid-row-cell-text { padding: 7.5vw 0 0; } :is(div, #LobbyModule) .section.row-variant-4-sec .grid-rows .grid-row > .grid-row-image-container { align-self: end; margin: 0 0.7vw 5.7vw 0; width: 12.5vw; height: 12.5vw; pointer-events: none; } :is(div, #LobbyModule) .section.row-variant-4-sec .grid-rows .grid-row > .grid-row-image-container img { transform: rotate(7.5deg); border-radius: 0.417vw; } :is(div, #LobbyModule) .section.row-variant-5-sec.inverted-row .grid-rows .grid-row { direction: ltr !important; } :is(div, #LobbyModule) .section.row-variant-5-sec .grid-rows .grid-row .flexslider-box { margin-bottom: 0; pointer-events: none; } :is(div, #LobbyModule) .section.row-variant-5-sec .grid-rows .grid-row .flexslider-box .box-image-animation img { transform: rotate(7.5deg); } :is(div, #LobbyModule) .section.row-variant-5-sec .grid-rows .grid-row .flexslider-box .box-image-animation .white-img-bg { transform: rotate(12.5deg); } :is(div, #LobbyModule) .section[class*=row-variant] .grid-row .grid-row-cell-text .grid-row-text .arrow { content: ''; position: absolute; right: calc(100% - 6vw); bottom: calc(100% + 5vw); background-repeat: no-repeat; background-position: center; background-size: contain; height: 4.375vw; width: 11.354vw; background-image: url(/warehouse/dynamic/517015.svg); } .mouse-move.crown-img { width: 5.573vw; height: 5.729vw; background-image: url(/warehouse/dynamic/491335.svg); background-repeat: no-repeat; background-position: center; background-size: cover; right: calc(100% + 6vw); top: 3vw; } .mouse-move.star-left-img { width: 1.51vw; height: 1.927vw; background-image: url(/warehouse/dynamic/491336.svg); background-repeat: no-repeat; background-position: center; background-size: cover; right: calc(100% + 15vw); top: 7vw; } .mouse-move.star-right-img { width: 2.344vw; height: 2.76vw; background-image: url(/warehouse/dynamic/491337.svg); background-repeat: no-repeat; background-position: center; background-size: cover; right: calc(100% + 3vw); top: 0vw; } :is(div, #LobbyModule) .section.row-variant-6-sec { margin-bottom: 9vw; padding: 2.3vw 0; } :is(div, #LobbyModule) .section.row-variant-6-sec .grid-rows { max-width: 79.167vw; margin: 0 auto; } :is(div, #LobbyModule) .section.row-variant-6-sec .grid-row { display: flex !important; justify-content: center; align-items: center; gap: 12.917vw; overflow: visible; direction: ltr !important; } :is(div, #LobbyModule) .section.row-variant-6-sec .grid-row .flexslider-box:has(img) { width: 13.35vw; height: 27.1vw; } :is(div, #LobbyModule) .section.row-variant-6-sec .grid-row .flexslider-box * { height: 100%; } :is(div, #LobbyModule) .section.row-variant-6-sec .grid-row .flexslider-box .box-image-animation { overflow: visible; } :is(div, #LobbyModule) .section.row-variant-6-sec .grid-row .flexslider-box .box-image-animation img { object-fit: fill; } :is(div, #LobbyModule) .section.row-variant-6-sec .grid-row .grid-row-cell-text { width: 25.521vw; display: flex !important; } :is(div, #LobbyModule) .section.row-variant-6-sec .grid-row .grid-row-cell-text .arrow { display: inline-block; width: 8.073vw; height: 1.354vw; position: absolute; z-index: 1; top: 50%; right: calc(100% + 2vw); transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/515818.svg); pointer-events: none; } :is(div, #LobbyModule) .section.row-variant-6-sec .grid-row .grid-row-cell-text .grid-row-text { width: 100%; padding: 0; margin: 0; color: var(--black); } :is(div, #LobbyModule) .section.row-variant-6-sec .grid-row .grid-row-cell-text .grid-row-text h2 { font-size: 3.333vw; letter-spacing: 0.033vw; margin: 0 0 0.7vw; } :is(div, #LobbyModule) .section.row-variant-6-sec .grid-row .grid-row-cell-text .grid-row-text h3 { margin: 0 0 1.4vw; font-size: 1.25vw; line-height: 1.2; font-family: var(--med); color: var(--black); } :is(div, #LobbyModule) .section.row-variant-6-sec .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button { background: var(--lime); color: var(--black); font-family: var(--med); font-size: 0.938vw; padding: 0.2vw 2vw 0; border: unset; border-radius: 50px; position: relative; margin-top: 3.5vw; height: 2.813vw; min-width: 10.781vw; display: inline-flex; justify-content: center; align-items: center; } :is(div, #LobbyModule) .section.row-variant-7-sec { padding: 0; } :is(div, #LobbyModule) .section.row-variant-7-sec .grid-rows { max-width: 65.833vw; display: grid; align-items: center; gap: 9.375vw; } :is(div, #LobbyModule) .section.row-variant-7-sec .grid-row { gap: 9vw; } :is(div, #LobbyModule) .section.row-variant-7-sec .grid-row .flexslider-box:has(img) { width: auto; height: 20.833vw; flex-grow: 1; } :is(div, #LobbyModule) .section.row-variant-7-sec .grid-row .flexslider-box *:is(.slides, .slider-item, .grid-row-image-container, .box-image-animation, .box-image-animation img) { height: 100%; } :is(div, #LobbyModule) .section.row-variant-7-sec .grid-row .flexslider-box .box-image-animation .play-sign { max-width: unset; width: 100%; height: 100%; display: grid; place-content: center; } :is(div, #LobbyModule) .section.row-variant-7-sec .grid-row .flexslider-box .box-image-animation .play-sign img { display: none; } :is(div, #LobbyModule) .section.row-variant-7-sec .grid-row .flexslider-box .box-image-animation .play-sign span { background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/516939.svg); width: 4.167vw; aspect-ratio: 1; transition: 0.4s all ease; display: flex; } :is(div, #LobbyModule) .section.row-variant-7-sec .grid-row .grid-row-cell-text { width: 21.354vw; } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes { pointer-events: none; padding: 2.3vw 0; max-width: 70.2vw; margin: 0 auto 11vw; position: relative; align-items: center; transform: unset; } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .grid-box { pointer-events: none; display: flex; gap: 11.219vw; overflow: visible; align-items: center; width: 100% !important; justify-content: center; background: var(--bg); opacity: 0 !important; } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .grid-box .grid-box-image { width: 25vw; height: 30.208vw; border-radius: 0.417vw; } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .grid-box .grid-box-image a.box-image-animation { border-radius: 0.417vw; transform: rotate(0deg); transition: 0.4s all ease; } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .grid-box .grid-box-image .white-img-bg { background: var(--white); width: 100%; height: 100%; position: absolute; top: 0; z-index: -1; border-radius: 0.417vw; transform: rotate(7.5deg); transition: 0.4s all ease; } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .grid-box .grid-box-text { width: 25.521vw; text-align: right; color: var(--black); } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .grid-box .grid-box-text .grid-box-subtitle { margin: 0 0 1.4vw; font-size: 1.25vw; line-height: 1.2; font-family: var(--med); color: var(--black); } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { position: relative; font-size: 3.333vw; letter-spacing: 0.033vw; margin: 0; font-family: var(--yad), var(--med); } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .grid-box.swiper-slide-active { opacity: 1 !important; } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .grid-box.swiper-slide-active .grid-box-image a.box-image-animation { transform: rotate(0deg); } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .grid-box.swiper-slide-active .grid-box-image .white-img-bg { transform: rotate(7.5deg); } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .swiper-pagination { bottom: unset; width: auto; top: 50%; transform: translateY(-50%); left: unset; right: 0; display: grid; gap: 0.3vw; } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .swiper-pagination .swiper-pagination-bullet { background: var(--black); opacity: 0.2; width: 0.417vw; height: 0.417vw; border-radius: 0.417vw; transition: 0.4s all ease; margin: 0; } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; height: 1.667vw; } :is(div, #LobbyModule) .section.our-advantages-sec { background: var(--black); padding: 9.479vw 10.417vw; display: flex; justify-content: space-between; gap: 1.25vw; margin-bottom: 9vw; } :is(div, #LobbyModule) .section.our-advantages-sec:has(+ .waiting-for-sec) { margin-bottom: 0; } :is(div, #LobbyModule) .section.our-advantages-sec .section-title { text-align: right; width: 36.9vw; } :is(div, #LobbyModule) .section.our-advantages-sec .section-title h2 { color: var(--bg); font-size: 4.167vw; letter-spacing: 0.042vw; position: sticky; top: calc(var(--headerHeight) + 3vw); display: inline-flex; flex-wrap: wrap; gap: 0; /* text-wrap: balance; */ } :is(div, #LobbyModule) .section.our-advantages-sec .grid-boxes { flex-direction: column; gap: 0.833vw; width: 39vw; } :is(div, #LobbyModule) .section.our-advantages-sec .grid-boxes .grid-box { width: 100%; background: #3F3F3F; color: var(--bg); border-radius: 0.417vw; text-align: right; padding: 2.917vw; display: flex; flex-direction: column; } :is(div, #LobbyModule) .section.our-advantages-sec .grid-boxes .grid-box .grid-box-image { margin-bottom: 1.7vw; pointer-events: none; } :is(div, #LobbyModule) .section.our-advantages-sec .grid-boxes .grid-box .grid-box-image img { object-fit: contain; height: 2.5vw; width: 2.92vw; object-position: right; } :is(div, #LobbyModule) .section.our-advantages-sec .grid-boxes .grid-box .grid-box-title h3 { font-family: var(--yad), var(--med); margin: 0; font-size: 2.5vw; line-height: 1.1; pointer-events: none; } :is(div, #LobbyModule) .section.our-advantages-sec .grid-boxes .grid-box .grid-box-fulltext { margin-top: 1.1vw; } :is(div, #LobbyModule) .section.our-advantages-sec .grid-boxes .grid-box .grid-box-fulltext p { font-size: clamp(1.3rem, 1.042vw, 1000rem); line-height: 1.3; color: inherit; } :is(div, #LobbyModule) .section.our-benefits-sec { margin: 0 auto 11vw; } :is(div, #LobbyModule) .section.our-benefits-sec .section-title { text-align: right; padding: 0 10.417vw; } :is(div, #LobbyModule) .section.our-benefits-sec .section-title :is(h1, h2) { color: var(--black); font-size: 4.167vw; letter-spacing: 0.042vw; } :is(div, #LobbyModule) .section.our-benefits-sec:has(.grid-rows .grid-row) .section-title { margin-bottom: 1.5vw; } :is(div, #LobbyModule) .section.our-benefits-sec .section-title h3 { font-size: 1.042vw; margin: 1vw 0 0; line-height: 1.3; } :is(div, #LobbyModule) .section.our-benefits-sec .grid-rows { display: flex; gap: 2.865vw; overflow: visible; padding: 0 10.417vw; } :is(div, #LobbyModule) .section.our-benefits-sec .grid-rows .grid-row { background: var(--white); border-radius: 0.417vw; direction: rtl !important; width: 51.3vw; min-width: 51.3vw; } :is(div, #LobbyModule) .section.our-benefits-sec .grid-rows .grid-row .flexslider-box { padding: 0.417vw; border-radius: 0.417vw; height: auto; width: 24.74vw; } :is(div, #LobbyModule) .section.our-benefits-sec .grid-rows .grid-row .flexslider-box img { border-radius: 0.417vw; width: 24.74vw; height: 17.083vw; } :is(div, #LobbyModule) .section.our-benefits-sec .grid-rows .grid-row .grid-row-cell-text { width: auto; height: auto; } :is(div, #LobbyModule) .section.our-benefits-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text { width: 100%; height: 100%; display: flex; margin: 0; padding: 0 2.084vw; flex-direction: column; align-items: center; justify-content: center; text-align: center; } :is(div, #LobbyModule) .section.our-benefits-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { line-height: 1; margin-bottom: 0.6vw; letter-spacing: 0.021vw; font-size: 2.083vw; } :is(div, #LobbyModule) .section.our-benefits-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h3 { margin: 0; font-size: 1.042vw; line-height: 1.3; } :is(div, #LobbyModule) .section.our-benefits-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button { background: var(--lime); color: var(--black); font-family: var(--med); font-size: 0.938vw; padding: 0.2vw 2vw 0; border: unset; border-radius: 50px; position: relative; margin-top: 1.6vw; height: 2.813vw; min-width: 13.5vw; display: inline-flex; justify-content: center; align-items: center; } :is(div, #LobbyModule) .section.waiting-for-sec { padding: 3.5vw 0 0; color: var(--bg); background: var( --black); } :is(div, #LobbyModule) .section.waiting-for-sec:not(:last-child) { margin-bottom: 9vw; } :is(div, #LobbyModule) .section.waiting-for-sec .section-title h2 { font-size: 4.167vw; letter-spacing: 0.042vw; margin-bottom: 1.3vw; color: var(--white); } :is(div, #LobbyModule) .section.waiting-for-sec .grid-text { gap: 4.167vw; display: flex; flex-direction: column-reverse; margin: 0 auto; width: 33.3vw; } :is(div, #LobbyModule) .section.waiting-for-sec .grid-text::after { content: ''; position: absolute; left: calc(100% - 2vw); top: 3vw; width: 16.25vw; height: 15.521vw; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/492512.svg); } :is(div, #LobbyModule) .section.waiting-for-sec .grid-text .grid-text-content { left: unset; top: unset; transform: unset; position: relative; width: auto; padding: 0; display: flex; flex-direction: column; gap: 2.865vw; } :is(div, #LobbyModule) .section.waiting-for-sec .grid-text .grid-text-content p { color: var(--bg); font-size: 1.458vw; } :is(div, #LobbyModule) .section.waiting-for-sec .grid-text .gridTextImgContainer img { width: 13.333vw; } .mouse-move { position: absolute; } .mouse-move.checkmark-img { width: 4.167vw; height: 3.906vw; background-image: url(/warehouse/dynamic/491334.svg); background-repeat: no-repeat; background-position: center; background-size: cover; left: 0; top: calc(50% - 2vw); transform: translateY(-50%); } .mouse-move.heart-img { width: 3.542vw; height: 3.75vw; background-image: url(/warehouse/dynamic/491333.svg); background-repeat: no-repeat; background-position: center; background-size: cover; right: 0; bottom: 3vw; } :is(div, #LobbyModule) .section.small-black-boxes-sec { margin-bottom: 9vw; } :is(div, #LobbyModule) .section.small-black-boxes-sec.boxes-carousel-sec { max-width: 100vw; padding: 0; } :is(div, #LobbyModule) .section.small-black-boxes-sec .section-title h2 { letter-spacing: 0.033vw; font-size: 3.333vw; margin-bottom: 3.1vw; } :is(div, #LobbyModule) .section.small-black-boxes-sec .grid-boxes { display: flex; } :is(div, #LobbyModule) .section.small-black-boxes-sec .grid-boxes .grid-box { display: grid; grid-template-columns: auto 1fr; height: auto; border-radius: 0.417vw; pointer-events: none; background: var(--black); padding: 2.083vw 1.667vw; text-align: right; gap: 0.9vw 1.667vw; align-items: center; } :is(div, #LobbyModule) .section.small-black-boxes-sec .grid-boxes .grid-box .grid-box-image img { width: 2.5vw; aspect-ratio: 1; } :is(div, #LobbyModule) .section.small-black-boxes-sec .grid-boxes .grid-box .grid-box-title h3 { color: var(--white); font-family: var(--yad),var(--med); margin: 0; line-height: 1; font-size: 1.563vw; letter-spacing: 0.016vw; } :is(div, #LobbyModule) .section.small-black-boxes-sec .grid-boxes .grid-box .grid-box-fulltext p { color: var(--white); } :is(div, #LobbyModule) .section.working-steps-sec { margin-bottom: 9vw; display: grid; padding: 0 10.417vw; } :is(div, #LobbyModule) .section.working-steps-sec .section-title h2 { letter-spacing: 0.033vw; font-size: 3.333vw; margin-bottom: 1.8vw; } :is(div, #LobbyModule) .section.working-steps-sec .section-topText { font-size: 1.042vw; margin: 0; line-height: 1.3; color: var(--black); } :is(div, #LobbyModule) .section.working-steps-sec .section-topText + .grid-boxes { margin-top: 7.2vw; } :is(div, #LobbyModule) .section.working-steps-sec .grid-boxes { position: relative; justify-content: center; gap: 1.024vw; display: grid; grid-template-columns: repeat(3, 1fr); } :is(div, #LobbyModule) .section.working-steps-sec .grid-boxes .grid-box { display: flex; height: auto; border-radius: 0.417vw; pointer-events: none; background: var(--black); padding: 2.917vw 1.667vw 2.2vw; width: 100%; text-align: right; gap: 2vw; align-items: center; } :is(div, #LobbyModule) .section.working-steps-sec .grid-boxes .grid-box .grid-box-image { grid-column: span 1; grid-row: span 1; } :is(div, #LobbyModule) .section.working-steps-sec .grid-boxes .grid-box .grid-box-image img { width: 2.5vw; aspect-ratio: 1; } :is(div, #LobbyModule) .section.working-steps-sec .grid-boxes .grid-box .grid-box-title h3 { color: #3F3F3F; margin: 0; line-height: 0.7; font-size: 7.292vw; letter-spacing: 0.073vw; font-family: var(--yad), var(--med); } :is(div, #LobbyModule) .section.working-steps-sec .grid-boxes .grid-box .grid-box-fulltext p { color: var(--white); } :is(div, #LobbyModule) .section.working-steps-sec .grid-boxes .steps-ball { pointer-events: none; position: absolute; width: 100vw; height: 15vw; left: calc(50% - 8vw); top: 0; transform: translate(-50%, -13.1vw); } :is(div, #LobbyModule) .section.working-steps-sec .grid-boxes .steps-ball svg { width: 100%; height: 100%; } :is(div, #LobbyModule) .section.working-steps-sec .grid-boxes .steps-ball :is(#path1, #path2, #path3, #path4) { opacity: 0; } :is(div, #LobbyModule) .section.working-steps-sec .grid-boxes .steps-ball circle#ball { opacity: 0; } :is(div, #LobbyModule) .section.faq-sec { margin-bottom: 9vw; display: grid; gap: 3.1vw; padding: 0 10.417vw; } :is(div, #LobbyModule) .section.faq-sec .section-title { margin: 0; max-width: unset; } :is(div, #LobbyModule) .section.faq-sec .section-title h2 { letter-spacing: 0.033vw; font-size: 3.333vw; text-align: center; } :is(div, #LobbyModule) .section.faq-sec .grid-faq { max-width: unset; width: 100%; } :is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group { margin: 0; display: grid; gap: 0.417vw; } :is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item { position: relative; overflow: hidden; margin: 0 !important; box-shadow: none; border-radius: 0.417vw; background: var(--white); border: unset; } :is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-headline { background: transparent; font-size: 1.25vw; color: var(--black); font-family: var(--med); padding: 1.6vw 2vw 1.3vw; display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; } :is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-headline i { background-image: url(/warehouse/dynamic/515711.svg); background-repeat: no-repeat; background-size: 0.8vw; background-position: 50% 50%; background-color: var(--lime); border-radius: 50%; width: 2.083vw; aspect-ratio: 1; transform: unset; position: relative; left: unset; top: unset; transition: 0.3s all ease; } :is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-headline.open i { /*background-image: url(/warehouse/dynamic/515710.svg);*/ transform: rotate(-45deg); } :is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-headline i::before { display: none; } :is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-body { background: transparent; } :is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-body .faq-body-inner { max-width: 100%; padding: 0 2vw 1.7vw; } :is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text { max-width: 84%; } :is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text h3 { color: var(--black); font-family: var(--med); margin: 1.2vw 0 0.7vw; line-height: 1.3; font-size: clamp(1.3rem, 1.042vw, 1000rem); } :is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text h3:first-child { margin-top: 0; } :is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text :is(ul, ol) { margin: 0 0 0.5vw; padding-right: 1vw; } :is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text :is(ul, ol):last-child { margin: 0; } :is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text :is(p, li, span) { font-size: clamp(1.3rem, 1.042vw, 1000rem); line-height: 1.3; color: var(--black); } :is(div, #LobbyModule) .section.faq-sec .section-topText { max-width: unset; margin: 0; order: 3; } :is(div, #LobbyModule) .section.faq-sec .section-topText a { background: var(--lime); color: var(--black); font-family: var(--med); font-size: 0.938vw; padding: 0.2vw 2vw 0; border: unset; border-radius: 50px; position: relative; height: 2.813vw; min-width: 13.5vw; display: inline-flex; justify-content: center; align-items: center; } :is(div, #LobbyModule) .section.only-text-sec { margin: 0 auto 11vw; width: 39.1vw; } :is(div, #LobbyModule) .section.only-text-sec .grid-text-content a { text-decoration: unset; border-bottom: 1px solid; } :is(div, #LobbyModule) .section.only-text-sec .grid-text-content a:hover { color: var(--blue); } :is(div, #LobbyModule) .section.logos-sec { margin-bottom: 9vw; display: grid; padding: 0 10.417vw; } :is(div, #LobbyModule) .section.logos-sec #logos-search-form .logos-no-results-found { top: 3%; left: 59%; font-size: clamp(14px, 0.833vw,20px); color: red; } :is(div, #LobbyModule) .section.logos-sec .section-title { margin: 0; max-width: unset; text-align: right; } :is(div, #LobbyModule) .section.logos-sec .section-title h2 { letter-spacing: 0.033vw; font-size: 3.333vw; text-align: center; margin-bottom: 1.8vw; } :is(div, #LobbyModule) .section.logos-sec .section-title:has( + .gallery-container) h2 { margin-bottom: 3.1vw; } :is(div, #LobbyModule) .section.logos-sec .text1 { font-size: 1.042vw; margin: 0; line-height: 1.3; color: var(--black); } :is(div, #LobbyModule) .section.logos-sec .text1 + .gallery-container { margin-top: 3.8vw; } :is(div, #LobbyModule) .section.logos-sec .gallery-container .gallery-cubes { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1.042vw; /* pointer-events: none;*/ } :is(div, #LobbyModule) .section.logos-sec .gallery-container .gallery-cubes > *:has(> .boxes-images-outer-image) { width: 100%; /* background: var(--white); */ /* border-radius: 0.417vw; */ } :is(div, #LobbyModule) .section.logos-sec .gallery-container .gallery-cubes > *:has(> .boxes-images-outer-image) .gallery-cube-text { margin: 0.5vw 0 0; font-size: clamp(1.2rem, 0.938vw, 1000rem); padding-inline: 1vw; } :is(div, #LobbyModule) .section.logos-sec .gallery-container .gallery-cubes > *:has(> .boxes-images-outer-image) .boxes-images-outer-image { padding: 0; height: 6.75vw; background-size: 65% !important; background-repeat: no-repeat; background-color: var(--white); border-radius: 0.417vw; } :is(div, #LobbyModule) .section.logos-sec a.sec-button { background: var(--lime); color: var(--black); font-family: var(--med); font-size: 0.938vw; padding: 0.2vw 2vw 0; border: unset; border-radius: 50px; position: relative; height: 2.813vw; min-width: 12.417vw; display: inline-flex; justify-content: center; align-items: center; margin-top: 3vw; } :is(div, #LobbyModule) .section.logos-sec .gallery-cubes .boxes-images-outer-image:hover .image-link-container, :is(div, #LobbyModule) .section.logos-sec .gallery-cubes .boxes-images-outer-image:focus .image-link-container { background: transparent; opacity: 0; } :is(div, #LobbyModule) .section.logos-sec .gallery-cubes .image-link-content { pointer-events: none; } :is(div, #LobbyModule) .section.logos-sec .gallery-cubes .boxes-images-outer-image { cursor: inherit; } :is(div, #LobbyModule) .section.form-sec { display: flex; background: var(--white); padding: 4.17vw 10.417vw; gap: 7.292vw; } :is(div, #LobbyModule) .section.form-sec .section-title { width: 15.6vw; text-align: right; } :is(div, #LobbyModule) .section.form-sec .section-title h2 { font-size: 3.333vw; letter-spacing: 0.033vw; } :is(div, #LobbyModule) .section.form-sec .form-container-wide { flex-grow: 1; } :is(div, #LobbyModule) .section.form-sec .section-title .section-topText p { font-size: 1.042vw; color: var(--black); margin-top: 0.9vw; } :is(div, #LobbyModule) .section.form-sec .form-container-wide #DynamicFormObject { padding: 0 !important; } :is(div, #LobbyModule) .section.form-sec .form-container-wide #DynamicFormObject .dynamicFormEndText { font-size: 1.042vw; color: var(--black); display: flex; width: 100%; margin-top: 2.5vw; text-align: right; } :is(div, #LobbyModule) .section.running-numbers-sec { padding: 0 10.417vw; margin-bottom: 9vw; } :is(div, #LobbyModule) .section.running-numbers-sec .grid-boxes { justify-content: center; gap: 1.024vw; display: grid; grid-template-columns: repeat(3, 1fr); } :is(div, #LobbyModule) .section.running-numbers-sec .grid-boxes .grid-box { width: 100%; background: var(--white); border-radius: 0.417vw; padding: 1.667vw 3.333vw 1.16vw; display: grid; pointer-events: none; align-content: center; } :is(div, #LobbyModule) .section.running-numbers-sec .grid-boxes .grid-box .grid-box-title h3 { margin: 0; font-size: 4.167vw; letter-spacing: 0.042vw; font-family: var(--yad), var(--med); line-height: 0.8; color: var(--black); } :is(div, #LobbyModule) .section.running-numbers-sec .grid-boxes .grid-box .grid-box-subtitle { color: var(--black); font-size: 1.25vw; order: -1; } :is(div, #LobbyModule) .section.running-numbers-sec .grid-boxes .grid-box .grid-box-fulltext { margin-top: 1.3vw; } :is(div, #LobbyModule) .section.running-numbers-sec .grid-boxes .grid-box .grid-box-fulltext p { font-family: var(--med); font-size: 1.25vw; line-height: 1.2; } :is(div, #LobbyModule) .section.cards-sec { background: var(--black); color: var(--white); padding: 6.25vw; display: grid; justify-items: center; } :is(div, #LobbyModule) .section.cards-sec .section-title { order: 1; width: 45.7vw; } :is(div, #LobbyModule) .section.cards-sec .section-title h2 { letter-spacing: 0.033vw; font-size: 3.333vw; color: var(--bg); /* width: 54vw; */ } :is(div, #LobbyModule) .section.cards-sec .section-title h3 { font-size: 1.25vw; margin: 1.3vw 0 0; line-height: 1.2; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes { display: grid; justify-items: center; order: 2; height: 27.5vw; width: 52.4vw; position: relative; margin-top: 3.4vw; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box { background: #3F3F3F; border-radius: 0.417vw; display: grid; align-content: center; justify-items: center; padding: 0 9.4vw; /*border: 2px solid var(--black);*/ position: absolute; left: 50%; width: 100%; height: 100%; transform-origin: top; transform: translateX(-50%); } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-image { width: 3.333vw; aspect-ratio: 1; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-image:has(+ .grid-box-title) { margin-bottom: 2vw; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-title h3 { letter-spacing: 0.033vw; font-size: 3.333vw; color: var(--bg); font-family: var(--yad), var(--med); margin: 0; pointer-events: none; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-fulltext { margin-top: 1.2vw; width: 100%; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-fulltext p { color: var(--white); font-family: var(--med); font-size: clamp(1.3rem, 1.25vw, 1000rem); line-height: 1.2; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-fulltext ul { margin: 0; padding: 0; list-style: none; width: 100%; grid-column: span 1; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-fulltext:has(ul) { display: grid; gap: 1vw 4.17vw; justify-items: center; grid-template-columns: repeat(2, 1fr); /* width: 33vw; */ } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-fulltext:has(ul) p { grid-column: 1/-1; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-fulltext ul + p:has(+ ul) { display: none; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-fulltext ul li { line-height: 1.3; font-size: 0.938vw; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-fulltext ul li:has(strong) { margin-bottom: 0.4vw; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-fulltext ul li strong { font-size: 1.25vw; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-fulltext iframe { width: 100%; aspect-ratio: 16/9; height: auto; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .counter-div { font-size: 2.5vw; position: absolute; right: 2.5vw; top: 2.5vw; line-height: 0.7; font-family: var(--yad); } :is(div, #LobbyModule) .section.cards-sec .section-topText { order: 3; font-size: 1.042vw; width: 45.7vw; font-family: var(--med); line-height: 1.3; margin-top: 6.25vw; } :is(div, #LobbyModule) .section.video-boxes-sec { padding: 5.208vw 10.417vw; background: var(--white); } :is(div, #LobbyModule) .section.video-boxes-sec .section-title h2 { letter-spacing: 0.033vw; font-size: 3.333vw; margin-bottom: 3.1vw; } :is(div, #LobbyModule) .section.video-boxes-sec .grid-boxes { gap: 1.024vw; display: grid; grid-template-columns: repeat(3, 1fr); justify-content: center; } :is(div, #LobbyModule) .section.video-boxes-sec .grid-boxes .grid-box { width: 100%; display: flex; gap: 2vw; flex-direction: column-reverse; justify-content: flex-end; } :is(div, #LobbyModule) .section.video-boxes-sec .grid-boxes .grid-box .grid-box-fulltext { overflow: hidden; border-radius: 0.417vw; aspect-ratio: 16/9; width: 100%; } :is(div, #LobbyModule) .section.video-boxes-sec .grid-boxes .grid-box .grid-box-fulltext iframe { height: 100%; aspect-ratio: 16/9; } :is(div, #LobbyModule) .section.video-boxes-sec .grid-boxes .grid-box .grid-box-text { display: flex; } :is(div, #LobbyModule) .section.video-boxes-sec .grid-boxes .grid-box .grid-box-text .grid-box-subtitle { text-align: right; font-size: 1.563vw; letter-spacing: 0.3px; line-height: 1; font-family: var(--yad); } :is(div, #LobbyModule) .section.video-boxes-sec .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { margin: 0.2vw 0 0; font-size: 1.3vw; color: var(--black); letter-spacing: 0.3px; width: max-content; position: relative; line-height: 0.9; display: inline-flex; align-items: flex-end; } :is(div, #LobbyModule) .section.video-boxes-sec .grid-boxes .grid-box .grid-box-text .grid-box-title h3::after { content: ''; display: inline-block; background: var(--lime); width: 0.4vw; height: 0.4vw; border-radius: 50%; margin: 0 0.4vw 0.3vw; } :is(div, #LobbyModule) .section.mid-image-sec:not(:has(+ .mid-image-logos-sec)) { margin-bottom: 9vw; } :is(div, #LobbyModule) .section.mid-image-sec .section-title { position: absolute; right: 10.417vw; top: 7.5vw; z-index: 2; text-align: right; display: grid; gap: 1.1vw; max-width: 30vw; text-wrap: balance; } :is(div, #LobbyModule) .section.mid-image-sec .section-title h2 { width: auto; color: var(--white); } :is(div, #LobbyModule) .section.mid-image-sec .section-title .grid-text-content { width: 100%; padding: 0; } :is(div, #LobbyModule) .section.mid-image-sec .section-title .grid-text-content p { color: var(--white); font-size: 1.25vw; line-height: 1.2; } :is(div, #LobbyModule) .section.mid-image-sec .section-title .grid-text-content a.sec-button { background: var(--lime); color: var(--black); font-family: var(--med); font-size: 0.938vw; padding: 0.2vw 2vw 0; border: unset; border-radius: 50px; position: relative; height: 2.813vw; min-width: 15.35vw; display: inline-flex; justify-content: center; align-items: center; } :is(div, #LobbyModule) .section.mid-image-sec .section-title .grid-text-content:has(p) a.sec-button { margin-top: 3vw; } :is(div, #LobbyModule) .section.mid-image-sec .gridTextImgContainer { position: relative; } :is(div, #LobbyModule) .section.mid-image-sec .gridTextImgContainer::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 25%, rgba(0, 0, 0, 0.64) 100%); } :is(div, #LobbyModule) .section.mid-image-sec .gridTextImgContainer img { height: 37.5vw; object-fit: cover; } :is(div, #LobbyModule) .section.mid-image-logos-sec { margin-top: -6.033vw; padding-bottom: 0.833vw; margin-bottom: 9vw; max-width: 100vw; } :is(div, #LobbyModule) .section.mid-image-logos-sec .gallery-cubes { gap: 1.042vw; } :is(div, #LobbyModule) .section.mid-image-logos-sec .gallery-cubes div:has(> .boxes-images-outer-image) { width: 100%; background: var(--white); border-radius: 0.417vw; pointer-events: none; } :is(div, #LobbyModule) .section.mid-image-logos-sec .gallery-cubes div:has(> .boxes-images-outer-image) .boxes-images-outer-image { padding: 0; height: 5.2vw; width: 9.375vw; background-size: 70% !important; background-repeat: no-repeat; } :is(div, #LobbyModule) .section.boxes-carousel-sec.mid-image-logos-sec :is(.grid-boxes, .gallery-cubes) .pause-btn { top: unset; bottom: calc(100% + 1.25vw); background-image: url(/warehouse/dynamic/516232.svg); } :is(div, #LobbyModule) .section.clients-carousel-sec { margin-bottom: 9vw; } :is(div, #LobbyModule) .section.clients-carousel-sec .section-title { display: flex; text-align: right; padding: 0 10.417vw; margin-bottom: 3.6vw; align-items: flex-end; justify-content: space-between; } :is(div, #LobbyModule) .section.clients-carousel-sec .section-title :is(h1, h2) { width: auto; font-size: 3.333vw; letter-spacing: 0.033vw; } :is(div, #LobbyModule) .section.clients-carousel-sec .grid-boxes { padding: 0 10.417vw; } :is(div, #LobbyModule) .section.clients-carousel-sec .grid-boxes .grid-boxes-wrapper { display: grid; grid-template-rows: 1fr; } :is(div, #LobbyModule) .section.clients-carousel-sec .grid-boxes .grid-box { width: 39vw; min-width: 39vw; background: var(--white); display: flex; padding: 2.917vw 4.167vw; text-align: right; gap: 1.4vw; flex-direction: column; border-radius: 0.417vw; grid-row: 1; } :is(div, #LobbyModule) .section.clients-carousel-sec .grid-boxes .grid-box .grid-box-top { order: -1; } :is(div, #LobbyModule) .section.clients-carousel-sec .grid-boxes .grid-box .grid-box-top .grid-box-title h3 { font-size: 1.667vw; font-family: var(--yad), var(--med); margin: 0; color: var(--black); } :is(div, #LobbyModule) .section.clients-carousel-sec .grid-boxes .grid-box .grid-box-top .grid-box-subtitle { color: var(--gray); font-size: 1.25vw; margin-top: 0.2vw; } :is(div, #LobbyModule) .section.clients-carousel-sec .grid-boxes .grid-box .grid-box-image img { width: 7.8vw; height: 2.084vw; } :is(div, #LobbyModule) .section.clients-carousel-sec .grid-boxes .grid-box .grid-box-fulltext { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } :is(div, #LobbyModule) .section.clients-carousel-sec .grid-boxes .grid-box .read-more-btn { font-size: 1.042vw; border: unset; background: transparent; width: max-content; padding: 0; text-decoration: underline; font-family: var(--med); color: var(--black); margin-top: -0.7vw; } :is(div, #LobbyModule) .section.clients-carousel-sec .swiper-buttons { display: flex; gap: 0.6vw; } :is(div, #LobbyModule) .section.clients-carousel-sec .swiper-button { right: unset; position: relative; margin: 0; left: unset; top: 0; transform: unset; transition: 0.3s all ease; width: 2.5vw; height: 2.5vw; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/491051.svg); background-size: cover; background-color: transparent; border-radius: 50%; } :is(div, #LobbyModule) .section.clients-carousel-sec .swiper-button-next { background-image: url(/warehouse/dynamic/491050.svg); } :is(div, #LobbyModule) .section.clients-carousel-sec .swiper-button::after { display: none; } :is(div, #LobbyModule) .section.clients-carousel-sec .swiper-button.swiper-button-disabled { opacity: 0.5; } :is(div, #LobbyModule) section.big-image-sec { height: 46.042vw; } :is(div, #LobbyModule) section.big-image-sec .image-section-data { height: inherit; } :is(div, #LobbyModule) section.big-image-sec .image-section-data img { margin: 0 !important; object-fit: cover; height: 100%; } @media(min-width: 1025px) { :is(div, #LobbyModule) .section.row-variant-1-sec .grid-rows .grid-row .grid-row-cell-text { margin-bottom: 2vw; } :is(div, #LobbyModule) .section.row-variant-2-sec .grid-rows .grid-row .flexslider-box { margin-right: 3.3vw; } :is(div, #LobbyModule) .section.row-variant-3-sec .grid-rows .grid-row .grid-row-cell-text::after { content: ''; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/491318.svg); position: absolute; left: -3vw; top: calc(100% + 2vw); width: 10.833vw; height: 5.625vw; transition: 0.7s 0.4s all ease; opacity: 0; } :is(div, #LobbyModule) .section.row-variant-3-sec.shown .grid-rows .grid-row .grid-row-cell-text::after { opacity: 1; } :is(div, #LobbyModule) .section.row-variant-4-sec .grid-rows .grid-row .flexslider-box { margin-left: 3.3vw; } :is(div, #LobbyModule) .section.row-variant-7-sec .grid-row .flexslider-box .box-image-animation:hover .play-sign span { transform: scale(1.2); } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .grid-box .grid-box-text .grid-box-title h3 .arrow { content: ''; position: absolute; left: calc(100% - 2vw); bottom: calc(100% + 6vw); background-repeat: no-repeat; background-position: center; background-size: contain; height: 3.698vw; width: 9.74vw; background-image: url(/warehouse/dynamic/517015.svg); } :is(div, #LobbyModule) .section.our-advantages-sec .section-title h2::after { content: ''; width: 10.677vw; height: 1.771vw; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/491150.svg); transition: 0.7s 0.4s all ease; opacity: 0; position: absolute; top: calc(100% + 1.4vw); left: 1.25vw; margin: 0; } :is(div, #LobbyModule) .section.our-advantages-sec.shown .section-title h2::after { opacity: 1; } :is(div, #LobbyModule) .section.our-benefits-sec.benefits-variation-2 .section-title { display: flex; align-items: flex-end; justify-content: space-between; } :is(div, #LobbyModule) .section.our-benefits-sec.benefits-variation-2 .section-title :is(h1, h2) { width: auto; font-size: 3.333vw; letter-spacing: 0.033vw; } :is(div, #LobbyModule) .section.our-benefits-sec.benefits-variation-2 .grid-rows { gap: 1.25vw; } :is(div, #LobbyModule) .section.our-benefits-sec.benefits-variation-2 .grid-rows .grid-row { display: grid; width: 25.521vw; min-width: 25.521vw; } :is(div, #LobbyModule) .section.our-benefits-sec.benefits-variation-2 .grid-rows .grid-row .flexslider-box { width: 100%; } :is(div, #LobbyModule) .section.our-benefits-sec.benefits-variation-2 .grid-rows .grid-row .flexslider-box img { width: 100%; } :is(div, #LobbyModule) .section.our-benefits-sec.benefits-variation-2 .grid-rows .grid-row .grid-row-text { padding: 5vw 2.084vw; } :is(div, #LobbyModule) .section.our-benefits-sec .swiper-buttons { display: flex; gap: 0.6vw; transform: translateY(-1vw); } :is(div, #LobbyModule) .section.our-benefits-sec .swiper-button { right: unset; position: relative; margin: 0; left: unset; top: unset; transform: unset; transition: 0.3s all ease; width: 2.5vw; height: 2.5vw; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/491051.svg); background-size: cover; background-color: transparent; border-radius: 50%; } :is(div, #LobbyModule) .section.our-benefits-sec .swiper-button-next { background-image: url(/warehouse/dynamic/491050.svg); } :is(div, #LobbyModule) .section.our-benefits-sec .swiper-button::after { display: none; } :is(div, #LobbyModule) .section.our-benefits-sec .swiper-button.swiper-button-disabled { opacity: 0.5; } :is(div, #LobbyModule) .section.small-black-boxes-sec:not(.boxes-carousel-sec) { padding: 0 10.417vw; } :is(div, #LobbyModule) .section.small-black-boxes-sec:not(.boxes-carousel-sec) .grid-boxes { justify-content: center; gap: 1.024vw; display: grid; grid-template-columns: repeat(3, 1fr); } :is(div, #LobbyModule) .section.small-black-boxes-sec:not(.boxes-carousel-sec) .grid-boxes .grid-box { width: 100%; } :is(div, #LobbyModule) .section.small-black-boxes-sec.boxes-carousel-sec .grid-boxes { gap: 1.042vw; } :is(div, #LobbyModule) .section.small-black-boxes-sec.boxes-carousel-sec .grid-boxes .grid-box { width: 25.65vw; } :is(div, #LobbyModule) .section.small-black-boxes-sec .grid-boxes .grid-box .grid-box-image { grid-column: span 1; grid-row: span 1; } :is(div, #LobbyModule) .section.small-black-boxes-sec .grid-boxes .grid-box .grid-box-title { grid-column: span 1; grid-row: span 1; } :is(div, #LobbyModule) .section.small-black-boxes-sec .grid-boxes .grid-box .grid-box-fulltext { grid-column: span 2; grid-row: span 1; } :is(div, #LobbyModule) .section.form-sec .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { grid-template-columns: repeat(4, 1fr); } } @media(max-width: 1024px) { body:not(.home-page) #GridWrapInner { padding-top: 88px; } :is(div, #LobbyModule) .section.boxes-carousel-sec :is(.grid-boxes, .gallery-cubes) .grid-boxes-wrapper { gap: 12px; animation: unset; } :is(div, #LobbyModule) .section.boxes-carousel-sec :is(.grid-boxes, .gallery-cubes) { } :is(div, #LobbyModule) .section.boxes-carousel-sec :is(.grid-boxes, .gallery-cubes) .grid-box { } :is(div, #LobbyModule) .section[class*=row-variant] { margin-bottom: 128px; padding: 18px 0 0; } :is(div, #LobbyModule) .section[class*=row-variant] .grid-rows { max-width: calc(100% - 48px); } :is(div, #LobbyModule) .section[class*=row-variant] .grid-row { flex-direction: column; align-items: center; gap: 64px; } :is(div, #LobbyModule) .section[class*=row-variant] .grid-row .flexslider-box:has(img) { border-radius: 8px; width: 74.1vw; height: 85.4vw; } :is(div, #LobbyModule) .section[class*=row-variant] .grid-row .flexslider-box *:not(.mouse-move) { height: 100%; } :is(div, #LobbyModule) .section[class*=row-variant] .grid-row .flexslider-box .box-image-animation img { border-radius: 8px; width: 100%; height: 100%; } :is(div, #LobbyModule) .section[class*=row-variant] .grid-row .flexslider-box .box-image-animation .white-img-bg { border-radius: 8px; } :is(div, #LobbyModule) .section[class*=row-variant] .grid-row .grid-row-cell-text { width: 100%; } :is(div, #LobbyModule) .section[class*=row-variant] .grid-row .grid-row-cell-text .grid-row-text h2 { font-size: 4rem; letter-spacing: 0.4px; margin-bottom: 15px; } :is(div, #LobbyModule) .section[class*=row-variant] .grid-row .grid-row-cell-text .grid-row-text h3 { margin: 0 0 12px; font-size: 2rem; line-height: 1.3; } :is(div, #LobbyModule) .section[class*=row-variant] .grid-row .grid-row-cell-text .grid-row-text p { font-size: 1.8rem; } :is(div, #LobbyModule) .section[class*=row-variant] .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button { margin-right: 0; font-size: 1.8rem; height: 45px; min-width: 175px; padding: 3px 10px 0; margin-top: 30px; } :is(div, #LobbyModule) .section.row-variant-1-sec .grid-rows .grid-row { align-items: center; gap: 200px; } :is(div, #LobbyModule) .section.row-variant-1-sec .grid-rows .grid-row .flexslider-box { } :is(div, #LobbyModule) .section.row-variant-1-sec .grid-rows .grid-row .flexslider-box::after { background-image: url(/warehouse/dynamic/492645.svg); width: 24.5vw; height: 38.1vw; left: -14vw; top: calc(100% - 30px); transform: unset; } :is(div, #LobbyModule) .section.row-variant-1-sec .grid-rows .grid-row .flexslider-box .box-image-animation img { transform: rotate(-4deg); } :is(div, #LobbyModule) .section.row-variant-1-sec .grid-rows .grid-row .flexslider-box .box-image-animation .white-img-bg { transform: rotate(-8deg); } :is(div, #LobbyModule) .section.row-variant-1-sec .grid-rows .grid-row .atm-lottie { width: 200px; height: 308px; transform: unset; right: 0; transform: translateY(-50%); left: unset; top: calc(50% - 85px); } :is(div, #LobbyModule) .section.row-variant-2-sec .grid-rows .grid-row { gap: 150px; } :is(div, #LobbyModule) .section.row-variant-2-sec .grid-rows .grid-row .flexslider-box { } :is(div, #LobbyModule) .section.row-variant-2-sec .grid-rows .grid-row .flexslider-box::after { content: ''; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(/warehouse/dynamic/492649.svg); width: 19.45vw; height: 22.4vw; position: absolute; left: -14vw; top: calc(100% + 20px); z-index: 5; } :is(div, #LobbyModule) .section.row-variant-2-sec .grid-rows .grid-row .flexslider-box .box-image-animation img { transform: rotate(4deg); } :is(div, #LobbyModule) .section.row-variant-2-sec .grid-rows .grid-row .flexslider-box .box-image-animation .white-img-bg { transform: rotate(8deg); } :is(div, #LobbyModule) .section.row-variant-2-sec .grid-rows .grid-row .family-lottie { width: 333px; height: 228px; top: calc(50% - 80px); left: calc(50% + 30px); } :is(div, #LobbyModule) .section.row-variant-3-sec { padding: 80px 0; } :is(div, #LobbyModule) .section.row-variant-3-sec .grid-rows .grid-row:has(.lottie-wrapper) { flex-direction: column-reverse; } :is(div, #LobbyModule) .section.row-variant-3-sec .grid-rows .grid-row .flexslider-box:has(img) { width: 328px; height: 364px; } :is(div, #LobbyModule) .section.row-variant-3-sec .grid-rows .grid-row .flexslider-box img { width: 100%; height: 100%; } :is(div, #LobbyModule) .section.row-variant-3-sec .grid-rows .grid-row .touch-lottie { width: 87.45vw; height: 97.1vw; } :is(div, #LobbyModule) .section.row-variant-3-sec .grid-rows .grid-row .grid-row-cell-text { width: 100%; } :is(div, #LobbyModule) .section.row-variant-3-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text p { width: 100%; } :is(div, #LobbyModule) .section.row-variant-3-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { font-size: 4rem; letter-spacing: 0.4px; } :is(div, #LobbyModule) .section.row-variant-4-sec .grid-rows .grid-row { gap: 60px; flex-direction: column; align-items: center; } :is(div, #LobbyModule) .section.row-variant-4-sec .grid-rows .grid-row .flexslider-box .box-image-animation img { transform: rotate(-4deg); } :is(div, #LobbyModule) .section.row-variant-4-sec .grid-rows .grid-row .flexslider-box .box-image-animation .white-img-bg { transform: rotate(-8deg); } :is(div, #LobbyModule) .section.row-variant-4-sec .grid-rows .grid-row .grid-row-cell-text { padding: 0; } :is(div, #LobbyModule) .section.row-variant-5-sec .grid-rows .grid-row { gap: 60px; align-items: center; } :is(div, #LobbyModule) .section.row-variant-5-sec .grid-rows .grid-row .flexslider-box .box-image-animation img { transform: rotate(4deg); } :is(div, #LobbyModule) .section.row-variant-5-sec .grid-rows .grid-row .flexslider-box .box-image-animation .white-img-bg { transform: rotate(8deg); } .mouse-move.crown-img { width: 70px; height: 72px; right: unset; top: calc(100% - 25px); left: 0; } .mouse-move.star-right-img { width: 29px; height: 34px; right: unset; top: calc(100% - 55px); left: calc(50% - 50px); transform: translateX(-50%); } .mouse-move.star-left-img { width: 19px; height: 24px; right: unset; top: calc(100% + 20px); left: -24px; } :is(div, #LobbyModule) .section.row-variant-6-sec .grid-row { gap: 48px; } :is(div, #LobbyModule) .section.row-variant-6-sec .grid-row .flexslider-box:has(img) { width: 53.5vw; height: 107vw; } :is(div, #LobbyModule) .section.row-variant-6-sec .grid-row .grid-row-cell-text .arrow { height: 97px; width: 27px; background-image: url(/warehouse/dynamic/515817.svg); transform: unset; left: 0; top: unset; bottom: calc(100% - 20px); } :is(div, #LobbyModule) .section.row-variant-7-sec .grid-rows { max-width: unset; gap: 80px; } :is(div, #LobbyModule) .section.row-variant-7-sec .grid-row { gap: 48px; } :is(div, #LobbyModule) .section.row-variant-7-sec .grid-row .flexslider-box:has(img) { width: 100%; height: 65vw; border-radius: unset; } :is(div, #LobbyModule) .section.row-variant-7-sec .grid-row .flexslider-box .box-image-animation img { border-radius: unset; } :is(div, #LobbyModule) .section.row-variant-7-sec .grid-row .flexslider-box .box-image-animation .play-sign span { width: 58px; } :is(div, #LobbyModule) .section.row-variant-7-sec .grid-row .grid-row-cell-text { padding: 0 24px; } :is(div, #LobbyModule) .section.row-variant-7-sec .grid-row .grid-row-cell-text .grid-row-text h2 { font-size: 3.2rem; letter-spacing: unset; } :is(div, #LobbyModule) .section.boxes-auto-change-sec { padding: 0 24px; } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes { max-width: unset; padding: 0 0 48px; margin: 0 auto 128px; align-items: flex-start; } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .grid-box { gap: 48px; flex-direction: column; } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .grid-box .grid-box-image { height: 81vw; width: 70vw; border-radius: 8px; } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-container { z-index: 1; } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .grid-box .grid-box-image a.box-image-animation { border-radius: 8px; } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .grid-box .grid-box-image a.box-image-animation img { height: 100%; } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .grid-box .grid-box-image .white-img-bg { z-index: 0; border-radius: 8px; transform: rotate(4deg); } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .grid-box .grid-box-text { width: 100%; } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { font-size: 4rem; letter-spacing: 0.4px; } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .grid-box .grid-box-text .grid-box-subtitle { font-size: 2rem; margin: 0 0 10px; } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .swiper-pagination { display: flex; gap: 6px; top: unset; bottom: 0; right: 0; } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 8px; } :is(div, #LobbyModule) .section.boxes-auto-change-sec .grid-boxes .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 32px; height: 8px; } :is(div, #LobbyModule) .section.our-advantages-sec { padding: 80px 24px; gap: 55px; margin-bottom: 128px; flex-direction: column; } :is(div, #LobbyModule) .section.our-advantages-sec .section-title { /* width: max-content; */ width: 100%; } :is(div, #LobbyModule) .section.our-advantages-sec .section-title h2 { font-size: 4rem; letter-spacing: 0.4px; gap: unset; top: unset; position: relative; } :is(div, #LobbyModule) .section.our-advantages-sec .grid-boxes { width: 100%; gap: 16px; } :is(div, #LobbyModule) .section.our-advantages-sec .grid-boxes .grid-box { padding: 24px; border-radius: 8px; } :is(div, #LobbyModule) .section.our-advantages-sec .grid-boxes .grid-box .grid-box-image { margin-bottom: 30px; } :is(div, #LobbyModule) .section.our-advantages-sec .grid-boxes .grid-box .grid-box-image img { width: max-content; height: 48px; } :is(div, #LobbyModule) .section.our-advantages-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 3.2rem; } :is(div, #LobbyModule) .section.our-advantages-sec .grid-boxes .grid-box .grid-box-fulltext { margin-top: 30px; } :is(div, #LobbyModule) .section.our-advantages-sec .grid-boxes .grid-box .grid-box-fulltext p { font-size: 1.8rem; line-height: 1.2; } :is(div, #LobbyModule) .section.our-benefits-sec { margin: 0 auto 128px; } :is(div, #LobbyModule) .section.our-benefits-sec .section-title { padding: 0 24px; } :is(div, #LobbyModule) .section.our-benefits-sec .section-title :is(h1, h2) { font-size: 3.2rem; letter-spacing: unset; } :is(div, #LobbyModule) .section.our-benefits-sec .section-title h3 { font-size: 2rem; margin: 10px 0 0; } :is(div, #LobbyModule) .section.our-benefits-sec:has(.grid-rows .grid-row) .section-title { margin-bottom: 28px; } :is(div, #LobbyModule) .section.our-benefits-sec .grid-rows { gap: 20px; padding: 0 24px; scroll-snap-type: x mandatory; overflow-x: scroll; } :is(div, #LobbyModule) .section.our-benefits-sec .grid-rows .grid-row { width: 260px; min-width: 260px; border-radius: 8px; scroll-snap-align: center; } :is(div, #LobbyModule) .section.our-benefits-sec .grid-rows .grid-row .flexslider-box { width: 100%; border-radius: 8px; padding: 8px; } :is(div, #LobbyModule) .section.our-benefits-sec .grid-rows .grid-row .flexslider-box img { width: 244px; height: 164px; border-radius: 8px; } :is(div, #LobbyModule) .section.our-benefits-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text { padding: 32px 24px; } :is(div, #LobbyModule) .section.our-benefits-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { font-size: 2.4rem; letter-spacing: unset; margin-bottom: 20px; } :is(div, #LobbyModule) .section.our-benefits-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h3 { font-size: 1.6rem; line-height: 1.2; } :is(div, #LobbyModule) .section.our-benefits-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text p { font-size: 1.6rem; } :is(div, #LobbyModule) .section.our-benefits-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button { margin-right: 0; font-size: 1.8rem; height: 45px; min-width: 212px; padding: 3px 10px 0; margin-top: 30px; } :is(div, #LobbyModule) .section.waiting-for-sec { padding: 40px 0 0; } :is(div, #LobbyModule) .section.waiting-for-sec:not(:last-child) { margin-bottom: 128px; } :is(div, #LobbyModule) .section.waiting-for-sec .section-title { margin: 0; } :is(div, #LobbyModule) .section.waiting-for-sec .section-title h2 { font-size: 4rem; letter-spacing: 0.4px; margin-bottom: 25px; } :is(div, #LobbyModule) .section.waiting-for-sec .grid-text { gap: 125px; width: 100%; } :is(div, #LobbyModule) .section.waiting-for-sec .grid-text::after { width: 40px; height: 84px; background-image: url(/warehouse/dynamic/492653.svg); left: unset; right: 50px; top: calc(50% - 10px); transform: translateY(-50%); } :is(div, #LobbyModule) .section.waiting-for-sec .grid-text .grid-text-content { gap: 35px; padding: 0 24px; } :is(div, #LobbyModule) .section.waiting-for-sec .grid-text .grid-text-content p { font-size: 2rem; } :is(div, #LobbyModule) .section.waiting-for-sec .grid-text .grid-text-content p img { width: 142px; height: 42px; } .mouse-move.checkmark-img { width: 46px; height: 44px; left: 30px; top: calc(50% + 40px); } .mouse-move.heart-img { width: 39.655px; height: 42px; width: 40px; right: 24px; bottom: 35px; } :is(div, #LobbyModule) .section.waiting-for-sec .grid-text .gridTextImgContainer img { width: 150px; } :is(div, #LobbyModule) .section.small-black-boxes-sec { margin-bottom: 128px; } :is(div, #LobbyModule) .section.small-black-boxes-sec .section-title h2 { font-size: 3.2rem; letter-spacing: unset; margin-bottom: 38px; text-align: right; padding: 0 24px; } :is(div, #LobbyModule) .section.small-black-boxes-sec .grid-boxes { gap: 16px; padding: 0 24px; scroll-snap-type: x mandatory; overflow-x: scroll; } :is(div, #LobbyModule) .section.small-black-boxes-sec .grid-boxes .grid-box { width: 80vw; min-width: 80vw; padding: 24px; gap: 0; display: flex; flex-direction: column; align-items: flex-start; border-radius: 8px; scroll-snap-align: center; } :is(div, #LobbyModule) .section.small-black-boxes-sec .grid-boxes .grid-box .grid-box-image { margin-bottom: 28px; } :is(div, #LobbyModule) .section.small-black-boxes-sec .grid-boxes .grid-box .grid-box-image img { width: 48px; } :is(div, #LobbyModule) .section.small-black-boxes-sec .grid-boxes .grid-box .grid-box-title:has(+ .grid-box-fulltext) { margin-bottom: 20px; } :is(div, #LobbyModule) .section.small-black-boxes-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 2.2rem; line-height: 1.1; letter-spacing: unset; } :is(div, #LobbyModule) .section.working-steps-sec { margin-bottom: 128px; padding: 0 24px; } :is(div, #LobbyModule) .section.working-steps-sec .section-title h2 { font-size: 4rem; letter-spacing: 0.4px; margin-bottom: 20px; } :is(div, #LobbyModule) .section.working-steps-sec .section-topText { font-size: 1.8rem; line-height: 1.2; position: relative; } :is(div, #LobbyModule) .section.working-steps-sec .section-topText .arrow { content: ''; display: block; background-repeat: no-repeat; background-position: center; background-size: contain; height: 97px; width: 27px; background-image: url(/warehouse/dynamic/515817.svg); margin: 22px auto 32px; } :is(div, #LobbyModule) .section.working-steps-sec .section-topText + .grid-boxes { margin-top: 0; } :is(div, #LobbyModule) .section.working-steps-sec .grid-boxes { gap: 24px; grid-template-columns: repeat(1, 1fr); } :is(div, #LobbyModule) .section.working-steps-sec .grid-boxes .grid-box { padding: 48px 32px; flex-direction: column; text-align: center; gap: 20px; border-radius: 8px; } :is(div, #LobbyModule) .section.working-steps-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 12rem; letter-spacing: 1.2px; } :is(div, #LobbyModule) .section.working-steps-sec .grid-boxes .grid-box .grid-box-fulltext p { line-height: 1.3; } :is(div, #LobbyModule) .section.faq-sec { width: 100%; margin-bottom: 128px; padding: 0 24px; gap: 38px; } :is(div, #LobbyModule) .section.faq-sec .section-title h2 { font-size: 3.2rem; letter-spacing: unset; text-align: right; } :is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group { gap: 8px; } :is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item { border-radius: 8px; } :is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-headline { font-size: 1.8rem; padding: 25px 24px 23px; gap: 10px; } :is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-headline i { width: 32px; background-size: 10px; min-width: 32px; } :is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-body .faq-body-inner { padding: 17px 24px 24px; } :is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text { max-width: 100%; } :is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text h3 { font-size: 1.8rem; margin: 25px 0 15px; } :is(div, #LobbyModule) .section.faq-sec .grid-faq .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text :is(p, li, span) { font-size: 1.6rem; line-height: 1.2; } :is(div, #LobbyModule) .section.faq-sec .section-topText a { font-size: 1.8rem; height: 45px; min-width: 212px; padding: 3px 10px 0; } :is(div, #LobbyModule) .section.only-text-sec { margin: 0 auto 128px; width: 100%; padding: 0 24px; } :is(div, #LobbyModule) .section.logos-sec { padding: 0 24px; margin-bottom: 128px; } :is(div, #LobbyModule) .section.logos-sec .section-title h2 { font-size: 3.2rem; letter-spacing: unset; text-align: right; margin-bottom: 20px; } :is(div, #LobbyModule) .section.logos-sec .section-title:has( + .gallery-container) h2 { margin-bottom: 38px; } :is(div, #LobbyModule) .section.logos-sec .text1 { font-size: 1.8rem; text-align: right; } :is(div, #LobbyModule) .section.logos-sec .text1 + .gallery-container { margin-top: 30px; } :is(div, #LobbyModule) .section.logos-sec .gallery-container .gallery-cubes { grid-template-columns: repeat(2, 1fr); gap: 16px; } :is(div, #LobbyModule) .section.logos-sec .gallery-container .gallery-cubes > *:has(> .boxes-images-outer-image) { border-radius: 8px; } :is(div, #LobbyModule) .section.logos-sec .gallery-container .gallery-cubes > *:has(> .boxes-images-outer-image) .gallery-cube-text { margin: 10px 0px 0; font-size: 1.8rem; padding-inline: 10px; } :is(div, #LobbyModule) .section.logos-sec .gallery-container .gallery-cubes > *:has(> .boxes-images-outer-image) .boxes-images-outer-image { height: 85px; background-size: 60% !important; } :is(div, #LobbyModule) .section.logos-sec a.sec-button { height: 45px; min-width: 168px; font-size: 1.8rem; padding: 2px 10px 0; margin-top: 30px; } :is(div, #LobbyModule) .section.form-sec { padding: 64px 24px; gap: 60px; display: grid; justify-items: center; border-top-right-radius: 8px; border-top-left-radius: 8px; } :is(div, #LobbyModule) .section.form-sec .section-title { width: auto; text-align: center; } :is(div, #LobbyModule) .section.form-sec .section-title h2 { font-size: 4rem; letter-spacing: 0.4px; } :is(div, #LobbyModule) .section.form-sec .section-title .section-topText p { font-size: 1.8rem; margin-top: 20px; } :is(div, #LobbyModule) .section.form-sec .form-container-wide { width: 100%; } :is(div, #LobbyModule) .section.form-sec .form-container-wide #DynamicFormObject .dynamicFormEndText { font-size: 1.8rem; margin-top: 30px; } :is(div, #LobbyModule) .section.running-numbers-sec { padding: 0 24px; margin-bottom: 128px; } :is(div, #LobbyModule) .section.running-numbers-sec .grid-boxes { gap: 24px; grid-template-columns: repeat(1, 1fr); } :is(div, #LobbyModule) .section.running-numbers-sec .grid-boxes .grid-box { border-radius: 8px; padding: 48px 32px 42px; gap: 26px; } :is(div, #LobbyModule) .section.running-numbers-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 5.6rem; letter-spacing: 0.56px; } :is(div, #LobbyModule) .section.running-numbers-sec .grid-boxes .grid-box .grid-box-subtitle { font-size: 1.8rem; } :is(div, #LobbyModule) .section.running-numbers-sec .grid-boxes .grid-box .grid-box-fulltext { margin-top: -8px; } :is(div, #LobbyModule) .section.running-numbers-sec .grid-boxes .grid-box .grid-box-fulltext p { font-size: 2rem; line-height: 1; } :is(div, #LobbyModule) .section.cards-sec { padding: 80px 24px; } :is(div, #LobbyModule) .section.cards-sec .section-title { width: 100%; } :is(div, #LobbyModule) .section.cards-sec .section-title h2 { font-size: 4rem; letter-spacing: 0.4px; width: 100%; } :is(div, #LobbyModule) .section.cards-sec .section-title h3 { font-size: 1.8rem; margin: 14px 0 0; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes { height: 141.5vw; width: 100%; margin-top: 70px; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box { border-radius: 8px; padding: 0 24px; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-image { width: 64px; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-image:has(+ .grid-box-title) { margin-bottom: 50px; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 3.2rem; letter-spacing: unset; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-fulltext { margin-top: 50px; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-fulltext p { font-size: 1.8rem; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-fulltext p strong { font-family: inherit; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-fulltext:has(ul) { gap: 22px; grid-template-columns: unset; width: 100%; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-fulltext ul li { font-size: 1.8rem; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-fulltext ul li:has(strong) { margin-bottom: 10px; line-height: 1; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .grid-box-fulltext ul li strong { font-size: 2rem; } :is(div, #LobbyModule) .section.cards-sec .grid-boxes .grid-box .counter-div { font-size: 3.2rem; right: 24px; top: 24px; } :is(div, #LobbyModule) .section.cards-sec .section-topText { width: 100%; font-size: 1.8rem; margin-top: 80px; } :is(div, #LobbyModule) .section.video-boxes-sec { padding: 128px 0; } :is(div, #LobbyModule) .section.video-boxes-sec .section-title h2 { font-size: 3.2rem; letter-spacing: unset; margin-bottom: 38px; padding-inline: 24px; text-align: right; } :is(div, #LobbyModule) .section.video-boxes-sec .grid-boxes { display: flex; gap: 16px; padding: 0 24px; scroll-snap-type: x mandatory; overflow-x: scroll; justify-content: flex-start; } :is(div, #LobbyModule) .section.video-boxes-sec .grid-boxes .grid-box { width: 80vw; min-width: 80vw; gap: 20px; scroll-snap-align: center; } :is(div, #LobbyModule) .section.video-boxes-sec .grid-boxes .grid-box .grid-box-fulltext { border-radius: 8px; } :is(div, #LobbyModule) .section.video-boxes-sec .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { font-size: 2rem; margin: 3px 0 0; } :is(div, #LobbyModule) .section.video-boxes-sec .grid-boxes .grid-box .grid-box-text .grid-box-title h3::after { width: 6px; height: 6px; margin: 0 6px 5px; } :is(div, #LobbyModule) .section.video-boxes-sec .grid-boxes .grid-box .grid-box-text .grid-box-subtitle { font-size: 2.2rem; } :is(div, #LobbyModule) .section.mid-image-sec:not(:has(+ .mid-image-logos-sec)) { margin-bottom: 128px; } :is(div, #LobbyModule) .section.mid-image-sec .section-title { right: unset; width: 100%; max-width: unset; padding: 0 24px 40px; left: 0; top: unset; bottom: 0; text-align: center; gap: 8px; } :is(div, #LobbyModule) .section.mid-image-sec .section-title h2 { font-size: 3.2rem; } :is(div, #LobbyModule) .section.mid-image-sec .section-title .grid-text-content p { font-size: 1.8rem; } :is(div, #LobbyModule) .section.mid-image-sec .section-title .grid-text-content a.sec-button { width: calc(100% - 64px); height: 45px; font-size: 1.8rem; min-width: unset; padding: 2px 20px 0; } :is(div, #LobbyModule) .section.mid-image-sec .section-title .grid-text-content:has(p) a.sec-button { margin-top: 24px; } :is(div, #LobbyModule) .section.mid-image-sec .gridTextImgContainer img { height: 100vh; } :is(div, #LobbyModule) .section.mid-image-sec .gridTextImgContainer::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 20%, rgba(0, 0, 0, 0.8) 100%); } :is(div, #LobbyModule) .section.mid-image-logos-sec { margin-top: -87px; padding-bottom: 16px; margin-bottom: 128px; } :is(div, #LobbyModule) .section.mid-image-sec:has(+ .mid-image-logos-sec) .section-title { padding: 0 24px 128px; } :is(div, #LobbyModule) .section.mid-image-logos-sec .gallery-cubes { gap: 16px; } :is(div, #LobbyModule) .section.mid-image-logos-sec .gallery-cubes .grid-boxes-wrapper { gap: 16px; animation: scrollText 40s linear infinite; } :is(div, #LobbyModule) .section.mid-image-logos-sec .gallery-cubes div:has(> .boxes-images-outer-image) { border-radius: 8px; } :is(div, #LobbyModule) .section.mid-image-logos-sec .gallery-cubes div:has(> .boxes-images-outer-image) .boxes-images-outer-image { height: 72px; width: 132px; } :is(div, #LobbyModule) .section.clients-carousel-sec { margin-bottom: 128px; } :is(div, #LobbyModule) .section.clients-carousel-sec .section-title { padding: 0 24px; margin-bottom: 34px; } :is(div, #LobbyModule) .section.clients-carousel-sec .section-title :is(h1, h2) { margin: 0; font-size: 3.2rem; letter-spacing: unset; } :is(div, #LobbyModule) .section.clients-carousel-sec .grid-boxes { padding: 0 24px; gap: 16px; scroll-snap-type: x mandatory; overflow-x: scroll; } :is(div, #LobbyModule) .section.clients-carousel-sec .grid-boxes .grid-box { width: 80vw; min-width: 80vw; padding: 24px; gap: 36px; scroll-snap-align: center; border-radius: 8px; } :is(div, #LobbyModule) .section.clients-carousel-sec .grid-boxes .grid-box .grid-box-image img { width: 150px; height: 40px; } :is(div, #LobbyModule) .section.clients-carousel-sec .grid-boxes .grid-box .grid-box-top .grid-box-title h3 { font-size: 2.2rem; } :is(div, #LobbyModule) .section.clients-carousel-sec .grid-boxes .grid-box .grid-box-top .grid-box-subtitle { font-size: 1.8rem; margin-top: 6px; } :is(div, #LobbyModule) .section.clients-carousel-sec .grid-boxes .grid-box .read-more-btn { font-size: 1.8rem; margin-top: -8px; } :is(div, #LobbyModule) section.big-image-sec { height: auto; padding: 24px; } :is(div, #LobbyModule) section.big-image-sec .image-section-data img { height: 138.5vw; border-radius: 8px; } } /*------------------------------------------/* PAGES WITH LOBBYVIEW /*------------------------------------------*/ #lobbyview { display: grid; width: 54vw; margin: 0 auto 9vw; text-wrap: balance; justify-items: center; position: relative; } #lobbyview #headline { font-size: 100%; margin: 0; position: relative; } #lobbyview > h2 { order: -1; font-size: 1.25vw; letter-spacing: 0.013vw; margin-bottom: 0.9vw; } #lobbyview #headline h1 { letter-spacing: 0.042vw; font-size: 4.167vw; } #lobbyview:has(#lobbyText) #headline h1 { margin-bottom: 2.6vw; } #lobbyview #lobbyText { max-width: unset; margin: 0; } #lobbyview #lobbyText p { font-size: 1.25vw; line-height: 1.2; } #lobbyview #lobbyText a.tiny-btn { font-size: 0.938vw; color: var(--white); background: var(--black); border-radius: 50px; transition: 0.3s all ease; padding: 0.8vw 2vw; font-family: var(--med); display: inline-block; width: auto; min-width: 7.6vw; align-items: center; position: relative; border: unset; margin-top: 1vw; } @media(min-width: 1025px) { #lobbyview #lobbyText a.tiny-btn:is(:hover,:focus) { color: var(--black); background: var(--lime) } } @media(max-width: 1024px) { #lobbyview { width: 100%; margin: 0 auto 128px; padding: 0 24px; text-wrap: initial; } #lobbyview > h2 { font-size: 2.2rem; letter-spacing: unset; margin-bottom: 14px; } #lobbyview #headline h1 { font-size: 4rem; letter-spacing: 0.4px; } #lobbyview:has(#lobbyText) #headline h1 { margin-bottom: 16px; } #lobbyview #lobbyText p { font-size: 1.8rem; } #lobbyview #lobbyText a.tiny-btn { font-size: 1.8rem; padding: 12px; min-width: 160px; margin-top: 20px; } } /*------------------------------------------/* FOR COMPANIES PAGE /*------------------------------------------*/ .companies-page .logos-sec ul { list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; ); gap: 0.521vw; margin-bottom: 1.25vw; } .companies-page .logos-sec ul > li button { background: #fff; border: none !important; font-family: 'ploni-bold-aaa'; font-size: 0.938vw; padding-block: 10px; padding-inline: 20px; border-radius: 30px; } .logos-sec ul > li button.active { background: var(--black); color: var(--bg); } .companies-page :is(div, #LobbyModule) .section.logos-sec .gallery-container .gallery-cubes a, .companies-page :is(div, #LobbyModule) .section.logos-sec .gallery-container .gallery-cubes div { background: #fff; border-radius: 0.833vw; } .companies-page :is(div, #LobbyModule) .section.logos-sec .gallery-container .gallery-cubes > *:has(> .boxes-images-outer-image) .gallery-cube-text { margin: 0; } @media(min-width: 1025px) { .companies-page #lobbyview { text-wrap: initial; margin-bottom: 2vw; } .companies-page #lobbyview #lobbyText { width: 42vw; } .companies-page .logos-sec ul > li button:hover { background: var(--black); color: var(--bg); } .companies-page :is(div, #LobbyModule) .section.logos-sec .gallery-container .gallery-cubes > *:has(> .boxes-images-outer-image) .gallery-cube-text { padding-bottom: 0.521vw; } } @media(max-width: 1024px) { .companies-page.app-look-page #lobbyview { margin-bottom: 6px; } .companies-page #lobbyview { margin-bottom: 10.667vw; } .companies-page #lobbyview #lobbyText p { display: flex; flex-direction: column; } .companies-page .logos-sec nav { overflow-x: scroll; margin-bottom: 16px; } .companies-page .logos-sec nav ul { padding: 0; gap: 8px; justify-content: flex-start; /* flex-wrap: nowrap; */ justify-content: center; /* overflow-x: scroll; */ } .companies-page .logos-sec nav ul > li button { font-size: 14px; white-space: nowrap; } .companies-page .section.logos-sec #logos-search-form { /* margin-bottom: 34.133vw;*/ } .companies-page :is(div, #LobbyModule) .section.logos-sec .gallery-container .gallery-cubes > *:has(> .boxes-images-outer-image) .boxes-images-outer-image { border-radius: 10px; } .companies-page :is(div, #LobbyModule) .section.logos-sec .gallery-container .gallery-cubes > *:has(> .boxes-images-outer-image) .boxes-images-outer-image { border-radius: 10px; } } /*------------------------------------------/* APP LOOKING PAGE /*------------------------------------------*/ body.app-look-page header, body.app-look-page footer, .app-look-page #PageBreadCrumps { display: none; } body.app-look-page #SiteGrid { padding: 0; } .app-look-page #lobbyview { margin: 0 auto 4vw; } @media(max-width: 1024px) { .app-look-page #lobbyview { margin: 0 auto 48px; } } /*------------------------------------------/* FOR CHILDREN PAGE /*------------------------------------------*/ .children-page #lobbyview { margin-bottom: 5.9vw; } @media(min-width: 1025px) { .children-page #lobbyview .arrow { content: ''; position: absolute; left: calc(100% + 6vw); top: 0; background-repeat: no-repeat; background-position: center; background-size: contain; height: 6.875vw; width: 4.271vw; background-image: url(/warehouse/dynamic/517011.svg); } } @media(max-width: 1024px) { .children-page #lobbyview { margin-bottom: 58px; } } /*------------------------------------------/* FOR PARENTS PAGE /*------------------------------------------*/ .parents-page #GridWrapInner { margin-top: 3vw; } .parents-page #lobbyview { display: none; } .parents-page :is(div, #LobbyModule) .section.row-variant-5-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text #headline { font-size: 100%; margin: 0; } .parents-page :is(div, #LobbyModule) .section.row-variant-5-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text #headline h1 { text-align: right; font-size: 3.333vw; letter-spacing: 0.033vw; margin: 0 0 0.7vw; } @media(min-width: 1025px) { .parents-page :is(div, #LobbyModule) .section.row-variant-5-sec .grid-row .grid-row-cell-text { width: 29.22vw; } .parents-page :is(div, #LobbyModule) .section.row-variant-5-sec .grid-row .grid-row-cell-text .arrow { display: inline-block; width: 10.73vw; height: 4.85vw; position: absolute; z-index: 1; top: -7.5vw; left: calc(100% - 1vw); background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/537500.svg); pointer-events: none; } } @media(max-width: 1024px) { .parents-page :is(div, #LobbyModule) .section.row-variant-5-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text #headline h1 { font-size: 4rem; letter-spacing: 0.4px; margin-bottom: 15px; } } /*------------------------------------------/* FOR BUSINESSES PAGE /*------------------------------------------*/ .businesses-page #lobbyview { margin: 0 auto; } .businesses-page #lobbyview .arrow { content: ''; display: block; width: 9.74vw; height: 10.104vw; margin: 2vw 0 2.5vw; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/516150.svg); } @media(min-width: 1025px) { } @media(max-width: 1024px) { .businesses-page #lobbyview { text-wrap: balance; } .businesses-page #lobbyview .arrow { background-image: url(/warehouse/dynamic/516149.svg); width: 97px; height: 101px; margin: 28px auto 32px; } } /*------------------------------------------/* FOR SMALL BUSINESSES PAGE /*------------------------------------------*/ @media(min-width: 1025px) { } @media(max-width: 1024px) { .small-businesses-page #lobbyview { margin-bottom: 0; } .small-businesses-page #lobbyview .arrow { content: ''; display: block; background-repeat: no-repeat; background-position: center; background-size: contain; height: 130px; width: 32px; background-image: url(/warehouse/dynamic/517014.svg); margin: 22px auto 32px; } } /*------------------------------------------/* FAQ PAGE /*------------------------------------------*/ @media(min-width: 1025px) { .faq-page #lobbyview { margin: 0 auto 6vw; } } /*------------------------------------------/* ABOUT PAGE /*------------------------------------------*/ @media(min-width: 1025px) { .about-page #lobbyview .arrow { content: ''; position: absolute; left: calc(100% + 0vw); top: 0; background-repeat: no-repeat; background-position: center; background-size: contain; height: 6.875vw; width: 4.271vw; background-image: url(/warehouse/dynamic/517011.svg); } } @media(max-width: 1024px) { .about-page #lobbyview #headline .arrow { content: ''; display: block; background-repeat: no-repeat; background-position: center; background-size: contain; height: 130px; width: 32px; background-image: url(/warehouse/dynamic/517014.svg); margin: 48px auto 64px; } .about-page #lobbyview:has(#lobbyText) #headline h1 { margin-bottom: 0; } } /*------------------------------------------/* KOSHER PAGE /*------------------------------------------*/ .kosher-page #lobbyview #lobbyText h2 { letter-spacing: 0.042vw; font-size: 3.125vw; margin: 1vw auto; } @media(max-width: 1024px) { .kosher-page #lobbyview #lobbyText h2 { margin: 20px auto; font-size: 4rem; letter-spacing: 0.3px; } } /*------------------------------------------/* CONTACT PAGE /*------------------------------------------*/ .contact-page #GridWrapInner { display: flex; direction: rtl; align-items: center; max-width: 100vw; } .contact-page #GridWrapInner #GridPromo { width: 63%; height: 100%; } .contact-page #GridWrapInner #GridContent { width: 37%; display: flex; justify-content: center; padding-block: 6vw; min-height: calc(48vw - var(--headerHeight)); /* align-items: center; */ } .contact-page #GridWrapInner #GridContent #ContentRegularModule { width: 15.6vw; } .contact-page #GridWrapInner #GridContent #headline { font-size: 100%; margin: 0; text-align: right; } .contact-page #GridWrapInner #GridContent #headline h1 { letter-spacing: 0.033vw; font-size: 3.333vw; margin-bottom: 1vw; } .contact-page #GridWrapInner #GridContent #text1 { max-width: 100%; text-align: right; display: grid; gap: 3vw; } .contact-page #GridWrapInner #GridContent #text1 ul { margin: 0; padding: 0; list-style: none; } .contact-page #GridWrapInner #GridContent #text1 ul:first-of-type { display: grid; gap: 0.8vw; } .contact-page #GridWrapInner #GridContent #text1 ul:first-of-type li { font-size: 0.938vw; display: flex; align-items: center; gap: 0.6vw; line-height: 1; } .contact-page #GridWrapInner #GridContent #text1 ul:first-of-type li img { width: 1.458vw; aspect-ratio: 1; } /*.contact-page #GridWrapInner #GridContent #text1 ul:last-of-type li { font-family: var(--med); padding: 0.65vw 0 0.45vw; display: flex; justify-content: flex-start; align-items: center; } .contact-page #GridWrapInner #GridContent #text1 ul:last-of-type li:not(:last-child) { border-bottom: 1px solid #D9D9D9; } .contact-page #GridWrapInner #GridContent #text1 ul:last-of-type li::after { content: ''; width: 1.458vw; aspect-ratio: 1; background-image: url(/warehouse/dynamic/515941.svg); background-size: auto; background-repeat: no-repeat; background-position: center; display: inline-block; margin-right: auto; }*/ @media(min-width: 1025px) { .contact-page .form-container-wide #DynamicFormObject { padding: 8.6vw !important; min-height: calc(48vw - var(--headerHeight)); position: sticky; top: var(--headerHeight); } .contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { display: none; } } @media(max-width: 1024px) { .contact-page #GridWrapInner #GridContent { width: 100%; min-height: unset; padding: 0 24px; } .contact-page #GridWrapInner #GridContent:has(+ #GridPromo) { margin-bottom: 128px; } .contact-page #GridWrapInner #GridContent #ContentRegularModule { width: 100%; } .contact-page #GridWrapInner #GridContent #headline h1 { font-size: 4rem; letter-spacing: 0.4px; text-align: center; margin-bottom: 16px; } .contact-page #GridWrapInner #GridContent #text1 { gap: 64px; } .contact-page #GridWrapInner #GridContent #text1 p { text-align: center; } .contact-page #GridWrapInner #GridContent #text1 ul:first-of-type { background: var(--white); border-radius: 8px; padding: 20px; gap: 16px; } .contact-page #GridWrapInner #GridContent #text1 ul:first-of-type li { font-size: 1.8rem; gap: 12px; } .contact-page #GridWrapInner #GridContent #text1 ul:first-of-type li img { width: 28px; } /*.contact-page #GridWrapInner #GridContent #text1 ul:last-of-type li { font-size: 1.6rem; padding: 11px 0 9px; } .contact-page #GridWrapInner #GridContent #text1 ul:last-of-type li::after { width: 28px; }*/ .contact-page #GridWrapInner #GridPromo { width: 100%; height: auto; } } /*------------------------------------------/* MODALS /*------------------------------------------*/ #multi-content-modal { padding: 0 !important; } #multi-content-modal .modal-content { margin: 0 auto; padding: 2.917vw 4.167vw 2.917vw 3.167vw; max-width: 39.1vw; height: 70vh; background: var(--white); border-radius: 0.417vw; } #multi-content-modal .modal-content a.close { left: 50%; transform: translateX(-50%); top: unset; bottom: calc(100% + 20px); font-size: 0; margin: 0; width: 40px; height: 40px; border-radius: 50%; background-size: 12px; background-repeat: no-repeat; background-position: center; background-image: url(/warehouse/dynamic/496167.svg); background-color: var(--white); z-index: 10; } #multi-content-modal .modal-content a.close svg { display: none; } #multi-content-modal .modal-content #PopUpData { background: var(--white); display: flex; padding: 0 0 0 1vw; text-align: right; gap: 1.4vw; flex-direction: column; border-radius: inherit; direction: rtl; height: 100%; overflow-y: auto; max-height: unset; } #multi-content-modal .modal-content #PopUpData::-webkit-scrollbar { width: 4px; } #multi-content-modal .modal-content #PopUpData::-webkit-scrollbar-track { background: var(--bg); } #multi-content-modal .modal-content #PopUpData::-webkit-scrollbar-thumb { background: var(--lime); } #multi-content-modal.videoInPop .modal-content { padding: 0; height: auto; } #multi-content-modal.videoInPop .modal-content #PopUpData { padding: 1vw; gap: 0; } #multi-content-modal.videoInPop .modal-content #PopUpData iframe { height: 27vw; } #multi-content-modal.clients-modal .modal-content #PopUpData .grid-box-image img { width: 7.8vw; height: 2.084vw; } #multi-content-modal.clients-modal .modal-content #PopUpData .grid-box-top { order: -1; } #multi-content-modal.clients-modal .modal-content #PopUpData .grid-box-top .grid-box-title h3 { font-size: 1.667vw; font-family: var(--yad), var(--med); margin: 0; color: var(--black); } #multi-content-modal.clients-modal .modal-content #PopUpData .grid-box-top .grid-box-subtitle { color: var(--gray); font-size: 1.25vw; margin-top: 0.2vw; } @media(max-width: 1024px) { #multi-content-modal .modal-content { max-width: 90vw; height: 75vh; border-radius: 8px; padding: 24px 24px 24px 14px; } #multi-content-modal .modal-content #PopUpData { padding: 0 0 0 10px; gap: 36px; } #multi-content-modal.videoInPop .modal-content { max-width: calc(100% - 48px); } #multi-content-modal.videoInPop .modal-content #PopUpData { padding: 20px; } #multi-content-modal.videoInPop .modal-content #PopUpData iframe { height: 30vh; } #multi-content-modal.clients-modal .modal-content #PopUpData .grid-box-image img { width: 150px; height: 40px; } #multi-content-modal.clients-modal .modal-content #PopUpData .grid-box-top .grid-box-title h3 { font-size: 2.2rem; } #multi-content-modal.clients-modal .modal-content #PopUpData .grid-box-top .grid-box-subtitle { font-size: 1.8rem; margin-top: 6px; } } /*------------------------------------------/* FORM /*------------------------------------------*/ .form-container-wide #DynamicFormObject { max-width: 100% !important; display: flex; flex-direction: column; border: none; width: 100%; justify-content: center; align-items: center; background: var(--white); } .form-container-wide #DynamicFormObject::after { display: none; } .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; text-align: right; margin: 0; width: 100%; font-size: 100%; } .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { color: var(--black); font-size: 4.583vw; letter-spacing: -0.092vw; line-height: 0.9; margin-bottom: 1.4vw; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; margin: 0; text-align: right; width: 100%; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: none; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { gap: 1.042vw; display: grid; grid-template-columns: repeat(2, 1fr); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { padding: 0; width: 100%; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.textareaField { grid-column: 1/-1; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(input, select, textarea) { outline: unset; width: 100%; max-width: 100%; padding: 0.7vw 1.5vw; box-shadow: none; border: unset !important; border-radius: 0.417vw; margin: 0; font-size: clamp(1.3rem, 0.938vw, 1000rem); color: var(--black); height: 2.65vw; background: var(--bg); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(input, select, textarea):focus { border: 1px solid var(--yellow) !important; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea { height: 13vw; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .select-wrapper:after { left: 1vw; top: 50%; content: "\f107"; font-size: clamp(1.3rem, 0.938vw, 1000rem); font-weight: 700; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must::before { right: 1vw; top: 0.9vw; font-size: 0.8vw; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField span.error { font-size: 0.625vw; left: 0.833vw; top: 1.1vw; line-height: 0.8; color: #FF002B; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { width: 100%; padding: 0; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { background: var(--lime); color: var(--black); font-family: var(--med); font-size: 0.938vw; padding: 0.2vw 2vw 0; border: unset; border-radius: 50px; position: relative; height: 2.813vw; min-width: 10.417vw; display: inline-flex; justify-content: center; align-items: center; margin-top: 1.4vw; } @media(min-width: 1025px) { } @media(max-width: 1024px) { .form-container-wide #DynamicFormObject { padding: 64px 24px; } .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 4.2rem; letter-spacing: -0.84px; margin-bottom: 20px; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { gap: 16px; grid-template-columns: repeat(1, 1fr); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField :is(input, select, textarea) { font-size: 1.8rem !important; padding: 12px 28px; height: 50px; font-size: 1.8rem !important; border-radius: 8px; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea { height: 120px; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must::before { top: 16px; right: 16px; font-size: 1.6rem; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField span.error { font-size: 1.4rem; top: 6px; left: 6px; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .select-wrapper:after { font-size: 80%; left: 20px; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { margin-top: 0; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input { width: 100%; min-width: unset; height: 50px; font-size: 1.5rem !important; letter-spacing: 0; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button { height: 45px; font-size: 1.8rem; padding: 2px 20px 0; margin-top: 18px; min-width: unset; width: 100%; } } /*------------------------------------------/* FORM THANK YOU PAGE /*------------------------------------------*/ .FormResultPage #GridTop, .FormResultPage .FooterForm.form-container-wide { display: none; } .FormResultPage #GridWrapInner { padding: 7.292vw 0; height: calc(48vw - var(--headerHeight)); margin: 0; } .FormResultPage #SiteGrid { display: flex; flex-direction: column; justify-content: center; } .FormResultPage #pageview #headline { font-size: 100%; position: relative; margin: 0; } .FormResultPage #pageview #headline h1 { margin-bottom: 1.4vw; font-family: var(--med); color: var(--black); font-size: 4.167vw; letter-spacing: 0.042vw; } .FormResultPage #pageview #text1 { max-width: 100%; line-height: 1; } .FormResultPage #pageview #text1 p { text-align: center; direction: ltr; line-height: 1.2; color: var(--black); font-size: clamp(1.3rem, 1.042vw, 1000rem); font-family: var(--reg); margin-bottom: 1vw; } .FormResultPage #pageview #text1 a.FormResultPageButton { background: var(--lime); color: var(--black); font-family: var(--med); font-size: 0.938vw; padding: 0.2vw 2vw 0; border: unset; border-radius: 50px; position: relative; height: 2.813vw; min-width: 12.417vw; display: inline-flex !important; justify-content: center; align-items: center; } @media(min-width: 1025px) { } @media(max-width: 1024px) { .FormResultPage #GridWrapInner { height: calc(100vh - var(--headerHeight)); padding: 0 24px !important; justify-content: center; } .FormResultPage #pageview #headline h1 { font-size: 4rem; letter-spacing: 0.4px; margin-bottom: 25px; margin-top: 0; } .FormResultPage #pageview #text1 p { font-size: 1.8rem; margin-bottom: 20px; } .FormResultPage #pageview #text1 a.FormResultPageButton { height: 45px; min-width: 168px; font-size: 1.8rem; padding: 2px 10px 0; } } /*------------------------------------------/* ACCESSABILITY PAGE /*------------------------------------------*/ .accessabilityMainPage #GridTop, .accessabilityMainPage #PageBreadCrumps { display: none; } .accessabilityMainPage #GridWrapInner { margin: 0; padding: 0 !important; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) { max-width: 44.3vw; margin: 0 auto 11vw; display: flex; flex-direction: column; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #headline { font-size: 100%; text-align: right; margin: 0; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #headline h1 { margin: 7vw 0 3.5vw; font-size: 4.167vw; letter-spacing: 0.042vw; text-align: inherit; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #subheadline h2 { text-align: right; font-size: clamp(1.3rem, 2.5vw, 1000rem); line-height: 1.2; margin: 0 0 1.563vw; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) { max-width: 100%; text-align: right; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3) { font-size: clamp(1.3rem, 2.5vw, 1000rem); line-height: 1.2; margin: 1.563vw 0; font-family: var(--yad), var(--med); } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) h3 { font-size: clamp(1.3rem, 1.563vw, 1000rem); } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3):first-child, .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3) + :is(h2, h3) { margin-top: 0; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol) { padding-right: 1.1vw; margin: 0; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol) :is(ul,ol) { padding-right: 0; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol):has(+ p, + ul, + ol), .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(p, ul,ol):has(+ ul, + ol) { margin-bottom: 1.563vw; } @media(max-width: 1024px) { .accessabilityMainPage #GridWrapInner { padding-top: 88px !important; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) { max-width: 100%; margin: 0 auto 128px; padding: 0 24px; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #headline h1 { font-size: 4rem; letter-spacing: 0.4px; margin: 0 0 38px; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #subheadline h2 { margin: 0 0 24px; font-size: 3.2rem; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3) { margin: 32px 0 24px; font-size: 3.2rem; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) h3 { font-size: 2.4rem; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol) { padding-right: 20px; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol):has(+ p, + ul, + ol) { margin-bottom: 32px; } } /*------------------------------------------/* PAGE 404 /*------------------------------------------*/ .page-404 #SiteGrid { display: flex; align-items: center; flex-direction: column; } .page-404 #SiteGrid #GridTop { display: none; } .page-404 #SiteGrid #GridPage { width: 100%; height: 100%; padding: 0; } .page-404 #SiteGrid #GridWrap { display: flex; flex-direction: column; max-width: unset; } .page-404 #SiteGrid #GridHeader { display: none; } .page-404 #SiteGrid #PageBreadCrumps { display: none; } .page-404 #SiteGrid #GridWrapInner { padding: 7vw 0 11vw; min-height: calc(48vw - var(--headerHeight)); } .page-404 #SiteGrid #GridPage .page-not-found { display: flex; flex-direction: column; position: relative; align-items: center; } .page-404 #SiteGrid #GridPage .page-not-found h2 { text-align: center; direction: ltr; line-height: 1.2; color: var(--black); font-size: clamp(1.3rem, 1.042vw, 1000rem); font-family: var(--reg); } .page-404 #SiteGrid #GridPage .page-not-found::before { content: 'Page 404'; pointer-events: none; margin-bottom: 2vw; font-family: var(--med); color: var(--black); font-size: 4.167vw; letter-spacing: 0.042vw; } .page-404 #SiteGrid #GridPage .page-not-found a { background: var(--lime); color: var(--black); font-family: var(--med); font-size: 0.938vw; padding: 0.2vw 2vw 0; border: unset; border-radius: 50px; position: relative; height: 2.813vw; min-width: 12.417vw; display: inline-flex; justify-content: center; align-items: center; } @media(min-width: 1025px) { } @media(max-width: 1024px) { .page-404 #SiteGrid #GridWrapInner { padding: 0; min-height: calc(100vh - var(--headerHeight)); justify-content: center; display: flex; } .page-404 #SiteGrid #GridPage .page-not-found::before { font-size: 4rem; margin-bottom: 25px; margin-top: 0; letter-spacing: 0.4px; } .page-404 #SiteGrid #GridPage .page-not-found h2 { font-size: 1.8rem; } .page-404 #SiteGrid #GridPage .page-not-found a { height: 45px; min-width: 168px; font-size: 1.8rem; padding: 2px 10px 0; } } /*------------------------------------------/* FOOTER /*------------------------------------------*/ footer { display: flex; padding: 0; background: var(--black); border-top: 1px solid #A4A4A4; } #SiteFooter { padding: 0; } #SiteFooter .footer-text-divided { padding: 3.125vw 0; color: var(--bg); display: flex; justify-content: space-between; max-width: 79.167vw; margin: 0 auto; } #SiteFooter .footer-text-divided:not(:has(.footer-text-right)) { justify-content: flex-end; } #SiteFooter .footer-text-divided:not(:has(.footer-text-right)) .footer-text-left { flex-direction: row-reverse; /* justify-content: space-between; */ width: 100%; gap: 0.8vw; align-items: center; } #SiteFooter .footer-text-divided:not(:has(.footer-text-right)) .footer-text-left p:first-child { order: 1; } #SiteFooter .footer-text-divided:not(:has(.footer-text-right)) .footer-text-left p:nth-child(2) { order: 3; font-size: 0.833vw; } #SiteFooter .footer-text-divided:not(:has(.footer-text-right)) .footer-text-left .footerSocialIcons { order: 2; margin: 0 0 0 auto; } #SiteFooter .footer-text-divided .footer-text-left { padding: 0; width: auto; display: flex; flex-direction: column; gap: 2vw; } #SiteFooter .footer-text-divided .footer-text-left .footerSocialIcons { display: inline-flex; gap: 0.5vw; justify-content: flex-end; } #SiteFooter .footer-text-divided .footer-text-left .footerSocialIcons a { border: 1px solid var(--white); border-radius: 50%; padding: 0.365vw; display: flex; transition: 0.3s all ease; } #SiteFooter .footer-text-divided .footer-text-left .footerSocialIcons a svg { width: 1.6rem; height: 1.6rem; transition: 0.3s all ease; } #SiteFooter .footer-text-divided .footer-text-left .footerSocialIcons a:hover { border-color: var(--black); background: var(--lime); } #SiteFooter .footer-text-divided .footer-text-left .footerSocialIcons a:hover svg { fill: var(--black); } #SiteFooter .footer-text-divided .footer-text-right { width: auto; padding: 0; display: flex; gap: 4.167vw; } #SiteFooter .footer-text-divided .footer-text-right ul { margin: 0; padding: 0; list-style: none; } #SiteFooter .footer-text-divided .footer-text-right ul li { transition: 0.3s all ease; position: relative; width: max-content; font-size: clamp(1.4rem, 0.938vw, 1000rem); line-height: 80%; color: var(--bg); } #SiteFooter .footer-text-divided .footer-text-right ul li h4 { margin: 0 0 1.2vw; font-size: clamp(1.6rem, 1.042vw, 1000rem); line-height: 80%; color: var(--bg); font-family: var(--med); } #SiteFooter .footer-text-divided .footer-text-right ul li:not(:last-child) { margin-bottom: 0.7vw; } #SiteFooter .site-credit.alternative { padding: 5px 0; z-index: 1; width: 100%; display: flex; order: 3; background-color: var(--black); } a.AccessabilityLink { z-index: 1; margin-bottom: 5px; font-size: clamp(1.2rem, 0.73vw, 1000rem); display: none; } a.AccessabilityLink:hover { color: var(--white); } #SiteFooter .site-credit.alternative svg path.st0 { fill: var(--white); } p.creditWrapper svg { fill: var(--white); } @media(min-width: 1025px) { #SiteFooter .footer-text-divided .footer-text-right ul li:hover { color: var(--lime); } } @media(max-width: 1024px) { #SiteFooter .footer-text-divided { padding: 48px 32px; max-width: unset; flex-direction: column-reverse; gap: 48px; } #SiteFooter .footer-text-divided .footer-text-left { gap: 48px; align-items: center; } #SiteFooter .footer-text-divided:not(:has(.footer-text-right)) .footer-text-left { gap: 30px 16px; flex-wrap: wrap; justify-content: center; } #SiteFooter .footer-text-divided:not(:has(.footer-text-right)) .footer-text-left p:nth-child(2) { font-size: 1.6rem; } #SiteFooter .footer-text-divided:not(:has(.footer-text-right)) .footer-text-left .footerSocialIcons { margin: 0; } #SiteFooter .footer-text-divided .footer-text-left p:first-child { display: flex; justify-content: center; } #SiteFooter .footer-text-divided .footer-text-left p:first-child img { width: 142px; height: 42px; } #SiteFooter .footer-text-divided .footer-text-left .footerSocialIcons a { padding: 6px; } #SiteFooter .footer-text-divided .footer-text-left .footerSocialIcons { gap: 12px; } #SiteFooter .footer-text-divided .footer-text-right { gap: 0; flex-direction: column; } #SiteFooter .footer-text-divided .footer-text-right ul { border-top: 1px solid #A4A4A4; padding: 24px 0 0; } #SiteFooter .footer-text-divided .footer-text-right ul li { font-size: 1.8rem; width: 100%; } #SiteFooter .footer-text-divided .footer-text-right ul li:not(:last-child) { margin-bottom: 16px; } #SiteFooter .footer-text-divided .footer-text-right ul .mobile-wrapper { margin-top: 28px; } #SiteFooter .footer-text-divided .footer-text-right ul > li { margin: 0 !important; font-size: 2rem; } #SiteFooter .footer-text-divided .footer-text-right ul > li::after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 12px; height: 6px; background-repeat: no-repeat; background-position: center; background-size: auto; background-image: url(/warehouse/dynamic/491306.svg); } #SiteFooter .footer-text-divided .footer-text-right ul.open > li::after { transform: translateY(-50%) scaleY(-1); } } /*------------------------------------------/* GSAP/ANIMATIONS RELATED /*------------------------------------------*/ .line { overflow: hidden; } .word { display: inline-flex !important; } .char-wrap { display: inline-block; position: relative; overflow: hidden; } @keyframes scrollText { 0% { transform: translateX(0); } 100% { transform: translateX(100%); } } /*search-form - X*/ .section.logos-sec #logos-search-form .logos-search-input-wrapper::after { display: none; } .section.logos-sec #logos-search-form .logos-search-input-wrapper input[type="reset"] { position: absolute; top: 0; left: 0; min-width: 0; width: 25%; text-align: left; } @media(max-width: 1024px) { .section.logos-sec #logos-search-form .logos-search-input-wrapper input[type="reset"] { padding-left: 4.885vw; } }