@charset "UTF-8"; /** Theme Name: Street Crane Author: VisionSharp Version: 1.0.0 */ @import "https://use.typekit.net/lyo4djp.css"; @import url(node_modules/@fortawesome/fontawesome-pro/css/all.min.css); :root { --colour-white: #ffffff; --colour-black: #000000; } /*** The new CSS reset - version 1.8.4 (last updated 14.2.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable="true"]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } html { scroll-behavior: smooth; font-size: 10px; } @media (min-width: 992px) { html { font-size: 7.1145px; } } @media (min-width: 1280px) { html { font-size: 7.5px; } } @media (min-width: 1919px) { html { font-size: 10px; } } .body, .wp-block-post-content { font-family: "aktiv-grotesk", sans-serif !important; font-weight: 300 !important; font-style: normal !important; font-size: 2rem !important; line-height: 2 !important; background-color: #fff; } @media (min-width: 992px) { .body, .wp-block-post-content { background-color: #FDFCFA !important; } } html :where(.wp-block) { width: 100%; max-width: 100%; } .container { margin-right: auto; margin-left: auto; width: 100%; padding-right: 2.0rem; padding-left: 2.0rem; } @media (min-width: 992px) { .container { padding-right: 20px; padding-left: 20px; max-width: 92.5%; } } .container-small { max-width: 73.188rem; margin: auto; } .mt-6 { margin-top: 6rem; } .mb-6 { margin-bottom: 6rem; } .PoetsenOne { font-family: "Poetsen One", sans-serif; } .backtotop { position: fixed; bottom: 1rem; right: 1rem; background-color: #302E29; border: none; line-height: 1; color: #FFFFFF; cursor: pointer; z-index: 9999; font-weight: 400; display: none; padding: 1.5rem; font-size: 1.5rem; } @media (min-width: 992px) { .backtotop { padding-left: 3rem; padding-right: 3rem; padding-top: 2.5rem; padding-bottom: 2.5rem; font-size: 2rem; } } .backtotop i { margin-right: 1.5rem; } .position-fixed { position: fixed !important; } .modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.85); justify-content: center; align-items: center; z-index: 9999; display: none; opacity: 0; transition: all 0.3s ease; } .modal-active { display: flex; opacity: 1; } .modal_container { width: 100%; max-width: 80rem; padding-left: 2rem; padding-right: 2rem; } .modal_group { border-bottom: 2px solid white; position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .modal_input { color: white; font-size: 2rem; font-family: "aktiv-grotesk", sans-serif !important; font-weight: 500; line-height: 1.5; flex: 1; } @media (min-width: 992px) { .modal_input { font-size: 4rem; } } .modal_button { color: white; font-size: 2rem; font-weight: 500; line-height: 1.3; cursor: pointer; } @media (min-width: 992px) { .modal_button { font-size: 4rem; } } @media (min-width: 992px) { .sticky-flex { position: relative; display: flex; align-items: flex-start; } } @media (min-width: 992px) { .sticky { position: sticky; top: 10rem; display: block; } } @media (min-width: 1320px) { .sticky { top: 15rem; } } .watch-me { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; } .watch-me.in-viewport { opacity: 1; transform: translateY(0); } .searchTitle { width: 100%; position: relative; background-image: url(https://streetcrane.development-visionsharp.co.uk/wp-content/uploads/2024/12/contact-banner-2.png); background-size: cover; } .searchTitle_content { width: 100%; height: 37rem; position: relative; z-index: 2; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; } @media (min-width: 992px) { .searchTitle_content { height: 50rem; } } .searchTitle_title { font-size: 3.5rem; font-weight: 400; line-height: 1.33; color: #fff; margin-top: 6rem; } @media (min-width: 992px) { .searchTitle_title { font-size: 8rem; line-height: 1; margin-top: 11.7rem; } } .searchBox { padding-top: 2rem; padding-bottom: 2rem; } @media (min-width: 992px) { .searchBox { padding-top: 5rem; padding-bottom: 5rem; } } .searchBox_label { font-size: 2rem; font-weight: 400; line-height: 1; margin-bottom: 1rem; display: block; } .searchBox_input { height: 5rem; line-height: 5rem; border: 0; padding-left: 1rem; } .searchBox_button { background-color: #302E29; height: 7.4rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1.8rem; line-height: 1.33; color: #fff; font-weight: 400; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none; padding-left: 2.5rem; padding-right: 2.5rem; } .searchResults { margin-top: 2rem; margin-bottom: 2rem; } @media (min-width: 992px) { .searchResults { margin-top: 10rem; margin-bottom: 10rem; } } .searchResults_title { color: #302E29; text-decoration: none; line-height: 1; margin-bottom: 2rem; font-size: 4rem; font-weight: 500; } .searchResults_button { background-color: #FFBE0E; height: 7.4rem; padding-left: 2.5rem; padding-right: 2.5rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1.8rem; line-height: 1.35; color: #302E29; font-weight: 400; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none; } .searchResults_item { display: block; margin-bottom: 2.2rem; padding: 3rem; background-color: #EFEADF; } .single-career .header { background-color: #FFBE0E !important; } .single-career .header__nav-item-link { color: #302E29 !important; } .single-career .header__nav-contact { background-color: #302E29 !important; } .single-career .header__nav-contact a { color: #fff !important; } .single-career .header__nav-hamburger .line { background-color: #302E29 !important; } .career { padding-top: 10rem; padding-bottom: 5rem; } @media (min-width: 992px) { .career { padding-top: 20rem; padding-bottom: 12rem; } } .career .wysiwyg ul { margin-bottom: 4rem; } .header { z-index: 100; width: 100%; position: absolute; top: 0; left: 0; } .header__container { display: flex; justify-content: space-between; align-items: center; margin-left: 2rem; margin-right: 2rem; margin-top: 1.6rem; margin-bottom: 1.6rem; flex-direction: row; } @media (min-width: 1320px) { .header__container { margin-top: 0; flex-direction: row; margin-left: auto; margin-right: auto; width: 100%; margin-bottom: 0; } } .header__logo { width: 100%; height: 100%; display: flex; align-items: center; max-width: 16.465rem; } @media (min-width: 992px) { .header__logo { max-width: 32.806rem; } } .header__logo__img { width: 100%; max-width: 100%; } @media (min-width: 1320px) { .header__logo__img { margin-left: 2rem; } } .header__logo a { width: 100%; max-width: 100%; } .header__navigation { display: flex; align-items: center; justify-content: flex-end; } .header__nav { gap: 4.25rem; height: 100%; display: none; } @media (min-width: 1320px) { .header__nav { display: flex; } } .header__nav-list { gap: 5.2rem; margin-right: 5rem; display: flex; margin-bottom: 0; height: 100%; align-items: center; } .header__nav-mobile-icon { display: block; z-index: 10000; } @media (min-width: 1320px) { .header__nav-mobile-icon { display: none; } } .header__nav-hamburger { position: relative; } @media (min-width: 1320px) { .header__nav-hamburger { display: flex; } } .header__nav-item { list-style: none; font-weight: 400; } .header__nav-item-icon i { font-size: 3rem; line-height: 1.2; } .header__nav-item-submenu { position: absolute; top: 9.7rem; padding: 2rem; display: flex; flex-direction: column; opacity: 0; visibility: hidden; transition: all .3s ease-in-out; background: #FFBE0E; min-width: 20rem; } .header__nav-item-submenu-industries { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 2rem; width: 55rem; } .header__nav-item:hover .header__sub-nav-list { display: block; } .header__nav-item:hover .header__nav-item-submenu { opacity: 1; visibility: visible; } .header__nav-item:hover .header__nav-item-megamenu_wrapper { display: block; } .header__nav-item-link { color: #fff; text-decoration: none; } .header__nav-item-link-alt { color: #302E29; } .header__nav-item-megamenu { background-color: #FFBE0E; width: 100%; max-width: calc(100% - 7rem); padding: 2rem; } @media (min-width: 1320px) { .header__nav-item-megamenu { margin-top: 3.8rem; max-width: 100%; padding: 0; } } .header__nav-item-megamenu_wrapper { display: none; position: absolute; width: 100%; left: 0; margin: 0; padding: 0; top: 6.5rem; z-index: 1; min-height: calc(100vh - 6.5rem); } @media (min-width: 1320px) { .header__nav-item-megamenu_wrapper { width: 86%; left: 7%; right: 7%; top: auto; } } .header__nav-item-megamenu_wrapper.active { display: flex; } .header__nav-item-megamenu-title { background-color: #FFD050; width: 100%; max-width: 7rem; padding: 2rem; position: relative; cursor: pointer; } .header__nav-item-megamenu-title-text { display: flex; align-items: center; position: absolute; transform: rotate(270deg); transform-origin: right top; right: calc(100% - 1rem); } .header__nav-item-megamenu-title-text span { font-size: 2.5rem; font-weight: 400; white-space: nowrap; } .header__nav-item-megamenu-title-text i { font-size: 2.5rem; margin-left: 2rem; } .header__nav-item-megamenu-entry { height: 7rem; margin-bottom: 3rem; border-bottom: 1px solid #00000017; } .header__nav-item-megamenu-entry-link { display: flex; align-items: center; } .header__nav-item-megamenu-icon { width: 4rem; max-height: 4rem; margin-right: 1.1rem; } .header__nav-item-megamenu-link { color: #302E29; text-decoration: none; font-size: 2.5rem; line-height: 1.48; font-weight: 400; } @media (min-width: 1320px) { .header__nav-item-megamenu-link { font-weight: 500; } } .header__nav-item-megamenu-columns { display: flex; flex-wrap: wrap; flex-direction: row; } .header__nav-item-megamenu-column { width: 100%; } @media (min-width: 1320px) { .header__nav-item-megamenu-column { max-width: 33.33%; } } .header__nav-item-megamenu-content { width: 100%; display: flex; flex-wrap: wrap; } @media (min-width: 1320px) { .header__nav-item-megamenu-content { padding: 5rem; max-width: 62.53%; } } .header__nav-item-megamenu-group { padding: 0; margin-bottom: 3rem; } @media (min-width: 1320px) { .header__nav-item-megamenu-group { margin-bottom: 0; } } .header__nav-item-megamenu-group-link { margin-bottom: 3rem; } @media (min-width: 1320px) { .header__nav-item-megamenu-group-link { margin-bottom: 5rem; } } .header__nav-item-megamenu-group-link:last-child { margin-bottom: 0; } .header__nav-item-megamenu-group-link-link { color: #302E29; text-decoration: none; font-size: 2rem; line-height: 1; margin-bottom: 2rem; display: block; font-weight: 400; } @media (min-width: 1320px) { .header__nav-item-megamenu-group-link-link { font-weight: 500; } } .header__nav-item-megamenu-group-childlinks { margin-left: 1rem; } @media (min-width: 1320px) { .header__nav-item-megamenu-group-childlinks { margin-left: 0; } } .header__nav-item-megamenu-group-childlink-link { color: #302E29; text-decoration: none; font-size: 1.6rem; line-height: 1; margin-bottom: 2rem; padding-left: 2rem; display: block; } .header__nav-item-megamenu-group-childlink:last-child .header__nav-item-megamenu-group-childlink-link-link { margin-bottom: 0; } .header__nav-item-megamenu-contact { padding: 5rem 2rem; background-color: #FFD050; width: 100%; } @media (min-width: 1320px) { .header__nav-item-megamenu-contact { max-width: 37.47%; padding: 9.5rem; } } .header__nav-item-megamenu-contact-title { color: #302E29; font-size: 1.8rem; line-height: 1; margin-bottom: 1rem; } @media (min-width: 1320px) { .header__nav-item-megamenu-contact-title { font-size: 2.5rem; line-height: 1.3; margin-bottom: 3rem; } } .header__nav-item-megamenu-contact-content { color: #302E29; font-size: 3rem; line-height: 1; margin-bottom: 5rem; font-weight: 400; } @media (min-width: 1320px) { .header__nav-item-megamenu-contact-content { font-size: 4rem; font-weight: 300; } } .header__nav-item-megamenu-contact-button { background-color: #302E29; color: #FFFFFF !important; height: 7.4rem; padding: 0 2.5rem; display: inline-flex; align-items: center; justify-content: center; font-weight: 400; cursor: pointer; transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1); border-width: 0; text-decoration: none; } @media (min-width: 1320px) { .header__nav-item-megamenu-contact-button { display: flex; height: 7.7rem; width: 100%; max-width: 38.1rem; } } .header__nav-contact { background-color: #FFBE0E; height: 11.7rem; width: 35rem; display: flex; align-items: center; justify-content: center; font-weight: 400; cursor: pointer; transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1); border-width: 0; } .header__nav-contact-scroll { background-color: #302E29; } .header__nav-contact-scroll a { color: #fff !important; } .header__nav-contact a { color: #302E29; text-decoration: none; } .header__nav-contact-alt { background-color: #302E29; } .header__nav-contact-alt a { color: #fff; } .header__nav-contact:hover { color: #fff; background-color: #D3D3D3 !important; } .header__nav-contact:hover .header__nav-details { display: block; } .header__nav-details { background-color: #302E29; border-top: 1rem solid #FFBE0E; position: absolute; padding: 2rem; width: 100%; display: none; top: 11.7rem; } .header__nav-details_list { list-style: none; margin: 0; padding: 0; } .header__nav-details_item { border-bottom: 2px solid #FFBE0E; margin-bottom: 2rem; padding-bottom: 2rem; display: flex; align-items: center; } .header__nav-details_item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .header__nav-details_item_icon { border: 1px solid #FFBE0E; height: 5.8rem; width: 5.8rem; display: flex; align-items: center; justify-content: center; margin-right: 1.5rem; } .header__nav-details_item_icon i { color: #fff !important; font-size: 2.5rem; } .header__nav-details_item_text { width: calc(100% - 7.3rem); } .header__nav-details_item_text_title { color: #D0D0D0; font-size: 2.5rem; line-height: 1; font-weight: 400; } .header__nav-details_item_text_details { color: #FFFFFF; font-size: 2rem; line-height: 1.25; font-weight: 400; } .header__sub-nav-list { display: none; position: absolute; background-color: #333; list-style: none; padding: 0; margin: 0; top: 100%; width: 100%; left: 0; z-index: 1000; } .header__sub-nav-item { padding: 10px; } .header__sub-nav-item a { display: block; padding: 10px; } .header__nav-hamburger { cursor: pointer; width: 30px; height: 24px; display: flex; flex-direction: column; justify-content: space-between; } .header__nav-hamburger-alt .line { background-color: #302E29 !important; } .header__nav-hamburger .line { width: 100%; height: 3px; background-color: white; transition: transform 0.3s ease, opacity 0.3s ease; } .header__nav-hamburger.active .line:nth-child(1) { transform: translateY(10px) rotate(45deg); } .header__nav-hamburger.active .line:nth-child(2) { opacity: 0; } .header__nav-hamburger.active .line:nth-child(3) { transform: translateY(-10px) rotate(-45deg); } .header__details { position: relative; display: none; } @media (min-width: 1320px) { .header__details { display: block; } } .header__nav-item-scroll { color: #302E29; } .header__navigation-scroll-button { background-color: black !important; color: white !important; } .mobile-menu { position: fixed; top: 0; left: auto; bottom: 0; right: -100%; width: 100%; height: 100%; background-color: #FFD050; z-index: 9999; transition: right 0.3s ease; overflow-y: scroll; } .mobile-menu.active { right: 0; } @media (min-width: 1320px) { .mobile-menu.active { right: -100%; } } .mobile-menu-list { list-style-type: none; padding-top: 9.2rem; padding-left: 2rem; padding-right: 2rem; padding-bottom: 5rem; font-size: 2rem !important; background-color: #FFBE0E; } .mobile-menu-link { line-height: 1; font-size: 2.5rem; font-weight: 400; color: #302E29; text-decoration: none; } .mobile-menu-item { margin-bottom: 2rem; } .mobile-menu-item:last-child { margin-bottom: 0; } .mobile-menu-item .request-button { color: white; background-color: black; } .mobile-menu-icon { font-size: 3rem; margin-right: 1rem; } .mobile-menu-logo { position: absolute; top: 2rem; left: 2rem; max-width: 16.465rem; } .mobile-menu-chevron { cursor: pointer; } .footer { background-color: #302E29; width: 100%; display: block; padding-top: 5rem; padding-bottom: 6.5rem; } @media (min-width: 992px) { .footer { padding-top: 12rem; padding-bottom: 5.6rem; } } .footer_logo { width: 100%; max-width: 16.5rem; } @media (min-width: 992px) { .footer_logo { max-width: 28.1rem; } } .footer_accred { width: 100%; max-width: 14.9rem; display: block; } @media (min-width: 992px) { .footer_accred { max-width: 20.8rem; } } .footer_flex { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; align-items: flex-start; } .footer_flex-logos { align-items: center; padding-bottom: 5.7rem; gap: 2rem; } @media (min-width: 992px) { .footer_flex-logos { padding-bottom: 10.8rem; } } .footer_flex-first { justify-content: flex-start; } @media (min-width: 992px) { .footer_flex-first { margin-bottom: 9.5rem; } } .footer_accredits { display: flex; gap: 2rem; flex-direction: column; } @media (min-width: 992px) { .footer_accredits { flex-direction: row; align-items: center; } } .footer_column { margin-bottom: 5rem; } @media (min-width: 992px) { .footer_column { margin-bottom: 0; } } .footer_column:nth-child(1) { width: 100%; } @media (min-width: 992px) { .footer_column:nth-child(1) { max-width: 22.61%; } } .footer_column:nth-child(2) { width: 100%; } @media (min-width: 992px) { .footer_column:nth-child(2) { max-width: 20.98%; } } .footer_column-last { width: 100%; display: flex; flex-wrap: wrap; flex-direction: column-reverse; } @media (min-width: 992px) { .footer_column-last { max-width: 50.45%; flex-direction: row; } } .footer_column-last_column { margin-bottom: 5rem; } @media (min-width: 992px) { .footer_column-last_column { margin-bottom: 0; } } .footer_column-last_column:nth-child(1) { width: 100%; } @media (min-width: 992px) { .footer_column-last_column:nth-child(1) { max-width: 41.96%; } } .footer_column-last_column:nth-child(2) { width: 100%; } @media (min-width: 992px) { .footer_column-last_column:nth-child(2) { max-width: 58.03%; } } .footer_title { color: #D0D0D0; font-size: 2rem; line-height: 1.5; font-weight: 400; margin-bottom: 2rem; } @media (min-width: 992px) { .footer_title { font-size: 3rem; margin-bottom: 3.8rem; line-height: 1; } } .footer_bullets { padding: 0; margin: 0; } .footer_bullet { margin-bottom: 2rem; line-height: 1; } .footer_bullet:last-child { margin-bottom: 0; } @media (min-width: 992px) { .footer_bullet { margin-bottom: 3.7rem; } } .footer_bullet_link { color: #fff; text-decoration: none; font-size: 1.6rem; line-height: 1; } @media (min-width: 992px) { .footer_bullet_link { font-size: 2rem; } } .footer_content { color: #fff; font-size: 1.6rem; line-height: 2; } @media (min-width: 992px) { .footer_content { font-size: 2rem; } } .footer_socials { display: flex; margin: 0; padding: 0; grid-gap: 1rem; } .footer_social_link { display: flex; align-items: center; justify-content: center; background-color: #fff; width: 4rem; height: 4rem; border-radius: 50%; color: #302E29; text-decoration: none; } .footer_links { display: flex; justify-content: space-between; } .footer_links_items { margin: 0; padding: 0; } .footer_links_item { line-height: 1; margin-bottom: 2rem; } .footer_links_item:last-child { margin-bottom: 0; } @media (min-width: 992px) { .footer_links_item { margin-bottom: 3.7rem; } } .footer_links_item_link { color: #fff; text-decoration: none; line-height: 1; font-size: 1.6rem; } @media (min-width: 992px) { .footer_links_item_link { font-size: 2rem; } } .footer_bottom { color: #fff; font-size: 1.6rem; line-height: 1.56; margin-bottom: 3rem; } .footer_bottom:last-child { margin-bottom: 0; } @media (min-width: 992px) { .footer_bottom { font-size: 2rem; margin-bottom: 0; } } .footer_bottom a { color: #fff; text-decoration: none; } .btn-primary { background-color: #FFBE0E; color: #302E29; font-family: "Nunito", sans-serif; font-size: 1.25rem; line-height: 1.688rem; border: none; border-radius: 0; padding: 1.563rem; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: #FFBE0E; border-color: #FFBE0E; color: #302E29; } .btn-secondary { background-color: #FFBE0E; color: #302E29; font-family: "Nunito", sans-serif; font-size: 1.25rem; line-height: 1.688rem; padding: 1.563rem; border: none; border-radius: 0; } .card { border: none; padding: 0; border-radius: 0; } .card .card-img-top { border-radius: 0; } .card .card-footer { border-radius: 0; border: 0; } .card__triangle { position: absolute; bottom: 0; right: 0; width: 6.25rem; height: 6.25rem; background-color: #FFBE0E; transition: all 0.5s ease; clip-path: polygon(100% 150%, 102% 0, 0 100%); z-index: 2; } .card__triangle .plus-icon { color: black; background: transparent; width: 50px; height: 50px; border: 0; font-size: 1.5em; position: absolute; right: 0; bottom: 0.313rem; } .block__card-carousel .card:hover .card__triangle .plus-icon { right: 20px; bottom: 25px; transition: all 0.5s ease; } .card__triangle .plus-icon span { position: absolute; transition: all 0.5s ease; background: black; border-radius: 2px; opacity: 1; } .card__triangle .plus-icon span:first-child { top: 30%; bottom: 25%; width: 2px; height: 20px; left: 48%; } .card__triangle .plus-icon span:last-child { left: 30%; right: 25%; height: 2px; width: 20px; top: 48%; } .card:hover .card__triangle .plus-icon span { transform: rotate(45deg); left: 50%; right: auto; top: 45%; opacity: 1; } .card:hover .card__triangle .plus-icon span:last-child { transform: rotate(30deg); left: 30%; right: auto; top: 40%; opacity: 1; } .card:hover .card__triangle .plus-icon span { transform: rotate(45deg); left: 50%; right: auto; top: 45%; opacity: 1; } .block__card-carousel .card:hover .card__triangle .plus-icon span:first-child { height: 30px; } .block__card-carousel .card:hover .card__triangle .plus-icon span:last-child { width: 30px; left: 18%; top: 36%; } .wysiwyg p { font-size: 1.6rem; line-height: 1.875; margin-bottom: 4rem; font-weight: 300; color: #302E29; } @media (min-width: 992px) { .wysiwyg p { font-size: 2rem; line-height: 2; } } .wysiwyg p:last-child { margin-bottom: 0; } .wysiwyg a { color: #FFBE0E; font-weight: 700; text-decoration: underline; } .wysiwyg a:hover { text-decoration: none; } .wysiwyg strong { font-weight: 700; } .wysiwyg em { font-style: italic; } .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 { font-weight: 400; color: #302E29; line-height: 1; margin-bottom: 5rem; } .wysiwyg h1 { font-size: 8rem; } .wysiwyg h2 { font-size: 6rem; } .wysiwyg h3 { font-size: 5rem; } .wysiwyg h4 { font-size: 2rem; } @media (min-width: 992px) { .wysiwyg h4 { font-size: 4rem; } } .wysiwyg h5 { font-size: 3rem; } .wysiwyg h6 { font-size: 2rem; } .wysiwyg ul { margin: 0; padding: 0; list-style: disc; list-style-position: outside; margin-left: 2.5rem; margin-bottom: 2rem; } .wysiwyg ol { margin: 0; padding: 0; list-style: decimal; list-style-position: outside; margin-left: 2.5rem; } .wysiwyg li { color: #302E29; margin-bottom: 2rem; font-size: 1.6rem; line-height: 1.875; font-weight: 300; } @media (min-width: 992px) { .wysiwyg li { font-size: 2rem; line-height: 2; } } .wysiwyg li:last-child { margin-bottom: 0; } .contact { padding-top: 5rem; padding-bottom: 5rem; } @media (min-width: 992px) { .contact { padding-top: 12rem; padding-bottom: 12rem; } } .contact_flex { display: flex; justify-content: space-between; flex-wrap: wrap; } .contact_column:first-child { width: 100%; } @media (min-width: 992px) { .contact_column:first-child { max-width: 44.18%; } } .contact_column:last-child { width: 100%; } @media (min-width: 992px) { .contact_column:last-child { max-width: 50%; } } .contact_title { font-size: 1.8rem; line-height: 1; font-weight: 400; color: #302E29; margin-bottom: 1rem; } @media (min-width: 992px) { .contact_title { font-size: 2.5rem; margin-bottom: 3rem; } } .contact_subTitle { font-size: 3rem; line-height: 1; font-weight: 400; color: #302E29; margin-bottom: 5rem; } @media (min-width: 992px) { .contact_subTitle { margin-bottom: 10rem; font-size: 6rem; } } .contact_subTitle-bullets { margin-bottom: 2rem; } @media (min-width: 992px) { .contact_subTitle-bullets { margin-bottom: 2rem; } } .contact_content { margin-bottom: 2rem; } .contact_bulletPointsTitle { font-size: 2rem; line-height: 1; font-weight: 500; color: #302E29; margin-bottom: 2rem; } @media (min-width: 992px) { .contact_bulletPointsTitle { font-size: 3rem; } } .contact_bulletPoints_row { margin-bottom: 2rem; padding-left: 3rem; position: relative; } @media (min-width: 992px) { .contact_bulletPoints_row { padding-left: 6rem; } } .contact_bulletPoints_row:after { font-size: 2rem; line-height: 1; font-weight: 300; content: "\f00c"; color: #302E29; font-family: "Font Awesome 6 Pro"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; position: absolute; top: 0; left: 0; } @media (min-width: 992px) { .contact_bulletPoints_row:after { font-size: 4.5rem; } } .contact_bulletPoints_title { font-size: 1.8rem; line-height: 1; font-weight: 500; color: #302E29; } @media (min-width: 992px) { .contact_bulletPoints_title { font-size: 2.5rem; } } .contact_bulletPoints_bullet { font-size: 1.6rem; line-height: 1.875; margin-bottom: 4rem; font-weight: 300; color: #302E29; } @media (min-width: 992px) { .contact_bulletPoints_bullet { font-size: 2rem; } } .contact_contactDetails { display: flex; flex-wrap: wrap; } .contact_contactDetails_icon { width: 100%; max-width: 4rem; font-size: 1.9rem; } @media (min-width: 992px) { .contact_contactDetails_icon { font-size: 3rem; max-width: 6rem; } } .contact_contactDetails_details { width: 100%; max-width: calc(100% - 4rem); font-size: 2rem; font-weight: 400; line-height: 1; margin-bottom: 3rem; } @media (min-width: 992px) { .contact_contactDetails_details { max-width: calc(100% - 6rem); font-size: 3rem; } } .contact_contactDetails_details a { color: #302E29; text-decoration: none; line-height: 1; margin-bottom: 3rem; } .contact_contactDetails_details_line { width: calc(100% + 4rem); height: 1px; margin-top: 2.2rem; background-color: #D4A013; margin-left: -4rem; } @media (min-width: 992px) { .contact_contactDetails_details_line { width: 100%; height: 2px; max-width: 35.5rem; margin-top: 3rem; margin-left: 0; } } .contact_contactDetails_details:last-child .contact_contactDetails_details_line { display: none; } .contact .gform-theme--framework .gfield_list_group_item::before, .contact .gform-theme--framework .gform-field-label { font-size: 2rem; font-weight: 400; line-height: 1; margin-bottom: 1rem; } .contact .gform-theme--foundation .gfield .ginput_password.large, .contact .gform-theme--foundation .gfield input.large, .contact .gform-theme--foundation .gfield select.large, .contact .gform-theme--foundation .gfield textarea { background-color: #D5A113; border: 0; } .contact.contact-field-grey .gform-theme--foundation .gfield .ginput_password.large, .contact.contact-field-grey .gform-theme--foundation .gfield input.large, .contact.contact-field-grey .gform-theme--foundation .gfield select.large, .contact.contact-field-grey .gform-theme--foundation .gfield textarea { background-color: #C8C4BB; } .contact.contact-field-grey .contact_contactDetails_details_line { background-color: #C8C4BB; } .contact .gform-theme--foundation .gfield .ginput_password.large, .contact .gform-theme--foundation .gfield input.large, .contact .gform-theme--foundation .gfield select.large { height: 5rem; line-height: 5rem; } @media (min-width: 992px) { .contact .gform-theme--foundation .gform_fields { grid-gap: 5rem; } } .contact .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .contact .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .contact .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .contact .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) { background-color: #302E29; height: 7.4rem; padding-left: 2.5rem; padding-right: 2.5rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1.8rem; line-height: 1.35; color: #fff; font-weight: 400; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none; margin-top: 2rem; } @media (min-width: 992px) { .contact .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .contact .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .contact .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .contact .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) { font-size: 2rem; height: 7.7rem; } } .contact.contact-btn-yellow .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .contact.contact-btn-yellow .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .contact.contact-btn-yellow .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .contact.contact-btn-yellow .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) { background-color: #FFBE0E; color: #302E29; } @media (min-width: 992px) { .contact .gform-theme--foundation .gform_footer, .contact .gform-theme--foundation .gform_page_footer { justify-content: flex-end; } } .contact .gform-theme--foundation .gform_fields { row-gap: 3rem; } @media (min-width: 992px) { .contact .gform-theme--foundation .gform_fields { row-gap: 4rem; } } .contact .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_area::before { display: none; } .contact .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_instructions { display: none; } .contact .gform-theme--foundation .gform_drop_area { text-align: left; } .contact .gform-theme--framework .gfield_description { color: #302E29 !important; } .contact .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview .gfield_fileupload_progressbar_progress { background-color: #302E29 !important; } .contact .ginput_container_fileupload .gform_drop_area.gform-theme-field-control { background-color: inherit; padding: 0; border: 0; box-shadow: none; } .contact .ginput_container_fileupload .gform_button_select_files { background-color: #D5A113 !important; height: 5rem !important; padding-left: 1.5rem !important; padding-right: 1.5rem !important; display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; font-size: 2rem !important; line-height: 1 !important; color: #302E29 !important; font-weight: 400 !important; transition-property: all !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 300ms !important; text-decoration: none !important; width: 100% !important; max-width: 35.5rem !important; } .defaultCards { margin-top: 10rem; margin-bottom: 10rem; overflow-x: hidden; } @media (min-width: 992px) { .defaultCards { margin-bottom: 12rem; } } .defaultCards_title { font-size: 1.8rem; line-height: 1; font-weight: 400; margin-bottom: 1rem; color: #FFBE0E; } @media (min-width: 992px) { .defaultCards_title { font-size: 2.5rem; margin-bottom: 4rem; } } .defaultCards_subtitle { font-size: 3rem; line-height: 1; font-weight: 400; margin-bottom: 2.8rem; color: #302E29; width: 100%; } @media (min-width: 992px) { .defaultCards_subtitle { font-size: 6rem; max-width: 50%; margin-bottom: 10rem; } } .defaultCards .swiper-wrapper .swiper-slide { height: auto; } .defaultCards .swiper-wrapper .pageFeed_post { height: 100%; } .tailored { background-color: #302E29; padding-top: 10rem; padding-bottom: 10rem; } @media (min-width: 992px) { .tailored { padding-top: 12rem; padding-bottom: 12rem; } } .tailored_flex { display: flex; flex-wrap: wrap; justify-content: space-between; } .tailored_column:first-child { width: 100%; } @media (min-width: 992px) { .tailored_column:first-child { max-width: 44.18%; } } .tailored_column:last-child { width: 100%; } @media (min-width: 992px) { .tailored_column:last-child { max-width: 50%; } } .tailored_title { font-size: 1.8rem; line-height: 1; font-weight: 400; color: #FFBE0E; margin-bottom: 1rem; } @media (min-width: 992px) { .tailored_title { font-size: 2.5rem; margin-bottom: 3rem; } } .tailored_subTitle { font-size: 3rem; line-height: 1; font-weight: 400; color: #fff; margin-bottom: 5rem; } @media (min-width: 992px) { .tailored_subTitle { font-size: 6rem; } } .tailored_button { background-color: #FFBE0E; height: 7.4rem; padding-left: 2.5rem; padding-right: 2.5rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1.8rem; line-height: 1.33; color: #302E29; font-weight: 400; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none; margin-bottom: 5rem; } @media (min-width: 992px) { .tailored_button { margin-bottom: 14rem; height: 7.7rem; font-size: 2rem; line-height: 1.35; } } .tailored_link a { border-bottom: 1px solid #707070; display: flex; text-decoration: none; margin-bottom: 2rem; padding-bottom: 2rem; } @media (min-width: 992px) { .tailored_link a { margin-bottom: 2.5rem; padding-bottom: 3.5rem; } } .tailored_link:last-child a { margin-bottom: 0; padding-bottom: 0; border: 0; } .tailored_link_number { width: 100%; max-width: 3.2rem; font-size: 2rem; color: #83827F; line-height: 1; font-weight: 400; } .tailored_link_text { width: 100%; max-width: calc(100% - 5.5rem); font-size: 2rem; color: #fff; line-height: 1; font-weight: 400; } @media (min-width: 992px) { .tailored_link_text { font-size: 3rem; } } .tailored_link_arrow { width: 100%; max-width: 2.3rem; font-size: 3rem; color: #fff; line-height: 1; } @media (min-width: 992px) { .tailored_link_arrow { font-size: 2rem; } } .logoCarousel { padding-top: 5rem; padding-bottom: 5rem; overflow: hidden; position: relative; } @media (min-width: 992px) { .logoCarousel { padding-top: 10rem; padding-bottom: 10rem; } } .logoCarousel-margin { margin-top: 10rem; margin-bottom: 10rem; padding-top: 0; padding-bottom: 0; } .logoCarousel-container { overflow: hidden; } .logoCarousel-container .swiper-wrapper { height: auto; align-items: center; } .logoCarousel_desktop { display: none; } @media (min-width: 992px) { .logoCarousel_desktop { display: block; } } .logoCarousel_mobile { display: block; margin-left: -2rem; margin-right: -2rem; } @media (min-width: 992px) { .logoCarousel_mobile { display: none; } } .logoCarousel .swiper-container { pointer-events: none; } .logoCarousel .swiper-container .swiper-wrapper { transition-timing-function: linear !important; } .logoCarousel .swiper-container .swiper-slide { display: flex; align-items: center; justify-content: center; } .logoCarousel_image { max-height: 11rem; } .block__banner { position: relative; display: flex; align-items: end; justify-content: center; min-height: 67.8rem; } @media (max-width: 992px) { .block__banner { min-height: 37rem !important; } } .block__banner video { position: absolute; width: 100%; height: 100%; object-fit: cover; z-index: 0; top: 0; } .block__banner .overlay { position: absolute; background: #302E29 0% 0% no-repeat padding-box; opacity: 0.5; inset: 0; } .block__banner .container { position: relative; z-index: 2; } .block__banner .container .content { color: white; margin-bottom: 3rem; margin-top: 6rem; } @media (min-width: 992px) { .block__banner .container .content { width: 57%; margin-bottom: 10.5rem; } } .block__banner .container .content .label { justify-content: flex-start; gap: 2.1rem; margin-bottom: 3rem; display: flex; align-items: center; margin-left: -2rem; } @media (min-width: 992px) { .block__banner .container .content .label { gap: 3rem; margin-bottom: 5rem; margin-left: 0; } } .block__banner .container .content .play-button { margin-top: 11.2rem; gap: 1.3rem; display: flex; align-items: center; } @media (min-width: 992px) { .block__banner .container .content .play-button { margin-top: 5rem; gap: 2rem; } } .block__banner .container .content .play-button span { display: inline-flex; width: 3.7rem; height: 3.7rem; border-radius: 50%; background-color: #FFBE0E; cursor: pointer; position: relative; } @media (min-width: 992px) { .block__banner .container .content .play-button span { width: 5.9rem; height: 5.9rem; } } .block__banner .container .content .play-button span i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.25rem; color: #302E29; } .block__banner__title { font-size: 3.5rem; line-height: 1.33; font-weight: 400; margin-bottom: 0; } @media (min-width: 992px) { .block__banner__title { font-size: 8rem; line-height: 1; } } .block__banner__label { font-size: 1.8rem; line-height: 2; font-weight: 400; } @media (min-width: 992px) { .block__banner__label { font-size: 4rem; } } .block__banner__playText { font-size: 1.6rem; line-height: 1.35; font-weight: 500; font-family: "Nunito", sans-serif; } @media (min-width: 992px) { .block__banner__playText { font-size: 2rem; } } .block__banner__scrollDown { cursor: pointer; color: #fff; font-size: 1.25rem; font-family: "Nunito", sans-serif; flex-wrap: wrap; bottom: 16.5rem; right: -3.75rem; z-index: 2; transition: all .2s linear; text-decoration: none; position: absolute; display: none; align-items: center; } @media (min-width: 992px) { .block__banner__scrollDown { display: flex; } } .block__banner__scrollDown_text { font-size: 2rem; line-height: 1.35; font-weight: 500; font-family: "Nunito", sans-serif; transform: rotateZ(90deg); display: flex; align-items: center; } .block__banner__scrollDown_text_wheel { width: 5.7rem; height: 7.7rem; transform: rotateZ(270deg); padding-top: 1.7rem; } .block__banner__line { width: 2.051rem; height: 0.382rem; background: #D0D0D0 0% 0% no-repeat padding-box; } @media (min-width: 992px) { .block__banner__line { width: 10.7rem; height: 0.25rem; } } .halfBanner { width: 100%; position: relative; } .halfBanner video { position: absolute; width: 100%; height: 100%; object-fit: cover; z-index: 0; top: 0; } .halfBanner .overlay { position: absolute; background: #302E29 0% 0% no-repeat padding-box; opacity: 0.5; inset: 0; z-index: 2; } .halfBanner_content { width: 100%; height: 37rem; position: relative; z-index: 2; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; } @media (min-width: 992px) { .halfBanner_content { height: 67.8rem; max-width: 50%; } } .halfBanner_title { font-size: 3.5rem; font-weight: 400; line-height: 1.33; color: #fff; margin-top: 6rem; } @media (min-width: 992px) { .halfBanner_title { font-size: 8rem; line-height: 1; margin-top: 11.7rem; } } .halfBanner_text { font-size: 2rem; font-weight: 400; line-height: 1.87; color: #fff; margin-top: 1rem; } @media (min-width: 992px) { .halfBanner_text { font-size: 3rem; margin-top: 2.7rem; line-height: 1.33; } } .halfBanner_subText { font-size: 1.6rem; font-weight: 400; line-height: 1.875; color: #fff; margin-top: 1rem; } @media (min-width: 992px) { .halfBanner_subText { font-size: 2rem; margin-top: 2rem; line-height: 1.5; } } .halfBanner_yellowText { font-size: 2rem; font-weight: 400; line-height: 1; color: #FFBE0E; } @media (min-width: 992px) { .halfBanner_yellowText { font-size: 4rem; } } .halfBanner_buttons { margin-top: 5rem; display: flex; grid-gap: 2rem; } .halfBanner_button { background-color: #FFBE0E; height: 7.7rem; padding-left: 2.5rem; padding-right: 2.5rem; display: inline-flex; align-items: center; justify-content: center; font-size: 2rem; line-height: 1.35; color: #302E29; font-weight: 400; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none; } .halfBanner_button-darkbrown { background-color: #302E29; color: #fff; } .halfBanner_button-white { background-color: #EFEADF; } .halfBanner_image { display: none; } .halfBanner_image-desktop { display: block; } @media (min-width: 640px) { .halfBanner_image { display: block; } } .halfBanner_mobileImage { display: block; } @media (min-width: 640px) { .halfBanner_mobileImage { display: none; } } .halfBanner_image img, .halfBanner_mobileImage img { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .productHalfBanner { width: 100%; position: relative; } .productHalfBanner_content { width: 100%; position: relative; z-index: 2; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; } @media (min-width: 992px) { .productHalfBanner_content { height: 67.8rem; max-width: 50%; } } .productHalfBanner_title { font-size: 3.5rem; font-weight: 400; line-height: 1.33; color: #fff; margin-top: 3rem; } @media (min-width: 992px) { .productHalfBanner_title { font-size: 8rem; line-height: 1; margin-top: 11.7rem; margin-top: 6rem; } } .productHalfBanner_text { font-size: 2rem; font-weight: 400; line-height: 1.87; color: #fff; margin-top: 1rem; } @media (min-width: 992px) { .productHalfBanner_text { font-size: 3rem; margin-top: 2.7rem; line-height: 1.33; } } .productHalfBanner_subText { font-size: 1.6rem; font-weight: 400; line-height: 1.875; color: #fff; } @media (min-width: 992px) { .productHalfBanner_subText { font-size: 2rem; margin-top: 2rem; line-height: 1.5; } } .productHalfBanner_yellowText { font-size: 2rem; font-weight: 400; line-height: 1; color: #FFBE0E; } @media (min-width: 992px) { .productHalfBanner_yellowText { font-size: 4rem; } } .productHalfBanner_buttons { margin-top: 5rem; display: flex; grid-gap: 2rem; } .productHalfBanner_button { background-color: #FFBE0E; height: 7.4rem; padding-left: 2.2rem; padding-right: 2.2rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1.8rem; line-height: 1.35; color: #302E29; font-weight: 400; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none; text-align: center; } @media (min-width: 992px) { .productHalfBanner_button { height: 7.7rem; font-size: 2rem; text-align: left; padding-left: 2.5rem; padding-right: 2.5rem; } } .productHalfBanner_button-darkbrown { background-color: #302E29; color: #fff; } .productHalfBanner_button-white { background-color: #EFEADF; } .productHalfBanner_image { display: none; } .productHalfBanner_image-desktop { display: block; } @media (min-width: 640px) { .productHalfBanner_image { display: block; } } .productHalfBanner_mobileImage { display: block; } .productHalfBanner_mobileImage img { width: 100%; } @media (min-width: 640px) { .productHalfBanner_mobileImage { display: none; } } .productHalfBanner_image img { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .twoColumnTextIntro { margin-top: 5rem; margin-bottom: 5rem; } @media (min-width: 992px) { .twoColumnTextIntro { margin-top: 12rem; margin-bottom: 10rem; } } .twoColumnTextIntro_flex { display: flex; flex-wrap: wrap; justify-content: space-between; } .twoColumnTextIntro_column:first-child { width: 100%; } @media (min-width: 992px) { .twoColumnTextIntro_column:first-child { max-width: 44.18%; } } .twoColumnTextIntro_column:last-child { width: 100%; } @media (min-width: 992px) { .twoColumnTextIntro_column:last-child { max-width: 50%; } } .twoColumnTextIntro_title { font-size: 3rem; line-height: 1; font-weight: 400; color: #302E29; margin: 0; padding: 0; margin-bottom: 3rem; } @media (min-width: 992px) { .twoColumnTextIntro_title { font-size: 6rem; margin: 0; } } .pageFeed { margin-top: 2rem; margin-bottom: 2rem; } @media (min-width: 992px) { .pageFeed { margin-top: 10rem; margin-bottom: 10rem; } } @media (min-width: 992px) { .pageFeed_grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 5rem; } } .pageFeed_grid-2 { grid-template-columns: repeat(2, 1fr); } .pageFeed_page { position: relative; } .pageFeed_page:hover .pageFeed_page_overlay2 { opacity: 0.4; } .pageFeed_page:hover .pageFeed_page_content_button { transform: scale(1.1); } .pageFeed_page_image { width: 100%; height: 0; padding-bottom: 100%; position: relative; } .pageFeed_page_image-2 { padding-bottom: 64.66%; } .pageFeed_page_image img { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .pageFeed_page_overlay { width: 100%; height: 76.29%; position: relative; opacity: 0.8; position: absolute; bottom: 0; z-index: 1; } .pageFeed_page_overlay:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black); } .pageFeed_page_overlay2 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: #000; opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .pageFeed_page_content { position: absolute; bottom: 5rem; left: 5rem; right: 5rem; z-index: 3; } .pageFeed_page_content_sector { font-size: 2rem; color: #FFBE0E; font-weight: 400; margin-bottom: 1rem; line-height: 1; } .pageFeed_page_content_title { font-size: 4rem; color: #fff; font-weight: 400; margin-bottom: 3rem; line-height: 1.35; } .pageFeed_page_content_button_overlay { position: relative; } .pageFeed_page_content_button, .pageFeed_page_content_button_text { background-color: #FFBE0E; height: 7.7rem; padding-left: 2.5rem; padding-right: 2.5rem; display: inline-flex; align-items: center; justify-content: center; font-size: 2rem; line-height: 1.35; color: #FFBE0E; font-weight: 400; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .pageFeed_page_content_button_text { position: absolute; left: 0; z-index: 4; color: #302E29; } .pageFeed_post { background-color: #EFEADF; text-decoration: none; display: flex; flex-direction: column; margin-bottom: 2rem; } @media (min-width: 992px) { .pageFeed_post { margin-bottom: 0; } } .pageFeed_post_image { width: 100%; height: 0; padding-bottom: 66.29%; position: relative; } .pageFeed_post_image img { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .pageFeed_post_flex { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .pageFeed_post_content { padding: 1.5rem 2rem; } @media (min-width: 992px) { .pageFeed_post_content { padding: 3rem; } } .pageFeed_post_content_title { font-size: 2.5rem; line-height: 1.2; font-weight: 400; color: #302E29; text-decoration: none; margin-bottom: 2rem; } @media (min-width: 992px) { .pageFeed_post_content_title { line-height: 1.6; } } .pageFeed_post_content_description { font-size: 1.6rem; line-height: 1.6; font-weight: 400; color: #302E29; text-decoration: none; display: none; } @media (min-width: 992px) { .pageFeed_post_content_description { display: block; } } .pageFeed_post_bottom { display: flex; justify-content: space-between; padding-bottom: 1.5rem; padding-left: 2rem; padding-right: 2rem; } @media (min-width: 992px) { .pageFeed_post_bottom { padding-bottom: 3rem; padding-left: 3rem; padding-right: 3rem; } } .pageFeed_post_bottom_date { font-size: 1.5rem; line-height: 1; font-weight: 400; color: #959490; } @media (min-width: 992px) { .pageFeed_post_bottom_date { font-size: 1.8rem; } } .pageFeed_post_bottom_readmore { position: relative; margin-right: 2rem; } @media (min-width: 992px) { .pageFeed_post_bottom_readmore { margin-right: 2.5rem; } } .pageFeed_post_bottom_readmore span { font-size: 1.5rem; line-height: 1; font-weight: 400; color: #302E29; border-bottom: 1px solid #302E29; padding-bottom: 2px; display: block; } @media (min-width: 992px) { .pageFeed_post_bottom_readmore span { font-size: 1.8rem; padding-bottom: 3px; } } .pageFeed_post_bottom_readmore:after { font-size: 1.4rem; line-height: 1; font-weight: 300; color: #FFBE0E; content: "\e09f"; font-family: "Font Awesome 6 Pro"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; position: absolute; top: 0; right: -2rem; } @media (min-width: 992px) { .pageFeed_post_bottom_readmore:after { font-size: 1.6rem; right: -2.5rem; } } .pageFeed_pagination { display: flex; justify-content: center; align-items: center; padding-top: 10rem; } .pageFeed_pagination .prev, .pageFeed_pagination .next { width: 5rem; height: 5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #302E29; color: #FFFFFF !important; font-size: 2rem !important; font-weight: 300 !important; } .pageFeed_pagination .page-numbers { font-weight: 400; font-size: 2.5rem; line-height: 1; display: block; color: #302E29; margin-right: 1rem; margin-left: 1rem; text-decoration: none; } .pageFeed_pagination .page-numbers.next, .pageFeed_pagination .page-numbers.prev { display: flex; } .contactCalltoAction { background-color: #FFBE0E; padding-top: 5rem; padding-bottom: 4.5rem; } @media (min-width: 992px) { .contactCalltoAction { padding-top: 10rem; padding-bottom: 10rem; } } .contactCalltoAction_flex { text-decoration: none; } @media (min-width: 992px) { .contactCalltoAction_flex { display: flex; justify-content: space-between; align-items: center; } } .contactCalltoAction_column:first-child { width: 100%; } @media (min-width: 992px) { .contactCalltoAction_column:first-child { max-width: 60.81%; } } .contactCalltoAction_title { font-size: 1.8rem; line-height: 1; color: #302E29; margin-bottom: 1rem; font-weight: 400; text-decoration: none; } @media (min-width: 992px) { .contactCalltoAction_title { margin-bottom: 3rem; font-size: 2.5rem; } } .contactCalltoAction_subTitle { font-size: 3rem; line-height: 1; color: #302E29; font-weight: 400; text-decoration: none; margin-bottom: 4rem; } @media (min-width: 992px) { .contactCalltoAction_subTitle { font-size: 6rem; margin-bottom: 0; } } .contactCalltoAction_button { background-color: #302E29; height: 7.4rem; padding-left: 2rem; padding-right: 2rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1.8rem; line-height: 1.33; color: #FFFFFF; font-weight: 400; width: auto; } @media (min-width: 992px) { .contactCalltoAction_button { width: 100%; min-width: 38.1rem; height: 7.7rem; font-size: 2rem; line-height: 1.35; } } .contactCalltoActionLarge { margin-left: -2rem; min-height: 32.2rem; position: relative; background-color: #FFBE0E; padding-top: 5rem; padding-bottom: 5rem; } @media (min-width: 992px) { .contactCalltoActionLarge { margin-left: 0; margin-right: 0; min-height: auto; padding-bottom: 0; padding-top: 0; } } .contactCalltoActionLarge_flex { display: block; text-decoration: none; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .contactCalltoActionLarge_column:first-child { width: 100%; position: absolute; bottom: 0; right: 0; z-index: 1; } @media (min-width: 992px) { .contactCalltoActionLarge_column:first-child { max-width: 43.20%; position: relative; bottom: auto; right: auto; } } .contactCalltoActionLarge_column:last-child { width: 100%; margin-left: 2rem; margin-right: 2rem; z-index: 2; } @media (min-width: 992px) { .contactCalltoActionLarge_column:last-child { max-width: 53.89%; margin-left: auto; margin-right: auto; } } .contactCalltoActionLarge_image { width: 100%; max-width: 100%; } @media (min-width: 992px) { .contactCalltoActionLarge_image { padding-left: 5rem; padding-top: 12rem; } } .contactCalltoActionLarge_image_desktop { display: none; } @media (min-width: 992px) { .contactCalltoActionLarge_image_desktop { display: block; } } .contactCalltoActionLarge_image_mobile { display: block; float: right; width: 100%; max-width: 19.5rem; } @media (min-width: 992px) { .contactCalltoActionLarge_image_mobile { display: none; } } .contactCalltoActionLarge_content { width: 100%; max-width: 100%; } @media (min-width: 992px) { .contactCalltoActionLarge_content { padding-right: 10rem; padding-top: 2rem; padding-bottom: 2rem; } } .contactCalltoActionLarge_title { font-size: 1.8rem; line-height: 1; margin-bottom: 1rem; text-decoration: none; color: #302E29; font-weight: 400; } @media (min-width: 992px) { .contactCalltoActionLarge_title { font-size: 2.5rem; margin-bottom: 3rem; } } .contactCalltoActionLarge_subTitle { font-size: 3rem; line-height: 1; text-decoration: none; color: #302E29; font-weight: 400; margin-bottom: 3rem; } @media (min-width: 992px) { .contactCalltoActionLarge_subTitle { font-size: 6rem; margin-bottom: 5rem; } } .contactCalltoActionLarge_text { margin-bottom: 3rem; } .contactCalltoActionLarge_button { background-color: #302E29; height: 7.4rem; padding-left: 2.3rem; padding-right: 2.3rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1.8rem; line-height: 1.35; color: #FFFFFF; font-weight: 400; } @media (min-width: 992px) { .contactCalltoActionLarge_button { padding-left: 13.5rem; padding-right: 13.5rem; height: 7.7rem; font-size: 2rem; } } .blogPost { margin-top: 5rem; margin-bottom: 10rem; overflow: hidden; } @media (min-width: 992px) { .blogPost { margin-top: 12rem; margin-bottom: 12rem; } } .blogPost_flex { display: flex; justify-content: space-between; flex-direction: column; } @media (min-width: 992px) { .blogPost_flex { flex-direction: row; } } .blogPost_column:first-child { width: 100%; max-width: 100%; margin-bottom: 10rem; } @media (min-width: 992px) { .blogPost_column:first-child { max-width: 60.17%; margin-bottom: 0; } } .blogPost_column:last-child { width: 100%; max-width: 100%; } @media (min-width: 992px) { .blogPost_column:last-child { max-width: 31.10%; } } .blogPost_content { margin-bottom: 4rem; } .blogPost_images_grid { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 2rem; margin-bottom: 4rem; } @media (min-width: 768px) { .blogPost_images_grid { grid-template-columns: repeat(2, 1fr); grid-gap: 2.5rem; } } @media (min-width: 992px) { .blogPost_images_grid { grid-template-columns: repeat(3, 1fr); grid-gap: 3rem; } } .blogPost_image { width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden; } .blogPost_image img { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: scale(1); transition: all 0.3s ease-in-out; z-index: 2; } .blogPost_relatedNews_title { font-size: 3rem; line-height: 1; font-weight: 400; color: #302E29; text-decoration: none; margin-bottom: 3rem; } @media (min-width: 992px) { .blogPost_relatedNews_title { margin-bottom: 5rem; font-size: 6rem; } } .blogPost_relatedNews_desktop { display: none; } @media (min-width: 992px) { .blogPost_relatedNews_desktop { display: block; } } .blogPost_relatedNews_mobile { display: block; } @media (min-width: 992px) { .blogPost_relatedNews_mobile { display: none; } } .blogPost .pageFeed_post { margin-bottom: 5rem; } @media (min-width: 992px) { .blogPost .swiper-wrapper { flex-direction: column; } } .blogPost .swiper-wrapper .swiper-slide { height: auto; } .blogPost .swiper-wrapper .pageFeed_post { height: 100%; } @media (min-width: 992px) { .blogPost .swiper-wrapper .pageFeed_post { height: auto; } } .blogPostBanner { width: 100%; position: relative; } .blogPostBanner .overlay { position: absolute; background: #302E29 0% 0% no-repeat padding-box; opacity: 0.5; inset: 0; z-index: 2; } .blogPostBanner_content { width: 100%; height: 37rem; position: relative; z-index: 2; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; } @media (min-width: 992px) { .blogPostBanner_content { height: 67.8rem; max-width: 50%; } } .blogPostBanner_title { font-size: 3.5rem; font-weight: 400; line-height: 1.33; color: #fff; margin-top: 6rem; } @media (min-width: 992px) { .blogPostBanner_title { font-size: 6rem; line-height: 1; margin-top: 11.7rem; } } .blogPostBanner_date { font-size: 2rem; font-weight: 400; line-height: 1.33; color: #FFBE0E; margin-top: 3rem; } @media (min-width: 992px) { .blogPostBanner_date { font-size: 3rem; line-height: 1.33; } } .blogPostBanner_image { display: none; } .blogPostBanner_image-desktop { display: block; } @media (min-width: 640px) { .blogPostBanner_image { display: block; } } .blogPostBanner_mobileImage { display: block; } @media (min-width: 640px) { .blogPostBanner_mobileImage { display: none; } } .blogPostBanner_image img, .blogPostBanner_mobileImage img { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .caseStudyBanner { width: 100%; position: relative; } .caseStudyBanner video { position: absolute; width: 100%; height: 100%; object-fit: cover; z-index: 0; top: 0; } .caseStudyBanner .overlay { position: absolute; background: #302E29 0% 0% no-repeat padding-box; opacity: 0.5; inset: 0; z-index: 2; } .caseStudyBanner_content { width: 100%; height: 67.8rem; position: relative; z-index: 2; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; max-width: 60%; } @media (max-width: 992px) { .caseStudyBanner_content { height: 37rem !important; max-width: 100%; } } .caseStudyBanner_sector { font-size: 2rem; font-weight: 400; line-height: 1; color: #FFBE0E; margin-bottom: 1rem; margin-top: 5.5rem; } @media (min-width: 992px) { .caseStudyBanner_sector { font-size: 3rem; line-height: 1.33; margin-bottom: 2rem; margin-top: 11.7rem; } } .caseStudyBanner_title { font-size: 3.5rem; font-weight: 400; line-height: 1.33; color: #fff; } @media (min-width: 992px) { .caseStudyBanner_title { font-size: 8rem; line-height: 1; } } .caseStudyBanner_text { font-size: 2rem; font-weight: 400; line-height: 1; color: #fff; margin-top: 3rem; } @media (min-width: 992px) { .caseStudyBanner_text { font-size: 3rem; line-height: 1.33; } } .caseStudyBanner_image { display: none; } .caseStudyBanner_image-desktop { display: block; } @media (min-width: 640px) { .caseStudyBanner_image { display: block; } } .caseStudyBanner_mobileImage { display: block; } @media (min-width: 640px) { .caseStudyBanner_mobileImage { display: none; } } .caseStudyBanner_image img, .caseStudyBanner_mobileImage img { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .caseStudy { padding-bottom: 10rem; } @media (min-width: 992px) { .caseStudy { padding-bottom: 20rem; } } .caseStudy_challenge { padding-top: 5rem; padding-bottom: 5rem; margin-left: 2rem; margin-right: 2rem; } @media (min-width: 992px) { .caseStudy_challenge { padding-top: 12rem; padding-bottom: 12rem; margin-left: calc(3.75% + 20px); border-left: 2px solid #FFBE0E; margin-right: auto; } } .caseStudy_challenge_flex { display: flex; flex-wrap: wrap; justify-content: space-between; } .caseStudy_challenge_column { display: flex; align-items: center; } .caseStudy_challenge_column:first-child { width: 100%; } @media (min-width: 992px) { .caseStudy_challenge_column:first-child { max-width: 52.65%; } } .caseStudy_challenge_column:last-child { width: 100%; } @media (min-width: 992px) { .caseStudy_challenge_column:last-child { max-width: 47.35%; } } .caseStudy_challenge_content { padding-bottom: 5rem; } @media (min-width: 992px) { .caseStudy_challenge_content { padding-top: 5rem; padding-left: 10rem; padding-right: 10rem; } } .caseStudy_challenge_title { font-size: 3rem; line-height: 1; font-weight: 400; color: #302E29; margin-bottom: 3rem; } @media (min-width: 992px) { .caseStudy_challenge_title { font-size: 6rem; } } .caseStudy_challenge_image { width: 100%; max-width: 100%; position: relative; overflow: hidden; } .caseStudy_challenge_image img { width: 100%; max-width: 100%; } .caseStudy_solution { margin-bottom: 5rem; position: relative; margin-left: 2rem; margin-right: 2rem; } @media (min-width: 992px) { .caseStudy_solution { margin-bottom: 10rem; margin-left: auto; margin-right: auto; } } .caseStudy_solution_flex { display: flex; flex-wrap: wrap; justify-content: space-between; } @media (min-width: 992px) { .caseStudy_solution_flex { margin-right: calc(3.75% + 20px); margin-left: auto; } } .caseStudy_solution_column { display: flex; align-items: center; } .caseStudy_solution_column:first-child { width: 100%; } @media (min-width: 992px) { .caseStudy_solution_column:first-child { max-width: 47.25%; } } .caseStudy_solution_column:last-child { width: 100%; } @media (min-width: 992px) { .caseStudy_solution_column:last-child { max-width: 52.74%; } } .caseStudy_solution_content { padding-bottom: 7rem; } @media (min-width: 992px) { .caseStudy_solution_content { padding-left: 10rem; } } .caseStudy_solution_title { font-size: 3rem; line-height: 1; font-weight: 400; color: #302E29; margin-bottom: 3rem; } @media (min-width: 992px) { .caseStudy_solution_title { font-size: 6rem; } } .caseStudy_solution_image { margin-left: -2rem; position: relative; z-index: 2; } @media (min-width: 992px) { .caseStudy_solution_image { width: 100%; max-width: 100%; margin-left: 0; } } .caseStudy_solution_image:after { width: 0; height: 0; border-right: 6.7rem solid white; border-bottom: 6.7rem solid transparent; position: absolute; top: 0; right: 0; content: ''; } @media (min-width: 992px) { .caseStudy_solution_image:after { border-right: 18rem solid white; border-bottom: 18rem solid transparent; } } .caseStudy_solution_image img { width: 100%; max-width: 100%; } .caseStudy_solution_image_triangle { width: 7.8rem; height: 7.8rem; position: absolute; z-index: 4; top: -2rem; right: -2rem; } @media (min-width: 992px) { .caseStudy_solution_image_triangle { width: 18rem; height: 18rem; top: -5rem; right: -5rem; } } .caseStudy_solution_line { background: #FFBE0E; height: 2px; width: 100%; position: relative; bottom: 5rem; z-index: 1; display: none; } @media (min-width: 992px) { .caseStudy_solution_line { display: block; } } .caseStudy_solution_desktop { display: none; } @media (min-width: 992px) { .caseStudy_solution_desktop { display: block; } } .caseStudy_solution_mobile { display: block; } @media (min-width: 992px) { .caseStudy_solution_mobile { display: none; } } .caseStudy_benefits { margin-left: 2rem; margin-right: 2rem; position: relative; } @media (min-width: 992px) { .caseStudy_benefits { margin-top: 10rem; margin-left: auto; margin-right: auto; } } .caseStudy_benefits_flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; position: relative; } @media (min-width: 992px) { .caseStudy_benefits_flex { margin-right: calc(3.75% + 20px); } } .caseStudy_benefits_column:first-child { width: 100%; } @media (min-width: 992px) { .caseStudy_benefits_column:first-child { max-width: 47.25%; position: sticky; display: block; top: 10rem; } } @media (min-width: 1320px) { .caseStudy_benefits_column:first-child { top: 15rem; } } .caseStudy_benefits_column:last-child { width: 100%; } @media (min-width: 992px) { .caseStudy_benefits_column:last-child { max-width: 52.74%; } } .caseStudy_benefits_title { font-size: 3rem; line-height: 1; font-weight: 400; color: #302E29; margin-bottom: 3rem; } @media (min-width: 992px) { .caseStudy_benefits_title { font-size: 6rem; margin-left: calc(8% + 20px); margin-bottom: 5rem; } } .caseStudy_benefits_content { padding-bottom: 5rem; } @media (min-width: 992px) { .caseStudy_benefits_content { padding-left: 10rem; } } .caseStudy_benefits_image { width: 100%; max-width: 100%; } .caseStudy_benefits_image img { width: 100%; max-width: 100%; } .caseStudy_benefits_blocks { margin-bottom: 5rem; } @media (min-width: 992px) { .caseStudy_benefits_blocks { margin-left: 10rem; margin-bottom: 0; } } .caseStudy_benefits_block { background-color: #EFEADF; padding: 2.4rem; margin-bottom: 2.4rem; background-image: url(assets/images/key-features.svg); background-repeat: no-repeat; background-position: bottom right; } @media (min-width: 992px) { .caseStudy_benefits_block { padding-left: 5rem; padding-right: 5rem; padding-top: 4.5rem; padding-bottom: 3.5rem; } } .caseStudy_benefits_block:last-child { margin-bottom: 0; } .caseStudy_benefits_block_title { font-size: 2.5rem; line-height: 1; font-weight: 400; color: #302E29; margin-bottom: 1.5rem; } .caseStudy_benefits_block_content p { color: #302E29 !important; } .caseStudy_benefits_desktop { display: none; } @media (min-width: 992px) { .caseStudy_benefits_desktop { display: block; } } .caseStudy_benefits_mobile { display: block; } @media (min-width: 992px) { .caseStudy_benefits_mobile { display: none; } } .quote { background-color: #FFBE0E; padding-top: 10rem; padding-bottom: 5rem; position: relative; } @media (min-width: 992px) { .quote { padding-top: 10rem; padding-bottom: 10rem; } } .quote_quote { width: 100%; margin-bottom: 3rem; } @media (min-width: 992px) { .quote_quote { max-width: 77.90%; margin-bottom: 5rem; } } .quote_quote p { font-style: italic; font-size: 2rem; line-height: 1; font-weight: 400; color: #302E29; } @media (min-width: 992px) { .quote_quote p { font-size: 3.5rem; line-height: 1.14; } } .quote_name { font-size: 1.6rem; line-height: 1; font-weight: 700; color: #302E29; } @media (min-width: 992px) { .quote_name { font-size: 3.5rem; line-height: 1.14; } } .quote_information { font-size: 1.6rem; line-height: 1; font-weight: 700; color: #302E29; } @media (min-width: 992px) { .quote_information { font-size: 2.5rem; line-height: 1.6; } } .quote_symbol { width: 10rem; height: 7.143rem; position: absolute; top: 0; right: 0; } @media (min-width: 992px) { .quote_symbol { width: 28.9rem; height: 20.6rem; } } .quoteImage { background-color: #FFBE0E; position: relative; min-height: 39rem; } .quoteImage_flex { display: flex; flex-wrap: wrap; } .quoteImage_image_desktop { display: none; } @media (min-width: 992px) { .quoteImage_image_desktop { display: block; } } .quoteImage_image_desktop img { position: absolute; bottom: 0; } .quoteImage_image_mobile { display: block; float: right; width: 100%; max-width: 13.7rem; } @media (min-width: 640px) { .quoteImage_image_mobile { max-width: 22.7rem; } } @media (min-width: 992px) { .quoteImage_image_mobile { display: none; } } .quoteImage_column:first-child { width: 100%; position: absolute; bottom: 0; right: 0; z-index: 1; } @media (min-width: 992px) { .quoteImage_column:first-child { max-width: 32.5%; position: relative; bottom: auto; right: auto; } } .quoteImage_column:last-child { width: 100%; padding-left: 2rem; max-width: calc(100% - 10rem); z-index: 2; } @media (min-width: 640px) { .quoteImage_column:last-child { max-width: calc(100% - 14rem); } } @media (min-width: 992px) { .quoteImage_column:last-child { max-width: 50.67%; padding-left: 0; } } .quoteImage_quote { width: 100%; padding-bottom: 5rem; padding-top: 5rem; } @media (min-width: 992px) { .quoteImage_quote { padding-bottom: 9.6rem; padding-top: 12rem; } } .quoteImage_quote p { font-style: italic; font-size: 2rem; line-height: 1; font-weight: 400; color: #302E29; } @media (min-width: 992px) { .quoteImage_quote p { font-size: 3.5rem; line-height: 1.14; } } .quoteImage_name { font-size: 1.6rem; line-height: 1; font-weight: 700; color: #302E29; margin-bottom: 5rem; width: 100%; max-width: 85%; } @media (min-width: 640px) { .quoteImage_name { max-width: 100%; } } @media (min-width: 992px) { .quoteImage_name { font-size: 3.5rem; line-height: 1.14; margin-bottom: 10rem; } } .quoteImage_symbol { width: 10rem; height: 7.143rem; position: absolute; top: 0; right: 0; } @media (min-width: 992px) { .quoteImage_symbol { width: 28.9rem; height: 20.6rem; } } .pageFeedCarousel { overflow: hidden; background: linear-gradient(180deg, #ffffff 34%, #efeadf 0%); } @media (min-width: 992px) { .pageFeedCarousel { background: linear-gradient(180deg, #ffffff 44%, #efeadf 0%); } } .pageFeedCarousel_title { color: #302E29; font-size: 3rem; line-height: 1; padding-bottom: 1.5rem; font-weight: 400; padding-top: 10rem; margin-bottom: 0; } @media (min-width: 992px) { .pageFeedCarousel_title { padding-top: 12rem; font-size: 6rem; } } @media (min-width: 992px) { .pageFeedCarousel_title-leftborder { border-left: 1px solid #FFBE0E; padding-left: 10rem; padding-bottom: 10rem; } } @media (min-width: 992px) { .pageFeedCarousel_grid { overflow: hidden; } } .pageFeedCarousel_grid .swiper-wrapper { height: auto; } @media (min-width: 992px) { .pageFeedCarousel_grid-grid .swiper-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 5rem; } } .pageFeedCarousel_page { text-decoration: none; } @media (min-width: 992px) { .pageFeedCarousel_page:hover .pageFeedCarousel_page_image img { transform: scale(1.1); opacity: 0.7; } .pageFeedCarousel_page:hover .pageFeedCarousel_page_image_triangle { width: 22rem; height: 22rem; opacity: 0.8; } .pageFeedCarousel_page:hover .pageFeedCarousel_page_image_triangle .plus-icon { right: 20px; bottom: 25px; } .pageFeedCarousel_page:hover .pageFeedCarousel_page_image_triangle .plus-icon span { transform: rotate(45deg); opacity: 1; } .pageFeedCarousel_page:hover .pageFeedCarousel_page_image_triangle .plus-icon span:first-child { height: 4rem; width: 0.4rem; left: 69%; bottom: 17.47%; } .pageFeedCarousel_page:hover .pageFeedCarousel_page_image_triangle .plus-icon span:last-child { width: 4rem; height: 0.4rem; left: 51%; bottom: 61%; } } @media (max-width: 992px) { .pageFeedCarousel_page_slide { width: 89.14% !important; max-width: 89.14% !important; margin-right: 2rem !important; } } .pageFeedCarousel_page_image { width: 100%; height: 0; padding-bottom: 66.29%; position: relative; overflow: hidden; } .pageFeedCarousel_page_image img { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: scale(1); transition: all 0.3s ease-in-out; z-index: 2; } .pageFeedCarousel_page_image_overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: #302E29; } .pageFeedCarousel_page_image_triangle { position: absolute; bottom: 0; right: 0; width: 10rem; height: 10rem; opacity: 1; background-color: #FFBE0E; transition: all 0.3s ease-in-out; clip-path: polygon(100% 150%, 102% 0, 0 100%); z-index: 3; zoom: 68.62%; } @media (min-width: 992px) { .pageFeedCarousel_page_image_triangle { zoom: 1; } } .pageFeedCarousel_page_image_triangle .plus-icon { color: black; background: transparent; width: 10rem; height: 10rem; border: 0; font-size: 1.5em; position: absolute; right: 0; bottom: 0; transition: all 0.3s ease; } .pageFeedCarousel_page_image_triangle .plus-icon span { position: absolute; transition: all 0.3s ease; background: #302E29; border-radius: 0.2rem; opacity: 1; } .pageFeedCarousel_page_image_triangle .plus-icon span:first-child { width: 0.2rem; height: 2rem; bottom: 20%; left: 69%; } .pageFeedCarousel_page_image_triangle .plus-icon span:last-child { width: 2rem; height: 0.2rem; bottom: 29%; left: 60%; } .pageFeedCarousel_page_content { display: flex; justify-content: space-between; margin-top: 2rem; flex-direction: column; } @media (min-width: 1536px) { .pageFeedCarousel_page_content { margin-top: 3rem; flex-direction: row; } } .pageFeedCarousel_page_content_title { font-size: 3rem; font-weight: 400; line-height: 1; text-decoration: none; color: #302E29; width: 100%; margin-bottom: 2rem; } @media (min-width: 992px) { .pageFeedCarousel_page_content_title { font-size: 3.5rem; line-height: 1.14; } } @media (min-width: 1536px) { .pageFeedCarousel_page_content_title { max-width: 42.36%; margin-bottom: 0; } } .pageFeedCarousel_page_content_description { font-size: 1.4rem; font-weight: 400; line-height: 1.78; text-decoration: none; color: #302E29; width: 100%; } @media (min-width: 992px) { .pageFeedCarousel_page_content_description { font-size: 1.8rem; line-height: 1.38; } } @media (min-width: 1536px) { .pageFeedCarousel_page_content_description { max-width: 50.07%; } } .pageFeedCarousel_page_content_description_readmore { position: relative; margin-right: 2.5rem; margin-top: 2rem; display: inline-block; } @media (min-width: 992px) { .pageFeedCarousel_page_content_description_readmore { margin-top: 3rem; } } .pageFeedCarousel_page_content_description_readmore span { font-size: 1.8rem; line-height: 1; font-weight: 400; color: #302E29; border-bottom: 1px solid #302E29; padding-bottom: 3px; display: block; } .pageFeedCarousel_page_content_description_readmore span:after { font-size: 1.6rem; line-height: 1; font-weight: 300; color: #FFBE0E; content: "\e09f"; font-family: "Font Awesome 6 Pro"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; position: absolute; top: 0; right: -2.5rem; } .pageFeedCarousel_pagination { margin-top: 4rem; margin-bottom: 6rem; display: flex; align-items: flex-end; justify-content: space-between; } @media (min-width: 992px) { .pageFeedCarousel_pagination { margin-top: 4.6rem; margin-bottom: 10rem; } } .pageFeedCarousel_pagination_steps { display: flex; grid-gap: 1rem; width: 100%; max-width: 11rem; } .pageFeedCarousel_pagination_steps_prev, .pageFeedCarousel_pagination_steps_next { width: 5rem; height: 5rem; background-color: #302E29; border-radius: 50%; border: 2px solid #302E29; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 2rem; font-weight: 300; } .pageFeedCarousel_pagination_steps_prev.swiper-button-disabled, .pageFeedCarousel_pagination_steps_next.swiper-button-disabled { background-color: inherit; color: #302E29; } .pageFeedCarousel_pagination_steps_pagination { position: relative; height: 0.5rem !important; width: 100%; max-width: calc(100% - 14rem); } @media (min-width: 992px) { .pageFeedCarousel_pagination_steps_pagination { max-width: calc(100% - 21rem); } } .pageFeedCarousel .swiper-wrapper { height: auto; } .pageFeedCarousel .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #302E29; } .pageFeedCarousel .swiper-pagination-progressbar.swiper-pagination-horizontal { background-color: #B9B5AA; } .industryApplicationsContent { margin-bottom: 5rem; } @media (min-width: 992px) { .industryApplicationsContent { margin-bottom: 12rem; } } .industryApplicationsContent_flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .industryApplicationsContent_column { padding-left: 2rem; padding-right: 2rem; } .industryApplicationsContent_column:first-child { width: 100%; } @media (min-width: 992px) { .industryApplicationsContent_column:first-child { max-width: 47.40%; } } .industryApplicationsContent_column:last-child { width: 100%; } @media (min-width: 992px) { .industryApplicationsContent_column:last-child { max-width: 52.60%; } } .industryApplicationsContent_image { width: 100%; max-width: 100%; position: relative; z-index: 2; margin-bottom: 7rem; } @media (min-width: 992px) { .industryApplicationsContent_image { padding-left: 5rem; margin-bottom: 0; } } .industryApplicationsContent_image:after { width: 0; height: 0; border-left: 6.7rem solid white; border-top: 6.7rem solid transparent; position: absolute; bottom: 0; left: 0; content: ''; } @media (min-width: 992px) { .industryApplicationsContent_image:after { border-left: 18rem solid white; border-top: 18rem solid transparent; } } .industryApplicationsContent_image img { width: 100%; max-width: 100%; } .industryApplicationsContent_image_triangle { width: 7.8rem; height: 7.8rem; position: absolute; z-index: 4; bottom: -2rem; left: -2rem; } @media (min-width: 992px) { .industryApplicationsContent_image_triangle { width: 18rem; height: 18rem; bottom: -5rem; left: -5rem; } } .industryApplicationsContent_content { width: 100%; max-width: 100%; } @media (min-width: 992px) { .industryApplicationsContent_content { padding-left: 5rem; padding-right: calc(13% - 20px); } } .industryApplicationsContent_content_title { font-size: 3rem; line-height: 1; font-weight: 500; color: #302E29; margin-bottom: 3rem; } .industryApplicationsContent_content_content { margin-bottom: 3rem; } .industryApplicationsContent_content_content p { font-size: 1.8rem; line-height: 1; color: #BFBFBD; margin-bottom: 2rem; } @media (min-width: 992px) { .industryApplicationsContent_content_content p { margin-bottom: 3rem; color: #302E29; } } .industryApplicationsContent_content_content p:last-child { margin-bottom: 0; } .industryApplicationsContent_content_bulletsTitle { font-size: 1.8rem; line-height: 1; color: #302E29; margin-bottom: 2rem; font-weight: 700; } .industryApplicationsContent_content_bullets { margin: 0; padding: 0; list-style: disc; list-style-position: outside; margin-left: 2.5rem; margin-bottom: 2rem; } .industryApplicationsContent_content_bullet { color: #302E29; margin-bottom: 2rem; font-size: 1.6rem; line-height: 1.875; font-weight: 300; } @media (min-width: 992px) { .industryApplicationsContent_content_bullet { font-size: 2rem; line-height: 2; } } .industryApplicationsContent_content_bullet:last-child { margin-bottom: 0; } .aboutContentStyleOne { padding-top: 5rem; } @media (min-width: 992px) { .aboutContentStyleOne { padding-top: 12rem; } } .aboutContentStyleOne_flex { display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: 2rem; margin-right: 2rem; } @media (min-width: 992px) { .aboutContentStyleOne_flex { margin-right: 5rem; } } .aboutContentStyleOne_column:first-child { width: 100%; } @media (min-width: 992px) { .aboutContentStyleOne_column:first-child { max-width: 51.34%; } } .aboutContentStyleOne_column:last-child { width: 100%; } @media (min-width: 992px) { .aboutContentStyleOne_column:last-child { max-width: 48.66%; } } .aboutContentStyleOne_title { font-size: 3rem; line-height: 1; font-weight: 400; color: #302E29; margin-bottom: 3rem; } @media (min-width: 992px) { .aboutContentStyleOne_title { font-size: 6rem; margin-bottom: 10rem; margin-left: calc(20px + 7%); margin-right: 10rem; } } .aboutContentStyleOne_imageOne { width: calc(100% + 2rem); margin-left: -2rem; max-width: calc(100% + 2rem); display: none; } @media (min-width: 992px) { .aboutContentStyleOne_imageOne { width: 100%; max-width: 100%; padding-right: 10rem; margin-left: 0; display: block; } } .aboutContentStyleOne_imageOne img { width: 100%; max-width: 100%; } .aboutContentStyleOne_imageOne-bottom { display: none; } .aboutContentStyleOne_imageTwo { width: 100%; max-width: 100%; position: relative; z-index: 2; } .aboutContentStyleOne_imageTwo_wrap { margin-right: 0; margin-left: -2rem; margin-bottom: 2rem; } @media (min-width: 992px) { .aboutContentStyleOne_imageTwo_wrap { width: 100%; padding-right: 4rem; margin-right: 10rem; margin-left: 0; display: block; margin-bottom: 0; } } .aboutContentStyleOne_imageTwo:after { width: 0; height: 0; border-right: 6.7rem solid white; border-top: 6.7rem solid transparent; position: absolute; bottom: 0; right: 0; content: ''; } @media (min-width: 992px) { .aboutContentStyleOne_imageTwo:after { border-right: 18rem solid white; border-top: 18rem solid transparent; } } .aboutContentStyleOne_imageTwo img { width: 100%; max-width: 100%; } .aboutContentStyleOne_imageTwo_triangle { width: 7.8rem; height: 7.8rem; position: absolute; z-index: 4; bottom: -2rem; right: -2rem; } @media (min-width: 992px) { .aboutContentStyleOne_imageTwo_triangle { width: 18rem; height: 18rem; bottom: -5rem; right: -5rem; } } .aboutContentStyleOne_content { margin-bottom: 5rem; } @media (min-width: 992px) { .aboutContentStyleOne_content { margin-right: 3rem; margin-bottom: 10rem; } } .aboutContentStyleOne_button { background-color: #FFBE0E; height: 7.4rem; padding-left: 2.5rem; padding-right: 2.5rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1.8rem; line-height: 1.35; color: #302E29; font-weight: 400; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none; margin-top: 5rem; margin-bottom: 5rem; } @media (min-width: 992px) { .aboutContentStyleOne_button { height: 7.7rem; margin-top: 7.2rem; font-size: 2rem; } } .aboutContentStyleTwo { padding-top: 5rem; padding-bottom: 5rem; margin-left: 2rem; margin-right: 2rem; } @media (min-width: 992px) { .aboutContentStyleTwo { margin-left: calc(3.75% + 20px); border-left: 2px solid #FFBE0E; padding-top: 12rem; padding-bottom: 12rem; margin-left: 0; margin-right: 0; } } .aboutContentStyleTwo_flex { display: flex; flex-wrap: wrap; justify-content: space-between; } .aboutContentStyleTwo_column { display: flex; align-items: center; } .aboutContentStyleTwo_column:first-child { width: 100%; } @media (min-width: 992px) { .aboutContentStyleTwo_column:first-child { max-width: 52.65%; } } .aboutContentStyleTwo_column:last-child { width: 100%; } @media (min-width: 992px) { .aboutContentStyleTwo_column:last-child { max-width: 47.35%; } } @media (min-width: 992px) { .aboutContentStyleTwo_content { padding-bottom: 5rem; padding-left: 10rem; padding-right: 10rem; } } .aboutContentStyleTwo_title { font-size: 3rem; line-height: 1; font-weight: 400; color: #302E29; margin-bottom: 3rem; } @media (min-width: 992px) { .aboutContentStyleTwo_title { font-size: 6rem; } } .aboutContentStyleTwo_image { width: 100%; max-width: 100%; position: relative; overflow: hidden; display: none; } @media (min-width: 992px) { .aboutContentStyleTwo_image { display: block; } } .aboutContentStyleTwo_image img { width: 100%; max-width: 100%; } .aboutContentStyleThree { padding-bottom: 5rem; position: relative; } @media (min-width: 992px) { .aboutContentStyleThree { padding-bottom: 12rem; } } .aboutContentStyleThree_flex { display: flex; flex-wrap: wrap; justify-content: space-between; } @media (min-width: 992px) { .aboutContentStyleThree_flex { margin-right: calc(3.75% + 20px); } } .aboutContentStyleThree_column { display: flex; align-items: center; } .aboutContentStyleThree_column:first-child { width: 100%; } @media (min-width: 992px) { .aboutContentStyleThree_column:first-child { max-width: 47.25%; } } .aboutContentStyleThree_column:last-child { width: 100%; } @media (min-width: 992px) { .aboutContentStyleThree_column:last-child { max-width: 52.74%; } } .aboutContentStyleThree_content { margin-left: 2rem; margin-right: 2rem; } @media (min-width: 992px) { .aboutContentStyleThree_content { padding-bottom: 5rem; padding-left: 10rem; margin-left: 0; margin-right: 0; } } .aboutContentStyleThree_title { font-size: 3rem; line-height: 1; font-weight: 400; color: #302E29; margin-bottom: 3rem; } @media (min-width: 992px) { .aboutContentStyleThree_title { font-size: 6rem; } } .aboutContentStyleThree_image { width: 100%; max-width: 100%; position: relative; z-index: 2; margin-bottom: 5rem; margin-right: 2rem; } @media (min-width: 992px) { .aboutContentStyleThree_image { margin-bottom: 0; margin-right: 0; } } .aboutContentStyleThree_image:after { width: 0; height: 0; border-right: 6.7rem solid white; border-bottom: 6.7rem solid transparent; position: absolute; top: 0; right: 0; content: ''; } @media (min-width: 992px) { .aboutContentStyleThree_image:after { border-right: 18rem solid white; border-bottom: 18rem solid transparent; } } .aboutContentStyleThree_image img { width: 100%; max-width: 100%; } .aboutContentStyleThree_image_triangle { width: 7.8rem; height: 7.8rem; position: absolute; z-index: 4; top: -2rem; right: -2rem; } @media (min-width: 992px) { .aboutContentStyleThree_image_triangle { width: 18rem; height: 18rem; top: -5rem; right: -5rem; } } .aboutContentStyleThree_line { background: #FFBE0E; height: 2px; width: 100%; position: relative; bottom: 5rem; z-index: 1; display: none; } @media (min-width: 992px) { .aboutContentStyleThree_line { display: block; } } .aboutContentStyleFour { background-color: #FFBE0E; } .aboutContentStyleFour_flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; flex-direction: column; } @media (min-width: 992px) { .aboutContentStyleFour_flex { flex-direction: row; } } .aboutContentStyleFour_column { flex: 1; } .aboutContentStyleFour_column:first-child { width: 100%; } @media (min-width: 992px) { .aboutContentStyleFour_column:first-child { max-width: 55%; } } .aboutContentStyleFour_column:last-child { width: 100%; } @media (min-width: 992px) { .aboutContentStyleFour_column:last-child { max-width: 45%; } } .aboutContentStyleFour_content { padding-top: 5rem; padding-left: 2rem; padding-right: 2rem; padding-bottom: 5rem; } @media (min-width: 992px) { .aboutContentStyleFour_content { padding-top: 12rem; padding-left: 20rem; padding-right: 10rem; padding-bottom: 12rem; } } .aboutContentStyleFour_title { font-size: 3rem; line-height: 1; font-weight: 400; color: #302E29; margin-bottom: 3rem; } @media (min-width: 992px) { .aboutContentStyleFour_title { font-size: 6rem; } } .aboutContentStyleFour_image img { width: 100%; height: 100%; object-fit: cover; display: block; } .aboutContentStyleFive { background-color: #EFEADF; padding-top: 5rem; padding-bottom: 23.6rem; background-repeat: no-repeat; background-position: right bottom; } @media (min-width: 992px) { .aboutContentStyleFive { padding-top: 10.5rem; padding-bottom: 12rem; } } .aboutContentStyleFive_subTitle { color: #FFBE0E; font-size: 1.8rem; line-height: 1; font-weight: 400; margin-bottom: 2rem; } @media (min-width: 992px) { .aboutContentStyleFive_subTitle { font-size: 2.5rem; margin-bottom: 3rem; } } .aboutContentStyleFive_title { color: #302E29; font-size: 3rem; line-height: 1; font-weight: 400; margin-bottom: 5rem; width: 100%; } @media (min-width: 992px) { .aboutContentStyleFive_title { font-size: 6rem; max-width: 81.86%; margin-bottom: 3rem; } } .aboutContentStyleFive_content { width: 100%; } @media (min-width: 992px) { .aboutContentStyleFive_content { max-width: 44.18%; } } .aboutContentStyleFive_button { background-color: #FFBE0E; height: 7.4rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1.8rem; line-height: 1.33; color: #302E29; font-weight: 400; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none; padding-left: 2.5rem; padding-right: 2.5rem; } @media (min-width: 992px) { .aboutContentStyleFive_button { font-size: 2rem; margin-top: 2rem; height: 7.7rem; line-height: 1.35; } } .aboutContentStyleSix { margin-top: 5rem; margin-bottom: 5rem; } @media (min-width: 992px) { .aboutContentStyleSix { margin-top: 12rem; margin-bottom: 12rem; } } .aboutContentStyleSix_container { margin-left: 2rem; margin-right: 2rem; } @media (min-width: 992px) { .aboutContentStyleSix_container { margin-left: 0; margin-right: 0; } } .aboutContentStyleSix_subTitle { color: #FFBE0E; font-size: 1.8rem; line-height: 1; font-weight: 400; margin-bottom: 1rem; } @media (min-width: 992px) { .aboutContentStyleSix_subTitle { font-size: 2.5rem; margin-bottom: 3rem; margin-right: 10rem; padding-left: calc(7.5rem + 20px); } } .aboutContentStyleSix_title { color: #302E29; font-size: 3rem; line-height: 1; font-weight: 400; margin-bottom: 3rem; } @media (min-width: 992px) { .aboutContentStyleSix_title { font-size: 6rem; margin-right: 10rem; padding-left: calc(7.5rem + 20px); margin-bottom: 10rem; } } .aboutContentStyleSix_content { margin-top: 0; } @media (min-width: 992px) { .aboutContentStyleSix_content { margin-top: 0; } } .aboutContentStyleSix_content_content { margin-bottom: 5rem; } @media (min-width: 992px) { .aboutContentStyleSix_content_content { margin-right: calc(20px + 7.5%); } } .aboutContentStyleSix_contentBottom { color: #302E29; font-size: 2.5rem; line-height: 1; font-weight: 600; margin-bottom: 5rem; } @media (min-width: 992px) { .aboutContentStyleSix_contentBottom { margin-bottom: 10rem; margin-right: calc(20px + 7.5%); font-size: 3rem; } } .aboutContentStyleSix_flex { display: flex; flex-wrap: wrap; justify-content: space-between; } .aboutContentStyleSix_column { width: 100%; } @media (min-width: 992px) { .aboutContentStyleSix_column { max-width: 50%; } } .aboutContentStyleSix_imageOne { width: 100%; max-width: 100%; position: relative; z-index: 2; margin-bottom: 2rem; } @media (min-width: 992px) { .aboutContentStyleSix_imageOne { margin-bottom: 0; } } .aboutContentStyleSix_imageOne:after { width: 0; height: 0; border-right: 6.7rem solid white; border-top: 6.7rem solid transparent; position: absolute; bottom: 0; right: 0; content: ''; } @media (min-width: 992px) { .aboutContentStyleSix_imageOne:after { border-right: 18rem solid white; border-top: 18rem solid transparent; } } .aboutContentStyleSix_imageOne img { width: 100%; max-width: 100%; } .aboutContentStyleSix_imageOne_wrap { margin-left: -2rem; display: none; } @media (min-width: 992px) { .aboutContentStyleSix_imageOne_wrap { margin-left: 0; margin-right: 10rem; display: block; } } .aboutContentStyleSix_imageOne_wrap-mobile { display: block; } @media (min-width: 992px) { .aboutContentStyleSix_imageOne_wrap-mobile { display: none; } } .aboutContentStyleSix_imageOne_triangle { width: 7.8rem; height: 7.8rem; position: absolute; z-index: 4; bottom: -2rem; right: -2rem; } @media (min-width: 992px) { .aboutContentStyleSix_imageOne_triangle { width: 18rem; height: 18rem; bottom: -5rem; right: -5rem; } } .aboutContentStyleSix_imageTwo { position: relative; z-index: 2; margin-left: -2rem; margin-right: -2rem; display: none; } @media (min-width: 992px) { .aboutContentStyleSix_imageTwo { margin-left: 0; margin-right: 0; width: 100%; max-width: 100%; display: block; } } .aboutContentStyleSix_imageTwo img { width: 100%; max-width: 100%; } .aboutContentStyleSix_line { background: #FFBE0E; height: 2px; width: 100%; position: relative; bottom: 10rem; z-index: 1; display: none; } @media (min-width: 992px) { .aboutContentStyleSix_line { display: block; } } .aboutContentStyleSix_button { background-color: #FFBE0E; height: 7.4rem; padding-left: 2.5rem; padding-right: 2.5rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1.8rem; line-height: 1.33; color: #302E29; font-weight: 400; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none; margin-bottom: 5rem; } @media (min-width: 992px) { .aboutContentStyleSix_button { margin-bottom: 14rem; height: 7.7rem; font-size: 2rem; line-height: 1.35; } } .qualityAssurance { background-color: #EFEADF; padding-top: 5rem; padding-bottom: 5rem; } @media (min-width: 992px) { .qualityAssurance { padding-top: 10rem; padding-bottom: 10rem; } } .qualityAssurance_flex { display: flex; justify-content: space-between; align-items: flex-start; text-decoration: none; flex-direction: column; } @media (min-width: 992px) { .qualityAssurance_flex { flex-direction: row; align-items: center; } } .qualityAssurance_column:first-child { width: 100%; max-width: 100%; } @media (min-width: 992px) { .qualityAssurance_column:first-child { max-width: 60.81%; } } .qualityAssurance_title { font-size: 1.8rem; line-height: 1; color: #302E29; margin-bottom: 1rem; font-weight: 400; text-decoration: none; } @media (min-width: 992px) { .qualityAssurance_title { font-size: 2.5rem; margin-bottom: 3rem; } } .qualityAssurance_subTitle { font-size: 3rem; line-height: 1; color: #302E29; font-weight: 400; text-decoration: none; margin-bottom: 5rem; } @media (min-width: 992px) { .qualityAssurance_subTitle { font-size: 6rem; margin-bottom: 0; } } .qualityAssurance_button { background-color: #302E29; height: 7.4rem; padding-left: 2rem; padding-right: 2rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1.8rem; line-height: 1.35; color: #FFFFFF; font-weight: 400; } @media (min-width: 992px) { .qualityAssurance_button { height: 7.7rem; font-size: 2rem; min-width: 38.1rem; } } .range-pagefeed { margin-bottom: 5rem; } @media (min-width: 1280px) { .range-pagefeed { margin-bottom: 12rem; } } .range_grid { display: flex; flex-wrap: wrap; justify-content: center; grid-gap: 2rem; } @media (min-width: 1280px) { .range_grid { grid-gap: 5rem; } } .range_grid-casestudies, .range_grid-news { margin-top: 5rem; } @media (min-width: 1280px) { .range_grid-casestudies, .range_grid-news { margin-top: 12rem; } } .range_card { position: relative; overflow: hidden; width: 100%; } @media (min-width: 768px) { .range_card { width: calc((100% - 2.5rem) / 2); } } @media (min-width: 1280px) { .range_card { width: calc((100% - 10rem) / 3); } } .range_card:hover .range_triangle { width: 200%; height: 200%; } .range_card:hover .range_triangle .plus-icon span { transform: rotate(45deg); } .range_card:hover .range_triangle .plus-icon span:first-child { bottom: 17.47%; } .range_card:hover .range_triangle .plus-icon span:last-child { bottom: 39%; } .range_card:hover .range_title { color: #302E29; } .range_card:hover .range_description { color: #302E29; } .range_card:hover .range_icon { background-color: #302E29; } .range_icon { margin-bottom: 2.3rem; height: 5.8rem; background-color: #FFBE0E; background-repeat: no-repeat; mask-repeat: no-repeat; mask-size: auto 100%; transition: all 0.3s ease-in-out; } @media (min-width: 992px) { .range_icon { height: 9.3rem; margin-bottom: 3rem; } } .range_title { font-size: 3rem; font-weight: 400; line-height: 1; color: #ffffff; transition: all 0.3s ease-in-out; } @media (min-width: 992px) { .range_title { font-size: 5.4rem; } } .range_title-pagefeed { font-size: 3rem; margin-bottom: 2rem; } @media (min-width: 992px) { .range_title-pagefeed { font-size: 4rem; margin-bottom: 3rem; } } .range_image { width: 100%; height: 0; padding-bottom: 100%; position: relative; background-color: #000000; } .range_image img { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0.4; transition: all 0.3s ease-in-out; } .range_content { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 4; padding: 3rem; display: flex; flex-direction: column; justify-content: space-between; } @media (min-width: 992px) { .range_content { padding: 5rem; } } .range_content-pagefeed { justify-content: flex-end; } .range_description { font-size: 1.6rem; line-height: 1.56; font-weight: 400; color: #ffffff; transition: all 0.3s ease-in-out; } @media (min-width: 992px) { .range_description { font-size: 1.8rem; line-height: 1.39; } } .range_triangle { position: absolute; bottom: 0; right: 0; width: 10rem; height: 10rem; opacity: 1; background-color: #FFBE0E; transition: all 0.3s ease-in-out; clip-path: polygon(0% 100%, 100% 100%, 100% 0); z-index: 3; zoom: 0.64; } @media (min-width: 992px) { .range_triangle { zoom: 1; } } .range_triangle .plus-icon { color: black; background: transparent; width: 10rem; height: 10rem; border: 0; font-size: 1.5em; position: absolute; right: 0; bottom: 0; transition: all 0.3s ease; } .range_triangle .plus-icon span { position: absolute; transition: all 0.3s ease; background: #302E29; border-radius: 0.2rem; opacity: 1; } .range_triangle .plus-icon span:first-child { width: 0.2rem; height: 2rem; bottom: 20%; left: 69%; } .range_triangle .plus-icon span:last-child { width: 2rem; height: 0.2rem; bottom: 29%; left: 60%; } .numbers_flex { padding-left: 5rem; } @media (min-width: 992px) { .numbers_flex { display: flex; padding-left: 0; padding-right: 0; justify-content: space-between; } } .numbers_container { padding-top: 10rem; border-left: 2px solid #FFBE0E; } @media (min-width: 992px) { .numbers_container { padding-top: 12.7rem; margin-top: -2.7rem; border-left: 1px solid #FFBE0E; } } .numbers_number { padding-bottom: 8.5rem; } @media (min-width: 992px) { .numbers_number { padding-bottom: 0; width: 33.33%; text-align: center; } } .numbers_number_number { font-size: 5rem; font-weight: 400; line-height: 1.2; margin-bottom: 2.5rem; } @media (min-width: 992px) { .numbers_number_number { font-size: 10rem; line-height: 1; margin-bottom: 1rem; } } .numbers_number_title { font-size: 2.5rem; font-weight: 400; line-height: 1; margin-bottom: 3rem; } .numbers_number_link { position: relative; margin-right: 2.5rem; display: inline-block; text-decoration: none; } .numbers_number_link span { font-size: 1.8rem; line-height: 1; font-weight: 400; color: #302E29; border-bottom: 1px solid #302E29; padding-bottom: 3px; display: block; } .numbers_number_link span:after { font-size: 1.6rem; line-height: 1; font-weight: 300; color: #FFBE0E; content: "\e09f"; font-family: "Font Awesome 6 Pro"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; position: absolute; top: 0; right: -2.5rem; } .numbers_image { width: 100%; max-width: 100%; position: relative; z-index: 2; } .numbers_image_wrap { padding-right: 2rem; width: 100%; } .numbers_image:after { width: 0; height: 0; border-right: 6.7rem solid white; border-top: 6.7rem solid transparent; position: absolute; bottom: 0; right: 0; content: ''; } .numbers_image img { width: 100%; max-width: 100%; } .numbers_image_triangle { width: 7.8rem; height: 7.8rem; position: absolute; z-index: 4; bottom: -2rem; right: -2rem; } @media (min-width: 992px) { .numbers_image { display: none; } } .faqs_container { display: flex; justify-content: center; padding-top: 10rem; padding-bottom: 10rem; } @media (min-width: 992px) { .faqs_container { padding-top: 10rem; padding-bottom: 12rem; border-left: 1px solid #FFBE0E; border-right: 1px solid #FFBE0E; } } .faqs_content { width: 100%; max-width: 145rem; } .faqs_title { font-size: 1.8rem; line-height: 1; color: #FFBE0E; margin-bottom: 1rem; font-weight: 400; } @media (min-width: 992px) { .faqs_title { margin-bottom: 4rem; font-size: 2.5rem; line-height: 1; } } .faqs_subTitle { font-size: 3rem; line-height: 1; color: #302E29; margin-bottom: 2rem; font-weight: 400; } @media (min-width: 992px) { .faqs_subTitle { font-size: 6rem; margin-bottom: 5rem; } } .faqs_item { background-color: #EFEADF; padding: 2rem; margin-bottom: 2rem; transition: all 0.3s ease-in-out; cursor: pointer; } .faqs_item:last-child { margin-bottom: 0; } @media (min-width: 992px) { .faqs_item { margin-bottom: 3rem; padding: 3rem; } } .faqs_item-active { background-color: #F0F0F0; } .faqs_item_title { font-size: 2rem; line-height: 1; color: #302E29; font-weight: 400; display: flex; justify-content: space-between; } @media (min-width: 992px) { .faqs_item_title { font-size: 2.5rem; } } .faqs_item_title_title { width: 100%; max-width: calc(100% - 5.5rem); } .faqs_item_title_chervon { display: flex; align-items: center; transition: all 0.3s ease-in-out; } .faqs_item_title_chervon-active { transform: rotate(180deg); } .faqs_item_title_chervon i { width: 100%; max-width: 2.5rem; font-size: 2.9rem; color: #FFBE0E; } @media (min-width: 992px) { .faqs_item_title_chervon i { max-width: 3.5rem; font-size: 4rem; } } .faqs_item_content { display: none; padding-top: 2rem; } .faqs_item_content p { font-size: 1.6rem; margin-bottom: 2.5rem; color: #302E29; font-weight: 300; line-height: 1.87; } @media (min-width: 992px) { .faqs_item_content p { font-weight: 400; line-height: 1.56; } } .faqs_item_content p:last-child { margin-bottom: 0; } .keyFeatures { margin-bottom: 10rem; position: relative; } @media (min-width: 992px) { .keyFeatures { margin-bottom: 12rem; } } .keyFeatures_flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; position: relative; } .keyFeatures_desktop { display: none; } @media (min-width: 992px) { .keyFeatures_desktop { display: block; } } .keyFeatures_mobile { display: block; } @media (min-width: 992px) { .keyFeatures_mobile { display: none; } } .keyFeatures_image { position: relative; background-color: #FDFCFA; } @media (min-width: 992px) { .keyFeatures_image { width: 100%; max-width: 50%; } } .keyFeatures_image-desktop { display: none; } @media (min-width: 992px) { .keyFeatures_image-desktop { display: block; position: sticky; top: 10rem; } } .keyFeatures_image_image { width: 100%; mix-blend-mode: multiply; } .keyFeatures_image_video { width: 100%; } .keyFeatures_image-video { padding-left: 2rem; padding-right: 2rem; padding-bottom: 2rem; } @media (min-width: 992px) { .keyFeatures_image-video { padding-left: calc(2rem + 4%); padding-right: calc(2rem + 4%); padding-bottom: 0; } } .keyFeatures_image_numbers { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .keyFeatures_image_numbers_number { width: 3rem; height: 3rem; background-color: #FFBE0E; border-radius: 50%; display: flex; justify-content: center; align-items: center; line-height: 1; font-size: 1.7rem; font-weight: 400; position: absolute; cursor: pointer; } @media (min-width: 992px) { .keyFeatures_image_numbers_number { width: 7.3rem; height: 7.3rem; font-size: 4rem; } } .keyFeatures_title { font-size: 3rem; line-height: 1; margin-bottom: 3rem; font-weight: 400; } @media (min-width: 992px) { .keyFeatures_title { font-size: 6rem; margin-bottom: 5rem; font-weight: 300; } } .keyFeatures_features { width: 100%; padding-left: 2rem; padding-right: 2rem; } @media (min-width: 992px) { .keyFeatures_features { max-width: 50%; padding-left: calc(3.75% + 2rem); padding-right: 10rem; } } .keyFeatures_item { background-color: #EFEADF; padding: 2rem; margin-bottom: 2rem; background-image: url("assets/images/key-features.svg"); background-repeat: no-repeat; background-position: bottom right; } @media (min-width: 992px) { .keyFeatures_item { padding: 3rem; } } .keyFeatures_item_number { width: 3rem; height: 3rem; background-color: #FFBE0E; border-radius: 50%; display: flex; justify-content: center; align-items: center; line-height: 1; font-size: 2rem; font-weight: 400; margin-right: 2rem; } @media (min-width: 992px) { .keyFeatures_item_number { width: 4.9rem; height: 4.9rem; font-size: 2.6rem; margin-right: 3rem; } } .keyFeatures_item_title { font-size: 2rem; font-weight: 400; display: flex; justify-content: space-between; align-items: center; line-height: 1.25; flex: 1; } @media (min-width: 992px) { .keyFeatures_item_title { font-size: 2.5rem; width: calc(100% - 7.9rem); } } .keyFeatures_item_title_chevron { transition: all 0.3s ease-in-out; } .keyFeatures_item_title_chevron-active { transform: rotate(180deg); } .keyFeatures_item_title_chevron i { width: 100%; font-size: 2.5rem; line-height: 1; color: #302E29; } .keyFeatures_item_description { display: none; padding-top: 2rem; width: 100%; font-size: 1.6rem; font-weight: 400; line-height: 1.56; } @media (min-width: 992px) { .keyFeatures_item_description { max-width: 83%; font-size: 2rem; line-height: 1.25; } } .keyFeatures_item_flex { display: flex; flex-wrap: wrap; align-items: center; } .keyFeatures .js-keyfeature { cursor: pointer; } .informationCarousel { overflow-x: hidden; margin-bottom: 10rem; } .informationCarousel-single { overflow-x: visible; } @media (min-width: 992px) { .informationCarousel { margin-bottom: 12rem; } } .informationCarousel_desktop { display: none; } @media (min-width: 992px) { .informationCarousel_desktop { display: block; } } .informationCarousel_mobile { display: block; } @media (min-width: 992px) { .informationCarousel_mobile { display: none; } } .informationCarousel_title { color: #302E29; font-size: 3rem; line-height: 1; font-weight: 400; margin-bottom: 2rem; } @media (min-width: 992px) { .informationCarousel_title { font-size: 6rem; margin-bottom: -1.5rem; } } .informationCarousel_pagination { display: flex; align-items: flex-end; justify-content: space-between; } .informationCarousel_pagination_steps { display: flex; grid-gap: 1rem; width: 100%; max-width: 11rem; } .informationCarousel_pagination_steps_prev, .informationCarousel_pagination_steps_next { width: 5rem; height: 5rem; background-color: #302E29; border-radius: 50%; border: 2px solid #302E29; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 2rem; font-weight: 300; } .informationCarousel_pagination_steps_prev.swiper-button-disabled, .informationCarousel_pagination_steps_next.swiper-button-disabled { background-color: inherit; color: #302E29; } .informationCarousel_mobilePagination { margin-bottom: 6rem; display: flex; align-items: flex-end; justify-content: space-between; } .informationCarousel_flex { display: flex; flex-wrap: wrap; align-items: center; } @media (min-width: 992px) { .informationCarousel_flex { margin-bottom: 5.5rem; } } .informationCarousel_column:first-child { width: 100%; max-width: 14.7rem; } .informationCarousel_column:last-child { width: 100%; max-width: calc(100% - 14.7rem); } .informationCarousel_steps { position: relative; height: 0.5rem !important; width: 100%; max-width: 100%; max-width: calc(100% - 14rem); } @media (min-width: 992px) { .informationCarousel_steps { margin-bottom: 12rem; max-width: 100%; margin-bottom: 5rem; } } .informationCarousel_carousel_hidden { height: 29.5rem; overflow: hidden; margin-bottom: 5rem; position: relative; } .informationCarousel_carousel_hidden-open { height: auto; } .informationCarousel_carousel_flex { display: flex; flex-wrap: wrap; width: 100%; } .informationCarousel_carousel_column { width: 100%; } @media (min-width: 992px) { .informationCarousel_carousel_column { max-width: 50%; } } @media (min-width: 992px) { .informationCarousel_carousel_column:first-child { padding-right: 5rem; } } .informationCarousel_carousel_title { color: #302E29; font-size: 3rem; line-height: 1; font-weight: 400; margin-bottom: 3rem; } @media (min-width: 992px) { .informationCarousel_carousel_title { font-size: 6rem; } } .informationCarousel_carousel_subTitle { color: #969490; font-size: 3rem; line-height: 1; font-weight: 400; margin-bottom: 5rem; } .informationCarousel_carousel_pointsTitle { color: #302E29; font-size: 2rem; line-height: 1; font-weight: 500; margin-bottom: 3rem; } .informationCarousel_carousel_points { margin: 0; padding: 0; margin-bottom: 3rem; display: flex; flex-wrap: wrap; } .informationCarousel_carousel_points_text { font-size: 1.8rem; line-height: 1; color: #302E29; margin-bottom: 2rem; padding-left: 3.4rem; font-weight: 400; background-image: url(assets/images/bullet.svg); background-repeat: no-repeat; background-position: left center; width: 100%; } @media (min-width: 992px) { .informationCarousel_carousel_points_text { max-width: 50%; } } .informationCarousel_carousel_buttons { display: flex; grid-gap: 2rem; flex-direction: column; margin-bottom: 5rem; } @media (min-width: 992px) { .informationCarousel_carousel_buttons { flex-direction: row; margin-bottom: 0; } } .informationCarousel_carousel_button { background-color: #FFBE0E; height: 7.4rem; padding-left: 2.5rem; padding-right: 2.5rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1.8rem; line-height: 1.35; color: #302E29; font-weight: 400; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none; margin-top: 4rem; } @media (min-width: 992px) { .informationCarousel_carousel_button { height: 7.7rem; font-size: 2rem; } } .informationCarousel_carousel_button-darkbrown { background-color: #302E29; color: #fff; } .informationCarousel_carousel_button-white { background-color: #EFEADF; } .informationCarousel .swiper-slide-next, .informationCarousel .swiper-slide-prev { opacity: 0.3; } .informationCarousel .swiper-wrapper { height: auto; } .informationCarousel .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #302E29; } .informationCarousel .swiper-pagination-progressbar.swiper-pagination-horizontal { background-color: #B9B5AA; } .js-information-carousel-readmore-content { padding-top: 4rem; } .craneAdvantages { margin-top: 5rem; margin-bottom: 10rem; } @media (min-width: 992px) { .craneAdvantages { margin-top: 12rem; margin-bottom: 12rem; } } .craneAdvantages_container { margin-left: 2rem; margin-right: 2rem; } @media (min-width: 992px) { .craneAdvantages_container { margin-left: 0; margin-right: 0; } } @media (min-width: 992px) { .craneAdvantages_content { margin-right: calc(20px + 7.5%); } } .craneAdvantages_content_pointsTitle { color: #302E29; font-size: 2rem; line-height: 1; font-weight: 500; margin-bottom: 3rem; margin-top: 5rem; } @media (min-width: 992px) { .craneAdvantages_content_pointsTitle { margin-top: 0; font-size: 3rem; margin-bottom: 3cap; } } .craneAdvantages_content_points { margin-bottom: 2rem; } .craneAdvantages_content_point { background-color: #EFEADF; margin-bottom: 2.2rem; padding: 3rem; font-size: 1.6rem; line-height: 1.25; font-weight: 400; color: #302E29; } @media (min-width: 992px) { .craneAdvantages_content_point { font-size: 1.8rem; line-height: 1; margin-bottom: 3rem; } } .craneAdvantages_content_content { margin-top: 5rem; } @media (min-width: 992px) { .craneAdvantages_content_content { margin-top: 0; } } .craneAdvantages_flex { display: flex; flex-wrap: wrap; justify-content: space-between; } .craneAdvantages_column { width: 100%; } @media (min-width: 992px) { .craneAdvantages_column { max-width: 50%; } } .craneAdvantages_image { width: 100%; max-width: 100%; position: relative; z-index: 2; background-color: #FDFCFA; } .craneAdvantages_image:after { width: 0; height: 0; border-right: 6.7rem solid white; border-top: 6.7rem solid transparent; position: absolute; bottom: 0; right: 0; content: ''; } @media (min-width: 992px) { .craneAdvantages_image:after { border-right: 18rem solid white; border-top: 18rem solid transparent; } } .craneAdvantages_image img { width: 100%; max-width: 100%; mix-blend-mode: multiply; } .craneAdvantages_image_wrap { margin-left: -2rem; margin-right: -2rem; padding-right: 2rem; } @media (min-width: 992px) { .craneAdvantages_image_wrap { margin-left: 0; margin-right: 10rem; padding-bottom: 21rem; border-bottom: 2px solid #FFBE0E; } } .craneAdvantages_image_triangle { width: 7.8rem; height: 7.8rem; position: absolute; z-index: 4; bottom: -2rem; right: -2rem; } @media (min-width: 992px) { .craneAdvantages_image_triangle { width: 18rem; height: 18rem; bottom: -5rem; right: -5rem; } } .craneAdvantages_line { background: #FFBE0E; height: 2px; width: 100%; position: relative; bottom: 5rem; z-index: 1; } .contactPage { margin-top: 5rem; } @media (min-width: 992px) { .contactPage { margin-top: 12rem; margin-bottom: 12rem; } } .contactPage_flex { display: flex; justify-content: space-between; flex-direction: column; } @media (min-width: 992px) { .contactPage_flex { flex-direction: row; } } .contactPage_column:first-child { width: 100%; margin-bottom: 10rem; } @media (min-width: 992px) { .contactPage_column:first-child { max-width: 44.18%; margin-bottom: 0; } } .contactPage_column:last-child { width: 100%; } @media (min-width: 992px) { .contactPage_column:last-child { max-width: 50%; } } .contactPage_title { font-size: 1.8rem; line-height: 1; font-weight: 400; color: #302E29; margin-bottom: 1rem; } @media (min-width: 992px) { .contactPage_title { font-size: 2.5rem; margin-bottom: 3rem; } } .contactPage_subTitle { font-size: 3rem; line-height: 1; font-weight: 400; color: #302E29; margin-bottom: 3rem; } @media (min-width: 992px) { .contactPage_subTitle { font-size: 6rem; margin-bottom: 5rem; } } .contactPage_contactDetails { display: flex; flex-wrap: wrap; } .contactPage_contactDetails_row { display: flex; flex-wrap: wrap; width: 100%; } .contactPage_contactDetails_row:last-child .contactPage_contactDetails_details_line { display: none; } .contactPage_contactDetails_icon { width: 100%; font-size: 2.1rem; max-width: 4.1rem; } @media (min-width: 992px) { .contactPage_contactDetails_icon { font-size: 3rem; max-width: 6rem; } } .contactPage_contactDetails_details { width: 100%; max-width: calc(100% - 4.1rem); font-size: 2rem; font-weight: 400; line-height: 1.35; margin-bottom: 2rem; } @media (min-width: 992px) { .contactPage_contactDetails_details { font-size: 3rem; max-width: calc(100% - 6rem); margin-bottom: 3rem; line-height: 1; } } .contactPage_contactDetails_details a { color: #302E29; text-decoration: none; line-height: 1; margin-bottom: 3rem; } .contactPage_contactDetails_details_line { width: 100%; max-width: 24.5rem; height: 1px; background-color: #D3D2CF; display: none; margin-bottom: 2rem; } @media (min-width: 992px) { .contactPage_contactDetails_details_line { display: block; margin-top: 3rem; margin-bottom: 0; height: 2px; max-width: 35.5rem; } } .contactPage_contactDetails_details_line-desktop { display: none; } @media (min-width: 992px) { .contactPage_contactDetails_details_line-desktop { display: block; } } .contactPage_contactDetails_details_line-mobile { display: block; } @media (min-width: 992px) { .contactPage_contactDetails_details_line-mobile { display: none; } } .contactPage_contactForms { display: none; } @media (min-width: 992px) { .contactPage_contactForms { display: flex; grid-gap: 0.3rem; } } .contactPage_contactForms_mobile { display: block; position: relative; } @media (min-width: 992px) { .contactPage_contactForms_mobile { display: none; } } .contactPage_contactForms_mobile_title { background-color: #FFBE0E; height: 7.7rem; display: flex; align-items: center; justify-content: space-between; padding: 2.5rem 3rem; cursor: pointer; } .contactPage_contactForms_mobile_title span { font-size: 2rem; line-height: 1; color: #302E29; font-weight: 400; } .contactPage_contactForms_mobile_title i { font-size: 2rem; line-height: 1; color: #302E29; } .contactPage_contactForms_mobile_chevron { transition: all 0.3s ease-in-out; } .contactPage_contactForms_mobile_chevron-active { transform: rotate(180deg); } .contactPage_contactForms_mobile_group { position: absolute; top: 7.7rem; left: 0; right: 0; display: none; z-index: 999; } .contactPage_contactForms_title { background-color: #302E29; height: 7.7rem; color: #fff; display: flex; align-items: center; justify-content: center; flex: 1; font-size: 2rem; font-weight: 400; cursor: pointer; } .contactPage_contactForms_title-active { background-color: #FFBE0E; color: #302E29; } .contactPage_contactFormsContent { background-color: #FFBE0E; padding: 5rem; margin-left: -2rem; margin-right: -2rem; padding-top: 5rem; padding-bottom: 5rem; padding-left: 2rem; padding-right: 2rem; } @media (min-width: 992px) { .contactPage_contactFormsContent { margin-left: 0; margin-right: 0; padding: 5rem; padding-bottom: 7.7rem; } } .contactPage_contactFormsContent_tab { display: none; } .contactPage_contactFormsContent_tab-active { display: block; } .contactPage .gform-theme--framework .gfield_list_group_item::before, .contactPage .gform-theme--framework .gform-field-label { font-size: 2rem; font-weight: 400; line-height: 1; margin-bottom: 1rem; } .contactPage .gform-theme--foundation .gfield .ginput_password.large, .contactPage .gform-theme--foundation .gfield input.large, .contactPage .gform-theme--foundation .gfield select.large, .contactPage .gform-theme--foundation .gfield textarea { background-color: #D5A113; border: 0; } .contactPage .gform-theme--foundation .gfield .ginput_password.large, .contactPage .gform-theme--foundation .gfield input.large, .contactPage .gform-theme--foundation .gfield select.large { height: 5rem; line-height: 5rem; } @media (min-width: 992px) { .contactPage .gform-theme--foundation .gform_fields { grid-gap: 5rem; } } .contactPage .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .contactPage .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .contactPage .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .contactPage .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) { background-color: #302E29; height: 7.7rem; padding-left: 2.5rem; padding-right: 2.5rem; display: inline-flex; align-items: center; justify-content: center; font-size: 2rem; line-height: 1.35; color: #fff; font-weight: 400; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none; margin-top: 2rem; } .contactPage form { position: relative; } .contactPage .gform-theme--foundation .gform_fields { position: relative; } .contactPage .gfield--input-type-html { position: absolute; bottom: 0; left: 8.5rem; right: 0; font-size: 1.6rem; line-height: 1.25; } @media (min-width: 992px) { .contactPage .gfield--input-type-html { left: 6rem; right: 18rem; } } @media (min-width: 992px) { .contactPage .gform-theme--foundation .gform_footer, .contactPage .gform-theme--foundation .gform_page_footer { right: 0; position: absolute; bottom: -27px; } } .contactPage .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_area::before { display: none; } .contactPage .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_instructions { display: none; } .contactPage .gform-theme--foundation .gform_drop_area { text-align: left; } .contactPage .gform-theme--framework .gfield_description { color: #302E29 !important; } .contactPage .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview .gfield_fileupload_progressbar_progress { background-color: #302E29 !important; } .contactPage .ginput_container_fileupload .gform_drop_area.gform-theme-field-control { background-color: inherit; padding: 0; border: 0; box-shadow: none; } .contactPage .ginput_container_fileupload .gform_button_select_files { background-color: #D5A113 !important; height: 5rem !important; padding-left: 1.5rem !important; padding-right: 1.5rem !important; display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; font-size: 2rem !important; line-height: 1 !important; color: #302E29 !important; font-weight: 400 !important; transition-property: all !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 300ms !important; text-decoration: none !important; width: 100% !important; max-width: 35.5rem !important; } .contactPage .toggle .gfield_checkbox .gchoice { width: 8.3rem; } @media (min-width: 992px) { .contactPage .toggle .gfield_checkbox .gchoice { width: 4rem; } } .contactPage .toggle .gfield_checkbox input { height: 0; width: 0; visibility: hidden; display: none !important; } .contactPage .toggle .gfield_checkbox input:checked + label:after { left: 100%; transform: translateX(-100%); } .contactPage .toggle .gfield_checkbox input:checked + label { background: green; } .contactPage .toggle .gfield_checkbox label { cursor: pointer; text-indent: -9999px; width: 7.2rem; height: 3.6rem; background: red; display: block !important; border-radius: 1.8rem; position: relative; margin: 0 !important; transition: 0.6s; } @media (min-width: 992px) { .contactPage .toggle .gfield_checkbox label { width: 4rem; height: 2rem; border-radius: 1rem; } } .contactPage .toggle .gfield_checkbox label:after { content: ''; position: absolute; top: 0; left: 0; width: 3.6rem; height: 3.6rem; background: #302E29; border-radius: 50%; transition: 0.6s; } @media (min-width: 992px) { .contactPage .toggle .gfield_checkbox label:after { width: 2rem; height: 2rem; } } .contactPage .gfield_validation_message { position: absolute; } .homeContentStyleOne { padding-top: 5rem; } @media (min-width: 992px) { .homeContentStyleOne { padding-top: 12rem; } } .homeContentStyleOne_flex { display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: 2rem; margin-right: 2rem; } @media (min-width: 992px) { .homeContentStyleOne_flex { margin-right: 5rem; } } .homeContentStyleOne_column:first-child { width: 100%; } @media (min-width: 992px) { .homeContentStyleOne_column:first-child { max-width: 51.34%; } } .homeContentStyleOne_column:last-child { width: 100%; } @media (min-width: 992px) { .homeContentStyleOne_column:last-child { max-width: 48.66%; } } .homeContentStyleOne_title { font-size: 3rem; line-height: 1; font-weight: 400; color: #302E29; margin-bottom: 3rem; } @media (min-width: 992px) { .homeContentStyleOne_title { font-size: 6rem; margin-bottom: 10rem; margin-left: calc(20px + 7%); margin-right: 10rem; } } .homeContentStyleOne_imageOne { width: calc(100% + 2rem); margin-left: -2rem; max-width: calc(100% + 2rem); display: none; } @media (min-width: 992px) { .homeContentStyleOne_imageOne { width: 100%; max-width: 100%; padding-right: 10rem; margin-left: 0; display: block; } } .homeContentStyleOne_imageOne img { width: 100%; max-width: 100%; } .homeContentStyleOne_imageOne-bottom { display: block; } @media (min-width: 992px) { .homeContentStyleOne_imageOne-bottom { display: none; } } .homeContentStyleOne_imageTwo { width: 100%; max-width: 100%; position: relative; z-index: 2; } .homeContentStyleOne_imageTwo_wrap { padding-right: 4rem; width: 100%; display: none; } @media (min-width: 992px) { .homeContentStyleOne_imageTwo_wrap { display: block; } } .homeContentStyleOne_imageTwo:after { width: 0; height: 0; border-right: 18rem solid white; border-top: 18rem solid transparent; position: absolute; bottom: 0; right: 0; content: ''; } .homeContentStyleOne_imageTwo img { width: 100%; max-width: 100%; } .homeContentStyleOne_imageTwo_wrap { margin-right: 10rem; } .homeContentStyleOne_imageTwo_triangle { width: 18rem; height: 18rem; position: absolute; z-index: 4; bottom: -5rem; right: -5rem; } @media (min-width: 992px) { .homeContentStyleOne_content { margin-right: 3rem; margin-bottom: 10rem; } } .homeContentStyleOne_button { background-color: #FFBE0E; height: 7.4rem; padding-left: 2.5rem; padding-right: 2.5rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1.8rem; line-height: 1.35; color: #302E29; font-weight: 400; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none; margin-top: 5rem; margin-bottom: 5rem; } @media (min-width: 992px) { .homeContentStyleOne_button { height: 7.7rem; margin-top: 7.2rem; font-size: 2rem; } } .homeContentStyleFive { background-color: #EFEADF; padding-top: 5rem; padding-bottom: 23.6rem; background-repeat: no-repeat; background-position: right bottom; } @media (min-width: 992px) { .homeContentStyleFive { padding-top: 10.5rem; padding-bottom: 12rem; } } .homeContentStyleFive_subTitle { color: #FFBE0E; font-size: 1.8rem; line-height: 1; font-weight: 400; margin-bottom: 2rem; } @media (min-width: 992px) { .homeContentStyleFive_subTitle { font-size: 2.5rem; margin-bottom: 3rem; } } .homeContentStyleFive_title { color: #302E29; font-size: 3rem; line-height: 1; font-weight: 400; margin-bottom: 5rem; width: 100%; } @media (min-width: 992px) { .homeContentStyleFive_title { font-size: 6rem; max-width: 81.86%; margin-bottom: 3rem; } } .homeContentStyleFive_content { width: 100%; } @media (min-width: 992px) { .homeContentStyleFive_content { max-width: 44.18%; } } .homeContentStyleFive_button { background-color: #FFBE0E; height: 7.4rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1.8rem; line-height: 1.33; color: #302E29; font-weight: 400; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none; padding-left: 2.5rem; padding-right: 2.5rem; } @media (min-width: 992px) { .homeContentStyleFive_button { font-size: 2rem; margin-top: 2rem; height: 7.7rem; line-height: 1.35; } } .homeContentStyleSix { margin-top: 10rem; margin-bottom: 10rem; } .homeContentStyleSix-mobilealt { margin-top: 5rem; } @media (min-width: 992px) { .homeContentStyleSix { margin-top: 12rem; margin-bottom: 12rem; } } .homeContentStyleSix_container { margin-left: 2rem; margin-right: 2rem; } @media (min-width: 992px) { .homeContentStyleSix_container { margin-left: 0; margin-right: 0; } } .homeContentStyleSix_subTitle { color: #FFBE0E; font-size: 1.8rem; line-height: 1; font-weight: 400; margin-bottom: 1rem; } @media (min-width: 992px) { .homeContentStyleSix_subTitle { font-size: 2.5rem; margin-bottom: 3rem; margin-right: 10rem; padding-left: calc(7.5rem + 20px); } } .homeContentStyleSix_title { color: #302E29; font-size: 3rem; line-height: 1; font-weight: 400; margin-bottom: 5rem; } .homeContentStyleSix_title-mobilealt { margin-bottom: 3rem; } @media (min-width: 992px) { .homeContentStyleSix_title { font-size: 6rem; margin-right: 10rem; padding-left: calc(7.5rem + 20px); margin-bottom: 10rem; } } .homeContentStyleSix_content { margin-top: 7.2rem; } .homeContentStyleSix_content-mobilealt { margin-top: 0; } @media (min-width: 992px) { .homeContentStyleSix_content { margin-top: 0; } } .homeContentStyleSix_content_content { margin-bottom: 5rem; } @media (min-width: 992px) { .homeContentStyleSix_content_content { margin-right: calc(20px + 7.5%); } } .homeContentStyleSix_contentBottom { color: #302E29; font-size: 3rem; line-height: 1; font-weight: 600; margin-bottom: 10rem; margin-right: calc(20px + 7.5%); } .homeContentStyleSix_flex { display: flex; flex-wrap: wrap; justify-content: space-between; } .homeContentStyleSix_column { width: 100%; } @media (min-width: 992px) { .homeContentStyleSix_column { max-width: 50%; } } .homeContentStyleSix_imageOne { width: 100%; max-width: 100%; position: relative; z-index: 2; } .homeContentStyleSix_imageOne:after { width: 0; height: 0; border-right: 6.7rem solid white; border-top: 6.7rem solid transparent; position: absolute; bottom: 0; right: 0; content: ''; } @media (min-width: 992px) { .homeContentStyleSix_imageOne:after { border-right: 18rem solid white; border-top: 18rem solid transparent; } } .homeContentStyleSix_imageOne img { width: 100%; max-width: 100%; } .homeContentStyleSix_imageOne_wrap { margin-left: -2rem; } .homeContentStyleSix_imageOne_wrap-mobilealt { display: none; } @media (min-width: 992px) { .homeContentStyleSix_imageOne_wrap-mobilealt { display: block; } } @media (min-width: 992px) { .homeContentStyleSix_imageOne_wrap { margin-left: 0; margin-right: 10rem; } } .homeContentStyleSix_imageOne_wrap_mobilealt { display: block; } @media (min-width: 992px) { .homeContentStyleSix_imageOne_wrap_mobilealt { display: none; } } .homeContentStyleSix_imageOne_triangle { width: 7.8rem; height: 7.8rem; position: absolute; z-index: 4; bottom: -2rem; right: -2rem; } @media (min-width: 992px) { .homeContentStyleSix_imageOne_triangle { width: 18rem; height: 18rem; bottom: -5rem; right: -5rem; } } .homeContentStyleSix_imageTwo { position: relative; z-index: 2; margin-left: -2rem; margin-right: -2rem; } .homeContentStyleSix_imageTwo-mobilealt { display: none; } @media (min-width: 992px) { .homeContentStyleSix_imageTwo-mobilealt { display: block; } } @media (min-width: 992px) { .homeContentStyleSix_imageTwo { margin-left: 0; margin-right: 0; width: 100%; max-width: 100%; } } .homeContentStyleSix_imageTwo img { width: 100%; max-width: 100%; } .homeContentStyleSix_line { background: #FFBE0E; height: 2px; width: 100%; position: relative; bottom: 10rem; z-index: 1; } .homeContentStyleSix_button { background-color: #FFBE0E; height: 7.4rem; padding-left: 2.5rem; padding-right: 2.5rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1.8rem; line-height: 1.33; color: #302E29; font-weight: 400; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none; margin-bottom: 5rem; } @media (min-width: 992px) { .homeContentStyleSix_button { margin-bottom: 14rem; height: 7.7rem; font-size: 2rem; line-height: 1.35; } } .productContentStyleSix { margin-top: 10rem; margin-bottom: 10rem; } .productContentStyleSix-mobilealt { margin-top: 5rem; } @media (min-width: 992px) { .productContentStyleSix { margin-top: 12rem; margin-bottom: 12rem; } } .productContentStyleSix_container { margin-left: 2rem; margin-right: 2rem; } @media (min-width: 992px) { .productContentStyleSix_container { margin-left: 0; margin-right: 0; } } .productContentStyleSix_subTitle { color: #FFBE0E; font-size: 1.8rem; line-height: 1; font-weight: 400; margin-bottom: 1rem; } @media (min-width: 992px) { .productContentStyleSix_subTitle { font-size: 2.5rem; margin-bottom: 3rem; margin-right: 10rem; padding-left: calc(7.5rem + 20px); } } .productContentStyleSix_title { color: #302E29; font-size: 3rem; line-height: 1; font-weight: 400; margin-bottom: 5rem; } .productContentStyleSix_title-mobilealt { margin-bottom: 3rem; } @media (min-width: 992px) { .productContentStyleSix_title { font-size: 6rem; margin-right: 10rem; padding-left: calc(7.5rem + 20px); margin-bottom: 10rem; } } .productContentStyleSix_content { margin-top: 7.2rem; } .productContentStyleSix_content-mobilealt { margin-top: 0; } @media (min-width: 992px) { .productContentStyleSix_content { margin-top: 0; } } .productContentStyleSix_content_content { margin-bottom: 5rem; } @media (min-width: 992px) { .productContentStyleSix_content_content { margin-right: calc(20px + 7.5%); } } .productContentStyleSix_contentBottom { color: #302E29; font-size: 3rem; line-height: 1; font-weight: 600; margin-bottom: 10rem; margin-right: calc(20px + 7.5%); } .productContentStyleSix_flex { display: flex; flex-wrap: wrap; justify-content: space-between; } .productContentStyleSix_column { width: 100%; } @media (min-width: 992px) { .productContentStyleSix_column { max-width: 50%; } } .productContentStyleSix_imageOne { width: 100%; max-width: 100%; position: relative; z-index: 2; } .productContentStyleSix_imageOne:after { width: 0; height: 0; border-right: 6.7rem solid white; border-top: 6.7rem solid transparent; position: absolute; bottom: 0; right: 0; content: ''; } @media (min-width: 992px) { .productContentStyleSix_imageOne:after { border-right: 18rem solid white; border-top: 18rem solid transparent; } } .productContentStyleSix_imageOne img { width: 100%; max-width: 100%; } .productContentStyleSix_imageOne_wrap { margin-left: -2rem; } .productContentStyleSix_imageOne_wrap-mobilealt { display: none; } @media (min-width: 992px) { .productContentStyleSix_imageOne_wrap-mobilealt { display: block; } } @media (min-width: 992px) { .productContentStyleSix_imageOne_wrap { margin-left: 0; margin-right: 10rem; } } .productContentStyleSix_imageOne_wrap_mobilealt { display: block; } @media (min-width: 992px) { .productContentStyleSix_imageOne_wrap_mobilealt { display: none; } } .productContentStyleSix_imageOne_triangle { width: 7.8rem; height: 7.8rem; position: absolute; z-index: 4; bottom: -2rem; right: -2rem; } @media (min-width: 992px) { .productContentStyleSix_imageOne_triangle { width: 18rem; height: 18rem; bottom: -5rem; right: -5rem; } } .productContentStyleSix_imageTwo { position: relative; z-index: 2; margin-left: -2rem; margin-right: -2rem; } .productContentStyleSix_imageTwo-mobilealt { display: none; } @media (min-width: 992px) { .productContentStyleSix_imageTwo-mobilealt { display: block; } } @media (min-width: 992px) { .productContentStyleSix_imageTwo { margin-left: 0; margin-right: 0; width: 100%; max-width: 100%; } } .productContentStyleSix_imageTwo img { width: 100%; max-width: 100%; } .productContentStyleSix_line { background: #FFBE0E; height: 2px; width: 100%; position: relative; bottom: 10rem; z-index: 1; } .productContentStyleSix_button { background-color: #FFBE0E; height: 7.4rem; padding-left: 2.5rem; padding-right: 2.5rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1.8rem; line-height: 1.33; color: #302E29; font-weight: 400; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none; margin-bottom: 5rem; } @media (min-width: 992px) { .productContentStyleSix_button { margin-bottom: 14rem; height: 7.7rem; font-size: 2rem; line-height: 1.35; } } .careersList { margin-top: 5rem; margin-bottom: 5rem; } @media (min-width: 992px) { .careersList { margin-top: 12rem; margin-bottom: 12rem; } } .careersList_title { color: #302E29; font-size: 3rem; line-height: 1; font-weight: 400; margin-bottom: 3rem; } @media (min-width: 992px) { .careersList_title { font-size: 6rem; } } .careersList_content { font-size: 1.6rem; line-height: 1.875; margin-bottom: 3rem; } @media (min-width: 992px) { .careersList_content { font-size: 2rem; line-height: 2; } } @media (min-width: 992px) { .careersList_flex { display: flex; flex-wrap: wrap; justify-content: space-between; } } .careersList_column:first-child { width: 100%; } @media (min-width: 992px) { .careersList_column:first-child { max-width: 45%; } } .careersList_column:last-child { width: 100%; } @media (min-width: 992px) { .careersList_column:last-child { max-width: 50%; } } .careersList_bullets { margin: 0; padding: 0; list-style: disc; list-style-position: outside; margin-left: 2.5rem; margin-bottom: 2rem; } .currentOpportunities { overflow: hidden; } .currentOpportunities_content { font-size: 1.6rem; line-height: 1.875; } @media (min-width: 992px) { .currentOpportunities_content { font-size: 2rem; line-height: 2; } } .currentOpportunities_flex { margin-bottom: 6rem; } @media (min-width: 992px) { .currentOpportunities_flex { display: flex; flex-wrap: wrap; justify-content: space-between; } } .currentOpportunities_column:first-child { width: 100%; } @media (min-width: 992px) { .currentOpportunities_column:first-child { max-width: 45%; } } .currentOpportunities_column:last-child { width: 100%; } @media (min-width: 992px) { .currentOpportunities_column:last-child { max-width: 50%; } } .currentOpportunities_title { color: #302E29; font-size: 3rem; line-height: 1; font-weight: 400; margin-bottom: 3rem; } @media (min-width: 992px) { .currentOpportunities_title { font-size: 6rem; } } .currentOpportunities { background: linear-gradient(180deg, #ffffff 44%, #efeadf 0%); } .currentOpportunities strong { font-weight: 700; } .currentOpportunities_slide { width: 89.14% !important; max-width: 89.14% !important; margin-right: 2rem !important; height: auto !important; } @media (min-width: 992px) { .currentOpportunities_slide { margin-right: 5rem !important; width: 38.43% !important; max-width: 38.43% !important; } } .currentOpportunities_slide_link { display: block; background-color: #302E29; padding: 3rem; height: 100%; } @media (min-width: 992px) { .currentOpportunities_slide_link { padding: 5rem; } } .currentOpportunities_slide_title { font-size: 3rem; line-height: 1.14; color: #FFFFFF; margin-bottom: 3rem; font-weight: 400; } @media (min-width: 992px) { .currentOpportunities_slide_title { font-size: 3.5rem; } } .currentOpportunities_slide_location { font-size: 1.8rem; line-height: 1.38; color: #FFFFFF; margin-bottom: 2.3rem; font-weight: 400; } .currentOpportunities_slide_salary { font-size: 1.8rem; line-height: 1.38; color: #FFFFFF; margin-bottom: 2.3rem; font-weight: 400; } .currentOpportunities_slide_flex { display: flex; justify-content: space-between; align-items: center; } .currentOpportunities_slide_date { font-size: 2rem; line-height: 1.38; color: #FFFFFF; font-weight: 400; } .currentOpportunities_slide_button { background-color: #FFBE0E; height: 7.4rem; padding-left: 2.5rem; padding-right: 2.5rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1.8rem; line-height: 1.33; color: #302E29; font-weight: 400; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none; } .currentOpportunities_pagination { margin-top: 4rem; margin-bottom: 6rem; display: flex; align-items: flex-end; justify-content: space-between; } @media (min-width: 992px) { .currentOpportunities_pagination { margin-top: 4.6rem; margin-bottom: 10rem; } } .currentOpportunities_pagination_steps { display: flex; grid-gap: 1rem; width: 100%; max-width: 11rem; } .currentOpportunities_pagination_steps_prev, .currentOpportunities_pagination_steps_next { width: 5rem; height: 5rem; background-color: #302E29; border-radius: 50%; border: 2px solid #302E29; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 2rem; font-weight: 300; } .currentOpportunities_pagination_steps_prev.swiper-button-disabled, .currentOpportunities_pagination_steps_next.swiper-button-disabled { background-color: inherit; color: #302E29; } .currentOpportunities_pagination_steps_pagination { position: relative; height: 0.5rem !important; width: 100%; max-width: calc(100% - 14rem); } @media (min-width: 992px) { .currentOpportunities_pagination_steps_pagination { max-width: calc(100% - 21rem); } } .currentOpportunities .swiper-wrapper { height: auto; } .currentOpportunities .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #302E29; } .currentOpportunities .swiper-pagination-progressbar.swiper-pagination-horizontal { background-color: #B9B5AA; } .careersQuote { position: relative; background-color: #FFBE0E; } .careersQuote_flex { display: flex; flex-wrap: wrap; } .careersQuote_image_desktop { display: none; } @media (min-width: 992px) { .careersQuote_image_desktop { display: block; } } .careersQuote_image_desktop img { position: absolute; bottom: 0; } .careersQuote_image_mobile { display: block; float: right; width: 100%; max-width: 16rem; } @media (min-width: 992px) { .careersQuote_image_mobile { display: none; max-width: 22rem; } } .careersQuote_column:first-child { width: 100%; position: absolute; bottom: 0; right: 0; z-index: 1; } @media (min-width: 992px) { .careersQuote_column:first-child { max-width: 32.5%; position: relative; bottom: auto; right: auto; } } .careersQuote_column:last-child { width: 100%; padding-left: 2rem; max-width: calc(100% - 14rem); z-index: 2; padding-top: 5rem; padding-bottom: 5rem; } @media (min-width: 992px) { .careersQuote_column:last-child { padding-top: 13.1rem; padding-bottom: 15.1rem; max-width: 63%; padding-left: 0; } } .careersQuote_symbol { width: 10rem; height: 7.143rem; position: absolute; top: 0; right: 0; } @media (min-width: 992px) { .careersQuote_symbol { width: 28.9rem; height: 20.6rem; } } .careersQuote_quote { font-size: 2rem; line-height: 1.14; font-weight: 400; font-style: italic; color: #302E29; margin-bottom: 3rem; width: 100%; max-width: 84%; } @media (min-width: 992px) { .careersQuote_quote { font-size: 3.5rem; } } .careersQuote_quote_details { font-size: 1.6rem; line-height: 1; font-weight: 700; color: #302E29; margin-bottom: 5rem; width: 100%; max-width: 84%; } @media (min-width: 992px) { .careersQuote_quote_details { font-size: 3.5rem; line-height: 1.14; margin-bottom: 10rem; } } .careersQuote_note_title { font-size: 3rem; line-height: 1; font-weight: 400; color: #302E29; margin-bottom: 3rem; } @media (min-width: 992px) { .careersQuote_note_title { font-size: 6rem; } } .careersQuote_note_content p { font-size: 1.6rem; line-height: 1.875; font-weight: 300; color: #302E29; } @media (min-width: 992px) { .careersQuote_note_content p { font-size: 2rem; line-height: 2; } } .careersTwoColumn { margin-top: 5rem; margin-bottom: 5rem; } @media (min-width: 992px) { .careersTwoColumn { margin-top: 12rem; margin-bottom: 12rem; } } .careersTwoColumn_grid { display: grid; grid-template-columns: 1fr; gap: 2rem; } @media (min-width: 992px) { .careersTwoColumn_grid { grid-template-columns: repeat(2, 1fr); gap: 5rem; } } .apprentices { margin-top: 5rem; margin-bottom: 5rem; } @media (min-width: 992px) { .apprentices { margin-top: 12rem; margin-bottom: 12rem; } } .apprentices_title { color: #302E29; font-size: 3rem; line-height: 1; font-weight: 400; margin-bottom: 3rem; } @media (min-width: 992px) { .apprentices_title { font-size: 6rem; margin-bottom: 10rem; } } .apprentices_flex { margin-bottom: 5rem; } @media (min-width: 992px) { .apprentices_flex { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 12rem; } } .apprentices_column:first-child { width: 100%; } @media (min-width: 992px) { .apprentices_column:first-child { max-width: 44.2%; } } .apprentices_column:last-child { width: 100%; } @media (min-width: 992px) { .apprentices_column:last-child { max-width: 50%; } } .apprentices_apprentices_name { color: #302E29; font-size: 3rem; line-height: 1; font-weight: 400; } @media (min-width: 992px) { .apprentices_apprentices_name { font-size: 6rem; } } .apprentices_apprentices_title { color: #302E29; font-size: 2rem; line-height: 1.3; font-weight: 400; margin-bottom: 3rem; } @media (min-width: 992px) { .apprentices_apprentices_title { font-size: 4rem; line-height: 1.2; margin-bottom: 10.6rem; } } .apprentices_apprentices_image { background-color: #FFBE0E; position: relative; margin-left: -2rem; margin-bottom: 5rem; } @media (min-width: 992px) { .apprentices_apprentices_image { margin-left: 0; } } .apprentices_apprentices_image:after { width: 0; height: 0; border-right: 6.7rem solid white; border-bottom: 6.7rem solid transparent; position: absolute; top: 0; right: 0; content: ''; } @media (min-width: 992px) { .apprentices_apprentices_image:after { border-right: 18rem solid white; border-bottom: 18rem solid transparent; } } .apprentices_apprentices_image img { width: 100%; max-width: 100%; } .apprentices_apprentices_image_triangle { width: 7.8rem; height: 7.8rem; position: absolute; z-index: 4; top: -2rem; right: -2rem; } @media (min-width: 992px) { .apprentices_apprentices_image_triangle { width: 18rem; height: 18rem; top: -5rem; right: -5rem; } } .apprentices_apprentices_quote { color: #302E29; font-size: 2.5rem; line-height: 1.33; font-weight: 300; margin-bottom: 5rem; } @media (min-width: 992px) { .apprentices_apprentices_quote { font-size: 3rem; } } .apprentices_apprentices_content { margin-bottom: 5rem; } .apprentices_apprentices_content:last-child { margin-bottom: 0; } .apprentices_apprentices_content_title { color: #302E29; font-size: 2rem; line-height: 1.3; font-weight: 400; margin-bottom: 3rem; } @media (min-width: 992px) { .apprentices_apprentices_content_title { font-size: 4rem; line-height: 1.5; } } .wysiwygblock { margin-top: 5rem; margin-bottom: 5rem; } @media (min-width: 992px) { .wysiwygblock { margin-top: 12rem; margin-bottom: 12rem; } } @media (min-width: 992px) { .wysiwygblock_flex { display: flex; flex-wrap: wrap; justify-content: space-between; } } .wysiwygblock_content_left { width: 100%; margin-bottom: 5rem; } @media (min-width: 992px) { .wysiwygblock_content_left { max-width: 47.5%; margin-bottom: 0; } } .wysiwygblock_content_right { width: 100%; } @media (min-width: 992px) { .wysiwygblock_content_right { max-width: 47.5%; } } .globalDistributors { margin-bottom: 5rem; } @media (min-width: 992px) { .globalDistributors { margin-bottom: 12rem; } } @media (min-width: 992px) { .globalDistributors_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4rem; } } .globalDistributors_item { background-color: #EFEADF; position: relative; padding: 3rem; display: flex; grid-gap: 3rem; flex-wrap: wrap; margin-bottom: 3rem; } @media (min-width: 992px) { .globalDistributors_item { margin-bottom: 0; } } .globalDistributors_item:after { width: 0; height: 0; border-right: 4rem solid #FDFCFA; border-top: 4rem solid transparent; position: absolute; bottom: 0; right: 0; content: ''; } .globalDistributors_item-platinum, .globalDistributors_item-gold { background-color: #302E29; } .globalDistributors_image { width: 100%; max-width: 15.5rem; } .globalDistributors_image img { width: 100%; max-width: 100%; } .globalDistributors_title { font-size: 3rem; font-weight: 400; line-height: 1.2; } .globalDistributors_title-platinum, .globalDistributors_title-gold { color: #fff; } .globalDistributors_content { flex: 1; } .globalDistributors_area { margin-bottom: 1.5rem; font-weight: 400; } .globalDistributors_area-platinum, .globalDistributors_area-gold { color: #fff; } .globalDistributors_area span { margin-right: 1rem; } .globalDistributors_address { margin-bottom: 1.5rem; font-size: 2rem; line-height: 1.33; } .globalDistributors_address-platinum, .globalDistributors_address-gold { color: #fff; } .globalDistributors_website { margin-bottom: 1.5rem; text-decoration: underline; font-weight: 400; } .globalDistributors_website-platinum, .globalDistributors_website-gold { color: #fff; } .globalDistributors_telephone { margin-bottom: 1.5rem; font-weight: 400; } .globalDistributors_telephone-platinum, .globalDistributors_telephone-gold { color: #fff; } .globalDistributors_button { background-color: #FFBE0E; height: 5rem; padding-left: 2.5rem; padding-right: 2.5rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1.6rem; line-height: 1.35; color: #302E29; font-weight: 400; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none; width: 100%; max-width: 38rem; } @media (min-width: 992px) { .globalDistributors_button { height: 7.4rem; font-size: 1.8rem; } } .globalDistributors_level { font-size: 1.6rem; line-height: 1; font-weight: 400; font-weight: 300; text-align: center; padding-top: 1rem; padding-bottom: 0.75rem; } .globalDistributors_level-platinum { background-color: #89BDE6; } .globalDistributors_level-gold { background-color: #FFBE0E; } .world3levelhtmlmap { margin-left: auto; margin-right: auto; } .teamMembers { margin-top: 5rem; margin-bottom: 5rem; } @media (min-width: 992px) { .teamMembers { margin-top: 12rem; margin-bottom: 12rem; } } .teamMembers_grid { display: grid; grid-template-columns: 1fr; gap: 2rem; margin-bottom: 5rem; } @media (min-width: 768px) { .teamMembers_grid { grid-template-columns: repeat(2, 1fr); gap: 5rem; margin-bottom: 10rem; } } @media (min-width: 1280px) { .teamMembers_grid { grid-template-columns: repeat(4, 1fr); gap: 5rem; margin-bottom: 10rem; } } .teamMembers_location_title { font-size: 3rem; line-height: 1; font-weight: 400; color: #302E29; margin: 0; padding: 0; margin-bottom: 3rem; } @media (min-width: 992px) { .teamMembers_location_title { font-size: 6rem; } } .teamMembers_slide { background-color: #EFEADF; text-decoration: none; display: flex; flex-direction: column; margin-bottom: 2rem; } .teamMembers_slide_image { width: 100%; height: 0; padding-bottom: 100%; position: relative; } .teamMembers_slide_image img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .teamMembers_slide_content { padding: 1.5rem 2rem; } @media (min-width: 992px) { .teamMembers_slide_content { padding: 3rem; } } .teamMembers_slide_text { margin-bottom: 2rem; } .teamMembers_slide_name { font-size: 2.5rem; line-height: 1.2; font-weight: 400; color: #302E29; text-decoration: none; } @media (min-width: 992px) { .teamMembers_slide_name { line-height: 1.6; } } .teamMembers_slide_title { font-size: 1.5rem; line-height: 1; font-weight: 400; color: #959490; } @media (min-width: 992px) { .teamMembers_slide_title { font-size: 1.8rem; } } .teamMembers_slide_blurb p { font-size: 1.6rem; line-height: 1.6; font-weight: 400; color: #302E29; text-decoration: none; } .teamMembers_slide_phone { display: inline-flex; flex-direction: column; } .teamMembers_slide_phone span { color: #959490; margin-left: 2rem; } .teamMembers_slide_phone_flex { display: flex; align-items: center; justify-content: space-between; } .teamMembers_slide_location, .teamMembers_slide_office, .teamMembers_slide_phone { margin-bottom: 2rem; } @media (min-width: 992px) { .teamMembers_slide_location, .teamMembers_slide_office, .teamMembers_slide_phone { font-size: 1.8rem; } } .teamMembers_slide_location, .teamMembers_slide_office, .teamMembers_slide_phone, .teamMembers_slide_email { font-size: 1.5rem; line-height: 2; font-weight: 400; } @media (min-width: 992px) { .teamMembers_slide_location, .teamMembers_slide_office, .teamMembers_slide_phone, .teamMembers_slide_email { font-size: 1.8rem; } } .teamMembers_slide_location i, .teamMembers_slide_office i, .teamMembers_slide_phone i, .teamMembers_slide_email i { color: #ED1C24; margin-right: 5px; } @media (min-width: 992px) { .teamMembers_slide_email { font-size: 1.6rem; } } .regionalContactBanner { background-color: #EFEADF; padding-top: 5rem; padding-bottom: 23.6rem; background-repeat: no-repeat; background-position: right bottom; background-size: auto 100%; } @media (min-width: 992px) { .regionalContactBanner { padding-top: 10.5rem; padding-bottom: 12rem; } } @media (max-width: 1600px) { .regionalContactBanner { background-size: auto; } } .regionalContactBanner_title { color: #302E29; font-size: 3rem; line-height: 1; font-weight: 400; margin-bottom: 3rem; width: 100%; } @media (min-width: 992px) { .regionalContactBanner_title { font-size: 5rem; max-width: 81.86%; } } .regionalContactBanner_button { background-color: #FFBE0E; height: 7.4rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1.8rem; line-height: 1.33; color: #302E29; font-weight: 400; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; text-decoration: none; padding-left: 2.5rem; padding-right: 2.5rem; margin-bottom: 5rem; } @media (min-width: 992px) { .regionalContactBanner_button { font-size: 2rem; height: 7.7rem; line-height: 1.35; } } .regionalContactBanner_secondTitle { color: #302E29; font-size: 3rem; line-height: 1; font-weight: 400; margin-bottom: 3rem; width: 100%; } @media (min-width: 992px) { .regionalContactBanner_secondTitle { font-size: 5rem; max-width: 81.86%; } } .regionalContactBanner_content { width: 100%; } @media (min-width: 992px) { .regionalContactBanner_content { max-width: 44.18%; } } .regionalContactBanner_content a { color: #302E29; font-weight: 400; }