/* PRIME EVERGY */ :root { --white: #fff; --black: #1B1B1A; --red: #FC2F13; --pink: #FFF5F4; --gray: #E6E6E6; --gray-text: #949494; --gap-4: 0.21vw; --gap-8: 0.42vw; --gap-10: 0.52vw; --gap-12: 0.625vw; --gap-14: 0.729vw; --gap-16: 0.833vw; --gap-18: 0.938vw; --gap-20: 1.042vw; --gap-24: 1.25vw; --gap-25: 1.302vw; --gap-32: 1.667vw; --gap-40: 2.083vw; --gap-44: 2.292vw; --gap-48: 2.5vw; --gap-56: 2.917vw; --gap-60: 3.13vw; --gap-80: 4.167vw; --gap-90: 4.688vw; --gap-120: 6.25vw; --gap-160: 8.33vw; --gap-280: 14.583vw; --site-gap: 9.896vw; --fs-13: clamp(10px, 0.677vw, 300px); --fs-14: clamp(11px, 0.729vw, 300px); --fs-15: clamp(12px, 0.781vw, 300px); --fs-16: clamp(13px, 0.833vw, 300px); --fs-18: clamp(12px, 0.94vw, 300px); --fs-20: clamp(16px, 1.042vw, 300px); --fs-24: clamp(18px, 1.25vw, 300px); --fs-32: clamp(24px, 1.667vw, 300px); --fs-56: clamp(32px, 2.917vw, 300px); --fs-72: clamp(40px, 3.75vw, 300px); --fs-120: clamp(60px, 6.25vw, 300px); --fs-233: clamp(100px, 12.135vw, 300px); --font-1: 'inter_18pt-regular'; --font-2: 'inter_18pt-semibold'; } /*------------------------------------------/* GENERAL /*------------------------------------------*/ html { font-size: 62.5%; overflow-x: clip; } body { opacity: 0; color: var(--black); background: white; transition: 0.3s opacity ease; font-family: var(--font-1) !important; font-size: 2rem; zoom: 1 !important; position: relative; transition-delay: 0.5s; } body { font-size: clamp(15px, var(--fs-17),300px); font-family: var(--font-1); line-height: 1.45; letter-spacing: -0.17px; } body.home-page { opacity: 1; } body.shown { opacity: 1; } body, body.modal-open { padding: 0 !important; overflow: clip !important; } .modal { z-index: 10000; } .modal-backdrop.in { opacity: 0.5; } .gallery-cubes-modal { padding: 0 !important; } .gallery-cubes-modal .flexslider .slides { display: flex; align-items: center; flex-wrap: wrap; } .gallery-cubes-modal .flexslider .flex-direction-nav li a { outline: unset; } .gallery-cubes-modal .flexslider a.flex-next:before, .gallery-cubes-modal .flexslider a.flex-prev:before { font-size: 250%; } .grid-box-fulltext :is(p, li), :is(#lobbyText, #text1, #text2, .text1, .text2) :is(p, li), .grid-rows .grid-row-text :is(p, li), :is(#text1, #text2) > span, .section-topText :is(p, li), #catalogText :is(p, li), .project-inner-page .headline-wrapper .cstm-flds .field-row p, .circle-swiper .grid-boxes .grid-boxes .grid-box .grid-box-subtitle span { font-size: clamp(14px,var(--fs-18),300px); position: relative; line-height: 1.45; color: white; letter-spacing: 0.18px; } .section-title, .grid-text-section .section-title { margin: 0; } #SiteContainer { position: relative; z-index: 1; } body:not(:has(#GridTop.noTopImage)) #SiteGrid { padding: 0; } #SiteGridContainer { position: relative; z-index: 2; } #GridWrapInner { max-width: var(--app-width); display: flex; flex-direction: column; } #allSectionsWrapper { z-index: 2; background: var(--white); } .sections .section, section.section { margin-bottom: 0; padding: 0; max-width: var(--app-width); width: 100%; } .grid-rows .grid-row { background: inherit; } .grid-row li.slider-item, .grid-boxes .grid-box-image { padding-bottom: 0; overflow: visible; } .grid-boxes .grid-box-image-container, .grid-row .grid-row-image-container, .grid-short-box-image .image-container { position: relative; height: 100%; } .grid-text.gridHasVideo .grid-iframe-holder { padding: 0; display: flex; overflow: hidden; } .grid-text.gridHasVideo .grid-iframe-holder video { width: 100%; } .grid-boxes { display: flex; margin: 0; width: 100%; } .grid-boxes .grid-box { margin: 0; padding: 0; } .grid-boxes .grid-box-subtitle { font-size: unset; } .grid-boxes .grid-box .grid-box-image, #lobbyview .grid-boxes .grid-box-image, :is(div, #LobbyModule) .grid-boxes .grid-box-image { margin: 0; } .grid-boxes .grid-box-title h3 a { outline: none !important; transition: 0.3s ease all; } #lobbyview .grid-boxes, #LobbyModule .grid-boxes { max-width: unset; padding: 0; margin: 0; } #LobbyModule .grid-box { opacity: inherit; font-size: 2rem; margin: 0; } #text1 p:last-child { margin: 0; } #GridPage { padding: 0; background: white; } #main-header .max-width, #GridPage .max-width, .blog-grid #GridPage .max-width, .max-width, .lobby-grid #GridPage .max-width { width: 100%; padding: 0; max-width: 100%; margin: 0; } .grid-text-content, .grid-text .grid-text-content { opacity: initial; margin: 0; width: 100%; padding: 0; direction: ltr; } .grid-text p { margin-top: 0; } b, strong { font-weight: unset; font-family: var(--font-2); } li::marker { color: var(--black); } a:hover, a:focus { color: inherit; } .container-fluid { padding: 0; } .gallery-container { width: 100%; } .gallery-cubes { display: flex; } .box-image-animation { outline: unset !important; } .box-image-animation:hover img { transform: none !important; } #GridPromo { width: 100%; margin: 0; padding: 0; } #CatalogModule { padding: 0; } .itemContentWrapper { margin: 0; } .row { margin: 0; } .slick-track::before, .slick-track::after, .grid-boxes::before, .grid-boxes::after, .grid-rows::before, .grid-rows .grid-row::after, #gridshort-view > div::before, #gridshort-view > div::after, .gallery-cubes::before, .gallery-cubes::after, .row::before, .row::after, .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, .clearfix { display: none !important; } #GridTop, #GridTop.blog { height: calc(100vh - var(--headerHeight)); background-repeat: no-repeat; background-size: cover; margin: 0; width: 100%; margin-top: var(--headerHeight); position: relative; border-radius: 0; } #GridTop.noTopImage.longer { height: 0; overflow: hidden; } #home-gallery .scroll-down { display: none; } #player-controls { display: none; } .cartItemsCounter { background: var(--vivid-blue); } .cartItemsCounter span.CartItems { color: var(--white); left: 50%; top: 60%; } footer { padding: 0; display: block; position: relative; z-index: 1000; } #SiteFooter { float: none; } h1, .h1, h2, .h2, h3, .h3 { margin: 0; } .gallery-cubes .image-link-container { display: none; } .blog-post { padding: 0; direction: ltr; } #LobbyModule .grid-boxes .grid-box-title h3 { font-size: unset; margin: 0; } :is(div,#LobbyModule) #lobbyview { display: flex; padding-block: var(--gap-80) var(--gap-120); justify-content: center; flex-direction: column; background: var(--white); } #BlogMain { padding-bottom: var(--gap-80); } .gallery-cubes .boxes-images-outer-image { border-radius: 6px; padding: 0; width: 100%; height: auto; aspect-ratio: 1.2; } .gallery-cubes .boxes-images-outer-image { pointer-events: none; } .opacity-layer-slide { display: none; } .GridTop { width: calc(100% - var(--gap-24)); margin-inline: auto; margin-top: var(--gap-12); border-radius: 6px; } .blog-post-title a:focus, .blog-post-title a:hover { text-decoration: none; } .gallery-container .gallery-cubes > div .boxes-images-outer-image:focus { outline: none; } .owl-carousel .owl-controls .owl-dot { width: 7px; height: 7px; background: white; border-radius: 9.3px; transition: 0.3s ease all; } .owl-carousel .owl-controls .owl-dot.active { width: 32px; } .swiper-pagination span.swiper-pagination-bullet { background: white !important; opacity: 1; border-radius: 0; transition: 0.3s ease all; border: 1px solid var(--black); width: 10px; height: 10px; } .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active { width: 10px; height: 10px; background: var(--black) !IMPORTANT; } #ContentGridShortModule .gridshort-view-item { width: 100%; margin: 0; } #ContentGridShortModule .grid-short-box-image a { position: static; } #GridTop.noTopImage, .GridTop.noTopImage { display: none; } #PageBreadCrumps { max-width: 100% !important; padding: 0 !important; text-align: center; background: white; color: #656974; } #PageBreadCrumps span:not(:last-child)::after { content: "/"; width: var(--gap-4); /* height: var(--gap-4); */ aspect-ratio: 1; display: inline-block; /* background: var(--black); */ border-radius: 50%; margin-inline: 0 10px; } #PageBreadCrumps span:not(:last-child) { display: inline-flex; gap: var(--gap-10); align-items: center; } label.error, span.error { left: 0; top: -15%; white-space: nowrap; font-size: 60%; } #ContentRegularModule li { list-style: none; } #ContentRegularModule ul { padding: 0; } #ContentRegularModule li:before { content: ""; width: var(--gap-6); height: auto; aspect-ratio: 1; display: inline-block; background: var(--black); border-radius: 50%; vertical-align: inherit; margin-inline-end: var(--gap-12); } .categories-strip { display: none; } .cookies-disclaimer { width: 18.906vw; background: white; border: 1px solid rgba(17, 18, 42, 0.12); bottom: var(--gap-20); right: var(--gap-20); box-shadow: 0 4px 25px -10px rgba(0, 6, 44, 0.10); border-radius: 0; padding: var(--gap-24); } .cookies-disclaimer .disclaimer-wrapper h2 { font-family: var(--font-2); color: var(--black); font-size: clamp(14px,var(--fs-20),300px); margin-bottom: var(--gap-16); } .cookies-disclaimer .disclaimer-wrapper p { color: var(--black); } .cookies-disclaimer .disclaimer-wrapper button { background: var(--vivid-blue); margin: 0; margin-top: var(--gap-24); min-width: var(--gap-140); height: var(--gap-52); color: var(--black); border: none; font-size: clamp(14px,var(--fs-18),300px); border: 1px solid var(--vivid-blue); transition: 0.3s ease all; } #BlogModule { overflow: visible; } .pagination { display: flex; justify-content: center; gap: var(--gap-12); margin: 0; margin-bottom: var(--gap-80); } .pagination > li { display: inline-flex; } .pagination > li a, .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 0; margin: 0; border: 1px solid var(--black); color: var(--black); transition: 0.3s ease all; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: white; background: var(--black); border: 1px solid var(--black); } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background: var(--black); color: white !important; } .pagination > li a#NextLink { border: none; background-image: url("https://media.getmood.io/warehouse/dynamic/756706.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } .pagination > li a#NextLink span { opacity: 0; } .pagination > li a#NextLink:hover { background-color: transparent; color: unset; } .pagination > li a#PrevLink { border: none; background-image: url("https://media.getmood.io/warehouse/dynamic/756706.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; transform: scale(-1); } .pagination > li a#PrevLink span { opacity: 0; } .pagination > li a#PrevLink:hover { background-color: transparent; color: unset; } .select-wrapper:after { left: 1%; color: transparent; background-image: url("https://media.getmood.io/warehouse/dynamic/756458.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; width: var(--gap-16); } ::selection { background: var(--pink); color: var(--white); } /*--------------------/* TEXT SELECTORS /*--------------------*/ /* 233 */ #home-gallery .gallery-caption .gallery-text > div { color: var(--white); font-family: var(--font-1); font-size: var(--fs-233); line-height: 90%; letter-spacing: -9.4px; text-transform: uppercase; } @media(max-width: 1024px) { . { font-family: Inter; font-size: 72px; font-style: normal; line-height: 95%; letter-spacing: -2.88px; text-transform: uppercase; } } /**/ /* 120 */ #pageview #headline h1, :is(div,#LobbyModule) #lobbyview #headline h1 { color: var(--black); font-family: var(--font-1); font-size: var(--fs-120); line-height: 90%; letter-spacing: -7.2px; text-transform: uppercase; } /* 72 - SATOCHI */ . { color: var(--black); font-family: "Satoshi Variable"; font-size: var(--fs-72); line-height: 90%; letter-spacing: -1.44px; text-transform: uppercase; } /* 72 */ #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #allSectionsWrapper .section.grid-content-section.innews .section-title h2, .section.grid-text-section.latest-reports-text .section-title h2, .section.grid-content-section.stock .grid-boxes .grid-box .grid-box-title h3 a, #allSectionsWrapper .section.grid-row-section.textImage .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2, #allSectionsWrapper .section.grid-text-section.textButton .section-title h2:nth-child(2), #allSectionsWrapper .section.grid-text-section.parallax .grid-text .grid-text-content .section-title h2, #allSectionsWrapper .section.grid-contents.scrolling-pictures .section-title h2, #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-title h3, #allSectionsWrapper .section.grid-text-section .section-title h1 { color: var(--black); font-family: var(--font-1); font-size: var(--fs-72); line-height: 95%; letter-spacing: -2.88px; text-transform: uppercase; } /* 24 */ .investors-tabs-nav button { color: var(--black); font-family: var(--font-1); font-weight: 400; font-size: var(--fs-24); line-height: 130%; text-transform: uppercase; } /* 18 */ #allSectionsWrapper .section.grid-content-section.innews .grid-boxes .grid-box .grid-box-title h3 a, #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-title h3, #home-gallery .gallery-caption .gallery-text > span { font-family: var(--font-2); font-size: var(--fs-18); line-height: 120%; } /* 16 semibold */ #pageview .lobbyTextContainer #subheadline h2, #allSectionsWrapper .section.grid-content-section.innews .grid-boxes .grid-box .grid-box-subtitle span, #allSectionsWrapper .section.grid-content-section.managment .section-title h2, #allSectionsWrapper .section.grid-row-section.textImage .grid-rows .grid-row .grid-row-cell-text .grid-row-text h3, #allSectionsWrapper .section.grid-content-section.number-paragraph .section-title h2, #allSectionsWrapper .section.grid-content-section.number-paragraph .grid-boxes .grid-box .grid-box-title h3 a, #allSectionsWrapper .section.grid-content-section.number-paragraph .grid-boxes .grid-box .grid-box-subtitle span, :is(div,#LobbyModule) #lobbyview .lobbyTextContainer h2, #allSectionsWrapper .section.grid-gallery-section.clients .section-title h2, #allSectionsWrapper .section.grid-text-section.parallax .grid-text .grid-text-content > h2, #allSectionsWrapper .section.grid-contents.scrolling-pictures .section-title h3, #allSectionsWrapper .section.grid-content-section.activities .section-title h3, #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-fulltext p, #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-title h3 span, #allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content p, #allSectionsWrapper .section.grid-text-section .section-title h2:first-child { color: var(--black); font-family: var(--font-2); font-size: var(--fs-16); line-height: 130%; letter-spacing: 0.16px; text-transform: uppercase; } /* 16 reg */ body.thanks #pageview .MainContent #text1 p span, body.future .flex-row.row .grid-short-box-subtitle, body.future .flex-row.row .grid-short-box-label, .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form, #pageview .lobbyTextContainer #text1 p, #allSectionsWrapper .section.grid-content-section.innews .grid-boxes .grid-box .grid-box-date-wrapper span, #allSectionsWrapper .section.grid-content-section.innews .grid-boxes .grid-box .grid-box-subtitle a, #allSectionsWrapper .section.grid-content-section.innews .grid-boxes .grid-box .grid-box-fulltext p span, .investors-table-row-inner > .investors-table-td-download, .investors-table-row-inner > .investors-table-td-date, .investors-table-row-inner > .investors-table-td-name, #allSectionsWrapper .section.grid-content-section.stock .stock-bottom .section-topText p, #allSectionsWrapper .section.grid-content-section.stock .grid-boxes .grid-box .grid-box-title h3 a span, #allSectionsWrapper .section.grid-content-section.managment .grid-boxes .grid-box .grid-box-title h3 a, #allSectionsWrapper .section.grid-row-section.textImage .grid-rows .grid-row .grid-row-cell-text .grid-row-text a, #allSectionsWrapper .section.grid-row-section.textImage .grid-rows .grid-row .grid-row-cell-text .grid-row-text p, #allSectionsWrapper .section.grid-content-section.number-paragraph .grid-boxes .grid-box .grid-box-fulltext p, :is(div,#LobbyModule) #lobbyview .lobbyTextContainer #lobbyText p { color: var(--black); font-family: var(--font-1); font-size: var(--fs-16); line-height: 150%; } /* 14 */ body.thanks #pageview .MainContent #text1 a, body.contact .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormEndText ul li span, body:is(.projects) .categories-strip ul li a, #DynamicFormObject .checkboxField label, .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper select, .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea), .section.grid-content-section.stock .grid-boxes .grid-box .grid-box-subtitle span, #allSectionsWrapper .section.grid-content-section.managment .grid-boxes .grid-box .grid-box-subtitle span, #SiteFooter .footer-text-divided .footer-text-middle ul li a, #allSectionsWrapper .section.grid-contents.scrolling-pictures .section-title .content-section-Btn a, #allSectionsWrapper .section.grid-contents.scrolling-pictures .grid-boxes .grid-short-box-fulltext .grid-short-box-label, #allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content a, #main-header .header-container .header-center .header-buttons a, #main-header .header-container .header-right .menu-nav ul.menu li { color: var(--black); font-family: var(--font-1); font-size: var(--fs-14); line-height: 150%; letter-spacing: 0.14px; } @media(max-width: 1024px){ /* 72 */ #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-title h3 a, #home-gallery .gallery-caption .gallery-text > div { font-family: var(--font-1); font-size: 72px; line-height: 95%; letter-spacing: -2.88px; text-transform: uppercase; } /* 32 */ body.latest-reports #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { color: var(--black); font-family: var(--font-1); font-size: 32px; line-height: 110%; letter-spacing: -1.28px; text-transform: uppercase; } /* 16 */ .investors-tabs-nav button { font-family: var(--font-1); font-size: 16px; line-height: 120%; text-transform: uppercase; } /* 14 */ .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea), #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-title h3 a { color: var(--white); font-family: var(--font-1); font-size: 14px; line-height: 130%; letter-spacing: 0.14px; text-transform: uppercase; } /* 12 */ #home-gallery .gallery-caption .gallery-text span { font-family: var(--font-1); font-size: 12px; line-height: 120%; text-transform: uppercase; } } /*BUTTONS - FLIP TEXT */ *:has( > :is(.shadow-btn, .arrow)):hover { } @media(min-width: 1025px) { .shadow-btn { position: relative; overflow: hidden; color: transparent !important; } .shadow-btn::before, .shadow-btn::after { content: attr(data-text); position: absolute; left: 0; width: 100%; height: 100%; align-content: center; text-align: center; color: white; transform: translateY(0); transition: transform 0.3s ease, color 0.3s ease; } a.shadow-btn { overflow: hidden !important; display: inline-flex; } .shadow-btn::before { top: 0; } .shadow-btn::after { top: 100%; color: var(--white); } span.shadow-btn::before { color: var(--black); } span.shadow-btn:hover::after { color: var(--black); } #main-header.bg .shadow-btn::before { color: var(--black); } .shadow-btn:hover::before { transform: translateY(-100%); } *:has( > :is(.shadow-btn, .arrow)):hover .shadow-btn::before { transform: translateY(-100%); } *:has( > :is(.shadow-btn, .arrow)):hover .shadow-btn::after { transform: translateY(-100%); color: var(--red); } *:has( > :is(.shadow-btn, .arrow)):hover .arrow::before { transform: translateY(-50%) translateX(0); opacity: 1; } *:has( > :is(.shadow-btn, .arrow)):hover .arrow::after { transform: translateX(100%); opacity: 0; } *:has( > :is(.arrow)) .shadow-btn { } } /**/ /*BUTTONS - BORDER + ARROW */ body.thanks #pageview .MainContent #text1 a, .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectSubmit button, #allSectionsWrapper .section.grid-content-section.stock .stock-bottom .content-section-Btn a, #allSectionsWrapper .section.grid-row-section.textImage .grid-rows .grid-row .grid-row-cell-text .grid-row-text a, #allSectionsWrapper .section.grid-contents.scrolling-pictures .section-title .content-section-Btn a, #allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content a { direction: ltr; padding: 0; padding-inline-start: var(--gap-32); padding-inline-end: var(--gap-20); background: unset; border: 1px solid var(--black); border-radius: 0; display: flex; align-items: center; justify-content: center; text-transform: uppercase; min-height: 2.6vw; position: relative; overflow: hidden; } .arrow { overflow: hidden; position: relative; width: var(--gap-14); height: var(--gap-14); display: block; } .arrow:after { display: block; content: ''; background: url(https://media.getmood.io/warehouse/dynamic/757958.svg); background-repeat: no-repeat; background-position: center; background-size: contain; width: 100%; height: 100%; transition: transform 0.3s ease, opacity 0.3s ease; } @media(min-width: 1025px) { .arrow:before { content: ''; background: url(https://media.getmood.io/warehouse/dynamic/757958.svg); background-repeat: no-repeat; background-position: center; background-size: contain; width: 100%; height: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%) translateX(-100%); transition: transform 0.3s ease, opacity 0.3s ease; opacity: 0; } .arrow:hover::before { transform: translateY(-50%) translateX(0); opacity: 1; } .arrow:hover::after { transform: translateX(200%); opacity: 0; } } /**/ /* H2 DECORATION */ #pageview .lobbyTextContainer #subheadline h2::before, #allSectionsWrapper .section.grid-content-section.innews .grid-boxes .grid-box .grid-box-subtitle span::before, #allSectionsWrapper .section.grid-content-section.managment .section-title h2::before, #allSectionsWrapper .section.grid-row-section.textImage .grid-rows .grid-row .grid-row-cell-text .grid-row-text h3::before, #allSectionsWrapper .section.grid-content-section.number-paragraph .section-title h2::before, :is(div,#LobbyModule) #lobbyview .lobbyTextContainer h2::before, #allSectionsWrapper .section.grid-gallery-section.clients .section-title h2::before, #allSectionsWrapper .section.grid-text-section.parallax .grid-text .grid-text-content > h2::before, #allSectionsWrapper .section.grid-contents.scrolling-pictures .section-title h3::before, #allSectionsWrapper .section.grid-content-section.activities .section-title h3::before, #allSectionsWrapper .section.grid-text-section.textButton .section-title h2:first-child::before { content: '/'; color: var(--red); margin-inline-end: var(--gap-8); } /**/ .scroll-progress { width: 0%; background: var(--red); height: 3px; position: fixed; bottom: 0; z-index: 10000; } @media(min-width: 1025px) { :is(.section:not(.team) a.grid-row-button, .grid-text a.sec-button, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button, a.tiny-btn, a.FormResultPageButton):hover { background: white; border: 1px solid var(--black); } :is(a,button).yellow-btn { color: transparent; display: flex; height: 100%; overflow: hidden; position: relative; } .yellow-btn::before, .yellow-btn::after { content: attr(data-text); position: absolute; left: 0; width: 100%; height: 100%; transition: transform 0.3s ease; align-content: center; text-align: center; color: var(--black); } .yellow-btn::before { top: 0; transform: translateY(0); background: var(--vivid-blue); } .yellow-btn::after { top: 100%; background: white; } .yellow-btn:hover::before { transform: translateY(-100%); } .yellow-btn:hover::after { transform: translateY(-100%); } .cookies-disclaimer .disclaimer-wrapper button:hover { border: 1px solid var(--black); background: white; } .grid-image-section { height: 33.333vw; } .grid-image-section .image-section-data { height: 33.333vw; } #PageBreadCrumps :is(span a, span) { font-size: clamp(10px,var(--fs-15),300px); } a:focus { outline: none; } .TopVideo iframe { width: 130vw; } #lobbyText { max-width: 35.663vw; } } @media(max-width: 1025px) { :root { --gap-2: 2px; --gap-4: 4px; --gap-6: 6px; --gap-8: 8px; --gap-10: 10px; --gap-12: 12px; --gap-14: 14px; --gap-16: 16px; --gap-18: 18px; --gap-20: 20px; --gap-24: 24px; --gap-28: 28px; --gap-30: 30px; --gap-32: 32px; --gap-36: 36px; --gap-40: 40px; --gap-44: 44px; --gap-48: 48px; --gap-50: 50px; --gap-52: 52px; --gap-56: 56px; --gap-60: 60px; --gap-64: 64px; --gap-72: 72px; --gap-80: 80px; --gap-90: 90px; --gap-96: 96px; --gap-100: 100px; --gap-120: 120px; --gap-140: 140px; --gap-160: 160px; --gap-180: 180px; --gap-200: 200px; --gap-240: 240px; --fs-13: 13px; --fs-14: 14px; --fs-15: 15px; --fs-16: 16px; --fs-17: 17px; --fs-18: 18px; --fs-20: 20px; --fs-22: 22px; --fs-24: 24px; --fs-28: 28px; --fs-32: 32px; --fs-35: 35px; --fs-36: 36px; --fs-48: 48px; --fs-56: 56px; } body { font-size: 16px; line-height: 1.45; letter-spacing: 0.16px; } #GridTop .top-caption { position: absolute; transform: translate(-50%,-50%); left: 50%; margin: 0; height: fit-content; justify-content: center; font-family: var(--font-2); } .grid-text-content :is(p, li), .grid-box-fulltext :is(p, li), .grid-text :is(p, li), :is(#lobbyText, #text1, #text2, .text1, .text2) :is(p, li), .grid-rows .grid-row-text :is(p, li), :is(#text1, #text2) > span, .section-topText :is(p, li), #catalogText :is(p, li) { font-size: 16px; line-height: 1.4; letter-spacing: -0.16px; } .opacity-layer-slide { position: absolute; width: 100%; height: 100%; opacity: 0.2; background: black; z-index: 3; } h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #pageview :is(#text1, #text2) > h2, #headline h1 { font-size: 50px; line-height: 0.95; letter-spacing: -2px; } #GridTop, #GridTop.blog { height: 333px; position: relative; } .GridTop { width: calc(100% - var(--gap-12)); margin-top: var(--gap-6); } .sections .section, section.section { max-width: unset; } #PageBreadCrumps { font-size: var(--fs-16); padding: var(--gap-12) var(--gap-24) var(--gap-40); padding-bottom: 0 !important; margin: 0; justify-content: normal; position: relative; } #PageBreadCrumps span { font-size: 14px; } #PageBreadCrumps span:not(:last-child) { gap: 5px; } #PageBreadCrumps span:not(:last-child)::after { width: 3px; margin-inline-end: 2px; } ul { padding-inline: 20px; } #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { width: 18px; } #nav-toggle span:before { top: -5px; } #nav-toggle span:after { bottom: -4px; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 1%; } .swiper-pagination-bullet-active { background: var(--black) !important; } .owl-carousel .owl-item .item { padding: 0; border-radius: 6px; } #SiteGrid > div { position: relative; z-index: 1; } .grid-boxes-content { overflow: auto; } .grid-boxes-content > div { min-width: 248px; } .arrow { width: 16px; } .cookies-disclaimer { right: 50%; transform: translateX(50%); width: calc(100% - 40px); padding-inline: 15px; } .cookies-disclaimer .disclaimer-wrapper p { font-size: 13px; line-height: 1.45; letter-spacing: 0.13px; } .cookies-disclaimer .disclaimer-wrapper h2 { line-height: 0.9; letter-spacing: 0.18px; font-size: 18px; } .cookies-disclaimer .disclaimer-wrapper button { width: 100%; font-size: 16px; line-height: 1.45; letter-spacing: 0.16px; } #PageBreadCrumps { padding-top: 8px !important; padding-inline: 20px !important; text-align: start; color: var(--grey-light); } #GridTop, #GridTop.blog { margin-top: 68px; height: 280px; border-radius: 0; } .swiper-button-next, .swiper-rtl .swiper-button-prev { top: 10% !important; color: var(--white) !important; width: 11px !important; height: 19px !important; } .swiper-button-next:after, .swiper-button-prev:after { font-size: 19px !important; } .swiper-button-prev { left: unset; right: 20% !important; } .swiper-rtl .swiper-button-next { left: 5% !important; } .swiper-rtl .swiper-button-prev { right: 5% !important; } } /*------------------------------------------/* FORM RESET /*------------------------------------------*/ .form-container-wide { } .form-container-wide #DynamicFormObject { border: none; padding: 0; display: flex; flex-direction: column; } .form-container-wide #DynamicFormObject::after { display: none; } .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; width: 100%; display: block; } .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText::after { display: none; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; width: 100%; margin: 0; display: block; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin: 0; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form { } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset { display: flex; flex-direction: column; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField { padding: 0; float: none; width: 100%; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper { } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper::before { right: 0.5%; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea) { margin: 0; width: 100%; border-radius: 0; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea)::placeholder, .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField select { color: var(--dark-grey-text); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper, .select-wrapper) :is(input, textarea, select):focus { /* border: none !important; */ /* border-bottom: 1px solid var(--dark-blue) !important; */ box-shadow: none; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { margin: 0; text-align: start; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { width: 100%; padding: 0; float: none; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit input.form-submit { border-radius: 0; width: fit-content; background: black; color: white; margin-inline: auto; } .form-container-wide #DynamicFormObject .dynamicFormEndText { display: block; width: 100%; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField { } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper { } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper { display: flex; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper select { border: none; border-radius: 0; border-bottom: 2px solid var(--black, #1A1A1A); padding-inline: 0; color: var(--grey-light); height: var(--gap-60); padding-inline: var(--gap-14); box-shadow: none; } .grid-form-section .gridFormWithImg #DynamicFormObject { padding-inline-start: 7.813vw; padding-inline-end: var(--site-gap); height: 100%; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin-block-end: 6.302vw; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea) { border: none; border-bottom: 1px solid var(--black); outline: 0; box-shadow: none; padding: 0; padding-block: var(--gap-16); padding-inline: var(--gap-4 ); color: var(--gray-text); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper::before { color: var(--gray-text); left: -0.5%; right: unset; } .select-wrapper:after { left: unset; right: 0; width: var(--gap-12); top: 50%; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper select { padding-inline: unset; width: 100%; margin: 0; border-bottom: 1px solid var(--black); color: var(--gray-text); text-transform: uppercase; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { margin-block: var(--gap-24) } .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields { display: flex; flex-direction: column; justify-content: space-between; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form { margin-top: auto; } #DynamicFormObject .dynamicFormObjectSubmit { text-align: start; } .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectSubmit button .shadow-btn::after { color: var(--black); } .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectSubmit button { gap: var(--gap-12); } #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { text-align: start; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: flex; flex-direction: column; flex: 1; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { text-align: start; margin-bottom: auto; max-width: 17.708vw; } .grid-form-section .gridFormWithImg .gridFormImgContainer img { height: 36.458vw; object-fit: cover; } .grid-form-section .gridFormWithImg #DynamicFormObject { height: 36.458vw; } .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectTitleAndText { margin-block-end: var(--gap-40); } @media(max-width: 1024px) { /* .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .textarea-wrapper textarea { padding: 0 !important; }*/ } /*------------------------------------------/* HEADER /*------------------------------------------*/ #main-header .header-container .header-right .menu-nav ul.menu li a { text-transform: uppercase; } @media(min-width: 1025px) { #main-header.bg { background: var(--white); } #main-header .header-container { padding-block: var(--gap-20); padding-inline: var(--gap-40); display: flex; min-height: var(--gap-80); } #main-header .header-container .header-right { order: 2; } #main-header .header-container .header-center { order: 3; } #main-header .header-container .header-center .header-buttons a { color: var(--white); transition: color 0.5s ease; } #main-header.bg .header-container .header-center .header-buttons a { color: var(--black); } #main-header .header-container .header-left { order: 1; } #main-header .header-container .header-right .menu-nav ul.menu { gap: var(--gap-32); } #main-header.bg .header-container .header-right .menu-nav ul.menu li { color: var(--black); } body:not(.home-page) #main-header .header-container .header-right .menu-nav ul.menu li a::before { color: black; } :is(.home-page) #main-header.bg { background: var(--white); } :is(.home-page) #main-header { background: transparent; transition: background 0.5s ease; } :is(.home-page) #main-header .header-container .header-right .menu-nav ul.menu li { color: var(--white); transition: color 0.5s ease; } :is(.home-page) #main-header .header-left .logoHeader img { display: none; } :is(.home-page) #main-header .header-left .logoHeader::after { content: ''; display: block; width: 149px; height: 21px; background-image: url('https://media.getmood.io/warehouse/dynamic/757964.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; } :is(.home-page) #main-header.bg .header-left .logoHeader img { display: block; } :is(.home-page) #main-header.bg .header-left .logoHeader::after { display: none; } } @media(max-width: 1024px){ /* Layout */ #main-header .header-container { padding-block: var(--gap-20); padding-inline: var(--gap-40); display: flex; min-height: var(--gap-80); } #main-header .header-container .header-left { order: 1; } #main-header .header-container .header-center { order: 2; } #main-header .header-container .header-right { order: 3; } #main-header .header-container .header-right .menu-nav ul.menu { gap: var(--gap-32); } #main-header .header-container .header-center .header-buttons { display: none; } #main-header .header-container .header-center .header-buttons a { color: var(--white); transition: color 0.5s ease; } #main-header .menu-nav ul.menu li { color: var(--black); } #main-header { background: var(--white); } #main-header.bg { background: var(--white); } #main-header:not(.header-hamburger) .menu-nav #nav-toggle span, #main-header:not(.open) .menu-nav #nav-toggle span::after, #main-header:not(.open) .menu-nav #nav-toggle span::before { background: var(--black); } #main-header.open .menu-nav #nav-toggle span { background: transparent; } :is(.home-page) #main-header { background: transparent; transition: background 0.5s ease; } :is(.home-page) #main-header.bg { background: var(--white); } :is(.home-page) #main-header:not(.bg):not(.header-hamburger):not(.open) .menu-nav #nav-toggle span, :is(.home-page) #main-header:not(.bg):not(.open) .menu-nav #nav-toggle span::after, :is(.home-page) #main-header:not(.bg):not(.open) .menu-nav #nav-toggle span::before { background: var(--white); } :is(.home-page) #main-header:not(.bg) .header-left .logoHeader img { display: none; } :is(.home-page) #main-header:not(.bg) .header-left .logoHeader::after { content: ''; display: block; width: 149px; height: 21px; background-image: url('https://media.getmood.io/warehouse/dynamic/757964.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; } body.latest-reports .grid-form-section .gridFormWithImg #DynamicFormObject { height: unset; padding-inline: 20px; padding-block: 56px; margin: 0; width: 100%; } body.latest-reports .grid-form-section .gridFormWithImg { display: flex; flex-direction: column-reverse; } body.latest-reports .grid-form-section .gridFormWithImg .gridFormImgContainer img { height: 240px; } body.latest-reports .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectTitleAndText { margin-block-end: 20px; } body.latest-reports .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormEndText { display: none; } body.latest-reports .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea) { font-size: 14px !important; } body.latest-reports .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectSubmit button { height: 50px; } body.latest-reports .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper select { font-size: 14px !important; } } /*------------------------------------------/* FOOTER /*------------------------------------------*/ #SiteFooter { background: var(--black); } #SiteFooter .footer-text-divided { padding-inline: var(--gap-32); padding-block-start: var(--gap-80); padding-block-end: var(--gap-40); margin-block-start: var(--gap-56); } #SiteFooter .footer-text-divided .footer-text-middle { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; } #SiteFooter .footer-text-divided .footer-text-middle > p:first-child { order: 3; margin-block-start: 4.58vw; } #SiteFooter .footer-text-divided .footer-text-middle p:not(:first-child) { display: none; } #SiteFooter .footer-text-divided .footer-text-middle > ul:first-of-type { margin-block-end: var(--gap-56); } #SiteFooter .footer-text-divided .footer-text-middle ul li a { color: var(--white); } #SiteFooter .footer-text-divided ul { list-style: none; display: flex; gap: var(--gap-24); justify-content: center; align-items: center; padding: 0; margin: 0; } #SiteFooter .footer-text-divided ul li { color: var(--white); } @media(max-width: 1024px){ #SiteFooter .footer-text-divided { padding-block-start: 80px; padding-inline: 24px; padding-block-end: 24px; } #SiteFooter .footer-text-divided .footer-text-middle { padding: 0; } #SiteFooter .footer-text-divided .footer-text-middle > ul:first-of-type { flex-direction: column; gap: 20px; margin-block-end: 32px; } #SiteFooter .footer-text-divided .footer-text-middle > p:first-child { margin-block-start: 80px; width: 100%; } #SiteFooter .site-credit.alternative { padding: 0; } } /*------------------------------------------/* HOME-GALLERY /*------------------------------------------*/ #home-gallery { margin-block-end: var(--gap-80); } #home-gallery .opacity-layer { background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 100%); opacity: 1 !important; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; pointer-events: none; } #home-gallery .gallery-caption { top: unset; bottom: 0; left: unset; transform: unset; } #home-gallery .gallery-caption .gallery-text { padding-inline-start: var(--gap-24); padding-inline-end: var(--gap-40); padding-block-end: var(--gap-32); white-space: unset; display: flex; flex-direction: column-reverse; } #home-gallery .gallery-caption .gallery-text span { padding-inline-start: var(--gap-18); width: 22.45vw; text-transform: uppercase; } @media(max-width: 1024px){ #home-gallery { margin-block-end: 0 ; } #home-gallery video { width: 400vw !important; } #home-gallery .gallery-caption .gallery-text span { width: 259px; padding-inline-start: unset; } } #allSectionsWrapper .section.grid-contents .section-title .content-section-Btn a { gap: var(--gap-12); } #allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content a { gap: var(--gap-12); } #allSectionsWrapper .section.grid-text-section.textButton { padding-block: var(--gap-90); padding-inline: var(--site-gap); display: flex; align-items: flex-start; justify-content: space-between; } #allSectionsWrapper .section.grid-text-section.textButton .section-title { text-align: start; display: flex; flex-direction: column; gap: var(--gap-40); } #allSectionsWrapper .section.grid-text-section.textButton .section-title h2 { } #allSectionsWrapper .section.grid-text-section.textButton .section-title h2:nth-child(2) { max-width: 37.813vw } #allSectionsWrapper .section.grid-text-section.textButton .section-title h1 { max-width: 37.81vw; } #allSectionsWrapper .section.grid-text-section.textButton .grid-text { padding-block-start: var(--gap-60); padding-inline-end: var(--gap-32); max-width: 36.15vw; } #allSectionsWrapper .section.grid-text-section.textButton .grid-text .grid-text-content { text-align: start; display: flex; flex-direction: column; align-items: flex-start; gap: var(--gap-40); } #allSectionsWrapper .section.grid-text-section.textButton .grid-text .grid-text-content p { font-family: var(--font-1); text-transform: none; } #allSectionsWrapper .section.grid-text-section.textButton .grid-text .grid-text-content a { margin: 0; gap: 6px; } #allSectionsWrapper .section.grid-text-section.textButton .grid-text .grid-text-content a:hover span.shadow-btn::after { color: var(--black); } @media(max-width: 1024px){ #allSectionsWrapper .section.grid-text-section.textButton { padding-inline: 24px; padding-block: 56px; flex-direction: column; gap: 20px; } #allSectionsWrapper .section.grid-text-section.textButton .section-title h1 { max-width: unset;} #allSectionsWrapper .section.grid-text-section.textButton .section-title h2 { margin: 0; } #allSectionsWrapper .section.grid-text-section.textButton .grid-text { padding: 0; max-width: unset; } #allSectionsWrapper .section.grid-text-section.textButton .grid-text .grid-text-content a { height: 50px; } #allSectionsWrapper .section.grid-text-section.textButton .section-title h2:nth-child(2) { max-width: unset; } } #allSectionsWrapper .section.grid-content-section.running-numbers { padding-block: var(--gap-40); padding-inline: var(--site-gap); } #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes { justify-content: space-between; } #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box { display: flex; flex-direction: column; align-items: flex-start; padding-inline-end: var(--gap-32); max-width: 12.5vw; } #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-title { } #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-title h3 { } #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-title h3 a { color: var(--black); } #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-title h3 span { color: var(--red); font-family: var(--font-1); } #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-subtitle { } #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-fulltext { text-align: start; } #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-fulltext p { font-family: var(--font-1); text-transform: none; } @media(max-width: 1024px){ #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes { flex-direction: column; gap: 48px; } #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box { max-width: unset; gap: 6px; } #allSectionsWrapper .section.grid-content-section.running-numbers .grid-boxes .grid-box .grid-box-fulltext { max-width: 250px; } } #allSectionsWrapper .section.grid-content-section.activities { margin-block-end: var(--gap-90); } #allSectionsWrapper .section.grid-content-section.activities .section-title { padding-inline: var(--site-gap); padding-block-end: var(--gap-40); padding-block-start: var(--gap-90); } #allSectionsWrapper .section.grid-content-section.activities .section-title h2 { display: none; } #allSectionsWrapper .section.grid-content-section.activities .section-title h3 { text-align: start; font-family: var(--font-2); } #allSectionsWrapper .section.grid-content-section.activities .grid-boxes { display: flex; gap: var(--gap-4); overflow: hidden; } #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box { position: relative; flex: 1; min-width: 0; height: 29.2vw; margin: 0; padding: 0; border-radius: var(--gap-4); overflow: hidden; transition: flex 0.6s cubic-bezier(.23,1,.32,1); } #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box :is(.grid-box-image, .grid-box-image *) { height: 100%; object-fit: cover; } #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box::before { content: ''; position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 60%, rgba(0, 0, 0, 0.45) 100%); z-index: 1; transition: 0.3s all ease; } #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box::after { content: ''; position: absolute; left: 0; bottom: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 60%, rgba(0, 0, 0, 0.45) 100%); height: 100%; width: 100%; pointer-events: none; z-index: 1; } #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-title { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%) translateY(20px); width: 100%; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: transform 0.4s ease; z-index: 2; padding-bottom: var(--gap-24); } #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-title::after { content: ''; display: block; background: url(https://media.getmood.io/warehouse/dynamic/757958.svg) no-repeat center / contain; width: 20px; height: 30px; opacity: 0; transition: opacity 0.4s ease; } #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-title h3 { } #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-title h3 a { color: var(--white); font-family: var(--font-1); } @media(min-width: 1025px){ #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box:hover::before, #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box:focus::before { opacity: 0; } #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box:hover .grid-box-title, #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box:focus .grid-box-title { transform: translateX(-50%) translateY(0); } #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box:hover, #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box:focus { flex: 2; } #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box:hover .grid-box-title::after, #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box:focus .grid-box-title::after { opacity: 1; } } @media(max-width: 1024px){ #allSectionsWrapper .section.grid-content-section.activities { margin-block-end: 56px; } #allSectionsWrapper .section.grid-content-section.activities .section-title { padding: 0; padding-inline-start: 24px; padding-block-end: 24px; } #allSectionsWrapper .section.grid-content-section.activities .grid-boxes { flex-direction: column; gap: 0; } #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box { border-radius: 0;} #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box :is(.grid-box-image, .grid-box-image *) { height: 240px; } #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-title { transform: unset; left: 0; border: 0; text-align: start; flex-direction: row; justify-content: space-around; padding-inline: 24px; align-items: center; } #allSectionsWrapper .section.grid-content-section.activities .grid-boxes .grid-box .grid-box-title::after { opacity: 1 !important; } } #allSectionsWrapper .section.grid-contents.scrolling-pictures { padding-block: var(--gap-90); display: flex; } #allSectionsWrapper .section.grid-contents.scrolling-pictures .section-title { min-width: 40%; display: flex; flex-direction: column; align-items: flex-start; padding-inline-start: var(--site-gap); padding-block-start: 7.86vw; margin-inline-end: 10.81vw; } #allSectionsWrapper .section.grid-contents.scrolling-pictures .section-title h2 { order: 2; text-align: start; margin-block-start: var(--gap-32); margin-block-end: var(--gap-40); } #allSectionsWrapper .section.grid-contents.scrolling-pictures .section-title h3 { order: 1; } #allSectionsWrapper .section.grid-contents.scrolling-pictures .section-title .content-section-Btn { order: 3; } #allSectionsWrapper .section.grid-contents.scrolling-pictures .section-title .content-section-Btn a { } #allSectionsWrapper .section.grid-contents.scrolling-pictures .section-title .content-section-Btn a:hover span.shadow-btn::after { color: var(--black); } /*#allSectionsWrapper .section.grid-contents.scrolling-pictures .grid-boxes { background: var(--white); } */ #allSectionsWrapper .section.grid-contents.scrolling-pictures { padding-block-end: var(--gap-90); display: flex; overflow: hidden; } #allSectionsWrapper .section.grid-contents.scrolling-pictures .grid-boxes { display: flex; flex-wrap: nowrap; } #allSectionsWrapper .section.grid-contents.scrolling-pictures .grid-boxes > div { width: 58.23vw; flex-shrink: 0; padding: 0; margin-inline-end: var(--gap-160); background: var(--white); } #allSectionsWrapper .section.grid-contents.scrolling-pictures .grid-boxes > div:last-child { margin-inline-end: 0; } #allSectionsWrapper .section.grid-contents.scrolling-pictures .grid-boxes .grid-short-box.shown { margin: 0; width: 100%; height: 100%; } #allSectionsWrapper .section.grid-contents.scrolling-pictures .grid-boxes .grid-short-box-image { padding: 0; height: 38.8vw; width: 58.23vw; } #allSectionsWrapper .section.grid-contents.scrolling-pictures .grid-boxes .grid-short-box-image img { width: 100%; height: 100%; } #allSectionsWrapper .section.grid-contents.scrolling-pictures .grid-boxes .grid-short-box-image .grid-short-box-fulltext { } #allSectionsWrapper .section.grid-contents.scrolling-pictures .grid-boxes .grid-short-box-fulltext .grid-short-box-label { padding-block-start: var(--gap-16); } #allSectionsWrapper .section.grid-contents.scrolling-pictures .grid-boxes .grid-short-box-fulltext .grid-short-box-subtitle { display: none; } #allSectionsWrapper .section.grid-contents.scrolling-pictures .grid-boxes .grid-short-box-fulltext .grid-short-box-link { display: none; } @media(max-width: 1024px){ #allSectionsWrapper .section.grid-contents.scrolling-pictures { flex-direction: column; padding-block-start: 0; } #allSectionsWrapper .section.grid-contents.scrolling-pictures .grid-boxes { flex-direction: column; gap: 40px; } #allSectionsWrapper .section.grid-contents.scrolling-pictures .grid-boxes > div { width: 100%; margin-inline-end: 0; padding-inline: 24px; } #allSectionsWrapper .section.grid-contents.scrolling-pictures .grid-boxes .grid-short-box-image { width: 100%; height: 201px; } #allSectionsWrapper .section.grid-contents.scrolling-pictures .section-title { padding: 0; margin: 0; gap: 40px; padding-inline: 24px; padding-block: 56px; } #allSectionsWrapper .section.grid-contents.scrolling-pictures .section-title .content-section-Btn a { height: 50px; } } #allSectionsWrapper .section.grid-text-section.parallax { } #allSectionsWrapper .section.grid-text-section.parallax .section-title { } #allSectionsWrapper .section.grid-text-section.parallax .grid-text { } #allSectionsWrapper .section.grid-text-section.parallax .grid-text .gridTextImgContainer { } #allSectionsWrapper .section.grid-text-section.parallax .grid-text .gridTextImgContainer img { height: calc(100vh - var(--headerHeight)); object-fit: cover; } #allSectionsWrapper .section.grid-text-section.parallax .grid-text .grid-text-content { padding-block: var(--gap-160); padding-inline-start: var(--gap-160); max-width: 46.771vw; text-align: start; display: flex; flex-direction: column; align-items: flex-start; top: 0; left: 0; transform: unset; } #allSectionsWrapper .section.grid-text-section.parallax .grid-text .grid-text-content .section-title { order: 1 } #allSectionsWrapper .section.grid-text-section.parallax .grid-text .grid-text-content .section-title h2 { color: var(--white); margin-block-start: var(--gap-32); margin-block-end: var(--gap-24); max-width: 30.208vw; } #allSectionsWrapper .section.grid-text-section.parallax .grid-text .grid-text-content h2 { color: var(--white); } #allSectionsWrapper .section.grid-text-section.parallax .grid-text .grid-text-content p { order: 2; font-family: var(--font-1); color: var(--white); text-transform: none; max-width: 30.208vw; margin-block-end: var(--gap-40); } #allSectionsWrapper .section.grid-text-section.parallax .grid-text .grid-text-content a { margin: 0; order: 3; border-color: var(--white); color: var(--white); } #allSectionsWrapper .section.grid-text-section.parallax .grid-text .grid-text-content a:hover { background: transparent; } #allSectionsWrapper .section.grid-text-section.parallax .grid-text .grid-text-content a span.shadow-btn::before { color: white; } #allSectionsWrapper .section.grid-text-section.parallax .grid-text .grid-text-content a span.shadow-btn::after { color: var(--white); } #allSectionsWrapper .section.grid-text-section.parallax .grid-text .gridTextImgContainer { overflow: hidden; height: 1000px; } #allSectionsWrapper .section.grid-text-section.parallax .grid-text .gridTextImgContainer img { height: 120%; width: 100%; object-fit: cover; object-position: center; } @media(max-width: 1024px){ #allSectionsWrapper .section.grid-text-section.parallax .grid-text .grid-text-content { max-width: unset; padding-block: 56px; padding-inline: 24px; } #allSectionsWrapper .section.grid-text-section.parallax .grid-text .grid-text-content p { max-width: unset; } #allSectionsWrapper .section.grid-text-section.parallax .grid-text .grid-text-content a { height: 50px; } #allSectionsWrapper .section.grid-text-section.parallax .grid-text .gridTextImgContainer img { height: 90%; } #allSectionsWrapper .grid-image-section.parallax { height: 420px; } } #allSectionsWrapper .section.grid-gallery-section.clients { padding-block-start: var(--gap-120); padding-block-end: var(--gap-280); } #allSectionsWrapper .section.grid-gallery-section.clients .section-title { padding-block-end: var(--gap-48); padding-inline: var(--site-gap); text-align: start; } #allSectionsWrapper .section.grid-gallery-section.clients .section-title h2 { } #allSectionsWrapper .section.grid-gallery-section.clients .gallery-container .slide-wrapper { display: flex; width: 100%; flex-direction: row; gap: 21px; } #allSectionsWrapper .section.grid-gallery-section.clients .gallery-container .slide-wrapper .gallery-cubes { gap: var(--gap-21); display: flex; width: fit-content; animation: scrollText 40s linear infinite; /* overflow: hidden; */ } #allSectionsWrapper .section.grid-gallery-section.clients .gallery-container .slide-wrapper .gallery-cubes > div { width: 12.5vw; height: 4.531vw; pointer-events: none; align-content: center; padding-inline: 0; } #allSectionsWrapper .section.grid-gallery-section.clients .gallery-container .slide-wrapper .gallery-cubes > div .boxes-images-outer-image { background-size: contain !important; background-repeat: no-repeat; padding: 0; height: 100%; } @media(max-width: 1024px){ #allSectionsWrapper .section.grid-gallery-section.clients { padding-block-start: 0; padding-block-end: 56px; } #allSectionsWrapper .section.grid-gallery-section.clients .section-title { padding-inline: 24px; padding-block-end: 48px; } #allSectionsWrapper .section.grid-gallery-section.clients .gallery-container .slide-wrapper .gallery-cubes { gap: 16px; } #allSectionsWrapper .section.grid-gallery-section.clients .gallery-container .slide-wrapper .gallery-cubes > div { width: 68px; height: 38px; } } #allSectionsWrapper .grid-image-section.parallax { height: calc(100vh - var(--headerHeight)); } #allSectionsWrapper .grid-image-section.parallax .image-section-data { height: calc(100vh - var(--headerHeight)); } #allSectionsWrapper .section.grid-content-section.number-paragraph { padding-block-start: var(--gap-120); padding-block-end: var(--gap-160); padding-inline: var(--site-gap); display: flex; flex-direction: column; gap: var(--gap-40); } #allSectionsWrapper .section.grid-content-section.number-paragraph .section-title { text-align: start; } #allSectionsWrapper .section.grid-content-section.number-paragraph .grid-boxes { gap: var(--gap-44); } #allSectionsWrapper .section.grid-content-section.number-paragraph .grid-boxes .grid-box { text-align: start; display: flex; gap: var(--gap-12); } #allSectionsWrapper .section.grid-content-section.number-paragraph .grid-boxes .grid-box .grid-box-title { } #allSectionsWrapper .section.grid-content-section.number-paragraph .grid-boxes .grid-box .grid-box-title h3 { } #allSectionsWrapper .section.grid-content-section.number-paragraph .grid-boxes .grid-box .grid-box-title h3 a { display: block; color: var(--red); pointer-events: none; } #allSectionsWrapper .section.grid-content-section.number-paragraph .grid-boxes .grid-box .grid-box-subtitle { } #allSectionsWrapper .section.grid-content-section.number-paragraph .grid-boxes .grid-box .grid-box-subtitle span { display: block; } #allSectionsWrapper .section.grid-content-section.number-paragraph .grid-boxes .grid-box .grid-box-fulltext { } #allSectionsWrapper .section.grid-content-section.number-paragraph .grid-boxes .grid-box .grid-box-fulltext p { } @media(max-width: 1024px){ #allSectionsWrapper .section.grid-content-section.number-paragraph { padding-inline: 24px; padding-block: 56px; } #allSectionsWrapper .section.grid-content-section.number-paragraph .grid-boxes { flex-direction: column; } #allSectionsWrapper .section.grid-content-section.number-paragraph .grid-boxes { gap: 40px; } } #allSectionsWrapper .section.grid-row-section.textImage { } #allSectionsWrapper .section.grid-row-section.textImage { padding-block: var(--site-gap); } #allSectionsWrapper .section.grid-row-section.textImage .grid-rows { } #allSectionsWrapper .section.grid-row-section.textImage .grid-rows .grid-row { } #allSectionsWrapper .section.grid-row-section.textImage .grid-rows .grid-row .grid-row-cell-text { padding-inline: var(--site-gap); } #allSectionsWrapper .section.grid-row-section.textImage .grid-rows .grid-row .flexslider-box { } #allSectionsWrapper .section.grid-row-section.textImage .grid-rows .grid-row .grid-row-cell-text .grid-row-text { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: var(--gap-40); } #allSectionsWrapper .section.grid-row-section.textImage .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { order: 2; margin: 0; } #allSectionsWrapper .section.grid-row-section.textImage .grid-rows .grid-row .grid-row-cell-text .grid-row-text h3 { order: 1; margin: 0; } #allSectionsWrapper .section.grid-row-section.textImage .grid-rows .grid-row .grid-row-cell-text .grid-row-text p { order: 3; } #allSectionsWrapper .section.grid-row-section.textImage .grid-rows .grid-row .grid-row-cell-text .grid-row-text a { order: 4; margin: 0; gap: var(--gap-12); } #allSectionsWrapper .section.grid-row-section.textImage .grid-rows .grid-row .grid-row-cell-text .grid-row-text a::before {color: var(--black); } #allSectionsWrapper .section.grid-row-section.textImage .grid-rows .grid-row .grid-row-cell-text .grid-row-text a .shadow-btn::after{ color: var(--black); } #allSectionsWrapper .section.grid-row-section.textImage .grid-rows .grid-row .flexslider-box img { height: 44.271vw; } @media(max-width: 1024px){ #allSectionsWrapper .section.grid-row-section.textImage .grid-rows .grid-row .flexslider-box img { height: 332px; } #allSectionsWrapper .section.grid-row-section.textImage .grid-rows .grid-row .grid-row-cell-text .grid-row-text a { height: 50px; margin-block-start: 40px; } #allSectionsWrapper .section.grid-row-section.textImage .grid-rows .grid-row .grid-row-cell-text .grid-row-text { gap: 0; } #allSectionsWrapper .section.grid-row-section.textImage .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { margin-block-start: 20px; margin-block-end: 40px; } } #allSectionsWrapper .section.grid-content-section.managment { padding-inline: var(--site-gap); padding-block: var(--gap-160); } #allSectionsWrapper .section.grid-content-section.managment .section-title { text-align: start; margin-block-end: var(--gap-40); } #allSectionsWrapper .section.grid-content-section.managment .section-title h2 { } #allSectionsWrapper .section.grid-content-section.managment .grid-boxes { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: var(--gap-20); row-gap: var(--gap-56); } #allSectionsWrapper .section.grid-content-section.managment .grid-boxes .grid-box { width: 100%; } #allSectionsWrapper .section.grid-content-section.managment .grid-boxes .grid-box .grid-box-image { } #allSectionsWrapper .section.grid-content-section.managment .grid-boxes .grid-box .grid-box-image .grid-box-image-container { } #allSectionsWrapper .section.grid-content-section.managment .grid-boxes .grid-box .grid-box-title { width: 100%; text-align: start; margin-block-start: var(--gap-12); } #allSectionsWrapper .section.grid-content-section.managment .grid-boxes .grid-box .grid-box-subtitle { text-align: start; } #allSectionsWrapper .section.grid-content-section.managment .grid-boxes .grid-box .grid-box-subtitle span { color: var(--gray-text); } @media(max-width: 1024px){ #allSectionsWrapper .section.grid-content-section.managment { padding-inline: 0; padding-block: 0; margin-block: 56px; } #allSectionsWrapper .section.grid-content-section.managment .grid-boxes { grid-template-columns: repeat(2, 1fr); column-gap: 1px; row-gap: 32px; } #allSectionsWrapper .section.grid-content-section.managment .grid-boxes .grid-box .grid-box-title { text-align: center; } #allSectionsWrapper .section.grid-content-section.managment .grid-boxes .grid-box .grid-box-subtitle { text-align: center; } #allSectionsWrapper .section.grid-content-section.managment .section-title h2 { padding-inline: 24px; } } #allSectionsWrapper .section.grid-row-section.stacked-sticky .grid-rows .grid-row { direction: rtl !important; position: sticky; top: var(--headerHeight); background: var( --white); } #allSectionsWrapper .section.grid-row-section.stacked-sticky { padding-block-end: 0; } @media(max-width: 1024px){ #allSectionsWrapper .section.grid-row-section.stacked-sticky .grid-rows .grid-row { position: unset; margin-block-start: 56px; } } #allSectionsWrapper .section.grid-content-section.stock { max-width: 37.55vw; padding-inline-start: 8.07vw; padding-inline-end: var(--site-gap); display: flex; flex-direction: column; gap: var(--gap-40); } #allSectionsWrapper .section.grid-content-section.stock .section-topText { order: 4; } #allSectionsWrapper .section.grid-content-section.stock .section-topText p { } #allSectionsWrapper .section.grid-content-section.stock .grid-boxes { flex-direction: column; } #allSectionsWrapper .stock-wrapper { display: flex; flex-direction: row-reverse; align-items: flex-start; padding-block-end: var(--gap-90); padding-block-start: var(--gap-80); } #allSectionsWrapper .section.grid-text-section.stock-image { } #allSectionsWrapper .section.grid-text-section.stock-image .section-title { display: none; } #allSectionsWrapper .section.grid-text-section.stock-image .gridTextImgContainer img { height: 36.46vw; object-fit: cover; } #allSectionsWrapper .section.grid-content-section.stock .grid-boxes .grid-box { width: 100%; text-align: start; margin-block-end: var(--gap-40); } #allSectionsWrapper .section.grid-content-section.stock .grid-boxes .grid-box:last-child { margin-block-end: 0; } #allSectionsWrapper .section.grid-content-section.stock .grid-boxes .grid-box .grid-box-title { margin-block-end: var(--gap-10); } #allSectionsWrapper .section.grid-content-section.stock .grid-boxes .grid-box .grid-box-title h3 { } #allSectionsWrapper .section.grid-content-section.stock .grid-boxes .grid-box .grid-box-title h3 a { } #allSectionsWrapper .section.grid-content-section.stock .grid-boxes .grid-box .grid-box-title h3 a span { letter-spacing: 0px; color: var(--red); margin-inline-start: var(--gap-4); } #allSectionsWrapper .section.grid-content-section.stock .grid-boxes .grid-box .grid-box-subtitle { } #allSectionsWrapper .section.grid-content-section.stock .grid-boxes .grid-box .grid-box-subtitle span { display: block; text-transform: uppercase;} #allSectionsWrapper .section.grid-content-section.stock .stock-bottom .section-topText p {text-align: start;} #allSectionsWrapper .section.grid-content-section.stock .stock-bottom { display: flex; flex-direction: column-reverse; gap: var(--gap-32); align-items: flex-start; } #allSectionsWrapper .section.grid-content-section.stock .stock-bottom .content-section-Btn a { gap: var(--gap-12); } #allSectionsWrapper .section.grid-content-section.stock .stock-bottom .content-section-Btn a::before { color: var(--black); } @keyframes scrollText { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } @media(max-width: 1024px){ #allSectionsWrapper .stock-wrapper { flex-direction: column-reverse; padding-block-start: 0; } #allSectionsWrapper .section.grid-text-section.stock-image .gridTextImgContainer img { height: 218px; } #allSectionsWrapper .section.grid-content-section.stock { max-width: unset; padding-inline: 24px; padding-block-start: 56px; } #allSectionsWrapper .section.grid-content-section.stock .stock-bottom .content-section-Btn a { height: 50px; } } :is(div,#LobbyModule) #lobbyview #headline h1 { max-width: 47.083vw; text-align: start; } :is(div,#LobbyModule) #lobbyview { padding-block-start: calc(var(--headerHeight) + var(--gap-120)); padding-inline: var(--site-gap); display: flex; flex-direction: row; justify-content: space-between; align-items: end; } :is(div,#LobbyModule) #lobbyview #headline h1 span { color: var(--red); } :is(div,#LobbyModule) #lobbyview .lobbyTextContainer { display: flex; flex-direction: column; gap: var(--gap-40); } :is(div,#LobbyModule) #lobbyview .lobbyTextContainer #lobbyText p { max-width: 19.688vw; text-align: start; } :is(div,#LobbyModule) #lobbyview .lobbyTextContainer h2 { text-align: start; margin: 0; } @media(max-width: 1024px){ :is(div,#LobbyModule) #lobbyview { padding-block-start: calc(var(--headerHeight) + 56px); padding-block-end: 56px; padding-inline: 24px; flex-direction: column; gap: 48px; } :is(div,#LobbyModule) #lobbyview #headline h1 { max-width: unset; } :is(div,#LobbyModule) #lobbyview .lobbyTextContainer #lobbyText p { max-width: unset; } } /* INVESTORS */ .investors-relations { max-width: 52.656vw; margin: auto; } .investors-table { overflow: hidden; text-align: start; } .investors-table-row.investors-table-th { display: flex; padding: var(--gap-10) var(--gap-32); display: none; } .investors-table-row.investors-table-th > .investors-table-td { color: var(--small-text); } .investors-table-row.investors-table-th > .investors-table-td:nth-child(1) { width: var(--gap-100); } .investors-table-row.investors-table-th > .investors-table-td:nth-child(2) { flex-grow: 1; } .investors-table-row.investors-table-th > .investors-table-td:last-child { margin-left: auto; margin-right: 0; width: 110px; text-align: end; } .investors-table-row { padding: 0 var(--gap-20); color: var(--small-text); border-top: 1px solid #E6E6E6; } .investors-table-row-container { padding: var(--gap-12); } .investors-table-row-headline { display: none; } .investors-table-row-inner { width: 100%; display: flex; align-items: center; padding-block: var(--gap-20); } .investors-table-row:not(.investors-table-th):nth-child(even) .investors-table-row-inner { } .investors-table-row-inner > .investors-table-td-date { width: 166px; } .investors-table-row-inner > .investors-table-td-name { flex-grow: 1; } .investors-table-row-inner > .investors-table-td-download { margin-left: auto; display: flex; align-items: center; cursor: pointer; } .investors-table-td-download a { position: relative; display: flex; align-items: center; position: relative; display: none; } .investors-table-row:hover .investors-btn-text { opacity: 1; } .investors-table-td-download a:hover .investors-btn-text { color: #fff; opacity: 1; } .investors-table-td-download a span.svg { width: var(--gap-32); height: var(--gap-32); display: block; margin-left: auto; border-radius: var(--gap-4); transition: .3s all ease-in-out; overflow: hidden; position: relative; } .investors-table-td-download span.svg:after { /* content: ""; */ position: absolute; width: 100%; height: 0%; left: 0; bottom: 0; \: .3s; transition: .1s all ease-in-out .2s; } .investors-table-td-download a:hover span.svg:after, .investors-table-td-download a:focus span.svg:after { height: 100%; } .investors-table-row-inner { width: 100%; display: flex; align-items: center; padding-block: var(--gap-20); padding-inline: 0px; transition: padding-inline 0.3s ease-in-out; } .investors-table-row { border-top: 1px solid #E6E6E6; transition: border-color 0.3s ease-in-out; } .investors-btn-text { display: none; } .investors-btn-text::before { content: 'PDF'; } .investors-table-row-inner > .investors-table-td-download::before { content: 'PDF'; font-size: 13px; } .investors-table-row-inner > .investors-table-td-download::after { content: ''; background: url(https://media.getmood.io/warehouse/dynamic/759523.svg); background-size: cover; width: var(--gap-10); height: var(--gap-10); margin-inline-start: var(--gap-12); } .tab-content-item .section-title { display: none !important; } .investors-tabs-nav { display: flex; gap: 10px; margin-block-end: var(--gap-48); max-width: 35.885vw; flex-wrap: wrap; } .tab-trigger { cursor: pointer; font-weight: bold; transition: all 0.3s ease; } .tab-trigger.active { color: var(--red); padding: 0; margin: 0; } .investors-tabs-wrapper { max-width: 52.656vw; min-width: 52.656vw; } .investors-tabs-nav button { background: none; border: none; padding: 0; margin: 0; } .investors-tabs-nav button:not(:last-child)::after { content: '/'; margin-inline-start: var(--gap-8); } .investors-main-container { display: flex; gap: var(--gap-40); padding-inline: var(--site-gap); padding-block: var(--gap-90); } #allSectionsWrapper .section.grid-text-section.latest-reports-text .section-title h2 { font-size: 72px; line-height: 95% !important; letter-spacing: -2.88px !important; font-size: var(--fs-72) !important; font-family: var(--font-1); text-align: start; } body:is(.investors-page) .grid-image-section { padding-inline: var(--site-gap); margin-block: var(--gap-90); } @media(min-width:1025px){ .investors-table-row:hover .investors-table-row-inner { padding-inline: var(--gap-20); } .investors-table-row:hover { border-color: var(--red); background: var(--pink); } } @media(max-width: 1024px){ .investors-main-container { padding-inline: 20px; padding-block: 32px; flex-direction: column; } .investors-relations { max-width: unset; } .investors-tabs-wrapper { max-width: unset; min-width: unset; width: 100%; } .investors-tabs-nav { max-width: unset; } .investors-table-row:hover .investors-table-row-inner { } .investors-table-row-inner { padding-block: 16px; } .investors-table-row-inner { flex-direction: column; align-items: baseline; } .investors-table-row { padding: 0; } .investors-table-row-inner > .investors-table-td-download { margin-left: unset; margin-block-start: 20px; } } #allSectionsWrapper .section.grid-content-section.innews { padding-inline: var(--site-gap); margin-block: var(--gap-90); } #allSectionsWrapper .section.grid-content-section.innews .section-title { text-align: start; margin-block-end: var(--gap-56); } #allSectionsWrapper .section.grid-content-section.innews .grid-boxes { position: relative; display: flex; gap: var(--gap-40); } #allSectionsWrapper .section.grid-content-section.innews .grid-boxes .grid-box { display: flex; flex-direction: column; width: 25.208vw; height: 25.521vw; border: 1px solid #E6E6E6; padding-block: var(--gap-48); padding-inline: var(--gap-40); text-align: start; transition: border-color 0.3s ease; } #allSectionsWrapper .section.grid-content-section.innews .grid-boxes .grid-box .grid-box-image-text p span { } #allSectionsWrapper .section.grid-content-section.innews .grid-boxes .grid-box .grid-box-title { margin-block-end: var(--gap-12); } #allSectionsWrapper .section.grid-content-section.innews .grid-boxes .grid-box .grid-box-title h3 a { color: var(--black); } #allSectionsWrapper .section.grid-content-section.innews .grid-boxes .grid-box .grid-box-subtitle:not(.button) { margin-block-end: 40px; } #allSectionsWrapper .section.grid-content-section.innews .grid-boxes .grid-box .grid-box-subtitle.button { margin-top: auto; } #allSectionsWrapper .section.grid-content-section.innews .grid-boxes .grid-box .grid-box-subtitle .grid-box-subtitle.button a { } #allSectionsWrapper .section.grid-content-section.innews .grid-boxes .grid-box .grid-box-date-wrapper { display: flex; flex-direction: column; overflow: hidden; height: 1.25vw; transition: height 0.3s ease; } #allSectionsWrapper .section.grid-content-section.innews .grid-boxes .grid-box:hover .grid-box-date-wrapper { height: 3.698vw; } #allSectionsWrapper .section.grid-content-section.innews .grid-boxes .grid-box .grid-box-date-wrapper span { display: block; line-height: 1.25vw; color: var(--gray-text); } #allSectionsWrapper .section.grid-content-section.innews .grid-boxes .grid-box .grid-box-date-wrapper::after { content: ""; background: url(https://media.getmood.io/warehouse/dynamic/757958.svg); background-size: contain; background-repeat: no-repeat; width: var(--gap-16); height: var(--gap-16); margin-top: 1.198vw; display: block; opacity: 0; transition: opacity 0.3s ease; } #allSectionsWrapper .section.grid-content-section.innews .grid-boxes .grid-box:hover .grid-box-date-wrapper::after { opacity: 1; } #allSectionsWrapper .section.grid-content-section.innews .swiper-button-next, #allSectionsWrapper .section.grid-content-section.innews .swiper-button-prev { position: absolute; bottom: 0; top: auto; width: var(--gap-56); height: var(--gap-56); border: 1px solid var(--gray); color: #000000; padding: var(--gap-17); box-sizing: border-box; margin: 0; transition: background-color 0.3s ease; } #allSectionsWrapper .section.grid-content-section.innews .swiper-button-next::after, #allSectionsWrapper .section.grid-content-section.innews .swiper-button-prev::after { font-size: var(--fs-16) } #allSectionsWrapper .section.grid-content-section.innews .swiper-button-prev { right: 3.542vw; left: auto; top: -4.375vw; } #allSectionsWrapper .section.grid-content-section.innews .swiper-button-next { right: 0; left: auto; top: -4.375vw; } @media(min-width: 1025px){ #allSectionsWrapper .section.grid-content-section.innews .grid-boxes .grid-box:hover { border-color: var(--red); cursor: pointer; } } @media(max-width: 1024px){ #allSectionsWrapper .section.grid-content-section.innews { padding-inline: 0; } #allSectionsWrapper .section.grid-content-section.innews .section-title { margin-inline-start: 20px; margin-block-end: 32px; } #allSectionsWrapper .section.grid-content-section.innews .section-title h2 { margin: 0; } #allSectionsWrapper .section.grid-content-section.innews .grid-boxes { overflow: auto; gap: 20px; scrollbar-width: none; -ms-overflow-style: none; } #allSectionsWrapper .section.grid-content-section.innews .grid-boxes::-webkit-scrollbar { display: none; /* Chrome, Safari */ } #allSectionsWrapper .section.grid-content-section.innews .grid-boxes .grid-box .grid-box-subtitle:not(.button) { margin-block-end: 16px; } #allSectionsWrapper .section.grid-content-section.innews .grid-boxes .grid-box:first-child { margin-inline-start: 20px; } #allSectionsWrapper .section.grid-content-section.innews .grid-boxes .grid-box .grid-box-date-wrapper { height: unset; overflow: unset; } #allSectionsWrapper .section.grid-content-section.innews .grid-boxes .grid-box .grid-box-date-wrapper::after { opacity: 1; position: absolute; right: 24px; } #allSectionsWrapper .section.grid-content-section.innews .grid-boxes .grid-box .grid-box-date-wrapper span { line-height: unset; display: flex; } #allSectionsWrapper .section.grid-content-section.innews .grid-boxes .grid-box { min-width: 280px; height: 360px; padding-block-end: 20px; padding-block-start: 20px; padding-inline-start: 20px; padding-inline-end: 24px; } } /**/ /* LOBBY PROJECTS */ #pageview { padding-block-start: calc(var(--headerHeight) + var(--gap-120)); padding-block-end: var(--gap-120); padding-inline: var(--site-gap); display: flex; flex-direction: row; justify-content: space-between; align-items: end; } #pageview { display: flex; } #pageview #headline { margin: 0; } #pageview #headline h1 { max-width: 47.083vw; text-align: start; color: var(--black); } #pageview #headline h1 span { color: var(--red); } #pageview .lobbyTextContainer { text-align: start; } #pageview .lobbyTextContainer #subheadline { } #pageview .lobbyTextContainer #subheadline h2 { margin-block-end: var(--gap-40); } #pageview .lobbyTextContainer #text1 { max-width: 19.688vw; margin: 0; } #pageview .lobbyTextContainer #text1 p { text-align: start; } body:is(.projects) .categories-strip { display: block; background: var(--white); position: sticky; top: var(--headerHeight); z-index: 10; } body:is(.projects) .categories-strip ul { display: flex; } body:is(.projects) .categories-strip ul li { flex-grow: 1; padding: 0; padding-block: var(--gap-12); border-top: 1px solid var(--gray); border-bottom: 1px solid var(--gray); } body:is(.projects) .categories-strip ul li:first-child { display: none; } body:is(.projects) .categories-strip ul li.active { border-bottom: 1px solid var(--red); } body:is(.projects) .categories-strip ul li a { text-transform: uppercase; } body:is(.projects) .categories-strip ul li:not(.active) a { color: var(--gray-text); } .categories-strip ul li.active { background: unset; } body.future .flex-row.row .grid-short-box-label { text-align: center; padding: 0; padding-block-start: var(--gap-16) } body.future .flex-row.row .grid-short-box-link { display: none; } body.future .flex-row.row .grid-short-box-subtitle { color: #696969; } .grid-boxes.grid-project-boxes { display: flex; flex-direction: column; } .grid-boxes.grid-project-boxes .grid-project-box { width: 100%; padding: 0; max-height: calc(100vh - var(--headerHeight) - var(--categoriesHeight)); position: sticky; top: calc(var(--headerHeight) + var(--categoriesHeight)); } .grid-boxes.grid-project-boxes .grid-project-box .grid-short-box { display: flex; justify-content: space-between; margin: 0; } a.grid-short-box.shown { } .grid-boxes.grid-project-boxes .grid-project-box .grid-short-box .grid-short-box-image { padding: 0; max-height: calc(100vh - var(--headerHeight) var(--categoriesHeight) ); } .grid-boxes.grid-project-boxes .grid-project-box .grid-short-box .grid-short-box-image img { position: unset; transform: unset; width: 100%; height: 100%; } .grid-boxes.grid-project-boxes .grid-project-box .grid-short-box .grid-short-box-image .grid-short-box-description { padding-inline: var(--site-gap); } .grid-boxes.grid-project-boxes .grid-project-box .grid-short-box .grid-short-box-description { padding-inline: var(--site-gap); } .grid-boxes.grid-project-boxes .grid-project-box .grid-short-box .grid-short-box-description .grid-short-box-fulltext { } .grid-boxes.grid-project-boxes .grid-project-box .grid-short-box .grid-short-box-description .grid-short-box-fulltext .grid-short-box-title { display: flex; flex-direction: column; gap: var(--gap-40); } .grid-boxes.grid-project-boxes .grid-project-box .grid-short-box .grid-short-box-description .grid-short-box-fulltext .grid-short-box-title .grid-short-box-subtitle { text-align: start; } .grid-boxes.grid-project-boxes .grid-project-box .grid-short-box .grid-short-box-description .grid-short-box-fulltext .grid-short-box-title .grid-short-box-label { padding: 0; } .grid-boxes.grid-project-boxes .grid-project-box .grid-short-box .grid-short-box-description .grid-short-box-fulltext .grid-short-box-title > p { text-align: start; } .grid-boxes.grid-project-boxes .grid-project-box .grid-short-box .grid-short-box-description ul.grid-short-box-details { list-style: none; padding: 0; margin: 0; } @media (min-width: 1025px) { body.future .flex-row.row { display: flex; flex-wrap: wrap; gap: 1px; margin: 0; } body.future .flex-row.row > [class*="col-"] { float: none; padding: 0; width: calc(50% - 0.5px); } body.future .flex-row.row > [class*="col-"]:nth-child(3n) { width: 50%; margin-inline: auto; padding-block: var(--gap-160); } body.future .flex-row.row > [class*="col-"]:not(:nth-child(3n)) .grid-short-box-image { width: 100%; height: 28.125vw; padding: 0; } body.future .flex-row.row > [class*="col-"]:nth-child(3n) .grid-short-box-image { width: 100%; height: 32.604vw; padding: 0; } body.future .flex-row.row > [class*="col-"] .grid-short-box-image img { width: 100%; height: 100%; object-fit: cover; } } @media (max-width: 1024px) { #pageview { flex-direction: column; padding-block-start: calc(var(--headerHeight) + 56px); padding-block-end: 56px; padding-inline: 24px; } #pageview #headline h1 { max-width: unset; } #pageview .lobbyTextContainer #text1 { max-width: unset; } #pageview #headline { margin-block-end: 48px; } body.future .flex-row.row { display: flex; flex-direction: column; gap: 16px; margin: 0; margin-bottom: 56px !important; } body.future .flex-row.row > [class*="col-"] { float: none; padding: 0; width: 100%; } body.future .flex-row.row > [class*="col-"]:nth-child(odd) .grid-short-box-image { width: 100%; height: 210px; padding: 0; } body.future .flex-row.row > [class*="col-"]:nth-child(even) { padding-inline: 24px; } body.future .flex-row.row > [class*="col-"]:nth-child(even) .grid-short-box-image { width: 100%; height: 184px; padding: 0; } body.future .flex-row.row > [class*="col-"] .grid-short-box-image img { width: 100%; height: 100%; object-fit: cover; } body:is(.projects) .categories-strip ul { display: flex !important; overflow-x: scroll; } body:is(.projects) .categories-strip ul li { flex-shrink: 0; padding-inline: 12px; } .mobile-strip { display: none; } } /* CONTACT */ body.contact .section-topText { display: none; } body.contact .grid-form-section .gridFormWithImg { margin-block-end: 90px; } body.contact .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectTitleAndText { display: none; } body.contact .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormEndText { order: 1; } body.contact .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields { order: 2; justify-content: unset; } body.contact .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormEndText ul { max-width: 19.74vw; flex-wrap: wrap; list-style: none; display: flex; padding: 0; margin-block-end: 64px; gap: var(--gap-8); } body.contact .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin-block-end: 64px; } body.contact .form-container-wide #DynamicFormObject .dynamicFormObjectFields form { margin-top: unset; } @media(max-width: 1024px){ body:is(.contact) :is(div,#LobbyModule) #lobbyview #headline { margin: 0; } body:is(.contact) :is(div,#LobbyModule) #lobbyview #headline h1 { width: 100%; } body:is(.contact) :is(div,#LobbyModule) #lobbyview { justify-content: start; align-items: start; } body.contact .grid-form-section .gridFormWithImg { margin-block-end: 56px; display: flex; flex-direction: column-reverse; } body.contact .grid-form-section .gridFormWithImg #DynamicFormObject { height: unset; max-width: 100% !important; padding-inline: 20px; } body.contact .grid-form-section .gridFormWithImg .gridFormImgContainer img { height: 240px; } body.contact .grid-form-section .gridFormWithImg .gridFormImgContainer { margin-block-end: 56px; } body.contact .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormEndText ul { max-width: unset; margin-block-end: 32px; flex-direction: column; align-items: flex-start; } body.contact .grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectSubmit button { height: 50px; } } body.thanks #pageview { height: 100vh; justify-content: center; align-items: center; } body.thanks #pageview #headline h1 { text-align: center; margin-block-end: var(--gap-20); } body.thanks #pageview .MainContent { } body.thanks #pageview .MainContent #text1 { display: flex; flex-direction: column; justify-content: center; align-items: center; } body.thanks #pageview .MainContent #text1 p { max-width: 19.688vw; } body.thanks #pageview .MainContent #text1 p:first-child { margin-block-end: var(--gap-48); } body.thanks #pageview .MainContent #text1 p span { } body.thanks #pageview .MainContent #text1 p a { display: inline-flex; gap: var(--gap-12); } body.thanks #pageview .MainContent #text1 p a::after { color: black; } body.thanks #pageview .MainContent #text1 p a:hover span.shadow-btn::after { color: black !important; }