/**handles:ge-app**/ h1, h2, h3, h4, h5, h6, p, ul, body { margin: 0; padding: 0 } * { font-style: normal; -webkit-tap-highlight-color: transparent } a { text-decoration: none } img { display: block } li { font-size: 24px; line-height: 36px; font-weight: 400; color: #01040a } @media (max-width: 1700px) { li { font-size: 18px; line-height: 25px } } li:not(:last-child) { margin: 0 0 10px } ul li { list-style: disc } ol li { list-style: auto } header ul, header li, footer ul, footer li, .pin-spacer ul, .pin-spacer li, .tabCareers__tabs--nav ul, .tabCareers__tabs--nav li { list-style: none } header li, footer li, .pin-spacer li, .tabCareers__tabs--nav li { margin: 0 } input, textarea { padding: 0; margin: 0; border-width: 1px; -webkit-appearance: none; appearance: none; border-radius: 0; line-height: 1.1; border: none; outline: none } body::-webkit-scrollbar { width: 0px; height: 0px; -webkit-transition: .5s; transition: .5s } body::-webkit-scrollbar-thumb { background: #000 } input[type='number'] { -moz-appearance: textfield } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { font-family: 'Lato', sans-serif; border: 0; -webkit-text-fill-color: #fff; -webkit-box-shadow: 0 0 0px 1000px transparent inset; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 174, 255, 0.04) 50%, rgba(255, 255, 255, 0) 51%, rgba(0, 174, 255, 0.03) 100%); border-bottom: 1px solid #626573 } input:-webkit-autofill::first-line { font-family: 'Lato', sans-serif; font-weight: 500; font-size: 14px; line-height: 1.3; color: #FFFFFF } @media (max-width: 1760px) { input:-webkit-autofill::first-line { font-size: 14px } } @media (max-width: 1024px) { input:-webkit-autofill::first-line { font-size: 14px } } @font-face {font-display: swap; font-family: 'Montserrat'; src: local("/fonts/montserrat"), local("/fonts/montserrat"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-Thin.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-Thin.woff") format("woff"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal } @font-face {font-display: swap; font-family: 'Montserrat'; src: local("/fonts/montserrat"), local("/fonts/montserrat"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-ThinItalic.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-ThinItalic.woff") format("woff"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-ThinItalic.ttf") format("truetype"); font-weight: 100; font-style: italic } @font-face {font-display: swap; font-family: 'Montserrat'; src: local("/fonts/montserrat"), local("/fonts/montserrat"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-BoldItalic.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-BoldItalic.woff") format("woff"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic } @font-face {font-display: swap; font-family: 'Montserrat'; src: local("/fonts/montserrat"), local("/fonts/montserrat"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-Bold.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-Bold.woff") format("woff"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal } @font-face {font-display: swap; font-family: 'Montserrat'; src: local("/fonts/montserrat"), local("/fonts/montserrat"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-Black.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-Black.woff") format("woff"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-Black.ttf") format("truetype"); font-weight: 900; font-style: normal } @font-face {font-display: swap; font-family: 'Montserrat'; src: local("/fonts/montserrat"), local("/fonts/montserrat"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-BlackItalic.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-BlackItalic.woff") format("woff"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-BlackItalic.ttf") format("truetype"); font-weight: 900; font-style: italic } @font-face {font-display: swap; font-family: 'Montserrat'; src: local("/fonts/montserrat"), local("/fonts/montserrat"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-ExtraBold.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-ExtraBold.woff") format("woff"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-ExtraBold.ttf") format("truetype"); font-weight: bold; font-style: normal } @font-face {font-display: swap; font-family: 'Montserrat'; src: local("/fonts/montserrat"), local("/fonts/montserrat"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-ExtraLightItalic.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-ExtraLightItalic.woff") format("woff"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-ExtraLightItalic.ttf") format("truetype"); font-weight: 200; font-style: italic } @font-face {font-display: swap; font-family: 'Montserrat'; src: local("/fonts/montserrat"), local("/fonts/montserrat"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-ExtraLight.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-ExtraLight.woff") format("woff"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal } @font-face {font-display: swap; font-family: 'Montserrat'; src: local("/fonts/montserrat"), local("/fonts/montserrat"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-Italic.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-Italic.woff") format("woff"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-Italic.ttf") format("truetype"); font-weight: normal; font-style: italic } @font-face {font-display: swap; font-family: 'Montserrat'; src: local("/fonts/montserrat"), local("/fonts/montserrat"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-ExtraBoldItalic.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-ExtraBoldItalic.woff") format("woff"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-ExtraBoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic } @font-face {font-display: swap; font-family: 'Montserrat'; src: local("/fonts/montserrat"), local("/fonts/montserrat"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-LightItalic.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-LightItalic.woff") format("woff"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-LightItalic.ttf") format("truetype"); font-weight: 300; font-style: italic } @font-face {font-display: swap; font-family: 'Montserrat'; src: local("/fonts/montserrat"), local("/fonts/montserrat"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-Regular.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-Regular.woff") format("woff"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal } @font-face {font-display: swap; font-family: 'Montserrat'; src: local("/fonts/montserrat"), local("/fonts/montserrat"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-Light.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-Light.woff") format("woff"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-Light.ttf") format("truetype"); font-weight: 300; font-style: normal } @font-face {font-display: swap; font-family: 'Montserrat'; src: local("/fonts/montserrat"), local("/fonts/montserrat"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-Medium.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-Medium.woff") format("woff"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal } @font-face {font-display: swap; font-family: 'Montserrat'; src: local("/fonts/montserrat"), local("/fonts/montserrat"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-MediumItalic.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-MediumItalic.woff") format("woff"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-MediumItalic.ttf") format("truetype"); font-weight: 500; font-style: italic } @font-face {font-display: swap; font-family: 'Montserrat'; src: local("/fonts/montserrat"), local("/fonts/montserrat"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-SemiBold.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-SemiBold.woff") format("woff"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal } @font-face {font-display: swap; font-family: 'Montserrat'; src: local("/fonts/montserrat"), local("/fonts/montserrat"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-SemiBoldItalic.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-SemiBoldItalic.woff") format("woff"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/montserrat/Montserrat-SemiBoldItalic.ttf") format("truetype"); font-weight: 600; font-style: italic } @font-face {font-display: swap; font-family: 'MTTRoma'; src: local("/fonts/MTTRoma"), local("/fonts/MTTRoma"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/MTTRoma/MTTRoma-Heavy.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/MTTRoma/MTTRoma-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal } @font-face {font-display: swap; font-family: 'MTTRoma'; src: local("/fonts/MTTRoma"), local("/fonts/MTTRoma"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/MTTRoma/MTTRoma-HeavyItalic.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/MTTRoma/MTTRoma-HeavyItalic.ttf") format("truetype"); font-weight: 900; font-style: italic } @font-face {font-display: swap; font-family: 'MTTRoma'; src: local("/fonts/MTTRoma"), local("/fonts/MTTRoma"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/MTTRoma/MTTRoma-Bold.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/MTTRoma/MTTRoma-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal } @font-face {font-display: swap; font-family: 'MTTRoma'; src: local("/fonts/MTTRoma"), local("/fonts/MTTRoma"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/MTTRoma/MTTRoma-BoldItalic.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/MTTRoma/MTTRoma-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic } @font-face {font-display: swap; font-family: 'MTTRoma'; src: local("/fonts/MTTRoma"), local("/fonts/MTTRoma"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/MTTRoma/MTTRoma-Medium.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/MTTRoma/MTTRoma-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal } @font-face {font-display: swap; font-family: 'MTTRoma'; src: local("/fonts/MTTRoma"), local("/fonts/MTTRoma"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/MTTRoma/MTTRoma-MediumItalic.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/MTTRoma/MTTRoma-MediumItalic.ttf") format("truetype"); font-weight: 500; font-style: italic } @font-face {font-display: swap; font-family: 'MTTRoma'; src: local("/fonts/MTTRoma"), local("/fonts/MTTRoma"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/MTTRoma/MTTRoma-Regular.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/MTTRoma/MTTRoma-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal } @font-face {font-display: swap; font-family: 'MTTRoma'; src: local("/fonts/MTTRoma"), local("/fonts/MTTRoma"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/MTTRoma/MTTRoma-RegularItalic.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/MTTRoma/MTTRoma-RegularItalic.ttf") format("truetype"); font-weight: 400; font-style: italic } @font-face {font-display: swap; font-family: 'MTTRoma'; src: local("/fonts/MTTRoma"), local("/fonts/MTTRoma"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/MTTRoma/MTTRoma-Light.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/MTTRoma/MTTRoma-Light.ttf") format("truetype"); font-weight: 300; font-style: normal } @font-face {font-display: swap; font-family: 'MTTRoma'; src: local("/fonts/MTTRoma"), local("/fonts/MTTRoma"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/MTTRoma/MTTRoma-LightItalic.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/MTTRoma/MTTRoma-LightItalic.ttf") format("truetype"); font-weight: 300; font-style: italic } @font-face {font-display: swap; font-family: 'MTTRoma'; src: local("/fonts/MTTRoma"), local("/fonts/MTTRoma"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/MTTRoma/MTTRoma-Thin.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/MTTRoma/MTTRoma-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal } @font-face {font-display: swap; font-family: 'MTTRoma'; src: local("/fonts/MTTRoma"), local("/fonts/MTTRoma"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/MTTRoma/MTTRoma-ThinItalic.woff2") format("woff2"), url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/fonts/MTTRoma/MTTRoma-ThinItalic.ttf") format("truetype"); font-weight: 100; font-style: italic } *:not(:is(h1, h2, h3, h4, h5, h6, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong)) { box-sizing: border-box; font-family: "Montserrat", sans-serif } h1, h2, h3, h4, h5, h6, [class*="__title"], [class*="__pretitle"], [class*="__title"] p, [class*="__pretitle"] p, [class*="__wrap-title"] { font-family: "MTTRoma", sans-serif } main { position: relative } #smooth-content { width: 100%; position: absolute } body.no-scroll { height: 100vh } body::-webkit-scrollbar { width: 10px; height: 15px } body::-webkit-scrollbar-track { background-color: #f1f1f1 } body::-webkit-scrollbar-thumb:hover { background-color: #555 } body::-webkit-scrollbar-thumb { background-color: #c51a1b; -webkit-transition: .35s; transition: .35s } .container { max-width: 1920px; margin: 0 auto; width: 100%; padding: 0 140px } @media (max-width: 1700px) { .container { padding: 0 100px } } @media (max-width: 1024px) { .container { padding: 0 32px } } .container-left { max-width: 1920px; margin: 0 auto; width: 100%; padding: 0 140px 0 0 } @media (max-width: 1700px) { .container-left { padding: 0 100px 0 0 } } @media (max-width: 1024px) { .container-left { padding: 0 32px } } .main_btr { cursor: pointer } .main_btr a, .main_btr .main_btr--wrap-path { display: flex; align-items: center; gap: 15px } @media (max-width: 1700px) { .main_btr a, .main_btr .main_btr--wrap-path { gap: 11px } } .main_btr a>div, .main_btr .main_btr--wrap-path>div { transform: scale(1) } .main_btr a .circle_white, .main_btr .main_btr--wrap-path .circle_white { transform: scale(0); transition: 1s; width: 59px; height: 59px; background: #ffffff !important; border: 1px solid #c51a1b; border-radius: 50%; position: relative } @media (max-width: 1700px) { .main_btr a .circle_white, .main_btr .main_btr--wrap-path .circle_white { width: 43px; height: 43px } } @media (max-width: 1024px) { .main_btr a .circle_white, .main_btr .main_btr--wrap-path .circle_white { width: 40px; height: 40px; transform: scale(1) } } .main_btr a .circle_white svg, .main_btr .main_btr--wrap-path .circle_white svg { position: absolute; top: 50%; left: 50%; transform: translate(-66%, -50%) } @media (max-width: 1700px) { .main_btr a .circle_white svg, .main_btr .main_btr--wrap-path .circle_white svg { width: 18px; height: 18px } } @media (max-width: 1024px) { .main_btr a .circle_white svg, .main_btr .main_btr--wrap-path .circle_white svg { width: 16px; height: 16px } } .main_btr a .circle_red, .main_btr .main_btr--wrap-path .circle_red { transform: scale(0); transition: 1s; width: 59px; height: 59px; background: #c51a1b !important; border-radius: 50%; position: relative } @media (max-width: 1700px) { .main_btr a .circle_red, .main_btr .main_btr--wrap-path .circle_red { width: 43px; height: 43px } } @media (max-width: 1024px) { .main_btr a .circle_red, .main_btr .main_btr--wrap-path .circle_red { width: 40px; height: 40px; transform: scale(1) } } .main_btr a .circle_red svg, .main_btr .main_btr--wrap-path .circle_red svg { position: absolute; top: 50%; left: 50%; transform: translate(-66%, -50%) } @media (max-width: 1700px) { .main_btr a .circle_red svg, .main_btr .main_btr--wrap-path .circle_red svg { width: 18px; height: 18px } } @media (max-width: 1024px) { .main_btr a .circle_red svg, .main_btr .main_btr--wrap-path .circle_red svg { width: 16px; height: 16px } } .main_btr a p, .main_btr .main_btr--wrap-path p { font-size: 24px !important; font-family: "MTTRoma" !important; font-weight: 900 !important; color: #c51a1b !important; margin: 0 !important; padding: 0 !important; width: inherit !important; max-width: inherit !important; opacity: 0 } @media (max-width: 1700px) { .main_btr a p, .main_btr .main_btr--wrap-path p { font-size: 19px !important } } @media (max-width: 625px) { .main_btr a p, .main_btr .main_btr--wrap-path p { font-size: 18px !important } } @media (max-width: 625px) { .main_btr a p, .main_btr .main_btr--wrap-path p { opacity: 1 } } @keyframes carouseLeft100 { 0% { transform: translateX(0) } 100% { transform: translateX(calc(-50% - 50px)) } } @keyframes carouseRight100 { 0% { transform: translateX(calc(-50% - 50px)) } 100% { transform: translateX(0) } } @keyframes carouseTop100 { 0% { transform: translateY(0) } 100% { transform: translateY(calc(-50% - 50px)) } } .hero__banner--play { cursor: pointer } ._opacity { opacity: 0 } @keyframes animeScale { to { transform: scale(1) } } @keyframes animeOpacity { to { opacity: 1 } } .hero__banner { -webkit-clip-path: inset(100% 0 0 0); clip-path: inset(100% 0 0 0); transition: .8s; transform: translateY(100px); opacity: 0; overflow: hidden; padding: 0 } .hero__banner .hero__banner--wrap_path img { transform: scale(1.2); transition: 1s } .hero__banner .hero__banner--play { opacity: 0 } .hero__banner--play { opacity: 0; transition: 1.5s } .hero__banner._active { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); transform: translateY(0px); padding: 0 140px 0 0; opacity: 1 } @media (max-width: 1024px) { .hero__banner._active { padding: 0px 93px 0 0 } } .hero__banner._active .hero__banner--wrap_path img { animation: animeScale 1s 1s forwards } .hero__banner._active .hero__banner--play { animation: animeOpacity 1.7s 1.7s forwards } ._active.animation_div_single { transition: all 1.5s ease 1.5s; animation: fadein ease 1.5s forwards } ._active.animation_div { transition: all 1.5s ease 1.5s; animation: fadeinImage ease 1.8s forwards } ._active.animation_image img { transition: all 1.5s ease 1.5s; animation: fadeinImage ease 1.8s forwards } ._active.animation_strong strong { transition: all 1.5s ease 1.5s; animation: fadein ease 1.5s forwards } ._active.animation_button>div { transition: all 2.5s ease 2.5s; animation: fadeinImage ease 2.8s forwards } @media (min-width: 1024px) { ._active.main_btr { transition: .7s } ._active.main_btr a { animation: none } ._active.main_btr .circle_red, ._active.main_btr .circle_white { transform: scale(1); transition: 2s } ._active.main_btr p { transition: all 1.5s ease 1.5s; animation: fadeinImage ease 1.5s forwards } ._active.main_btr:hover { transform: scale(1.02) } } ._active.animation ul, ._active.animation ol { transition: all 1000ms ease 1s; animation: fadein ease 1.5s forwards } ._active.animation h1, ._active.animation h2, ._active.animation h3, ._active.animation h4, ._active.animation h5, ._active.animation h6, ._active.animation .teamBanner__title--h1 { transition: all 1.5s ease 1.5s; animation: fadein ease 1.5s forwards } ._active.animation p, ._active.animation a { transition: all 1.5s ease 1.5s; animation: fadein ease 1.5s forwards } ._active.animation div>strong { transition: all 1000ms ease 0s; animation: fadein ease 1s forwards } ._active.animation .main_btr a { animation: none } ._active.animation .main_btr p { transition: all 1.5s ease 1.5s; animation: fadeinImage ease 1.5s forwards } .anim-img_clip-path { background-color: rgba(236, 233, 229, 0.5); border-radius: 20px } .anim-img_clip-path img { opacity: 0 } ._active.anim-img_clip-path { animation: fadeinImage ease .8s forwards } ._active.anim-img_clip-path img { animation: fadeinImage ease 1s forwards; animation-delay: .5s } ._active.clientStoryHero__colon span, ._active.quoteMess__left span { animation: fadeinImage ease 1s forwards; transition: all 1000ms ease 1s } ._active .ourStarted__slider--data { transition: all 1000ms ease 0s; animation: fadein ease 1s forwards } .hero__banner--play_circle { animation: widthCircle 1.5s linear infinite; z-index: -1 } @keyframes fadeinTitle { from { opacity: 0; transform: translate(0px, 200%) } to { opacity: 1; transform: translate(0px, 0px) } } @keyframes fadein { from { opacity: 0; transform: translate(0px, 100%) } to { opacity: 1; transform: translate(0px, 0px) } } @keyframes fadein-left { from { opacity: 0; transform: translate(-40%, 0) } to { opacity: 1; transform: translate(0px, 0px) } } @keyframes widthCircle { 0% { transform: scale(1) } 50% { transform: scale(0.75) } 100% { transform: scale(1) } } @keyframes fadeinImage { from { opacity: 0; -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); clip-path: polygon(0 0, 0 0, 0 100%, 0 100%) } to { -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); opacity: 1 } } .dragMouse { cursor: none; position: relative } .dragMouse .swiper-slide { cursor: none !important } .dragMouse.hover .drag_slider-item { display: inline-block } .drag_slider-item { display: none; width: 70px; height: 70px; line-height: 70px; text-align: center; border-radius: 50%; background-color: rgba(0, 0, 0, 0.8); color: white; font-weight: bold; font-size: 16px; position: absolute; pointer-events: none; top: 0; left: 0; transform: translate(-50%, -50%); z-index: 999 } @keyframes fadeinStrong { 0% { opacity: 0; -webkit-clip-path: polygon(0% 100.8%, 121.3% 20.51%, 100% 0%, 0% 0%); clip-path: polygon(0% 100.8%, 121.3% 20.51%, 100% 0%, 0% 0%) } 100% { -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); opacity: 1 } } .partnerStory { margin: 100px 0 150px } @media (max-width: 1700px) { .partnerStory { margin: 100px 0 } } @media (max-width: 1024px) { .partnerStory { margin: 80px 0 100px } } .partnerStory__wrap-content { display: flex; justify-content: space-between; align-items: center } @media (max-width: 1024px) { .partnerStory__wrap-content { gap: 20px } } @media (max-width: 625px) { .partnerStory__wrap-content { gap: 45px; flex-wrap: wrap } } .partnerStory__inner-block:nth-of-type(1) { width: 50% } @media (max-width: 1024px) { .partnerStory__inner-block:nth-of-type(1) { width: 58% } } @media (max-width: 625px) { .partnerStory__inner-block:nth-of-type(1) { width: 100% } } .partnerStory__inner-block:nth-of-type(2) { width: calc(50% - 150px) } @media (max-width: 1700px) { .partnerStory__inner-block:nth-of-type(2) { width: calc(50% - 80px) } } @media (max-width: 1024px) { .partnerStory__inner-block:nth-of-type(2) { width: 40% } } @media (max-width: 625px) { .partnerStory__inner-block:nth-of-type(2) { width: 100% } } .partnerStory__item-text h6 { font-size: 18px; line-height: 28px; font-weight: 700; color: #c51a1b; letter-spacing: 1.8px; margin: 0 0 38px; text-transform: uppercase } @media (max-width: 1700px) { .partnerStory__item-text h6 { line-height: 20px; font-size: 17px } } .partnerStory__item-text h4 { font-size: 42px; font-weight: 900; color: #01040a; width: 100% } @media (max-width: 1700px) { .partnerStory__item-text h4 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .partnerStory__item-text h4 { font-size: 24px } } .partnerStory__item-text h4 strong { font-weight: 900; position: relative; display: inline-block } .partnerStory__item-text h4 strong::after { content: ""; top: 100%; left: 50%; transform: translate(-50%, -50%); width: 130%; max-width: 230px; height: 20px; background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/home/under_text.svg"); background-repeat: no-repeat; position: absolute; display: inline-block; background-size: contain } .partnerStory__item-text p { font-weight: 400; color: #01040a; line-height: 32px; font-size: 24px; line-height: 36px; margin: 37px 0 34px; width: 100%; max-width: 604px } @media (max-width: 1700px) { .partnerStory__item-text p { font-size: 18px; line-height: 25px } } .partnerStory__image { width: 100%; height: 400px; background-color: rgba(240, 240, 240, 0.99); border-radius: 20px; position: relative; display: flex; align-items: center; justify-content: center } @media (max-width: 1700px) { .partnerStory__image { height: 350px } } .partnerStory__image.partnerStory__imageFull img { width: 100%; height: 100%; object-fit: cover } .partnerStory__image img { width: 40% } @media (max-width: 625px) { .partnerStory__image img { width: 50% } } html body .gfield.gfield--type-checkbox .gfield_checkbox input { flex-shrink: 0 } html body .gfield.gfield--type-checkbox .gfield_checkbox label { position: relative !important; transform: none !important; top: 0 !important; left: 0 !important; width: 100% !important; padding: 0 !important } #gform_wrapper_1 { position: relative; max-width: 719px } body #gform_confirmation_message_5 { margin: 3em 0 3em } #gform_confirmation_wrapper_1, #gform_confirmation_wrapper_2, #gform_confirmation_message_5, #gform_confirmation_message_6, #gform_confirmation_message_7, #gform_confirmation_message_8, #gform_confirmation_message_10, #gform_confirmation_message_12, #gform_confirmation_message_13 { margin: 3em 0 3em; font-weight: 700; font-size: 24px !important; font-family: "MTTRoma" !important } #validation_message_1_3, #gform_wrapper_1 .gform_heading { display: none } .gform_ajax_spinner, #gform_1_validation_container { display: none !important } body .gform_wrapper.gravity-theme .gform_footer, body .gform_wrapper.gravity-theme .gform_page_footer { padding: 0; margin: 0; position: absolute; bottom: 8px; right: 15px } #gform_wrapper_2 .gform_heading, #gform_wrapper_5 .gform_heading, #gform_wrapper_6 .gform_heading, .gform_fields_1 .gform_heading, #gform_wrapper_7 .gform_heading, #gform_wrapper_8 .gform_heading, #gform_wrapper_10 .gform_heading, #gform_wrapper_12 .gform_heading, #gform_wrapper_13 .gform_heading { display: none } .gravity_form_style fieldset:first-child, #gform_fields_2 fieldset:first-child, #gform_fields_5 fieldset:first-child, #gform_fields_6 fieldset:first-child, #gform_fields_1 fieldset:first-child, #gform_fields_7 fieldset:first-child, #gform_fields_8 fieldset:first-child, #gform_fields_10 fieldset:first-child, #gform_fields_12 fieldset:first-child, #gform_fields_13 fieldset:first-child { margin: 54px 0 0 !important } .gravity_form_style fieldset:last-child, #gform_fields_2 fieldset:last-child, #gform_fields_5 fieldset:last-child, #gform_fields_6 fieldset:last-child, #gform_fields_1 fieldset:last-child, #gform_fields_7 fieldset:last-child, #gform_fields_8 fieldset:last-child, #gform_fields_10 fieldset:last-child, #gform_fields_12 fieldset:last-child, #gform_fields_13 fieldset:last-child { margin: 0 0 20px !important } @media (max-width: 1700px) { .gravity_form_style fieldset:last-child, #gform_fields_2 fieldset:last-child, #gform_fields_5 fieldset:last-child, #gform_fields_6 fieldset:last-child, #gform_fields_1 fieldset:last-child, #gform_fields_7 fieldset:last-child, #gform_fields_8 fieldset:last-child, #gform_fields_10 fieldset:last-child, #gform_fields_12 fieldset:last-child, #gform_fields_13 fieldset:last-child { margin: 0 0 15px !important } } .gravity_form_style>div textarea, #gform_fields_2>div textarea, #gform_fields_5>div textarea, #gform_fields_6>div textarea, #gform_fields_1>div textarea, #gform_fields_7>div textarea, #gform_fields_8>div textarea, #gform_fields_10>div textarea, #gform_fields_12>div textarea, #gform_fields_13>div textarea { padding: 36px 0 0 32px !important } @media (max-width: 625px) { .gravity_form_style>div textarea, #gform_fields_2>div textarea, #gform_fields_5>div textarea, #gform_fields_6>div textarea, #gform_fields_1>div textarea, #gform_fields_7>div textarea, #gform_fields_8>div textarea, #gform_fields_10>div textarea, #gform_fields_12>div textarea, #gform_fields_13>div textarea { min-height: 120px } } @media (max-width: 480px) { .gravity_form_style>div textarea, #gform_fields_2>div textarea, #gform_fields_5>div textarea, #gform_fields_6>div textarea, #gform_fields_1>div textarea, #gform_fields_7>div textarea, #gform_fields_8>div textarea, #gform_fields_10>div textarea, #gform_fields_12>div textarea, #gform_fields_13>div textarea { padding: 48px 0 0 32px !important } } .gravity_form_style>div textarea, #gform_fields_2>div textarea, #gform_fields_5>div textarea, #gform_fields_6>div textarea, #gform_fields_1>div textarea, #gform_fields_7>div textarea, #gform_fields_8>div textarea, #gform_fields_10>div textarea, #gform_fields_12>div textarea, #gform_fields_13>div textarea, .gravity_form_style>div input, #gform_fields_2>div input, #gform_fields_5>div input, #gform_fields_6>div input, #gform_fields_1>div input, #gform_fields_7>div input, #gform_fields_8>div input, #gform_fields_10>div input, #gform_fields_12>div input, #gform_fields_13>div input { background: #ffffff; border: 1px solid rgba(197, 26, 27, 0.15); transition: .35s; font-size: 15px !important; font-family: "MTTRoma"; font-weight: 400; color: #000000 } .gravity_form_style>div textarea::placeholder, #gform_fields_2>div textarea::placeholder, #gform_fields_5>div textarea::placeholder, #gform_fields_6>div textarea::placeholder, #gform_fields_1>div textarea::placeholder, #gform_fields_7>div textarea::placeholder, #gform_fields_8>div textarea::placeholder, #gform_fields_10>div textarea::placeholder, #gform_fields_12>div textarea::placeholder, #gform_fields_13>div textarea::placeholder, .gravity_form_style>div input::placeholder, #gform_fields_2>div input::placeholder, #gform_fields_5>div input::placeholder, #gform_fields_6>div input::placeholder, #gform_fields_1>div input::placeholder, #gform_fields_7>div input::placeholder, #gform_fields_8>div input::placeholder, #gform_fields_10>div input::placeholder, #gform_fields_12>div input::placeholder, #gform_fields_13>div input::placeholder { font-size: 15px !important; font-family: "MTTRoma"; font-weight: 400; color: #000000 } .gravity_form_style>div textarea:hover, #gform_fields_2>div textarea:hover, #gform_fields_5>div textarea:hover, #gform_fields_6>div textarea:hover, #gform_fields_1>div textarea:hover, #gform_fields_7>div textarea:hover, #gform_fields_8>div textarea:hover, #gform_fields_10>div textarea:hover, #gform_fields_12>div textarea:hover, #gform_fields_13>div textarea:hover, .gravity_form_style>div input:hover, #gform_fields_2>div input:hover, #gform_fields_5>div input:hover, #gform_fields_6>div input:hover, #gform_fields_1>div input:hover, #gform_fields_7>div input:hover, #gform_fields_8>div input:hover, #gform_fields_10>div input:hover, #gform_fields_12>div input:hover, #gform_fields_13>div input:hover { border: 1px solid #c51a1b } .gravity_form_style>div input, #gform_fields_2>div input, #gform_fields_5>div input, #gform_fields_6>div input, #gform_fields_1>div input, #gform_fields_7>div input, #gform_fields_8>div input, #gform_fields_10>div input, #gform_fields_12>div input, #gform_fields_13>div input { width: 100%; padding: 0 0 0 32px !important; height: 65px } @media (max-width: 1700px) { .gravity_form_style>div input, #gform_fields_2>div input, #gform_fields_5>div input, #gform_fields_6>div input, #gform_fields_1>div input, #gform_fields_7>div input, #gform_fields_8>div input, #gform_fields_10>div input, #gform_fields_12>div input, #gform_fields_13>div input { height: 58px } } .gravity_form_style>div.gfield_error input, #gform_fields_2>div.gfield_error input, #gform_fields_5>div.gfield_error input, #gform_fields_6>div.gfield_error input, #gform_fields_1>div.gfield_error input, #gform_fields_7>div.gfield_error input, #gform_fields_8>div.gfield_error input, #gform_fields_10>div.gfield_error input, #gform_fields_12>div.gfield_error input, #gform_fields_13>div.gfield_error input, .gravity_form_style>div.gfield_error textarea, #gform_fields_2>div.gfield_error textarea, #gform_fields_5>div.gfield_error textarea, #gform_fields_6>div.gfield_error textarea, #gform_fields_1>div.gfield_error textarea, #gform_fields_7>div.gfield_error textarea, #gform_fields_8>div.gfield_error textarea, #gform_fields_10>div.gfield_error textarea, #gform_fields_12>div.gfield_error textarea, #gform_fields_13>div.gfield_error textarea, .gravity_form_style>div.gfield_error select, #gform_fields_2>div.gfield_error select, #gform_fields_5>div.gfield_error select, #gform_fields_6>div.gfield_error select, #gform_fields_1>div.gfield_error select, #gform_fields_7>div.gfield_error select, #gform_fields_8>div.gfield_error select, #gform_fields_10>div.gfield_error select, #gform_fields_12>div.gfield_error select, #gform_fields_13>div.gfield_error select { border: 1px solid #c51a1b !important } body .getInTouch .gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 14px; grid-column-gap: 14px } #gform_wrapper_2 .gform_footer, #gform_wrapper_5 .gform_footer, #gform_wrapper_6 .gform_footer, #gform_wrapper_7 .gform_footer, #gform_wrapper_8 .gform_footer, #gform_wrapper_10 .gform_footer, #gform_wrapper_12 .gform_footer, #gform_wrapper_13 .gform_footer { position: absolute; opacity: 0; z-index: -1 } fieldset.gfield_error input { border: 1px solid #c51a1b !important } body .gform_wrapper.gravity-theme .gfield_error label { color: #000000 } .gform_validation_errors, .gfield_description { display: none !important } body #field_5_11 label, body #field_5_10 label, body #field_7_16 label { display: block !important; position: absolute !important; top: 30% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: max-content !important; text-align: center !important; z-index: 2 !important; margin: 0 !important; font-size: 18px !important; font-weight: 400 !important; color: #000000 !important } body #gfield_description_5_11, body #gfield_description_5_10, body #gfield_description_7_16 { display: block !important; position: absolute !important; top: 65% !important; left: 50% !important; transform: translate(-50%, -50%) !important; text-align: center !important; padding: 0 !important } body #gfield_description_5_11 label, body #gfield_description_5_10 label, body #gfield_description_7_16 label { width: 98% } body #gfield_description_5_11 label p, body #gfield_description_5_10 label p, body #gfield_description_7_16 label p { font-size: 12px; font-weight: 400; color: #000000; margin: 0 0 8px } body #gfield_description_5_11 label p span, body #gfield_description_5_10 label p span, body #gfield_description_7_16 label p span { text-decoration: underline } body #gfield_description_5_11 label>span, body #gfield_description_5_10 label>span, body #gfield_description_7_16 label>span { opacity: 0.5; font-size: 12px; font-weight: 400; color: #000000; display: block; margin: 0 0 8px } body #field_5_11, body #field_5_10, body #field_7_16 { position: relative } body #field_5_11 .ginput_container.ginput_container_fileupload, body #field_5_10 .ginput_container.ginput_container_fileupload, body #field_7_16 .ginput_container.ginput_container_fileupload { height: 193px; border: 2px dashed rgba(197, 26, 27, 0.15); border-radius: 10px; position: relative } #input_5_11, #input_5_10, #input_7_16 { width: 100% !important; height: 100% !important; padding: 0; opacity: 0; z-index: 99; position: relative } html body #input_5_11, html body #input_7_16 { border: inherit !important } .ginput_preview .gfield_fileupload_progress { display: none } #gform_preview_5_11, #gform_preview_5_10, #gform_preview_7_16 { position: relative; z-index: 999 } #gform_preview_5_11 .ginput_preview, #gform_preview_5_10 .ginput_preview, #gform_preview_7_16 .ginput_preview { margin: 0; padding: 16px 25px } .gform_confirmation_message { display: none } .contactUsPage .gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 14px; grid-column-gap: 14px } body #field_7_6.active label { background: white !important } .breadcrumbs { margin: 100px 0 } .breadcrumbs__items a.active { color: #c51a1b } .breadcrumbs__items a.dumb { cursor: inherit; pointer-events: none } .breadcrumbs__items a { font-size: 16px; letter-spacing: .8px; font-weight: 700; color: #000000; text-transform: uppercase } .breadcrumbs__items a:not(:last-child)::after { content: '>'; padding: 0 2px 0 5px } body .wp_content_anim { opacity: 0 } body .wp_content_anim._active { opacity: 1; transition: 2s } body .wp_content_anim ._anim-items { opacity: 0 } body .wp_content_anim ul._active, body .wp_content_anim ol._active { transition: all 1.4s ease 1.4s; animation: fadein ease 1.4s forwards } body .wp_content_anim>div._active { transition: all 1s ease 1s; animation: fadein ease 1s forwards } @media (max-width: 768px) { body .wp_content_anim--wrap-table { max-width: 1013px; overflow: auto } } body .wp_content_anim table { margin: 20px 0 45px !important } @media (max-width: 1700px) { body .wp_content_anim table { margin: 20px 0 30px !important } } @media (max-width: 1260px) { body .wp_content_anim table { margin: 20px 0 20px !important } } @media (max-width: 768px) { body .wp_content_anim table { min-width: 1013px !important } } body .wp_content_anim table.hasHeadColumn tbody tr:nth-of-type(1) { background-color: #f0f0f0 } body .wp_content_anim table.hasHeadColumn tbody tr:nth-of-type(1) td { font-size: 18px; font-weight: 400; color: #000000 } body .wp_content_anim table.customTableInsight tbody tr, body .wp_content_anim table.customTableInsight tbody td { color: white !important } body .wp_content_anim table.customTableInsight tbody tr { border-bottom: 0px solid #fff } body .wp_content_anim table.customTableInsight tbody tr:nth-of-type(1) { background-color: #7e350e } body .wp_content_anim table.customTableInsight tbody tr:nth-of-type(1) td { background-color: #7e350e !important } body .wp_content_anim table.customTableInsight tbody tr td:nth-of-type(1) { background-color: #f1a983 } body .wp_content_anim table.customTableInsight tbody tr td:nth-of-type(2) { background-color: #f1a983 } body .wp_content_anim table.customTableInsight tbody tr td { background-color: #f7c7ac } body .wp_content_anim table.customTableInsight .trCTI td:not(:nth-of-type(1)) { background-color: #7e350e } body .wp_content_anim table.customTableInsight .trCTI td:nth-of-type(1) { background-color: #f1a983 } body .wp_content_anim table li { font-weight: 400; color: #01040a; font-size: 20px; line-height: 30px } @media (max-width: 1700px) { body .wp_content_anim table li { font-size: 18px; line-height: 24px } } @media (max-width: 1441px) { body .wp_content_anim table li { font-size: 16px; line-height: 22px } } body .wp_content_anim table li:not(:last-child) { margin-bottom: 10px } body .wp_content_anim table li a { color: #C51A1B } body .wp_content_anim table thead { background-color: #fcf3f3 } body .wp_content_anim table thead th { font-size: 18px; font-weight: 700; color: #000000; padding: 20px 15px 20px 35px; text-align: left } @media (max-width: 1024px) { body .wp_content_anim table thead th { padding: 10px 15px } } body .wp_content_anim table thead td { font-size: 18px; font-weight: 700; color: #000000; padding: 20px 15px 20px 35px } @media (max-width: 1024px) { body .wp_content_anim table thead td { padding: 10px 15px } } body .wp_content_anim table tbody ul { margin: 0 } body .wp_content_anim table tbody tr { border-bottom: 5px solid #fff } body .wp_content_anim table tbody tr:nth-child(odd) { background-color: #f0f0f0 } body .wp_content_anim table tbody tr:nth-child(4n+2) { background-color: #ffffff } body .wp_content_anim table tbody tr:nth-of-type(1) { background-color: #fcf3f3 } body .wp_content_anim table tbody tr:nth-of-type(1) td { font-size: 18px; font-weight: 700; color: #000000 } body .wp_content_anim table tbody tr p { font-size: 18px; font-weight: 400; color: #000000; padding: 0 } body .wp_content_anim table tbody tr p:last-child { margin: 0 !important } body .wp_content_anim table tbody tr p:not(:last-child) { margin: 0 0 20px !important } @media (max-width: 1024px) { body .wp_content_anim table tbody tr p:not(:last-child) { margin: 0 0 14px !important } } body .wp_content_anim table tbody tr td { padding: 20px 15px 20px 35px; font-size: 18px; font-weight: 400; color: #000000 } @media (max-width: 1024px) { body .wp_content_anim table tbody tr td { padding: 10px 15px } } body .wp_content_anim table.styleNoneTable td, body .wp_content_anim table.styleNoneTable tr { border: 1px solid } body .wp_content_anim table.styleNoneTable tr { background: none !important } #gform_wrapper_1 .gform_footer.before input { margin: 0 } .gfield-choice-input { cursor: pointer } .gform_wrapper.gravity-theme .gfield--type-checkbox .gfield_label { margin-bottom: 20px } html body .filesDropCareers .gform_fileupload_multifile .gform_drop_area { border: 2px dashed rgba(197, 26, 27, 0.15); border-radius: 10px; position: relative; padding: 25px 20px; background: white } html body .filesDropCareers .gform_drop_instructions h6 { font-size: 15px; font-weight: 400; color: #000000; text-align: center; margin: 0 0 15px } html body .filesDropCareers .gform_drop_instructions p { font-size: 10px; font-weight: 400; color: #000000; margin: 0 0 3px } html body .filesDropCareers .gform_drop_instructions p span { text-decoration: underline } html body .filesDropCareers .gform_drop_instructions>span { opacity: 0.5; font-size: 10px; font-weight: 400; color: #000000; display: block; margin: 0 0 3px } html body .filesDropCareers>label { display: none !important } html body .filesDropCareers .ginput_container button { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0 } .family_office .insights, .corporate_finance .insights { padding: 100px 0 0 0 } @media only screen and (max-width: 992px) { .family_office .insights, .corporate_finance .insights { margin-bottom: 130px } } @media only screen and (max-width: 992px) { .family_office .insights__wrap-arrow, .corporate_finance .insights__wrap-arrow { bottom: -65px !important } } .family_office .insights__wrap-footer .main_btr._anim-items p, .corporate_finance .insights__wrap-footer .main_btr._anim-items p { transition: .5s } .family_office .insights__wrap-footer .main_btr._anim-items._active p, .corporate_finance .insights__wrap-footer .main_btr._anim-items._active p { opacity: 1 } .allArticles__item--author img, .heroInsights__firstItem--author img, .singleInsightsContent__author img, .insights__author img { object-fit: cover } @media (max-width: 625px) { .mobileNone { display: none !important } } .insightsSlider.insights { padding-bottom: 0 } .insights .heroInsights .insights.insightsSlider>.container { padding: 0; } .careersPage .insightsSlider { padding-bottom: 120px } @media (max-width: 1700px) { .careersPage .insightsSlider { padding-bottom: 100px } } @media (max-width: 1441px) { .careersPage .insightsSlider { padding-bottom: 90px } } @media (max-width: 625px) { .careersPage .insightsSlider { padding-bottom: 60px } } @media (max-width: 625px) { .hideImageMob.singleInsights .hero__banner-cr img { display: none } } @media (max-width: 625px) { .hideImageMob.singleInsights .hero__title h1 { margin-bottom: 0 } } .staticScriptJS { margin-bottom: 80px } @media (max-width: 625px) { .staticScriptJS { margin-bottom: 60px } } .corporateResponsibility .transparency { padding-top: 0 } .otherServices { margin: 120px 0 80px } @media (max-width: 1700px) { .otherServices { margin: 80px 0 60px } } .otherServices>.otherServices__wrap-arrow { display: none } @media (max-width: 1024px) { .otherServices>.otherServices__wrap-arrow { display: flex } } .otherServices__wrap-arrow { display: flex; gap: 30px; position: absolute; bottom: 0; right: 0 } @media (max-width: 1024px) { .otherServices__wrap-arrow { position: relative; justify-content: center; margin-top: 50px } } .otherServices__slider-prev, .otherServices__slider-next { cursor: pointer } .otherServices__slider-prev svg g { opacity: 1 } .otherServices__slider-prev.swiper-button-disabled svg g, .otherServices__slider-next.swiper-button-disabled svg g { opacity: .2 } .otherServices__slider-prev.swiper-button-disabled svg path, .otherServices__slider-next.swiper-button-disabled svg path { stroke: #c51a1b } .otherServices__head { display: flex; justify-content: space-between; gap: 50px; margin: 0 0 50px; position: relative } @media (max-width: 1700px) { .otherServices__head { margin: 0 0 40px } } @media (max-width: 1024px) { .otherServices__head { margin: 0 0 35px } } @media (max-width: 625px) { .otherServices__head { margin: 0 0 30px } } .otherServices__head .otherServices__wrap-arrow { display: flex } @media (max-width: 1024px) { .otherServices__head .otherServices__wrap-arrow { display: none } } .otherServices__title h6 { opacity: 0; font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b } .otherServices__title h5 { opacity: 0; font-weight: 900; color: #01040a; margin: 20px 0 0; font-size: 42px } @media (max-width: 1700px) { .otherServices__title h5 { font-size: 24px } } .otherServices__slider.swiper { max-width: 1920px; margin: 0 auto; width: 100%; overflow: visible; padding: 0 140px } @media (max-width: 1700px) { .otherServices__slider.swiper { padding: 0 100px } } @media (max-width: 1024px) { .otherServices__slider.swiper { padding: 0 32px } } .otherServices__slider--wrap { overflow: hidden } .otherServices__item { max-width: 400px; min-height: 400px; display: flex; flex-direction: column; justify-content: flex-end; background: #f0f0f0; padding: 30px; border-radius: 20px } @media (max-width: 1441px) { .otherServices__item { max-width: 350px; min-height: 350px } } @media (max-width: 1024px) { .otherServices__item { max-width: 300px; min-height: 300px } } .otherServices__item p { font-weight: 700; color: #1c1818; margin: 0 0 42px; font-size: 32px; line-height: normal } @media (max-width: 1700px) { .otherServices__item p { font-size: 22px } } @media (max-width: 625px) { .otherServices__item p { font-size: 20px } } @media (max-width: 1700px) { .otherServices__item p { margin: 0 0 28px } } @media (max-width: 625px) { .otherServices__item p { margin: 0 0 24px } } .otherServices__button { flex-shrink: 0 } .corporate_finance .accordionWrap__question--list>div p, .family_office .accordionWrap__question--list>div p { max-width: 100% } .corporate_finance .accordionWrap__questions, .family_office .accordionWrap__questions { width: 100% } .corporate_finance .accordionWrap__wrap_content--img, .family_office .accordionWrap__wrap_content--img { display: none } .contactUsLink { margin-top: 35px } @media (max-width: 625px) { .contactUsLink { margin-top: 25px } } @media (max-width: 625px) { .pinTopMobile .hero__title h1 { margin: 0 0 27px } } .pinTopMobile .hero.hero-active-video { margin: 44px 0 70px } @media (max-width: 625px) { .pinTopMobile .hero:not(.hero-active-video) { margin-bottom: 27px } } @media (max-width: 625px) { .pinTopMobile .hero:not(.hero-active-video) .hero__banner { display: none } } @media (max-width: 625px) { .pinTopMobile .access { margin-bottom: 44px } } @media (max-width: 625px) { .pinTopMobile .access__content { gap: 27px } } .pinTopMobile .hero-active-video { display: none } @media (max-width: 625px) { .pinTopMobile .hero-active-video { display: block } } @media (max-width: 625px) { .pinTopMobile .access__container--img-inner { display: none } } .teamtailor-jobs-widget .teamtailor-jobs__job { display: flex; align-items: center; column-gap: 50px; row-gap: 15px; flex-wrap: wrap } .teamtailor-jobs-widget .teamtailor-jobs__job a { font-weight: 700; font-size: 32px; -webkit-text-decoration: revert; text-decoration: revert; color: #c51a1b } @media (max-width: 1700px) { .teamtailor-jobs-widget .teamtailor-jobs__job a { font-size: 22px; font-weight: 700 } } .teamtailor-jobs-widget .teamtailor-jobs__job span { font-size: 32px; font-weight: 400; color: #01040a } @media (max-width: 1700px) { .teamtailor-jobs-widget .teamtailor-jobs__job span { font-size: 22px; font-weight: 700 } } .teamtailor-jobs-widget .teamtailor-jobs__job-info { display: block } body>.teamtailor-jobs-widget { opacity: 0; z-index: -1; position: absolute } .transparency__download--show .transparency__download--item { display: none } .transparency__download--show .transparency__download--item:nth-of-type(-n+3) { display: block } .transparency__download--btr { margin-top: 60px } @media (max-width: 625px) { .transparency__download--btr { margin-top: 40px } } .transparency__download--btr .main_btr--wrap-path { justify-content: center } .space120 { padding: 60px 0 } @media (max-width: 1024px) { .space120 { padding: 40px 0 } } @media (max-width: 625px) { .space120 { padding: 30px 0 } } .videoPopup, .videoPopupSecond { position: fixed !important; overflow: hidden; display: flex; flex-direction: column; row-gap: 50px; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: .8s; width: 0; height: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-left: 20px; padding-right: 20px } @media (max-width: 500px) { .videoPopup, .videoPopupSecond { padding-bottom: 95px } } .videoPopup__exit__ { background: rgba(24, 24, 24, 0.53); position: fixed; top: 0; left: 0; width: 100%; height: 100% } .videoPopup.active, .videoPopupSecond.active { z-index: 999999 !important; opacity: 1; visibility: visible; width: 100%; height: 100vh } .videoPopup__video { max-width: 90%; width: 100%; height: 80vh; position: relative } .videoPopup__video .videoPopup__exit-iframe { cursor: pointer; top: -60px; right: -0px; z-index: 2 } .videoPopup__video:before { position: absolute; width: 100%; height: calc(100% - 100px); left: 0px; top: 50%; transform: translateY(-50%); border-radius: 25px; background: #D3D3D3 } .videoPopup__video iframe { width: 100%; height: 100%; object-fit: cover; border-radius: 19px; position: relative; z-index: 999 } @media (max-width: 765px) { .videoPopup__video { height: 400px; max-width: 95% } } @media (max-width: 480px) { .videoPopup__video { height: 320px; max-width: 100% } } .videoPopup__exit, .videoPopup__exit-iframe { position: absolute; top: 0px; right: 0px; cursor: pointer; background: rgba(255, 255, 255, 0.4); display: flex } .videoPopup__exit svg, .videoPopup__exit-iframe svg { width: 40px; height: 40px } .videoPopup__clos { display: block; width: 100%; height: 100%; z-index: 1; position: fixed; top: 0; left: 0 } .closed-pupap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(26, 16, 16, 0.9); z-index: -1 } .closed-pupap .close-popup-choise { position: absolute; top: 0em; right: .2em; z-index: 999; animation-duration: .5s; animation-fill-mode: both; animation-name: fadeInDownQ } .closed-pupap .qodef-m-lines { position: relative; display: block; width: 31px; height: 22px; margin: 15px } .closed-pupap .qodef-m-lines .qodef_1 { position: absolute; left: 0; height: 2px; width: 100%; background-color: #fff; top: 13px; transform: rotate(45deg); transition: top .3s ease, transform .3s ease; transition-delay: .4s } .closed-pupap .qodef-m-lines .qodef_2 { top: 13px; position: absolute; height: 2px; width: 100%; background-color: #fff; transform: rotate(-45deg); transition: top .3s ease, transform .3s ease; transition-delay: .4s } .video-popup-player { width: 100%; height: 100% } .video-popup-player_p { margin: 0 auto; display: block; width: 100%; height: 100%; z-index: 9999; position: relative; object-fit: cover; border-radius: 19px } @keyframes fadeInDownQ { 0% { opacity: 1; transform: translateX(1em) } } #vimeoPlayer { width: 100%; height: 100% } .scroll .header__container { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background-color: rgba(250, 250, 248, 0.5); border-bottom-left-radius: 25px; border-bottom-right-radius: 25px } .homePage .scroll .header__mobile_icon>div, .privacyPolicy .scroll .header__mobile_icon>div, .contactUsPage .scroll .header__mobile_icon>div { background: #000000 } .homePage .scroll .header__mobile--wrap_white-circle>div, .privacyPolicy .scroll .header__mobile--wrap_white-circle>div, .contactUsPage .scroll .header__mobile--wrap_white-circle>div { background-color: #000000 } .homePage .scroll .header__inner a img:nth-of-type(1), .privacyPolicy .scroll .header__inner a img:nth-of-type(1), .contactUsPage .scroll .header__inner a img:nth-of-type(1) { display: none } .homePage .scroll .header__inner a img:nth-of-type(2), .privacyPolicy .scroll .header__inner a img:nth-of-type(2), .contactUsPage .scroll .header__inner a img:nth-of-type(2) { display: block } .homePage .scroll .header__wrap-nav>ul>li.active>a, .privacyPolicy .scroll .header__wrap-nav>ul>li.active>a, .contactUsPage .scroll .header__wrap-nav>ul>li.active>a { color: #c51a1b; transition: .35s } .homePage .scroll .>ul>li:hover>a, .privacyPolicy .scroll .header__wrap-nav>ul>li:hover>a, .contactUsPage .scroll .header__wrap-nav>ul>li:hover>a { color: #c51a1b } .homePage .scroll .header__wrap-nav>ul>li>a, .privacyPolicy .scroll .header__wrap-nav>ul>li>a, .contactUsPage .scroll .header__wrap-nav>ul>li>a { color: #000000; transition: .35s } .homePage .header__mobile_icon>div, .privacyPolicy .header__mobile_icon>div, .contactUsPage .header__mobile_icon>div { background: #fff } .homePage .header__mobile--wrap_white-circle>div, .privacyPolicy .header__mobile--wrap_white-circle>div, .contactUsPage .header__mobile--wrap_white-circle>div { background-color: #fff } .homePage .header__inner a img:nth-of-type(1), .privacyPolicy .header__inner a img:nth-of-type(1), .contactUsPage .header__inner a img:nth-of-type(1) { display: block } .homePage .header__inner a img:nth-of-type(2), .privacyPolicy .header__inner a img:nth-of-type(2), .contactUsPage .header__inner a img:nth-of-type(2) { display: none } .homePage .header__wrap-nav>ul>li.active>a, .privacyPolicy .header__wrap-nav>ul>li.active>a, .contactUsPage .header__wrap-nav>ul>li.active>a { color: #c51a1b; transition: .35s } .homePage .header__wrap-nav>ul>li:hover>a, .privacyPolicy .header__wrap-nav>ul>li:hover>a, .contactUsPage .header__wrap-nav>ul>li:hover>a { color: #c51a1b } .homePage .header__wrap-nav>ul>li>a, .privacyPolicy .header__wrap-nav>ul>li>a, .contactUsPage .header__wrap-nav>ul>li>a { color: #fff; transition: .35s } .privacyPolicy .header__wrap-nav>ul>li.active>a { color: #ffffff; transition: .35s } .privacyPolicy .header__wrap-nav>ul>li::after { background: #ffffff } .privacyPolicy .header__wrap-nav>ul>li:hover>a { color: #ffffff } .privacyPolicy .header__wrap-nav>ul>li>a { color: #fff; transition: .35s } .header { transition: .35s; position: fixed; top: 0; left: 0; width: 100%; box-sizing: border-box; z-index: 999 } .header--closes { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: none } .header--closes.active { display: block } .header__popup { position: relative; z-index: 2 } .header__container-close_top { position: absolute; top: 0; right: 0; width: 70%; height: 35% } @media (max-width: 1260px) { .header__container-close_top { display: none } } .header__container-close { position: absolute; top: 0; left: 0; width: 31%; height: 100% } @media (max-width: 1760px) { .header__container-close { width: 28% } } @media (max-width: 1700px) { .header__container-close { width: 21% } } @media (max-width: 1260px) { .header__container-close { display: none } } .header__close { position: absolute; width: 100%; height: 120%; top: 0; left: 0; background: #cccccc00 } @media (max-width: 1260px) { .header__close { display: none } } .header__insights--wrap-items { width: 100%; display: grid; grid-template-columns: repeat(1, 1fr); column-gap: 0px; row-gap: 25px } .header__insights--item { transition: .55s; padding: 1em; border-radius: 20px } .header__insights--item:nth-child(n+4) { display: none } .header__insights--item:hover { background: #fff } .header__insights--img { border-radius: 20px; width: 40%; height: auto } .header__insights--wrap { display: flex; gap: 20px; margin: 0 0 20px } .header__insights--wrap>img { object-fit: cover; object-position: center; max-width: 100px; height: 100px } .header__insights--wrap>div h6 { font-size: 14px; font-weight: 700; color: #c51a1b; text-transform: uppercase; letter-spacing: inherit; letter-spacing: inherit; margin: 0 0 15px } .header__insights--wrap>div p { font-weight: 600; color: #01040a; font-size: 16px } .header__insights--author { display: flex; gap: 19px; margin: 22px 0 0; align-items: center } .header__insights--author img { width: 45px; height: 42px; border-radius: 50%; object-fit: cover; object-position: center } .header__insights--author p { font-weight: 400; font-size: 18px; line-height: 28px; color: #000000; margin: 0 0 3px } @media (max-width: 1700px) { .header__insights--author p { line-height: 20px; font-size: 17px } } .header__insights--author p:last-child { margin: 0 } .header__insight { padding: 30px 16px 0; background: #f0f0f0; width: 66.77% } .header__insight>a { text-align: center; color: #000; font-size: 18px; font-weight: 600; transition: .35s; display: block; margin: 50px 0 0 } .header__insight>a:hover { color: #c51a1b } .header__insight--wrap-items { width: 100%; display: grid; grid-template-columns: repeat(1, 1fr); column-gap: 20px; row-gap: 25px } @media (max-width: 1441px) { .header__insight--wrap-items { grid-template-columns: repeat(1, 1fr) } } .header__insight--item { transition: .55s; padding: 1em; border-radius: 20px } @media (max-width: 1441px) { .header__insight--item:nth-child(n+4) { display: none } } .header__insight--item:hover { background: #fff } .header__insight--img { border-radius: 20px; width: 40%; height: auto } .header__insight--wrap { display: flex; gap: 20px } .header__insight--wrap>img { object-fit: cover; object-position: center; max-height: 200px; max-width: 200px } .header__insight--wrap>div { display: flex; flex-direction: column; justify-content: space-between } .header__insight--wrap>div h6 { font-size: 14px; font-weight: 700; color: #c51a1b; text-transform: uppercase; letter-spacing: inherit; letter-spacing: inherit; margin: 0 0 15px } .header__insight--p { font-weight: 700; color: #01040a; font-size: 24px; line-height: 36px } @media (max-width: 1700px) { .header__insight--p { font-size: 18px; line-height: 25px } } .header__insight--author { display: flex; gap: 19px; margin: 22px 0 0; align-items: center } .header__insight--author img { width: 45px; height: 42px; border-radius: 50%; object-fit: cover; object-position: center } .header__insight--author p { font-weight: 400; font-size: 18px; line-height: 28px; color: #000000; margin: 0 0 3px } @media (max-width: 1700px) { .header__insight--author p { line-height: 20px; font-size: 17px } } .header__insight--author p:last-child { margin: 0 } .header__insights.header__popup--level-li.active .header__popup--level-two { width: 100%; display: inherit } .header__insights.header__popup--level-li.active .header__popup--level-two>a { text-align: center; color: #000; font-size: 18px; font-weight: 600; transition: .35s } .header__insights.header__popup--level-li.active .header__popup--level-two>a:hover { color: #c51a1b } @media (max-width: 1700px) { .header__insights.header__popup--level-li.active .header__insights--wrap-items { grid-template-columns: repeat(1, 1fr) } } .header__container { z-index: 2; position: relative; max-width: 1920px; margin: 0 auto; width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 10px 52px 0 } @media (max-width: 1700px) { .header__container { padding: 10px 40px 0 } } @media (max-width: 1520px) { .header__container { padding: 10px 40px 0 } } @media (max-width: 1380px) { .header__container { padding: 10px 30px 15px } } @media (max-width: 1340px) { .header__container { padding: 10px 48px 15px } } @media (max-width: 1024px) { .header__container { padding: 10px 45px 15px } } @media (max-width: 625px) { .header__container { padding: 10px 32px 15px } } .header__inner { position: relative; z-index: 2 } .header__inner a, .header__inner div { display: block; width: 190px; height: auto } @media (max-width: 1700px) { .header__inner a, .header__inner div { width: 180px } } @media (max-width: 1520px) { .header__inner a, .header__inner div { width: 161px } } @media (max-width: 1024px) { .header__inner a, .header__inner div { width: 150px } } @media (max-width: 625px) { .header__inner a, .header__inner div { width: 130px } } .header__inner a img, .header__inner div img { width: 100%; height: auto } .header__wrap-nav { position: relative; z-index: 2 } @media (max-width: 1340px) { .header__wrap-nav { display: none } } .header__wrap-nav>ul { padding: 20px 0; width: 100%; justify-content: space-between; display: flex; gap: 35px } @media (max-width: 1700px) { .header__wrap-nav>ul { gap: 30px } } @media (max-width: 1520px) { .header__wrap-nav>ul { gap: 17px } } .header__wrap-nav>ul>li { position: relative; transition: .35s; cursor: pointer; margin: 0 } .header__wrap-nav>ul>li:after { content: ''; position: absolute; top: -30px; left: 0; height: 6px; width: 100%; background: #c51a1b; opacity: 0; transition: .35s } @media (max-width: 1520px) { .header__wrap-nav>ul>li:after { height: 5px } } .header__wrap-nav>ul>li:hover:after { content: ''; opacity: 1 } .header__wrap-nav>ul>li:hover>a { font-weight: 600; color: #c51a1b } .header__wrap-nav>ul>li>a { display: inline-block; font-size: 15px; font-weight: 400; color: #000; transition: .35s; width: max-content } .header__wrap-nav>ul>li>a::before { display: block; content: attr(title); font-weight: 600; height: 0; overflow: hidden; visibility: hidden } .header__wrap-nav>ul>li.active:after { opacity: 1 } .header__wrap-nav>ul>li.active>a { color: #c51a1b; font-weight: 700 } .header__popup.active { display: flex; justify-content: space-between } .header__popup { background: #f0f0f0; max-width: 1920px; margin: 0 auto; height: 92vh; display: none } .header__popup--menu { width: 26%; background: #fff } .header__popup--menu h3 { padding: 0 0 0 140px } @media (max-width: 1700px) { .header__popup--menu h3 { padding: 0 0 0 60px } } .header__popup--menu ul .activHov { transition: .35s; font-size: 18px; font-weight: 700; color: #c51a1b; background: #f0f0f0 } .header__popup--menu ul .activHov::after { background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/arrow_red-right.svg") } .header__popup--menu ul li a { padding: 0; cursor: pointer } .header__popup--menu ul li, .header__popup--menu ul a { padding: 27px 62px 30px 140px } @media (max-width: 1700px) { .header__popup--menu ul li, .header__popup--menu ul a { padding: 27px 62px 30px 60px } } .header__popup--menu ul a { cursor: pointer; font-size: 18px; font-weight: 400; color: #000000; transition: .35s } .header__popup--menu ul a:hover { font-size: 18px; font-weight: 700; color: #c51a1b; background: #f0f0f0 } .header__popup--ul_nav { padding: 71px 0 0; display: flex; flex-direction: column; gap: 56px; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none } .header__popup--ul_nav::-webkit-scrollbar { display: none } .header__popup--ul_nav h3 { font-size: 24px; line-height: 36px; text-transform: uppercase; font-weight: 700; color: #000000 } @media (max-width: 1700px) { .header__popup--ul_nav h3 { font-size: 18px; line-height: 25px } } .header__popup--ul_nav ul { display: flex; flex-direction: column } .header__popup--ul_nav ul .activHov { transition: .35s; font-size: 18px; font-weight: 700; color: #c51a1b; background: #f0f0f0 } .header__popup--ul_nav ul .activHov a { font-size: 18px; font-weight: 700; color: #c51a1b; cursor: pointer } .header__popup--ul_nav ul .activHov::after { background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/arrow_red-right.svg") } .header__popup--ul_nav ul li { font-size: 18px; font-weight: 400; color: #000000; display: flex; justify-content: space-between; align-items: center; gap: 15px; transition: .35s; cursor: pointer } .header__popup--ul_nav ul li::after { content: ''; display: block; width: 12px; height: 19px; background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/arrow_right.svg"); background-repeat: no-repeat; background-position: center } .header__popup--internal_items { width: 48%; background: #f0f0f0 } .header__popup--img { width: 26%; position: relative } .header__popup--img img.show { -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); opacity: 1 } .header__popup--img img { width: 100%; height: 100%; object-fit: cover; object-position: center center; opacity: 0; transition: .6s; -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); clip-path: polygon(0 0, 0 0, 0 100%, 0 100%) } .header__popup--level-one { padding: 71px 78px 0 68px } .header__popup--level-li { display: flex; justify-content: space-between; gap: 20px } .header__popup--level-li.active .header__popup--level-two { display: flex } .header__popup--level-two { width: 50%; padding: 0 } .header__popup--level-two ul .activeHov { font-size: 18px; font-weight: 700; color: #c51a1b; background: #f0f0f0 } .header__popup--level-two ul .activeHov::after { background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/arrow_red-right.svg") } .header__popup--level-two ul li { padding: 27px 32px 30px 0px } .header__popup--level-two ul li a { padding: 0 } .header__popup--level-two ul a { font-size: 18px; font-weight: 400; color: #000000; transition: .35s; padding: 27px 0px 30px 0px } .header__popup--inner-level-two { width: 50%; display: flex; flex-direction: column; gap: 56px; max-width: 300px } .header__popup--inner-level-two h3 { font-size: 24px; line-height: 36px; text-transform: uppercase; font-weight: 700; color: #000000 } @media (max-width: 1700px) { .header__popup--inner-level-two h3 { font-size: 18px; line-height: 25px } } .header__popup--inner-level-two ul { display: flex; flex-direction: column } .header__popup--inner-level-two ul li a { padding: 0; display: block } .header__popup--inner-level-two ul li, .header__popup--inner-level-two ul a { padding: 27px 0 30px 0px; font-size: 18px; font-weight: 400; color: #000000; display: flex; justify-content: space-between; align-items: center; gap: 15px; transition: .35s; cursor: pointer } .header__popup--inner-level-two ul li:hover, .header__popup--inner-level-two ul a:hover { font-size: 18px; font-weight: 700; color: #c51a1b } .header__popup--level-three { display: flex; flex-direction: column; gap: 56px } .header__popup--level-three.active { display: flex } .header__popup--level-two, .header__popup--level-three { display: none } .header__popup.header__popup1 .header__popup--menu, .header__popup.header__popup1 .header__popup--internal_items, .header__popup.header__popup1 .header__popup--img { width: 33.33% } .header__popup.header__popup1 .header__popup--level-two { width: 100% } .header__popup.header__popup1 .header__popup--inner-level-two { display: none } .header__popup.header__popup1 .header__popup--level-one { padding: 162px 28px 0 68px } @media (max-width: 1700px) { .header__popup.header__popup1 .header__popup--level-one { padding: 155px 28px 0 68px } } .header__popup.header__popup2 .header__popup--menu, .header__popup.header__popup2 .header__popup--internal_items, .header__popup.header__popup2 .header__popup--img { width: 33.33% } .header__popup.header__popup2 .header__popup--level-two { width: 100% } .header__popup.header__popup2 .header__popup--inner-level-two { display: none } .header__popup.header__popup2 .header__popup--level-one { padding: 162px 28px 0 68px } @media (max-width: 1700px) { .header__popup.header__popup2 .header__popup--level-one { padding: 155px 28px 0 68px } } .header__popup.header__popup3 .header__popup--menu, .header__popup.header__popup3 .header__popup--internal_items, .header__popup.header__popup3 .header__popup--img { width: 33.33% } .header__popup.header__popup3 .header__popup--level-two { width: 100% } .header__popup.header__popup3 .header__popup--inner-level-two { display: none } .header__popup.header__popup3 .header__popup--level-one { padding: 162px 28px 0 68px } @media (max-width: 1700px) { .header__popup.header__popup3 .header__popup--level-one { padding: 155px 28px 0 68px } } .header__popup.header__popup4 .header__popup--menu, .header__popup.header__popup4 .header__popup--internal_items, .header__popup.header__popup4 .header__popup--img { width: 33.33% } .header__popup.header__popup4 .header__popup--level-two { width: 100% } .header__popup.header__popup4 .header__popup--inner-level-two { display: none } .header__popup.header__popup4 .header__popup--level-one { padding: 162px 28px 0 68px } @media (max-width: 1700px) { .header__popup.header__popup4 .header__popup--level-one { padding: 155px 28px 0 68px } } .header__popup.header__popup5 .header__popup--menu, .header__popup.header__popup5 .header__popup--internal_items, .header__popup.header__popup5 .header__popup--img { width: 33.33% } .header__popup.header__popup5 .header__popup--level-two { width: 100% } .header__popup.header__popup5 .header__popup--inner-level-two { display: none } .header__popup.header__popup5 .header__popup--level-one { padding: 162px 28px 0 68px } @media (max-width: 1700px) { .header__popup.header__popup5 .header__popup--level-one { padding: 155px 28px 0 68px } } .header__popup.header__popup6 .header__popup--menu, .header__popup.header__popup6 .header__popup--internal_items, .header__popup.header__popup6 .header__popup--img { width: 33.33% } .header__popup.header__popup6 .header__popup--level-two { width: 100% } .header__popup.header__popup6 .header__popup--inner-level-two { display: none } .header__popup.header__popup6 .header__popup--level-one { padding: 162px 28px 0 68px } @media (max-width: 1700px) { .header__popup.header__popup6 .header__popup--level-one { padding: 155px 28px 0 68px } } .header__popup.header__popup7 .header__popup--menu, .header__popup.header__popup7 .header__popup--internal_items, .header__popup.header__popup7 .header__popup--img { width: 33.33% } .header__popup.header__popup7 .header__popup--level-two { width: 100% } .header__popup.header__popup7 .header__popup--inner-level-two { display: none } .header__popup.header__popup7 .header__popup--level-one { padding: 162px 28px 0 68px } @media (max-width: 1700px) { .header__popup.header__popup7 .header__popup--level-one { padding: 155px 28px 0 68px } } .header__popup.header__popup8 .header__popup--menu, .header__popup.header__popup8 .header__popup--internal_items, .header__popup.header__popup8 .header__popup--img { width: 33.33% } .header__popup.header__popup8 .header__popup--level-two { width: 100% } .header__popup.header__popup8 .header__popup--inner-level-two { display: none } .header__popup.header__popup8 .header__popup--level-one { padding: 162px 28px 0 68px } @media (max-width: 1700px) { .header__popup.header__popup8 .header__popup--level-one { padding: 155px 28px 0 68px } } .header__popup.header__popup9 .header__popup--menu, .header__popup.header__popup9 .header__popup--internal_items, .header__popup.header__popup9 .header__popup--img { width: 33.33% } .header__popup.header__popup9 .header__popup--level-two { width: 100% } .header__popup.header__popup9 .header__popup--inner-level-two { display: none } .header__popup.header__popup9 .header__popup--level-one { padding: 162px 28px 0 68px } @media (max-width: 1700px) { .header__popup.header__popup9 .header__popup--level-one { padding: 155px 28px 0 68px } } .header__popup.header__popup10 .header__popup--menu, .header__popup.header__popup10 .header__popup--internal_items, .header__popup.header__popup10 .header__popup--img { width: 33.33% } .header__popup.header__popup10 .header__popup--level-two { width: 100% } .header__popup.header__popup10 .header__popup--inner-level-two { display: none } .header__popup.header__popup10 .header__popup--level-one { padding: 162px 28px 0 68px } @media (max-width: 1700px) { .header__popup.header__popup10 .header__popup--level-one { padding: 155px 28px 0 68px } } .homePage .header__mobile_icon>div { background: #fff } .layerServices a, .layerNews a, .layerAbout a { transition: .35s; cursor: pointer } .layerServices a p, .layerNews a p, .layerAbout a p { transition: .35s } .layerServices a:hover, .layerNews a:hover, .layerAbout a:hover { color: #c51a1b } .layerServices a:hover p, .layerNews a:hover p, .layerAbout a:hover p { color: #c51a1b } .header__mobile_icon { cursor: pointer; display: none } @media (max-width: 1340px) { .header__mobile_icon { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 6px; row-gap: 6px } } .header__mobile_icon>div { background: #000; width: 12px; height: 12px; border-radius: 50% } .header__navigation.active { display: block } .header__wrap-navigation { width: 100%; max-width: 1920px; margin: 0 auto; padding: 0 52px; position: relative } @media (max-width: 1700px) { .header__wrap-navigation { padding: 0 40px } } @media (max-width: 1380px) { .header__wrap-navigation { padding: 0 30px } } @media (max-width: 1340px) { .header__wrap-navigation { padding: 0 48px } } .header .layerNews .header__about--navigation { width: 40% } .header .layerNews__wrap { display: flex; justify-content: space-between; width: calc(60% - 40px) } .header .layerNews__wrap>div { width: calc(50% - 20px) } .header__services--title { font-size: 24px; line-height: 1; font-weight: normal; color: #ffffff; text-transform: uppercase; margin-bottom: 60px } @media (max-width: 1920px) { .header__services--title { margin-bottom: 3.125vw } } .header__services--navigation { display: grid; grid-template-columns: repeat(4, 1fr); gap: 145px } @media (max-width: 1920px) { .header__services--navigation { gap: 7.552vw } } .header__services--navigation__wrap { display: flex; flex-direction: column; gap: 32px } .header__services--item__title { font-size: 18px; line-height: 1; font-weight: normal; color: #ffffff; display: block; text-transform: uppercase } .header__services--item__list { margin-top: 20px } .header__services--item__list a { font-size: 14px; line-height: 1; font-weight: normal; color: #ffffff; display: block } .header__services--item__list a:not(:last-child) { margin-bottom: 8px } .header__about--wrap { display: flex; justify-content: space-between } .header__about--wrap>div { width: calc(50% - 40px) } .header__about--title { font-size: 24px; line-height: 1; font-weight: normal; color: #ffffff; margin-bottom: 49px; display: block; text-transform: uppercase } @media (max-width: 1920px) { .header__about--title { margin-bottom: 2.552vw } } .header__about--item { display: block } .header__about--item:not(:last-child) { margin-bottom: 49px } @media (max-width: 1920px) { .header__about--item:not(:last-child) { margin-bottom: 2.552vw } } .header__about--item__title { font-size: 22px; font-weight: normal; color: #ffffff; text-transform: uppercase } .header__about--item__navigation { margin-top: 22px } .header__about--item__navigation a { display: block; font-size: 14px; line-height: 1; font-weight: normal; color: #ffffff; line-height: normal } .header__about--item__navigation a:not(:last-child) { margin-bottom: 7px } .header__about--news__item { display: block } .header__about--news__item:not(:last-child) { margin-bottom: 59px } @media (max-width: 1920px) { .header__about--news__item:not(:last-child) { margin-bottom: 3.073vw } } .header__about--news__item P { font-weight: normal; color: #ffffff; line-height: normal } .header__about--news__item P:not(:nth-of-type(2)) { font-size: 14px; line-height: 1 } .header__about--news__item P:nth-of-type(2) { font-size: 18px; margin: 30px 0 20px } @media (max-width: 1700px) { .header__about--news__item P:nth-of-type(2) { margin: 22px 0 16px } } .header__navigation { display: none; position: relative; width: 100% } .header__navigation.header__services .header__navigation--nav, .header__navigation.header__about .header__navigation--nav { margin: 0; position: absolute; top: 40px; right: 40px } @media (max-width: 1700px) { .header__navigation.header__services .header__navigation--nav, .header__navigation.header__about .header__navigation--nav { top: 35px; right: 35px } } .header__navigation.header__services .header__navigation--container, .header__navigation.header__about .header__navigation--container { background: #01040A; padding: 80px 100px 140px; height: auto; max-height: 840px; overflow-x: auto } .header__navigation.header__services .header__navigation--container::-webkit-scrollbar, .header__navigation.header__about .header__navigation--container::-webkit-scrollbar { display: none } @media (max-width: 1920px) { .header__navigation.header__services .header__navigation--container, .header__navigation.header__about .header__navigation--container { padding: 80px 5.208vw 7.292vw } } @media (max-width: 1700px) { .header__navigation.header__services .header__navigation--container, .header__navigation.header__about .header__navigation--container { padding: 75px 5.208vw 6.5vw } } @media (max-width: 1441px) { .header__navigation.header__services .header__navigation--container, .header__navigation.header__about .header__navigation--container { padding: 70px 5.208vw 5.5vw } } .header__navigation--layers { padding: 0 52px 0 } @media (max-width: 1700px) { .header__navigation--layers { padding: 0 46px } } .header__navigation--container.hiddenObject { opacity: 0 } .header__navigation--container { width: 100%; max-height: max-content; background: #f0f0f0; border-radius: 20px; box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.16); padding: 85px 65px 100px 137px; position: relative } @media (max-width: 1700px) { .header__navigation--container { padding: 62px 51px 62px 105px } } .header__navigation--nav { display: flex; justify-content: space-between; margin: 0 0 5px } .header__navigation--back { cursor: pointer } .header__navigation--back p { font-size: 18px; font-weight: 400; color: #01040a; line-height: 24px; display: flex; gap: 18px; align-items: center } @media (max-width: 1700px) { .header__navigation--back p { font-size: 15px; gap: 13px } } .header__navigation--back p::before { content: ''; width: 15px; height: 19px; background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/header/arrow-left.svg"); background-size: contain; background-repeat: no-repeat } @media (max-width: 1700px) { .header__navigation--back p::before { width: 10px; height: 16px } } .header__navigation--close { font-size: 18px; font-weight: 700; color: #c51a1b; line-height: 24px; letter-spacing: 3.6px; text-align: end; cursor: pointer } @media (max-width: 1700px) { .header__navigation--close { font-size: 14px; font-weight: 700; color: #c51a1b; line-height: 19px; letter-spacing: 2.8px } } .header__navigation--title h2 { font-size: 32px; font-weight: 700; color: #000000; line-height: 45px; margin: 0 0 15px } @media (max-width: 1700px) { .header__navigation--title h2 { font-size: 24px; margin: 0 0 10px } } @media (max-width: 1024px) { .header__navigation--title h2 { font-size: 20px } } .header__navigation--title p { font-size: 18px; font-weight: 400; color: #01040a; line-height: 24px; width: 100%; max-width: 711px; min-height: 60px } @media (max-width: 1024px) { .header__navigation--title p { font-size: 16px; line-height: 22px; min-height: inherit } } @media (max-width: 625px) { .header__navigation--title p { font-size: 14px; line-height: 20px } } .header__navigation--items { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 35px; row-gap: 30px; width: 100%; margin: 40px 0 0 } @media (max-width: 1700px) { .header__navigation--items { column-gap: 35px; row-gap: 25px; margin: 35px 0 0 } } .header__navigation--item-title { cursor: pointer; width: 100%; max-width: 386px; height: 100%; min-height: 130px; background: #ffffff; border-radius: 20px; padding: 26px 32px 25px; transition: .45s; display: flex; flex-direction: column; justify-content: space-between; gap: 10px } @media (max-width: 1700px) { .header__navigation--item-title { min-height: 100px; padding: 30px 32px 25px } } .header__navigation--item-title:hover { background: #c51a1b } .header__navigation--item-title:hover h3 { color: #ffffff } .header__navigation--item-title:hover svg path { stroke: #ffffff } .header__navigation--item-title h3 { font-size: 24px; font-weight: 700; color: #000000; transition: .45s } @media (max-width: 1700px) { .header__navigation--item-title h3 { font-size: 18px } } .header__navigation--item-title svg path { transition: .45s; stroke: #C51A1B } .header__navigation--layer-link { margin: 25px 0 0 } .header__navigation--layer-link a { display: flex; gap: 20px; align-items: center; font-size: 18px; font-weight: 400; color: #c51a1b; line-height: 24px } @media (max-width: 1024px) { .header__navigation--layer-link a { font-size: 14px; line-height: 19px; gap: 10px } } .header__navigation--layer-link a::after { content: ''; width: 15px; height: 19px; background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/header/arrow-right.svg"); background-repeat: no-repeat; background-size: contain } @media (max-width: 1024px) { .header__navigation--layer-link a::after { width: 12px; height: 17px } } .header__navigation--layer.active { display: block } .header__navigation--layer.active .header__navigation--nav { margin: 0 0 30px } .header__navigation--layer { display: none; width: 100%; max-height: max-content; background: #f0f0f0; border-radius: 20px; box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.16); margin: 0 auto; position: absolute; top: 0; left: 0; padding: 85px 65px 100px 137px } @media (max-width: 1700px) { .header__navigation--layer { padding: 62px 51px 62px 105px } } .header__navigation--insights { display: flex; justify-content: space-between } .header__navigation--insights .header__navigation--title:nth-of-type(1) { width: calc(64% - 15px) } .header__navigation--insights .header__navigation--title:nth-of-type(2) { width: calc(36% - 15px) } .header__navigation--insights_items { display: flex; gap: 26px; margin: 35px 0 0 } .header__navigation--insights_item { width: 100%; max-width: 446px; background: #ffffff; border-radius: 20px; display: flex } .header__navigation--insights_image { width: 100%; max-width: 193px; max-height: 359px } @media (max-width: 1340px) { .header__navigation--insights_image { height: 300px } } @media (max-width: 1024px) { .header__navigation--insights_image { height: 250px } } .header__navigation--insights_image img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 20px } .header__navigation--insights_content { padding: 37px 28px; display: flex; flex-direction: column; justify-content: space-between; gap: 20px } @media (max-width: 1024px) { .header__navigation--insights_content { padding: 20px } } .header__navigation--insights_date p { font-size: 12px; font-weight: 500; color: #000000; line-height: 19px } .header__navigation--insights_date p:nth-of-type(2) { color: #c51a1b; font-weight: 600 } .header__navigation--insights_date p:not(:last-child) { margin: 0 0 3px } .header__navigation--insights_title h3 { font-size: 18px; font-weight: 700; color: #000000; line-height: 26px } @media (max-width: 1024px) { .header__navigation--insights_title h3 { font-size: 14px; line-height: 20px; font-weight: 700 } } .header__navigation--insights_author { display: flex; gap: 14px; align-items: center } @media (max-width: 1024px) { .header__navigation--insights_author { gap: 12px } } .header__navigation--insights_author img { width: 33px; height: 32px; border-radius: 16px; object-fit: cover; object-position: center top } .header__navigation--insights_author p { font-size: 12px; font-weight: 500; color: #000000; line-height: 22px } @media (max-width: 1024px) { .header__navigation--insights_author p { line-height: 16px; font-size: 10px } } .header__navigation--events { display: flex; gap: 30px } .header__navigation--events .header__navigation--insights_items { width: calc(64% - 15px) } .header__navigation--events .header__navigation--events-item { width: calc(36% - 15px) } .header__navigation--events-item { width: 100%; max-width: 446px; background: #ffffff; border-radius: 20px; display: flex; margin: 35px 0 0 } @media (max-width: 1024px) { .header__navigation--events-item { margin: 35px 0 0 } } @media (max-width: 625px) { .header__navigation--events-item { flex-direction: column } } .header__navigation--events-date { width: 100%; max-width: 193px; background: #fcf3f3; border-radius: 20px; padding: 75px 5px; display: flex; flex-direction: column; justify-content: space-between; gap: 30px } @media (max-width: 625px) { .header__navigation--events-date { max-width: 100%; gap: 15px; padding: 45px 20px; flex-direction: initial; justify-content: center } } .header__navigation--events-date p { text-align: center } .header__navigation--events-date p:first-child, .header__navigation--events-date p:last-child { font-size: 24px; font-weight: 700; color: #000000; line-height: 26px } @media (max-width: 625px) { .header__navigation--events-date p:first-child, .header__navigation--events-date p:last-child { font-size: 5vw } } .header__navigation--events-date p:nth-of-type(2) { font-size: 72px; font-weight: 700; color: #000000; line-height: 26px } @media (max-width: 625px) { .header__navigation--events-date p:nth-of-type(2) { font-size: 5vw } } .header__navigation--events-details { padding: 56px 30px 37px; display: flex; flex-direction: column; justify-content: space-between; gap: 20px } @media (max-width: 625px) { .header__navigation--events-details { padding: 26px 20px 17px; gap: 10px } } .header__navigation--events-status p { font-size: 12px; font-weight: 500; color: #000000; line-height: 19px } .header__navigation--events-title h4 { font-size: 18px; font-weight: 700; color: #000000; line-height: 26px; margin: 0 0 19px } @media (max-width: 625px) { .header__navigation--events-title h4 { margin: 0 0 12px } } .header__navigation--events-title p { font-size: 12px; font-weight: 400; color: #000000; line-height: 19px } .header__navigation--events-venue p { font-size: 12px; font-weight: 400; color: #000000; line-height: 19px; padding: 0 8px 0px 0 } .header__mobile { display: none; position: fixed; width: 100%; top: 0; left: 0; z-index: 1000 } .header__mobile--events { margin: 35px 0 0 } .header__mobile--wrap-insights { padding: 0 44px } @media (max-width: 625px) { .header__mobile--wrap-insights { padding: 0 25px } } .header__mobile--wrap-insights .header__navigation--events-date { background: rgba(236, 233, 229, 0.5) } .header__mobile--wrap-insights .header__navigation--insights_items { flex-wrap: wrap } .header__mobile--closed { display: none; position: fixed; top: 0; left: -1px; width: 101%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 100 } .header__mobile--container { overflow-y: scroll; height: 100vh; padding: 18px; -ms-overflow-style: none; scrollbar-width: none } .header__mobile--container::-webkit-scrollbar { display: none } .header__mobile--navigation { width: 100%; background: #fcf3f3; border-radius: 30px; box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.16); padding: 23px 0 66px } .header__mobile--logo { padding: 0 27px; display: flex; justify-content: space-between; gap: 30px; align-items: center; margin: 0 0 74px } .header__mobile--logo a { display: block; width: 149px; height: auto; max-height: 52px } .header__mobile--logo a img { width: 100%; height: auto } .header__mobile--closeth { cursor: pointer; display: block; position: relative; width: 40px; height: 100% } .header__mobile--closeth>div { background: #c51a1b; width: 100%; height: 4px } .header__mobile--closeth>div:nth-of-type(1) { position: absolute; top: 0; left: 0; transform: rotate(45deg) } .header__mobile--closeth>div:nth-of-type(2) { position: absolute; top: 0; left: 0; transform: rotate(-45deg) } .header__mobile--closeth>div:nth-of-type(3), .header__mobile--closeth>div:nth-of-type(4) { display: none } .header__mobile--nav.hiddenBlock { display: none } .header__mobile--nav { padding: 0 44px } .header__mobile--nav ul { display: flex; flex-direction: column; gap: 42px } .header__mobile--nav ul .mobOpenlayer { display: flex; justify-content: space-between } .header__mobile--nav ul .mobOpenlayer::after { content: ''; display: block; width: 16px; background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/header/mobile/arrow_menu.svg"); background-repeat: no-repeat; background-size: contain } .header__mobile--nav ul li { cursor: pointer; font-weight: 400; color: #000000; font-size: 24px } .header__mobile--nav ul li a { color: #000000 } @media (max-width: 1024px) { .header__mobile--nav ul li { font-size: 22px } } @media (max-width: 625px) { .header__mobile--nav ul li { font-size: 16px } } .header__mobile--nav ul li:hover { font-weight: 600 } .header__mobile--address { margin: 82px 0 0; display: flex; justify-content: space-between; flex-direction: column; gap: 30px; padding: 0 44px } .header__mobile--address>div p, .header__mobile--address>div a { display: block; font-weight: 400; color: #000000; font-size: 18px; line-height: 28px } @media (max-width: 1024px) { .header__mobile--address>div p, .header__mobile--address>div a { line-height: 20px; font-size: 17px } } @media (max-width: 625px) { .header__mobile--address>div p, .header__mobile--address>div a { font-size: 14px } } .header__mobile--layer__container.hiddenObject { display: none } .header__mobile--layer, .header__mobile--two-layer { display: none } .header__mobile--layer.active, .header__mobile--two-layer.active { display: block } .header__mobile--back, .header__mobile--two-layer_back { cursor: pointer; margin: 0 0 35px } .header__mobile--back>div, .header__mobile--two-layer_back>div { padding: 0 44px 20px; display: flex; gap: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.1) } .header__mobile--back>div::before, .header__mobile--two-layer_back>div::before { content: ''; display: block; width: 16px; background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/header/mobile/arrow_left.svg"); background-repeat: no-repeat; background-size: contain; background-position: center } .header__mobile--back>div p, .header__mobile--two-layer_back>div p { font-size: 18px; font-weight: 400; color: #000000 } @media (max-width: 625px) { .header__mobile--back>div p, .header__mobile--two-layer_back>div p { font-size: 14px } } .header__mobile--layer__container ul, .header__mobile--two-layer ul { padding: 0 44px; display: flex; flex-direction: column; gap: 42px } .header__mobile--layer__container ul .haslayer, .header__mobile--two-layer ul .haslayer { display: flex; justify-content: space-between } .header__mobile--layer__container ul .haslayer::after, .header__mobile--two-layer ul .haslayer::after { content: ''; display: block; width: 16px; background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/header/mobile/arrow_menu.svg"); background-repeat: no-repeat; background-size: contain; background-position: center } .header__mobile--layer__container ul li, .header__mobile--two-layer ul li { cursor: pointer; font-weight: 400; color: #000000; font-size: 24px } .header__mobile--layer__container ul li:nth-of-type(1), .header__mobile--two-layer ul li:nth-of-type(1) { font-size: 26px; font-weight: 700 } @media (max-width: 1024px) { .header__mobile--layer__container ul li:nth-of-type(1), .header__mobile--two-layer ul li:nth-of-type(1) { font-size: 24px } } @media (max-width: 625px) { .header__mobile--layer__container ul li:nth-of-type(1), .header__mobile--two-layer ul li:nth-of-type(1) { font-size: 18px } } .header__mobile--layer__container ul li:nth-of-type(1):hover, .header__mobile--two-layer ul li:nth-of-type(1):hover { font-weight: 700 } @media (max-width: 1024px) { .header__mobile--layer__container ul li, .header__mobile--two-layer ul li { font-size: 22px } } @media (max-width: 625px) { .header__mobile--layer__container ul li, .header__mobile--two-layer ul li { font-size: 16px } } .header__mobile--layer__container ul li:hover, .header__mobile--two-layer ul li:hover { font-weight: 600 } .header__mobile--layer__container ul li a, .header__mobile--two-layer ul li a { color: #000000 } .openlayer a { pointer-events: none } .footer { padding: 0 57px 46px } @media (max-width: 1700px) { .footer { padding: 0 46px 67px } } @media (max-width: 1520px) { .footer { padding: 0 40px 45px } } .footer__container { padding: 73px 83px; background: #F0F0F0; border-radius: 20px; position: relative; max-width: 1806px; margin: 0 auto; width: 100% } @media (max-width: 1700px) { .footer__container { padding: 63px 70px } } @media (max-width: 1520px) { .footer__container { padding: 53px 62px } } .footer__container h4 { font-size: 24px; font-weight: 700; color: #c51a1b; letter-spacing: 4.8px } @media (max-width: 1700px) { .footer__container h4 { font-size: 18px } } @media (max-width: 1320px) { .footer__container h4 { font-size: 16px } } .footer .gfield_validation_message { display: none } .footer__reCaptcha.gfield { position: absolute !important; bottom: -95px } .footer__icon-below { position: absolute; right: 0; bottom: 0; opacity: .1; border-bottom-right-radius: 20px } .footer__wrap-parts { margin: 40px 0 0; display: flex; justify-content: space-between; flex-wrap: wrap } @media (max-width: 1700px) { .footer__wrap-parts { margin: 35px 0 0 } } @media (max-width: 1520px) { .footer__wrap-parts { margin: 28px 0 0 } } .footer__wrap-parts ul { display: flex; flex-direction: column; gap: 32px } @media (max-width: 1700px) { .footer__wrap-parts ul { gap: 22px } } .footer__wrap-parts ul li a { font-size: 18px; font-weight: 400; color: #000000 } @media (max-width: 1320px) { .footer__wrap-parts ul li a { font-size: 16px } } .footer__wrap_part { width: calc(50% - 93px) } @media (max-width: 1441px) { .footer__wrap_part { width: calc(50% - 20px) } } .footer__logos { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; margin: 113px 0 161px } @media (max-width: 1700px) { .footer__logos { margin: 94px 0 92px } } @media (max-width: 1520px) { .footer__logos { margin: 83px 0 71px } } @media (max-width: 420px) { .footer__logos { flex-direction: column; gap: 30px; align-items: center } } .footer__logos img { width: 100%; max-width: 199px; height: auto } @media (max-width: 1700px) { .footer__logos img { max-width: 166px } } @media (max-width: 1520px) { .footer__logos img { max-width: 149px } } .footer__logos--certification { display: none } @media only screen and (max-width: 992px) { .footer__logos--certification { display: block } } @media only screen and (max-width: 992px) { .footer__logos--certification img { max-width: 85px } } .footer__top-block { display: flex; flex-direction: column; justify-content: space-; margin-bottom: 115px } .footer__top-block--img { margin: 113px 0 70px; width: 100%; max-width: 199px; height: auto } @media (max-width: 1700px) { .footer__top-block--img { max-width: 166px; margin: 94px 0 70px } } @media (max-width: 1520px) { .footer__top-block--img { max-width: 149px; margin: 83px 0 70px } } .footer__top-block--text p { font-size: 42px; font-weight: 900; color: #01040a; width: 100%; max-width: 738px; margin: 0 auto 0 0 } @media (max-width: 1700px) { .footer__top-block--text p { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .footer__top-block--text p { font-size: 24px } } @media (max-width: 1320px) { .footer__top-block--text p { font-size: 24px } } .footer__top-block--text strong { font-weight: 900; position: relative } @media (max-width: 1700px) { .footer__top-block--text strong { font-weight: 700 } } .footer__top-block--text strong::before { content: ''; top: 100%; left: 50%; position: absolute; display: inline-block; background-size: 100%; background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/footer/circle.svg"); background-repeat: no-repeat; transform: translate(-50%, -69%); width: 119%; height: 87px } @media (max-width: 1700px) { .footer__top-block--text strong::before { transform: translate(-50%, -67%); width: 115%; height: 55px } } @media (max-width: 1320px) { .footer__top-block--text strong::before { height: 46px } } @media (max-width: 1024px) { .footer__top-block--text strong::before { height: 50px } } .footer__top-block--select, #field_1_1 { margin: 30px 0 14px; position: relative } @media (max-width: 1700px) { .footer__top-block--select, #field_1_1 { margin: 30px 0 11px } } .footer__top-block--select::after, #field_1_1::after { content: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/footer/select-icon.svg"); position: absolute; top: 50%; right: 57px; transform: translate(0, -50%) } .footer__top-block--select select, #field_1_1 select { border: 1px solid rgba(197, 26, 27, 0.15); outline: none; -webkit-user-select: none; user-select: none; -webkit-appearance: none; background: #ffffff; font-size: 18px !important; font-family: "MTTRoma"; font-weight: 400; color: #000000; width: 100% !important; max-width: 719px !important; height: 65px; padding: 0 0 0 41px !important } .footer__top-block--input-email { position: relative } .footer__top-block--input-email input[type="email"] { padding: 0 0 0 41px !important; height: 65px; max-width: 719px !important; width: 100% !important; font-size: 18px !important; font-weight: 400; color: #000000 } .footer__top-block--input-email input[type="email"]::placeholder { font-size: 18px; font-weight: 400; color: #000000 } .footer__top-block--input-email .input-email_sub { position: absolute; top: 16.7px; right: 42px; width: 48px; height: 48px; background: #c51a1b; border-radius: 50%; padding: 0; background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/footer/sub_icon_arrow.png"); background-repeat: no-repeat; background-position: 45% 50%; cursor: pointer } .footer__lower-block p { font-size: 18px; font-weight: 400; color: #01040a; width: 100%; max-width: 686px } .footer__item-nav { display: flex; gap: 20px; justify-content: space-between } .footer__item-nav--ul:nth-of-type(2) { width: 100%; max-width: 160px } .footer__item-nav ul { width: calc(50% - 16%) } .footer__navigation { display: grid; height: 100%; width: 100%; max-width: 560px; margin: 0 0 0 auto } @media (max-width: 992px) { .footer__navigation { margin: 0 } } .footer__lower-page { display: flex; justify-content: space-between; align-items: flex-end; position: relative } .footer__lower-page--img { position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: flex; align-items: center; gap: 20px } @media only screen and (max-width: 992px) { .footer__lower-page--img { display: none } } .footer__lower-page--img a img, .footer__lower-page--img div img { width: 100%; max-width: 90px; height: auto } .footer__lower-page--privacy { display: flex; flex-direction: column; gap: 20px } .footer__lower-page--privacy a { font-size: 18px; font-weight: 400; color: #000000 } .footer__info { height: max-content; display: flex; justify-content: space-between; gap: 20px } .footer__info--social ul li a { display: flex; align-items: center; gap: 10px } .footer__info--social ul li a i { width: 22px; color: #1e3050; font-size: 22px } .footer__info .footer__info--find-us:nth-of-type(2) { width: 100%; max-width: 160px } .footer__info--wrap-block { display: flex; flex-direction: column; justify-content: space-between; gap: 64px } @media (max-width: 1700px) { .footer__info--wrap-block { gap: 35px } } .footer__info--find-us h6 { text-transform: uppercase; font-size: 24px; font-weight: 700; color: #c51a1b; letter-spacing: 4.8px; margin: 0 0 42px } @media (max-width: 1700px) { .footer__info--find-us h6 { margin: 0 0 33px; font-size: 16px } } @media (max-width: 1520px) { .footer__info--find-us h6 { margin: 0 0 28px } } .footer__info--contact ul { gap: 20px } .footer__info--contact ul li a { font-weight: 600 } .footer__info--location { display: flex; flex-direction: column; gap: 20px } @media (max-width: 1700px) { .footer__info--location { gap: 15px } } .banner { position: relative; max-height: 1013px; height: 100vh; width: 100% } .banner .container { padding: 0 445px 0 282px } @media (max-width: 1920px) { .banner .container { padding: 0 445px 0 280px } } @media (max-width: 1700px) { .banner .container { padding: 0 150px 0 130px } } @media (max-width: 625px) { .banner .container { padding: 0 32px } } .banner__bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0 } .banner__bg:after { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); top: 0; left: 0 } .banner__bg--inner { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center } .banner__bg--inner img { width: 100%; height: 100%; object-fit: cover } @media (max-width: 1700px) { .banner__bg--inner img { object-position: top center } } .banner__bg--inner video { width: 100%; height: 100%; object-fit: cover } .banner__content { position: relative; z-index: 2; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding: 115px 70px 115px 265px } @media (max-width: 1920px) { .banner__content { padding: 6vw 3.646vw 6vw 13.802vw } } @media (max-width: 1260px) { .banner__content { padding: 70px 40px } } @media (max-width: 1024px) { .banner__content { padding: 50px 32px } } .banner__content h1 { font-size: 72px; color: #FFFFFF; line-height: 1.2; width: 100%; max-width: 1000px; font-weight: 600; flex: 1; display: flex; align-items: center; margin-top: 10vw } @media (max-width: 1700px) { .banner__content h1 { font-size: 64px } } @media (max-width: 1260px) { .banner__content h1 { font-size: 56px; max-width: 750px } } @media (max-width: 1024px) { .banner__content h1 { font-size: 42px } } .banner__content img { width: 100%; max-width: 123px; height: auto; object-fit: contain; margin-left: auto } @media (max-width: 1260px) { .banner__content img { max-width: 100px } } @media (max-width: 625px) { .banner__content img { max-width: 90px } } .banner__text { position: relative; z-index: 2 } .banner__text h1 { font-size: 120px; line-height: 129px; font-weight: 900; color: #fff; width: min-content } @media (max-width: 1700px) { .banner__text h1 { font-size: 75px; line-height: 80px } } @media (max-width: 1520px) { .banner__text h1 { font-size: 60px; line-height: 65px } } @media (max-width: 1024px) { .banner__text h1 { font-size: 50px; line-height: 55px } } @media (max-width: 420px) { .banner__text h1 { font-size: 38px; line-height: 43px } } .banner__text p { font-size: 34px; font-weight: 700; line-height: 31px; color: #fff; margin: 80px 0 0 auto; width: 100%; max-width: 515px } @media (max-width: 1700px) { .banner__text p { font-size: 24px; margin: 70px 0 0 auto } } @media (max-width: 1520px) { .banner__text p { padding: 0 9% 0 0px } } @media (max-width: 1024px) { .banner__text p { margin: 50px 0 0 auto; font-size: 24px; line-height: 28px } } @media (max-width: 420px) { .banner__text p { font-size: 20px; line-height: 25px } } .banner__decor { left: 0px } .banner__img_left_svg { right: 0px } .banner__img_left_svg, .banner__decor { position: absolute; bottom: -1px; width: 100%; max-width: 672px } @media (max-width: 1920px) { .banner__img_left_svg, .banner__decor { max-width: 35.156vw; min-width: 400px } } @media (max-width: 625px) { .banner__img_left_svg, .banner__decor { min-width: 300px } } .banner__img_left_svg svg, .banner__decor svg { width: 100%; height: auto; position: absolute; bottom: 0; right: 0 } .banner__scroll_downt._active { opacity: 1; transition: 2.5s } .banner__scroll_downt { position: relative; z-index: 1; display: flex; flex-direction: column; width: max-content; align-items: center; margin: 43px 0 0; opacity: 0 } @media (max-width: 1024px) { .banner__scroll_downt { left: 35px; bottom: 95px; position: absolute } } @media (max-height: 700px) { .banner__scroll_downt { bottom: 50px } } .banner__scroll_downt a { display: flex; align-items: center; flex-direction: column } .banner__scroll_downt p { font-size: 18px; font-weight: 500; color: #fff; writing-mode: vertical-lr; text-orientation: inherit; transform: rotate(-180deg) } @media (max-width: 420px) { .banner__scroll_downt p { font-size: 16px } } .about { margin: 0 0 176px 0 } @media (max-width: 1700px) { .about { margin: 0 0 140px 0 } } .about .container:nth-of-type(2) { padding: 0 0 0 140px } @media (max-width: 1700px) { .about .container:nth-of-type(2) { padding: 0 0 0 100px } } .about__wrap_img { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center } .about__img-inner._active { animation: fadeinImage ease .8s forwards } .about__img-inner._active img { animation: fadeinImage ease 1s forwards; animation-delay: .5s } .about__img-inner { width: calc(50% - 40px); background-color: rgba(236, 233, 229, 0.5); border-radius: 20px } .about__img-inner img { width: 100%; height: auto; border-radius: 20px; opacity: 0 } .about__wrap_block._active._anim-items h2 strong::after { animation: fadeinImage ease 1s forwards; animation-delay: .9s } .about__wrap_block { width: 100%; max-width: 1088px; margin: 155px auto 176px auto; display: flex; flex-direction: column; gap: 32px } @media (max-width: 1700px) { .about__wrap_block { max-width: 908px; margin: 128px auto 137px auto; gap: 34px } } @media (max-width: 1520px) { .about__wrap_block { max-width: 867px; margin: 110px auto 137px auto } } .about__wrap_block h6 { font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b; opacity: 0 } .about__wrap_block h2 { font-size: 42px; font-weight: 900; color: #01040a; opacity: 0; line-height: 53px } @media (max-width: 1700px) { .about__wrap_block h2 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .about__wrap_block h2 { font-size: 24px } } @media (max-width: 1700px) { .about__wrap_block h2 { font-size: 28px } } .about__wrap_block h2 strong { font-size: 42px; font-weight: 900; position: relative; display: inline-block } @media (max-width: 1700px) { .about__wrap_block h2 strong { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .about__wrap_block h2 strong { font-size: 24px } } .about__wrap_block h2 strong::after { content: ""; top: 100%; left: 50%; transform: translate(-50%, -23%); width: 100%; height: 20px; background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/home/under_text.svg"); background-repeat: no-repeat; position: absolute; display: inline-block; background-size: contain; background-position: center; opacity: 0 } @media (max-width: 1700px) { .about__wrap_block h2 strong::after { transform: translate(-50%, -50%) } } .about__wrap_block p { font-weight: 400; color: #01040a; font-size: 24px; line-height: 36px } @media (max-width: 1700px) { .about__wrap_block p { font-size: 18px; line-height: 25px } } .our_services__title-inner { text-align: center; margin: 0 0 70px } @media (max-width: 1700px) { .our_services__title-inner { margin: 0 0 30px } } .our_services__title-inner h6 { opacity: 0; font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b; margin: 0 0 40px } @media (max-width: 1700px) { .our_services__title-inner h6 { margin: 0 0 20px } } .our_services__title-inner p { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a; width: 100%; max-width: 769px; margin: 0 auto } @media (max-width: 1700px) { .our_services__title-inner p { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .our_services__title-inner p { font-size: 24px } } .our_services__title-inner strong { font-weight: 900; position: relative } .our_services__title-inner strong::before { content: ''; top: 50%; left: 50%; transform: translate(-46%, -35%); width: 139%; height: 94px; position: absolute; display: inline-block; background-image: url(https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/home/circle.svg); background-repeat: no-repeat; background-size: 94% } @media (max-width: 1700px) { .our_services__title-inner strong::before { transform: translate(-46%, -26%) } } @media (max-width: 1024px) { .our_services__title-inner strong::before { height: 58px; transform: translate(-49%, -34%) } } .our_services__des-inner { display: flex; align-items: center; justify-content: center; margin: 0 0 261px; gap: 25px } @media (max-width: 1920px) { .our_services__des-inner { margin: 0 0 230px } } @media (max-width: 1700px) { .our_services__des-inner { margin: 0 0 203px } } @media (max-width: 1520px) { .our_services__des-inner { margin: 0 0 168px } } .our_services__des-inner._active select, .our_services__des-inner._active label { transition: all 1000ms ease 1s; animation: fadein ease 1.5s forwards; opacity: 1 } .our_services #submitServicesForm { display: none } .our_services__select { display: flex; gap: 25px; flex-wrap: wrap; align-items: center } @media (max-width: 1750px) { .our_services__select { gap: 8px } } .our_services__select .selectBorderError { position: relative } .our_services__select .selectBorderError::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 100%; height: 2px; background: #c51a1b } .our_services__select>div { display: flex; align-items: center; gap: 10px } .our_services__select p { opacity: 0; font-size: 42px; font-weight: 400; color: #01040a } @media (max-width: 1700px) { .our_services__select p { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .our_services__select p { font-size: 24px } } .our_services__select label { opacity: 0 } .our_services__select label img { position: relative; top: -4px } @media (max-width: 1700px) { .our_services__select label img { width: 30px; height: 27px } } .our_services__select select { -webkit-appearance: none; appearance: none; background-color: transparent; border: none; margin: 0; width: 320px; overflow: hidden; outline: none; cursor: pointer; font-weight: 900; color: #c51a1b; opacity: 0; font-size: 42px } @media (max-width: 1700px) { .our_services__select select { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .our_services__select select { font-size: 24px } } @media (max-width: 1700px) { .our_services__select select { width: 180px } } .our_services__select select option { font-size: 20px; font-weight: 400; color: #c51a1b } .our_services__select select::after { content: '' } .our_services__select select::-ms-expand { display: none } .our_services_tab { position: relative } .our_services_tab .container.container-wrap_tab { padding: 0 85px 0 140px } @media (max-width: 1700px) { .our_services_tab .container.container-wrap_tab { padding: 0 85px 0 100px } } @media (max-width: 1024px) { .our_services_tab .container.container-wrap_tab { padding: 0 32px } } @media (max-width: 625px) { .our_services_tab .container.container-wrap_tab { padding: 0 0 0 32px } } .our_services_tab .container { max-width: 1920px; margin: 0 auto } @media (max-width: 1700px) { .our_services_tab .container { padding: 0 100px 0 } } @media (max-width: 1024px) { .our_services_tab .container { padding: 0 32px } } .our_services_tab__wrap { overflow: hidden; max-width: 1920px; margin: 0 auto } .our_services_tab__bg { z-index: -1; position: absolute; width: 100%; height: 100%; left: 0; top: 0; max-height: 1040px } @media (max-width: 1700px) { .our_services_tab__bg { max-height: 945px } } @media (max-width: 1520px) { .our_services_tab__bg { max-height: 823px } } @media (max-width: 1024px) { .our_services_tab__bg { max-height: 761px } } .our_services_tab__bg--inner { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center } .our_services_tab__bg--inner:after { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); top: 0; left: 0; border-radius: 20px } .our_services_tab__bg--inner img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px } @media (max-width: 1700px) { .our_services_tab__bg--inner img { object-position: top center } } .our_services_tab__content { padding: 122px 0 71px; width: 100%; max-width: 674px } @media (max-width: 1700px) { .our_services_tab__content { padding: 100px 0 55px } } @media (max-width: 1520px) { .our_services_tab__content { padding: 86px 0 45px } } @media (max-width: 800px) { .our_services_tab__content { padding: 60px 0 45px } } .our_services_tab__content h6 { font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #fff; opacity: 0 } .our_services_tab__content h3 { opacity: 0; font-size: 42px; margin: 35px 0 40px; color: #fff } @media (max-width: 1700px) { .our_services_tab__content h3 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .our_services_tab__content h3 { font-size: 24px } } @media (max-width: 1700px) { .our_services_tab__content h3 { margin: 30px 0 40px } } @media (max-width: 1520px) { .our_services_tab__content h3 { margin: 25px 0 35px } } @media (max-width: 1024px) { .our_services_tab__content h3 { margin: 24px 0 } } .our_services_tab__text { display: flex; flex-direction: column; gap: 40px; color: #fff } @media (max-width: 1700px) { .our_services_tab__text { gap: 35px } } @media (max-width: 1024px) { .our_services_tab__text { gap: 30px } } .our_services_tab__text p { opacity: 0; font-size: 24px; line-height: 36px; font-weight: 700 } @media (max-width: 1700px) { .our_services_tab__text p { font-size: 18px; line-height: 25px } } @media (max-width: 1024px) { .our_services_tab__text p { font-weight: 400 } } .our_services_tab .services_tab__name { display: flex; justify-content: space-between; width: max-content; gap: 30px; position: relative; cursor: pointer; width: 100%; max-width: 685px } @media (max-width: 1700px) { .our_services_tab .services_tab__name { max-width: 530px } } @media (max-width: 1024px) { .our_services_tab .services_tab__name { max-width: 350px; gap: 30px } } .our_services_tab .services_tab__name::after { content: ''; position: absolute; bottom: 1px; left: 0; width: 100%; height: 4px; background: rgba(255, 255, 255, 0.3); border-radius: 2px } @media (max-width: 1024px) { .our_services_tab .services_tab__name>div.active { font-weight: 700 } } .our_services_tab .services_tab__name>div { font-size: 32px; font-weight: 700; color: #ffffff; padding: 0 0 20px; position: relative } @media (max-width: 1700px) { .our_services_tab .services_tab__name>div { font-size: 24px } } @media (max-width: 1024px) { .our_services_tab .services_tab__name>div { font-size: 18px; font-weight: 400 } } .our_services_tab .services_tab__name>div:first-child.active::after { width: 110%; bottom: 1px; left: 0; transform: inherit } .our_services_tab .services_tab__name>div:last-child.active::after { width: 110%; bottom: 1px; left: -17px; transform: inherit } .our_services_tab .services_tab__name>div.active::after { content: ''; position: absolute; transition: .35; bottom: 0; left: 50%; border-bottom: 7px solid #fff; border-radius: 2px; width: 110%; transform: translate(-50%, 0) } .our_services_tab .services_tab__items { position: relative } .our_services_tab .services_tab__item.active { display: block } .our_services_tab .services_tab__item { display: none } .our_services_tab .services_tab__slider-next { position: absolute; bottom: 50%; right: -26px; cursor: pointer; z-index: 2 } @media (max-width: 1700px) { .our_services_tab .services_tab__slider-next { bottom: 52% } } @media (max-width: 1024px) { .our_services_tab .services_tab__slider-next { bottom: 48% } } @media (max-width: 625px) { .our_services_tab .services_tab__slider-next { display: none } } .our_services_tab .services_tab__slider-pagination { display: none } .our_services_tab .services_tab__slider-prev { position: absolute; bottom: 50%; left: -25px; cursor: pointer; z-index: 2 } @media (max-width: 1700px) { .our_services_tab .services_tab__slider-prev { bottom: 52% } } @media (max-width: 1024px) { .our_services_tab .services_tab__slider-prev { bottom: 48% } } @media (max-width: 625px) { .our_services_tab .services_tab__slider-prev { display: none } } .our_services_tab .services_tab__slider-prev svg { transform: rotate(184deg) } .our_services_tab .services_tab__slider-prev, .our_services_tab .services_tab__slider-next { opacity: 1; transition: .35s } .our_services_tab .services_tab__slider-prev.swiper-button-disabled, .our_services_tab .services_tab__slider-next.swiper-button-disabled { opacity: 0 } .our_services_tab .services_tab__slider .swiper-wrapper { padding: 170px 0 } @media (max-width: 1700px) { .our_services_tab .services_tab__slider .swiper-wrapper { padding: 165px 0 200px } } @media (max-width: 1520px) { .our_services_tab .services_tab__slider .swiper-wrapper { padding: 145px 0 192px } } @media (max-width: 1024px) { .our_services_tab .services_tab__slider .swiper-wrapper { padding: 188px 0 192px } } @media (max-width: 625px) { .our_services_tab .services_tab__slider .swiper-wrapper { padding: 45px 0 100px } } .our_services_tab .services_tab__slider .swiper-wrapper .hover a { width: 100.4%; background: #C51A1B; padding: 86px 38px 45px; border-radius: 20px; box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.08); opacity: 1; z-index: 9; margin: 0 1px 0 0; animation: fadein-left ease 1s forwards; left: -1px } @media (max-width: 1700px) { .our_services_tab .services_tab__slider .swiper-wrapper .hover a { padding: 80px 38px 45px } } @media (max-width: 1520px) { .our_services_tab .services_tab__slider .swiper-wrapper .hover a { padding: 62px 40px } } @media (max-width: 625px) { .our_services_tab .services_tab__slider .swiper-wrapper .hover a { width: 358px } } @media (max-width: 430px) { .our_services_tab .services_tab__slider .swiper-wrapper .hover a { width: 310px } } @media (max-width: 375px) { .our_services_tab .services_tab__slider .swiper-wrapper .hover a { width: 255px } } .our_services_tab .services_tab__slider .swiper-wrapper .hover a>div { display: flex; align-items: center; gap: 12px } .our_services_tab .services_tab__slider .swiper-wrapper .hover a>div span { display: block; font-size: 24px; font-family: "MTTRoma"; font-weight: 700; color: #fff; line-height: 25px } @media (max-width: 1700px) { .our_services_tab .services_tab__slider .swiper-wrapper .hover a>div span { font-size: 19px; line-height: 23px } } @media (max-width: 625px) { .our_services_tab .services_tab__slider .swiper-wrapper .hover a>div span { font-size: 18px; line-height: 22px } } .our_services_tab .services_tab__slider .swiper-wrapper .hover p { display: block; opacity: 1; color: #fff; margin: 0 0 24px } .our_services_tab .services_tab__slider .swiper-wrapper .hover h4 { color: #fff; padding: 0; min-height: initial } .our_services_tab .services_tab__slider .slider-item { position: relative; transition: .35s; width: 385px } @media (max-width: 625px) { .our_services_tab .services_tab__slider .slider-item { width: 358px } } @media (max-width: 430px) { .our_services_tab .services_tab__slider .slider-item { width: 310px } } @media (max-width: 375px) { .our_services_tab .services_tab__slider .slider-item { width: 255px } } .our_services_tab .services_tab__slider .slider-item a { display: flex; gap: 38px; flex-direction: column; color: #000000; position: absolute; bottom: 0; opacity: 0; z-index: -1; min-height: 123%; max-height: 400px } @media (max-width: 1700px) { .our_services_tab .services_tab__slider .slider-item a { gap: 35px } } @media (max-width: 1520px) { .our_services_tab .services_tab__slider .slider-item a { gap: 30px } } @media (max-width: 625px) { .our_services_tab .services_tab__slider .slider-item a { position: relative; height: 100%; max-height: 400px } } .our_services_tab .services_tab__slider .slider-item a h4 { width: 100%; max-width: 343px } .our_services_tab .services_tab__slider .slider-item h4 { font-size: 34px; font-weight: 700; transition: .35s; color: #000000; width: 100%; min-height: 84px } @media (max-width: 1700px) { .our_services_tab .services_tab__slider .slider-item h4 { font-size: 24px; font-weight: 700 } } @media (max-width: 1024px) { .our_services_tab .services_tab__slider .slider-item h4 { min-height: initial } } @media (max-width: 375px) { .our_services_tab .services_tab__slider .slider-item h4 { font-size: 20px } } .our_services_tab .services_tab__slider .slider-item svg { position: relative } .our_services_tab .services_tab__slider .slider-item p { display: none; font-size: 18px; font-weight: 400; width: 100%; max-width: 338px; overflow-y: scroll; max-height: 240px; opacity: 0; color: #000000; padding-right: 5px } @media (max-width: 375px) { .our_services_tab .services_tab__slider .slider-item p { font-size: 14px } } .our_services_tab .services_tab__slider .slider-item p::-webkit-scrollbar { width: 8px } @media (max-width: 625px) { .our_services_tab .services_tab__slider .slider-item p::-webkit-scrollbar { width: 3px } } .our_services_tab .services_tab__slider .slider-item p::-webkit-scrollbar-track { background-color: #C51A1B } .our_services_tab .services_tab__slider .slider-item p::-webkit-scrollbar-thumb:hover { background-color: #555 } .our_services_tab .services_tab__slider .slider-item p::-webkit-scrollbar-thumb { background-color: #fff; -webkit-transition: .35s; transition: .35s } .our_services_tab .services_tab__slider .slider-item__first { cursor: pointer; gap: 50px; display: flex; flex-direction: column; padding: 84px 64px 0; min-height: 408px; background: #fcf3f3; border-radius: 20px; box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.08) } @media (max-width: 1700px) { .our_services_tab .services_tab__slider .slider-item__first { padding: 65px 45px 0; min-height: 340px } } @media (max-width: 1520px) { .our_services_tab .services_tab__slider .slider-item__first { min-height: 300px } } @media (max-width: 1024px) { .our_services_tab .services_tab__slider .slider-item__first { min-height: 258px } } @media (max-width: 993px) { .our_services_tab .services_tab__slider .slider-item__first { min-height: 270px } } @media (max-width: 625px) { .our_services_tab .services_tab__slider .slider-item__first { display: none } } .our_team { text-align: center; margin: 0 0 150px } @media (max-width: 1700px) { .our_team { margin: 0 0 176px } } .our_team__img-slider { margin: 50px 0; display: flex; flex-direction: column; gap: 42px } @media (max-width: 1700px) { .our_team__img-slider { gap: 35px; margin: 50px 0 75px } } .our_team__img-slider .our_team__item_image:nth-of-type(2) .our_team__tape .our_team__tape--inner { animation: carouseRight100 40s linear infinite forwards } .our_team__item_image { position: relative; overflow: hidden } @media (max-width: 720px) { .our_team__tape { padding: 0 30px } } .our_team__tape--inner { display: flex; column-gap: 45px; width: max-content; animation: carouseLeft100 40s linear infinite forwards } @media (max-width: 1700px) { .our_team__tape--inner { column-gap: 35px } } .our_team__tape--part { display: flex; column-gap: 45px } @media (max-width: 1700px) { .our_team__tape--part { column-gap: 35px } } @media (max-width: 720px) { .our_team__tape--part:nth-of-type(2) { display: none } } @media (max-width: 720px) and (max-width: 720px) { .our_team__tape--part:nth-of-type(1) img:nth-of-type(2) { display: none } } .our_team__tape--part img { width: 100%; max-width: 322px; border-radius: 20px; height: 252px; object-fit: cover; object-position: center center; opacity: inherit !important; transition: inherit !important; transition-delay: inherit !important } @media (max-width: 1700px) { .our_team__tape--part img { max-width: 220px; height: 180px } } .our_team__title h6 { font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b; margin: 0 0 20px; opacity: 0 } @media (max-width: 1520px) { .our_team__title h6 { margin: 0 0 40px } } .our_team__title p { opacity: 0; font-size: 42px; font-weight: 700; color: #000000; width: 100%; max-width: 594px; margin: 0 auto } @media (max-width: 1700px) { .our_team__title p { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .our_team__title p { font-size: 24px } } .our_team__footer_text>p { font-size: 24px; font-weight: 400; line-height: 36px; margin: 0 0 40px } .our_team__footer_text .main_btr a { justify-content: center } .card_person { margin: 0 0 150px } @media (max-width: 1700px) { .card_person { margin: 0 0 178px } } @media (max-width: 1520px) { .card_person { margin: 0 0 200px } } @media (max-width: 1024px) { .card_person { margin: 0 0 100px } } .card_person__wrap-content { display: flex; justify-content: space-between; background: #f0f0f0; border-radius: 20px } .card_person__card-side { width: 100%; max-width: 50% } .card_person__card-side img { width: 100%; height: auto; object-fit: cover; border-radius: 20px; object-position: center top; height: 100% } .card_person__wrap_card-side._active._anim-items h4 strong::after { animation: fadeinImage ease 1s forwards; animation-delay: .9s } .card_person__wrap_card-side { padding: 150px 65px 130px 140px } @media (max-width: 1700px) { .card_person__wrap_card-side { padding: 105px 87px 105px 110px } } @media (max-width: 1520px) { .card_person__wrap_card-side { padding: 72px 87px 72px 108px } } @media (max-width: 1340px) { .card_person__wrap_card-side { padding: 56px 50px } } .card_person__wrap_card-side h6 { opacity: 0; font-weight: 700; color: #c51a1b; letter-spacing: 1.8px; margin: 0 0 23px; text-transform: uppercase; font-size: 18px; line-height: 28px } @media (max-width: 1700px) { .card_person__wrap_card-side h6 { line-height: 20px; font-size: 17px } } .card_person__wrap_card-side h4 { opacity: 0; font-size: 42px; font-weight: 700; color: #01040a; width: 100%; max-width: 370px } @media (max-width: 1700px) { .card_person__wrap_card-side h4 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .card_person__wrap_card-side h4 { font-size: 24px } } .card_person__wrap_card-side h4 strong { font-weight: 900; font-size: 42px; position: relative; display: inline-block } @media (max-width: 1700px) { .card_person__wrap_card-side h4 strong { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .card_person__wrap_card-side h4 strong { font-size: 24px } } .card_person__wrap_card-side h4 strong::after { content: ""; top: 100%; left: 50%; transform: translate(-50%, -23%); width: 100%; height: 20px; background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/home/under_line_seo.svg"); background-repeat: no-repeat; position: absolute; display: inline-block; background-size: contain; opacity: 0 } .card_person__wrap_card-side p { opacity: 0; font-weight: 400; color: #01040a; line-height: 32px; font-size: 24px; line-height: 36px; margin: 56px 0; width: 100%; max-width: 558px } @media (max-width: 1700px) { .card_person__wrap_card-side p { font-size: 18px; line-height: 25px } } @media (max-width: 1700px) { .card_person__wrap_card-side p { margin: 31px 0 30px } } @media (max-width: 1520px) { .card_person__wrap_card-side p { margin: 40px 0 27px } } .we_work { margin: 0 0 150px } @media (max-width: 1700px) { .we_work { margin: 0 0 200px } } @media (max-width: 1520px) { .we_work { margin: 0 0 125px } } .we_work__wrap-content { display: flex; justify-content: space-between; align-items: center } .we_work__inner-block { width: calc(50% - 10px) } .we_work__item-text h6 { font-size: 18px; line-height: 28px; font-weight: 700; color: #c51a1b; letter-spacing: 1.8px; margin: 0 0 38px; text-transform: uppercase; opacity: 0 } @media (max-width: 1700px) { .we_work__item-text h6 { line-height: 20px; font-size: 17px } } @media (max-width: 1700px) { .we_work__item-text h6 { margin: 0 0 32px } } @media (max-width: 1520px) { .we_work__item-text h6 { margin: 0 0 35px } } .we_work__item-text h4 { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a; width: 100%; max-width: 370px } @media (max-width: 1700px) { .we_work__item-text h4 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .we_work__item-text h4 { font-size: 24px } } .we_work__item-text h4 strong { font-weight: 900; position: relative; display: inline-block } .we_work__item-text h4 strong::after { content: ""; top: 100%; left: 50%; transform: translate(-50%, -50%); width: 130%; max-width: 230px; height: 20px; background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/home/under_text.svg"); background-repeat: no-repeat; position: absolute; display: inline-block; background-size: contain } .we_work__item-text p { opacity: 0; font-weight: 400; color: #01040a; line-height: 32px; font-size: 24px; line-height: 36px; margin: 38px 0 27px; width: 100%; max-width: 604px } @media (max-width: 1700px) { .we_work__item-text p { font-size: 18px; line-height: 25px } } @media (max-width: 1700px) { .we_work__item-text p { margin: 33px 0 } } @media (max-width: 1520px) { .we_work__item-text p { margin: 27px 0 } } .we_work__card { pointer-events: none; display: flex; flex-direction: column; align-items: center; gap: 36px; position: relative; max-height: 800px; padding: 2px 0 } @media (max-width: 1700px) { .we_work__card { max-height: 640px } } .we_work__card .swiper-wrapper { padding: 0; -webkit-transition-timing-function: linear !important; -webkit-transition-timing-function--o-transition-timing-function: linear !important; -webkit-transition-timing-function-transition-timing-function: linear !important } .we_work__card::after { content: ''; position: absolute; bottom: 0; width: 100%; height: 145px; background: linear-gradient(180deg, rgba(2, 0, 36, 0) -7%, rgba(255, 255, 255, 0.66271) 38%, #fff 100%); z-index: 9 } .we_work__card::before { content: ''; position: absolute; top: -5px; width: 100%; height: 145px; background: linear-gradient(0deg, rgba(255, 255, 255, 0) -3%, rgba(255, 255, 255, 0.63638) 29%, #fff 68%); z-index: 9 } .we_work__card .item { width: 100%; max-width: 536px; height: 298px; position: relative; background: #fcf3f3; border-radius: 27px; margin: 0 auto } @media (max-width: 1700px) { .we_work__card .item { max-width: 343px } } .we_work__card .item img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; width: 100%; height: 89%; object-fit: contain; max-height: 145px; max-width: 400px } @media (max-width: 1700px) { .we_work__card .item img { width: 40% } } @media (max-width: 992px) { .we_work__card .item img { width: 65% } } @media (max-width: 625px) { .we_work__card .item img { width: 85% } } .careers { position: relative; padding: 252px 0; margin: 0 0 150px } @media (max-width: 1700px) { .careers { padding: 190px 0 } } @media (max-width: 1520px) { .careers { padding: 145px 0; margin: 0 0 140px } } @media (max-width: 1024px) { .careers { margin: 0 0 80px } } .careers__bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1 } .careers__bg--inner { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center } .careers__bg--inner:after { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); top: 0; left: 0 } .careers__bg--inner img { width: 100%; height: 100%; object-fit: cover } @media (max-width: 1700px) { .careers__bg--inner img { object-position: top center } } .careers__bg--inner video { width: 100%; height: 100%; object-fit: cover } @media (max-width: 1700px) { .careers__bg--inner video { object-position: center } } .careers__text { width: 100%; max-width: 812px } @media (max-width: 1700px) { .careers__text { max-width: 834px } } .careers__text .main_btr a p { color: white !important } .careers__text h6 { opacity: 0; font-size: 18px; line-height: 28px; font-weight: 700; letter-spacing: 1.8px; margin: 0 0 33px; text-transform: uppercase; color: #fff } @media (max-width: 1700px) { .careers__text h6 { line-height: 20px; font-size: 17px } } @media (max-width: 1700px) { .careers__text h6 { margin: 0 0 28px } } @media (max-width: 1520px) { .careers__text h6 { margin: 0 0 36px } } .careers__text h4 { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a; margin: 0 0 56px; color: #fff } @media (max-width: 1700px) { .careers__text h4 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .careers__text h4 { font-size: 24px } } @media (max-width: 1520px) { .careers__text h4 { margin: 0 0 32px } } .careers__text p { opacity: 0; font-weight: 400; color: #01040a; line-height: 32px; font-size: 24px; line-height: 36px; color: #fff } @media (max-width: 1700px) { .careers__text p { font-size: 18px; line-height: 25px } } .careers__text p:not(:last-child) { margin: 0 0 32px } @media (max-width: 1024px) { .careers__text p:not(:last-child) { margin: 0 0 28px } } .careers__text .main_btr { margin: 50px 0 0 } @media (max-width: 1520px) { .careers__text .main_btr { margin: 40px 0 0 } } .insights { position: relative; padding: 0 0 145px } @media (max-width: 1700px) { .insights { padding: 0 0 160px } } @media (max-width: 1520px) { .insights { padding: 0 0 130px } } .insights .container-slider { max-width: 1920px; margin: 0 auto; width: 100%; padding: 50px 0 0 0; } @media (max-width: 1700px) { .insights .container-slider { padding: 40px 0 0 0; } } @media (max-width: 1024px) { .insights .container-slider { padding: 40px 0 0 0; } } .insights .container-slider.dragMouse .swiper-slide { cursor: none !important } .insights .container-slider.dragMouse .insights__slider a { cursor: none } .insights__wrap-title { position: relative } @media (max-width: 992px) { .insights__wrap-title { margin-bottom: 32px; position: inherit } } .insights__wrap-title h5 { opacity: 0; font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b; margin-bottom: 10px } .insights__wrap-title>p { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a; width: 100%; max-width: 747px } @media (max-width: 1700px) { .insights__wrap-title>p { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .insights__wrap-title>p { font-size: 24px } } @media (max-width: 1700px) { .insights__wrap-title>p { font-weight: 700 } } .insights__item { display: flex; background: #f0f0f0; border-radius: 20px; width: 100%; height: 100% } .insights__block-img { max-width: 50%; position: relative } .insights__block-img img { width: 100%; max-width: 520px; border-radius: 20px; height: 490px; object-fit: cover; object-position: center center } @media (max-width: 1520px) { .insights__block-img img { height: 430px } } @media (max-width: 992px) { .insights__block-img img { max-width: 100%; height: auto } } .insights__wrap-footer { position: relative; margin: 46px 0 0; padding: 45px 0 0 } @media (max-width: 1700px) { .insights__wrap-footer { margin: 35px 0 0; padding: 38px 0 0 } } .insights__wrap-footer .swiper-scrollbar { height: 2px !important; left: inherit !important; opacity: 1 !important; top: 0 !important; bottom: inherit !important } .insights__wrap-footer .swiper-scrollbar .swiper-scrollbar-drag { background: #ff0000 !important } @media (max-width: 922px) { .insights__wrap-footer .main_btr { margin: 0 0 50px } } .insights__text-inner { display: flex; flex-direction: column; justify-content: space-between; max-width: 50%; padding: 55px 30px 45px 30px; gap: 20px } @media (max-width: 1700px) { .insights__text-inner { padding: 45px 30px 35px 30px; } } .insights__text-inner strong { font-weight: bold; color: #000000; line-height: 39px; font-size: 34px; order: -1 } @media (max-width: 1700px) { .insights__text-inner strong { font-size: 24px; line-height: 34px } } .insights__date-position { display: flex; flex-direction: column; gap: 15px } @media (max-width: 1700px) { .insights__date-position { gap: 12px } } .insights__date-position p { font-size: 20px; font-weight: 500; color: #000000 } @media (max-width: 1700px) { .insights__date-position p { font-size: 18px } } .insights__date-position p:nth-of-type(2) { color: #c51a1b; font-weight: 600 } .insights__author { display: flex; flex-wrap: wrap; align-items: center; gap: 26px } @media (max-width: 1700px) { .insights__author { gap: 21px } } .insights__author img { width: 64px; height: 62px; border-radius: 50% } @media (max-width: 1700px) { .insights__author img { width: 53px; height: 53px } } @media (max-width: 1520px) { .insights__author img { width: 48px; height: 46px } } .insights__author p { font-size: 20px; font-weight: 500; color: #000000 } @media (max-width: 1700px) { .insights__author p { font-size: 18px } } .insights__wrap-slider .swiper-wrapper { max-width: 1037px } @media (max-width: 1700px) { .insights__wrap-slider .swiper-wrapper { max-width: 752px } } @media (max-width: 992px) { .insights__wrap-slider .swiper-wrapper { max-width: 520px } } .insights__wrap-slider .swiper-wrapper .swiper-slide { cursor: pointer; transition: all 0.5s ease; height: auto } .insights__wrap-slider .swiper-wrapper .swiper-slide:hover { transform: scale(0.98) } .insights__wrap-arrow { display: flex; gap: 30px; position: absolute; bottom: 0; right: 0 } .insights__slider-prev, .insights__slider-next { cursor: pointer } .insights__slider-prev svg g { opacity: 1 } .insights__slider-prev.swiper-button-disabled svg g, .insights__slider-next.swiper-button-disabled svg g { opacity: .2 } .insights__slider-prev.swiper-button-disabled svg path, .insights__slider-next.swiper-button-disabled svg path { stroke: #c51a1b } .clientVideos { position: relative; padding: 0 0 145px } @media (max-width: 1700px) { .clientVideos { padding: 0 0 160px } } @media (max-width: 1520px) { .clientVideos { padding: 0 0 130px } } @media (max-width: 992px) { .clientVideos { padding: 0 0 80px } } @media (max-width: 625px) { .clientVideos { padding: 0 0 70px } } .clientVideos .container-slider { max-width: 1920px; margin: 0 auto; width: 100%; padding: 50px 0 0 140px } @media (max-width: 1700px) { .clientVideos .container-slider { padding: 40px 0 0 100px } } @media (max-width: 1024px) { .clientVideos .container-slider { padding: 40px 0 0 32px } } .clientVideos .container-slider .clientVideos__wrap-arrow { display: none } @media (max-width: 992px) { .clientVideos .container-slider .clientVideos__wrap-arrow { display: flex; position: relative; justify-content: center; margin-top: 50px } } .clientVideos .container-slider.dragMouse .swiper-slide { cursor: none !important } .clientVideos .container-slider.dragMouse .clientVideos__slider a { cursor: none } .clientVideos__wrap-title { position: relative } @media (max-width: 992px) { .clientVideos__wrap-title { margin-bottom: 32px } } .clientVideos__wrap-title .clientVideos__wrap-arrow { display: flex } @media (max-width: 992px) { .clientVideos__wrap-title .clientVideos__wrap-arrow { display: none } } .clientVideos__wrap-title h5 { opacity: 0; font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b } .clientVideos__wrap-title>p { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a; margin: 24px 0 0 0; width: 100%; max-width: 747px } @media (max-width: 1700px) { .clientVideos__wrap-title>p { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .clientVideos__wrap-title>p { font-size: 24px } } @media (max-width: 1700px) { .clientVideos__wrap-title>p { font-weight: 700; margin: 19px 0 0 0 } } @media (max-width: 1520px) { .clientVideos__wrap-title>p { margin: 13px 0 0 0 } } .clientVideos__item { display: flex; background: #f0f0f0; border-radius: 20px; width: 100%; height: 100% } .clientVideos__item .hero__banner--play { animation: animeOpacity 1.7s 1.7s forwards; left: 50% } .clientVideos__item--pretitle { font-size: 18px; line-height: 28px; line-height: normal; text-transform: uppercase; color: #000000; font-weight: 700 } @media (max-width: 1700px) { .clientVideos__item--pretitle { line-height: 20px; font-size: 17px } } .clientVideos__item--title { font-size: 32px; line-height: normal; line-height: normal; color: #1c1818; font-weight: 900 } @media (max-width: 1700px) { .clientVideos__item--title { font-size: 22px } } @media (max-width: 625px) { .clientVideos__item--title { font-size: 20px } } .clientVideos__item--btr { width: 59px; height: 59px; border-radius: 30px; background-color: #c51a1b; margin: 45px 0 0 0; display: block } @media (max-width: 992px) { .clientVideos__item--btr { margin: 18px 0 0 0 } } .clientVideos__block-img { max-width: 50%; position: relative } .clientVideos__block-img img { width: 100%; max-width: 520px; border-radius: 20px; height: 600px; object-fit: cover; object-position: center center } @media (max-width: 1700px) { .clientVideos__block-img img { height: 500px } } @media (max-width: 1520px) { .clientVideos__block-img img { height: 450px } } .clientVideos__wrap-footer { position: relative; margin: 46px 0 0; padding: 45px 0 0 } @media (max-width: 1700px) { .clientVideos__wrap-footer { margin: 35px 0 0; padding: 38px 0 0 } } .clientVideos__wrap-footer .swiper-scrollbar { height: 2px !important; left: inherit !important; opacity: 1 !important; top: 0 !important; bottom: inherit !important } .clientVideos__wrap-footer .swiper-scrollbar .swiper-scrollbar-drag { background: #ff0000 !important } @media (max-width: 922px) { .clientVideos__wrap-footer .main_btr { margin: 0 0 50px } } .clientVideos__text-inner { display: flex; flex-direction: column; justify-content: space-between; max-width: 50%; padding: 79px 62px 48px 70px; gap: 20px } @media (max-width: 1700px) { .clientVideos__text-inner { padding: 66px 56px 40px 60px } } @media (max-width: 992px) { .clientVideos__text-inner { gap: 35px } } .clientVideos__text-inner strong { font-weight: bold; color: #000000; line-height: 39px; font-size: 34px; order: -1 } @media (max-width: 1700px) { .clientVideos__text-inner strong { font-size: 24px; line-height: 34px } } .clientVideos__date-position { display: flex; flex-direction: column; gap: 15px } @media (max-width: 1700px) { .clientVideos__date-position { gap: 12px } } .clientVideos__date-position p { font-size: 20px; font-weight: 500; color: #000000 } @media (max-width: 1700px) { .clientVideos__date-position p { font-size: 18px } } .clientVideos__date-position p:nth-of-type(2) { color: #c51a1b; font-weight: 600 } .clientVideos__author { display: flex; flex-wrap: wrap; align-items: center; gap: 26px } @media (max-width: 1700px) { .clientVideos__author { gap: 21px } } .clientVideos__author img { width: 64px; height: 62px; border-radius: 50% } @media (max-width: 1700px) { .clientVideos__author img { width: 53px; height: 53px } } @media (max-width: 1520px) { .clientVideos__author img { width: 48px; height: 46px } } .clientVideos__author p { font-size: 20px; font-weight: 500; color: #000000 } @media (max-width: 1700px) { .clientVideos__author p { font-size: 18px } } .clientVideos__wrap-slider .swiper-wrapper { max-width: 1037px } @media (max-width: 1700px) { .clientVideos__wrap-slider .swiper-wrapper { max-width: 752px } } @media (max-width: 992px) { .clientVideos__wrap-slider .swiper-wrapper { max-width: 520px } } .clientVideos__wrap-slider .swiper-wrapper .swiper-slide { cursor: pointer; transition: all 0.5s ease; height: auto } .clientVideos__wrap-slider .swiper-wrapper .swiper-slide:hover { transform: scale(0.98) } .clientVideos__wrap-arrow { display: flex; gap: 30px; position: absolute; bottom: 0; right: 0 } .clientVideos__slider-prev, .clientVideos__slider-next { cursor: pointer } .clientVideos__slider-prev svg g { opacity: 1 } .clientVideos__slider-prev.swiper-button-disabled svg g, .clientVideos__slider-next.swiper-button-disabled svg g { opacity: .2 } .clientVideos__slider-prev.swiper-button-disabled svg path, .clientVideos__slider-next.swiper-button-disabled svg path { stroke: #c51a1b } .corporate_finance .teamHelp { margin: 0 0 150px } @media (max-width: 1700px) { .corporate_finance .teamHelp { margin: 0 0 100px } } @media (max-width: 625px) { .corporate_finance .teamHelp { margin: 0 0 87px } } .corporate_finance .teamHelp h5 { font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b; margin: 0 0 15px } @media (max-width: 1024px) { .corporate_finance .teamHelp h5 { margin: 0 0 26px } } .corporate_finance .teamHelp h2 { font-size: 42px; font-weight: 900; color: #01040a } @media (max-width: 1700px) { .corporate_finance .teamHelp h2 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .corporate_finance .teamHelp h2 { font-size: 24px } } .corporate_finance .teamHelp__wrap-item { margin: 83px 0 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px } @media (max-width: 1700px) { .corporate_finance .teamHelp__wrap-item { margin: 50px 0 0 } } @media (max-width: 1441px) { .corporate_finance .teamHelp__wrap-item { grid-template-columns: repeat(2, 1fr) } } @media (max-width: 1024px) { .corporate_finance .teamHelp__wrap-item { margin: 48px 0 0 } } @media (max-width: 710px) { .corporate_finance .teamHelp__wrap-item { grid-template-columns: repeat(1, 1fr) } } .corporate_finance .teamHelp__card { background: #fcf3f3; border-radius: 20px; display: flex; gap: 150px; flex-direction: column; justify-content: space-between; padding: 65px 65px 80px } @media (max-width: 1700px) { .corporate_finance .teamHelp__card { padding: 28px; gap: 74px } } .corporate_finance .teamHelp__card img { width: 74px; height: 74px } @media (max-width: 1700px) { .corporate_finance .teamHelp__card img { width: 50px; height: 50px } } .corporate_finance .teamHelp__card h3 { width: 100%; max-width: 342px; font-weight: 900; color: #1c1818; font-size: 32px } @media (max-width: 1700px) { .corporate_finance .teamHelp__card h3 { font-size: 22px; font-weight: 700 } } @media (max-width: 1700px) { .corporate_finance .teamHelp__card h3 { font-weight: 700 } } @media (max-width: 710px) { .corporate_finance .teamHelp__card h3 { max-width: 100% } } .hero { max-width: 1920px; width: 100%; margin: 246px auto 150px } @media (max-width: 1700px) { .hero { margin: 185px auto 100px } } @media (max-width: 1024px) { .hero { margin: 160px auto 80px } } @media (max-width: 625px) { .hero { margin: 141px auto 57px } } .hero._active .hero__banner { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); transform: translateY(0px); padding: 0 140px 0 0; opacity: 1 } .hero._active .hero__banner .hero__banner--wrap_path img { animation: animeScale 1s 1s forwards } .hero._active .hero__banner .hero__banner--play { animation: animeOpacity 1.7s 1.7s forwards } .hero._active .hero__title h1, .hero._active .hero__title h3 { transition: all 1.5s ease 1.5s; animation: fadein ease 1.5s forwards } .hero__title h3 { opacity: 0; font-size: 18px; line-height: 28px; font-weight: 700; color: #c51a1b; letter-spacing: 1.8px; text-transform: uppercase; margin: 0 0 14px } @media (max-width: 1700px) { .hero__title h3 { line-height: 20px; font-size: 17px } } .hero__title h1 { opacity: 0; font-size: 72px; font-weight: 900; color: #000000; margin: 0 0 52px } @media (max-width: 1700px) { .hero__title h1 { font-size: 32px } } @media (max-width: 1024px) { .hero__title h1 { font-size: 28px } } @media (max-width: 1700px) { .hero__title h1 { margin: 0 0 38px } } @media (max-width: 1024px) { .hero__title h1 { font-weight: 700; line-height: normal; margin: 0 0 48px } } .hero__banner-cr.hero__two_images img:nth-of-type(1) { width: 75%; max-width: 1234px } .hero__banner-cr.hero__two_images img:nth-of-type(2) { width: 25%; max-width: 387px } .hero__banner-cr { padding: 0 230px 0 0; display: flex; gap: 20px } @media (max-width: 1920px) { .hero__banner-cr { padding: 0 12% 0 0 } } @media (max-width: 1700px) { .hero__banner-cr { padding: 0 14% 0 0 } } .hero__banner-cr>div { width: 100% } .hero__banner-cr img { width: 100%; border-radius: 20px; opacity: 0; object-fit: cover; object-position: center top; max-height: 800px; height: 73vh } @media (max-width: 1700px) { .hero__banner-cr img { max-height: 600px } } @media (max-width: 1441px) { .hero__banner-cr img { max-height: 500px } } @media (max-width: 1024px) { .hero__banner-cr img { max-height: 400px } } @media (max-width: 625px) { .hero__banner-cr img { max-height: 300px } } .hero__banner-cr img:nth-of-type(1) { max-width: 1635px } .hero__banner { padding: 0px 145px 0 0 } @media (max-width: 1024px) { .hero__banner { padding: 0px 93px 0 0 } } .hero__banner--wrap_path { width: 100%; max-width: 1642px; max-height: 800px; border-radius: 20px; position: relative } .hero__banner--wrap_path>img, .hero__banner--wrap_path video { width: 100%; height: auto; border-radius: 20px; object-fit: cover; object-position: center center; max-height: 800px; height: 60vh } @media (max-width: 1700px) { .hero__banner--wrap_path>img, .hero__banner--wrap_path video { max-height: 600px } } @media (max-width: 1441px) { .hero__banner--wrap_path>img, .hero__banner--wrap_path video { max-height: 500px } } @media (max-width: 1024px) { .hero__banner--wrap_path>img, .hero__banner--wrap_path video { max-height: 400px } } @media (max-width: 625px) { .hero__banner--wrap_path>img, .hero__banner--wrap_path video { max-height: 300px } } .hero__banner--play_circle { position: absolute; top: -18px; left: -18px; width: 167px; height: 167px; opacity: 0.3; background: #c51a1b; border-radius: 50%; z-index: -1 } @media (max-width: 1700px) { .hero__banner--play_circle { width: 126px; height: 126px; top: -15px; left: -16px } } @media (max-width: 1024px) { .hero__banner--play_circle { width: 113px !important; height: 113px !important; top: -12px !important; left: -13px !important } } .hero__banner--play { cursor: pointer; position: absolute; top: 50%; left: 100%; transform: translate(-50%, -50%); z-index: 2 } .hero__banner--play svg { cursor: pointer } @media (max-width: 1700px) { .hero__banner--play svg { width: 95px; height: 95px } } @media (max-width: 1024px) { .hero__banner--play svg { width: 88px; height: 88px } } .hero__banner--awards { border-radius: 20px; background: #ffffff; padding: 42px; position: absolute; bottom: 8%; right: 4% } @media (max-width: 1441px) { .hero__banner--awards { padding: 36px; bottom: 30px; right: 30px } } @media (max-width: 1024px) { .hero__banner--awards { padding: 3.32vw; bottom: 2.441vw; right: 2.441vw } } @media (max-width: 625px) { .hero__banner--awards { padding: 18px; bottom: 15px; right: 15px } } .hero__banner--awards img { width: 100%; height: auto } @media (max-width: 1441px) { .hero__banner--awards img { max-width: 280px } } @media (max-width: 1024px) { .hero__banner--awards img { max-width: 24.414vw } } @media (max-width: 625px) { .hero__banner--awards img { max-width: 150px } } .access { max-width: 1920px; margin: 0 auto 150px; width: 100% } @media (max-width: 1700px) { .access { margin: 0 auto 100px } } @media (max-width: 625px) { .access { margin: 0 auto 73px } } .access__container._active .access__container--img-inner:first-child img { transition: all 1.5s ease 1.5s; animation: fadeinImage ease 1.5s forwards } .access__container._active .access__container--img-inner:last-child img { transition: all 1.5s ease 1.5s; animation: fadeinImage ease 1.5s forwards; animation-delay: .8s } .access__container { display: flex; justify-content: space-between; gap: 16px; align-items: center } @media (max-width: 1441px) { .access__container { padding: 0 32px 0 0 } } @media (max-width: 625px) { .access__container { flex-wrap: wrap; gap: 72px; padding: 0 32px 0 } } .access__container--img-inner { display: flex; gap: 16px } @media (max-width: 1024px) { .access__container--img-inner { width: 50% } } @media (max-width: 625px) { .access__container--img-inner { order: 2; width: 100%; padding: 0 } } @media (max-width: 1024px) { .access__container--img-inner:nth-of-type(3) { display: none } } .access__container--img-inner img { width: 100%; height: auto; max-height: 675px; border-radius: 20px; opacity: 0; object-fit: cover; object-position: top center } @media (max-width: 1700px) { .access__container--img-inner img { max-height: 450px } } @media (max-width: 625px) { .access__container--img-inner img { height: 300px } } .access__content { width: 100%; max-width: 674px; margin: 0 auto 0; padding: 0 5px; display: flex; flex-direction: column; gap: 50px } @media (max-width: 1700px) { .access__content { padding: 0 } } @media (max-width: 1441px) { .access__content { gap: 31px; width: 50%; padding: 0 0 0 30px } } @media (max-width: 1024px) { .access__content { padding: 0 0 0 15px } } @media (max-width: 625px) { .access__content { order: 1; width: 100%; padding: 0 } } .access__content h2 { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a } @media (max-width: 1700px) { .access__content h2 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .access__content h2 { font-size: 24px } } .access__content--text { display: flex; flex-direction: column; gap: 40px } @media (max-width: 1700px) { .access__content--text { gap: 20px } } .access__content--text p { opacity: 0; font-size: 24px; line-height: 36px; font-weight: 400; color: #01040a } @media (max-width: 1700px) { .access__content--text p { font-size: 18px; line-height: 25px } } .getInTouch { max-width: 1920px; margin: 0 auto 80px; width: 100%; padding: 0 32px } @media (max-width: 1700px) { .getInTouch { margin: 0 auto 30px; padding: 0 45px } } @media (max-width: 1024px) { .getInTouch { padding: 0 32px } } @media (max-width: 625px) { .getInTouch { padding: 0; margin: 0 auto 45px } } .getInTouch__container { padding: 70px 95px 0; display: flex; justify-content: space-between; position: relative; gap: 30px } @media (max-width: 1700px) { .getInTouch__container { padding: 50px 50px 0 } } @media (max-width: 1320px) { .getInTouch__container { flex-wrap: wrap; gap: 10px } } @media (max-width: 1024px) { .getInTouch__container { padding: 80px 70px 0 } } @media (max-width: 800px) { .getInTouch__container { padding: 62px 50px 0 } } @media (max-width: 625px) { .getInTouch__container { padding: 0; gap: 0 } } .getInTouch__container::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 76%; background: #fcf3f3; border-radius: 20px; z-index: -1 } @media (max-width: 625px) { .getInTouch__container::before { content: none } } .getInTouch__container .getInTouch__inner-block:nth-of-type(1) { max-width: 50% } @media (max-width: 1320px) { .getInTouch__container .getInTouch__inner-block:nth-of-type(1) { max-width: 100% } } @media (max-width: 625px) { .getInTouch__container .getInTouch__inner-block:nth-of-type(1) { background: #fcf3f3; padding: 84px 32px 80px } } .getInTouch__container .getInTouch__inner-block:nth-of-type(2) { width: 686px } @media (max-width: 1700px) { .getInTouch__container .getInTouch__inner-block:nth-of-type(2) { max-width: 45% } } @media (max-width: 1320px) { .getInTouch__container .getInTouch__inner-block:nth-of-type(2) { max-width: inherit; margin: 0 auto } } @media (max-width: 1024px) { .getInTouch__container .getInTouch__inner-block:nth-of-type(2) { width: 100% } } @media (max-width: 625px) { .getInTouch__container .getInTouch__inner-block:nth-of-type(2) { margin: -20px 0 0; background: white; padding: 91px 32px 60px } } @media (max-width: 625px) { .getInTouch__inner-block { border-top-left-radius: 20px; border-top-right-radius: 20px } } .getInTouch__inner-block--first-part { margin: 0 0 115px } @media (max-width: 1700px) { .getInTouch__inner-block--first-part { margin: 0 0 60px } } .getInTouch__inner-block--first-part h2 { opacity: 0; font-size: 42px; font-weight: 900; color: #000000; margin: 64px 0 54px } @media (max-width: 1700px) { .getInTouch__inner-block--first-part h2 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .getInTouch__inner-block--first-part h2 { font-size: 24px } } @media (max-width: 1700px) { .getInTouch__inner-block--first-part h2 { margin: 40px 0 30px } } @media (max-width: 1024px) { .getInTouch__inner-block--first-part h2 { margin: 0 0 30px } } .getInTouch__inner-block--first-part_text { display: flex; flex-direction: column; gap: 30px } .getInTouch__inner-block--first-part_text p { opacity: 0; font-size: 24px; line-height: 36px; font-weight: 400; color: #000000; width: 100%; max-width: 674px } @media (max-width: 1700px) { .getInTouch__inner-block--first-part_text p { font-size: 18px; line-height: 25px } } @media (max-width: 1320px) { .getInTouch__inner-block--first-part_text p { max-width: 100% } } .getInTouch__inner-block--first-part_text a { font-weight: 700; color: #c51a1b } .getInTouch__inner-block--second-part { display: flex; flex-direction: column; gap: 21px } .getInTouch__inner-block--second-part p { opacity: 0; font-size: 24px; line-height: 36px; font-weight: 400; color: #000000 } @media (max-width: 1700px) { .getInTouch__inner-block--second-part p { font-size: 18px; line-height: 25px } } .getInTouch__inner-block--second-part a { opacity: 0; font-size: 32px; font-weight: 900; color: #000000; font-size: 32px } @media (max-width: 1700px) { .getInTouch__inner-block--second-part a { font-size: 22px; font-weight: 700 } } .getInTouch__contact-form { width: 686px; background: #ffffff; border-radius: 20px; padding: 40px 38px 65px; position: relative; margin: 0 0 0 auto } @media (max-width: 1700px) { .getInTouch__contact-form { width: 100%; padding: 32px } } @media (max-width: 1441px) { .getInTouch__contact-form { padding: 28px } } @media (max-width: 1320px) { .getInTouch__contact-form { max-width: 100%; min-width: inherit; margin: 0 auto } } @media (max-width: 800px) { .getInTouch__contact-form { padding: 40px 32px } } @media (max-width: 625px) { .getInTouch__contact-form { padding: 0 } } .getInTouch__contact-form--input.error, .getInTouch__contact-form--input_checkbox.error { border: 1px solid #c51a1b !important } .getInTouch__contact-form--wrap_input { display: flex; flex-direction: column; gap: 34px } .getInTouch__contact-form--wrap_input textarea { padding: 27px 0 0 32px; min-height: 190px } .getInTouch__contact-form--wrap_input textarea, .getInTouch__contact-form--wrap_input input { background: #ffffff; border: 1px solid rgba(197, 26, 27, 0.15); transition: .35s; font-size: 15px !important; font-family: "MTTRoma"; font-weight: 400; color: #000000 } .getInTouch__contact-form--wrap_input textarea::placeholder, .getInTouch__contact-form--wrap_input input::placeholder { font-size: 15px !important; font-family: "MTTRoma"; font-weight: 400; color: #000000 } .getInTouch__contact-form--wrap_input textarea:hover, .getInTouch__contact-form--wrap_input input:hover { border: 1px solid #c51a1b } .getInTouch__contact-form--wrap_input input { height: 65px; width: 100%; padding: 0 0 0 32px } @media (max-width: 1700px) { .getInTouch__contact-form--wrap_input input { height: 58px } } .getInTouch__contact-form--flex { display: flex; gap: 17px } .getInTouch__contact-form--flex>div { width: 50%; position: relative } .getInTouch__contact-form--flex>div p { position: absolute; top: -10px; left: 27px; padding: 0 5px; background: #fff; font-size: 12px; font-family: "MTTRoma"; font-weight: 400; color: #000000 } .getInTouch__contact-form--flex>div input { width: 100% } .getInTouch__contact-form--flex input { width: 50% } .getInTouch__contact-form--wrap_checkbox { margin: 54px 0 47px; display: flex; flex-direction: column; gap: 36px } .getInTouch__contact-form--checkbox, .gchoice_2_8_1, .gchoice_2_9_1, .gchoice_5_9_1, .gchoice_6_8_1, .gchoice_6_9_1, .gchoice_7_8_1, .gchoice_7_9_1, .gchoice_8_8_1, .gchoice_8_13_1, .gchoice_8_9_1, .gchoice_10_8_1, .gchoice_10_9_1, .gchoice_12_8_1, .gchoice_12_9_1, .gchoice_13_9_1 { display: flex; gap: 17px } .getInTouch__contact-form--checkbox input, .gchoice_2_8_1 input, .gchoice_2_9_1 input, .gchoice_5_9_1 input, .gchoice_6_8_1 input, .gchoice_6_9_1 input, .gchoice_7_8_1 input, .gchoice_7_9_1 input, .gchoice_8_8_1 input, .gchoice_8_13_1 input, .gchoice_8_9_1 input, .gchoice_10_8_1 input, .gchoice_10_9_1 input, .gchoice_12_8_1 input, .gchoice_12_9_1 input, .gchoice_13_9_1 input { width: 17px; height: 17px; background: #ffffff; border: 1px solid rgba(197, 26, 27, 0.15) } .getInTouch__contact-form--checkbox input:checked, .gchoice_2_8_1 input:checked, .gchoice_2_9_1 input:checked, .gchoice_5_9_1 input:checked, .gchoice_6_8_1 input:checked, .gchoice_6_9_1 input:checked, .gchoice_7_8_1 input:checked, .gchoice_7_9_1 input:checked, .gchoice_8_8_1 input:checked, .gchoice_8_13_1 input:checked, .gchoice_8_9_1 input:checked, .gchoice_10_8_1 input:checked, .gchoice_10_9_1 input:checked, .gchoice_12_8_1 input:checked, .gchoice_12_9_1 input:checked, .gchoice_13_9_1 input:checked { background: #c51a1b } .getInTouch__contact-form--checkbox label, .gchoice_2_8_1 label, .gchoice_2_9_1 label, .gchoice_5_9_1 label, .gchoice_6_8_1 label, .gchoice_6_9_1 label, .gchoice_7_8_1 label, .gchoice_7_9_1 label, .gchoice_8_8_1 label, .gchoice_8_13_1 label, .gchoice_8_9_1 label, .gchoice_10_8_1 label, .gchoice_10_9_1 label, .gchoice_12_8_1 label, .gchoice_12_9_1 label, .gchoice_13_9_1 label { font-size: 16px; font-weight: 400; color: #000000; width: 100%; max-width: 349px } .getInTouch__contact-form--checkbox label a, .gchoice_2_8_1 label a, .gchoice_2_9_1 label a, .gchoice_5_9_1 label a, .gchoice_6_8_1 label a, .gchoice_6_9_1 label a, .gchoice_7_8_1 label a, .gchoice_7_9_1 label a, .gchoice_8_8_1 label a, .gchoice_8_13_1 label a, .gchoice_8_9_1 label a, .gchoice_10_8_1 label a, .gchoice_10_9_1 label a, .gchoice_12_8_1 label a, .gchoice_12_9_1 label a, .gchoice_13_9_1 label a { color: #000000; font-weight: 400; font-size: 16px } .recentDeals { margin: 0 0 150px } @media (max-width: 1700px) { .recentDeals { margin: 0 0 50px } } @media (max-width: 1024px) { .recentDeals { position: relative } } .recentDeals__swiper-scrollbar { margin: 50px 0 0; position: relative; display: none } @media (max-width: 1024px) { .recentDeals__swiper-scrollbar { margin: 45px 0 0; padding: 0 0 67px; display: block } } .recentDeals__swiper-scrollbar .recentDeals--swiper-scrollbar { height: 2px !important; left: inherit !important; opacity: 1 !important; bottom: 0 !important; bottom: inherit !important; background: rgba(255, 0, 0, 0.2) } .recentDeals__swiper-scrollbar .recentDeals--swiper-scrollbar .swiper-scrollbar-drag { background: #ff0000 !important; opacity: .3; height: 3px } .recentDeals__title { position: relative; margin: 0 0 80px 0 } @media (max-width: 1700px) { .recentDeals__title { margin: 0 0 45px 0 } } @media (max-width: 1024px) { .recentDeals__title { position: inherit } } .recentDeals__title--first { width: calc(100% - 160px) } @media (max-width: 625px) { .recentDeals__title--first { width: 100% } } .recentDeals__title h4 { font-size: 42px; font-weight: 900; color: #01040a } @media (max-width: 1700px) { .recentDeals__title h4 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .recentDeals__title h4 { font-size: 24px } } .recentDeals__title p { font-size: 24px; line-height: 36px; font-weight: 600; color: #01040a; padding-top: 15px } @media (max-width: 1700px) { .recentDeals__title p { font-size: 18px; line-height: 25px } } .recentDeals .swiper-wrapper { align-items: baseline } .recentDeals__wrap-arrow { display: flex; gap: 30px; position: absolute; bottom: 0; right: 0 } @media (max-width: 1024px) { .recentDeals__wrap-arrow { gap: 35px; left: 0; right: 0; margin: auto; justify-content: center; bottom: 0 } } .recentDeals__slider-prev, .recentDeals__slider-next { cursor: pointer } .recentDeals__slider-prev svg g { opacity: 1 } .recentDeals__slider-prev.swiper-button-disabled svg g, .recentDeals__slider-next.swiper-button-disabled svg g { opacity: .2 } .recentDeals__slider-prev.swiper-button-disabled svg g path, .recentDeals__slider-next.swiper-button-disabled svg g path { stroke: #c51a1b } .recentDeals__item { display: flex; flex-direction: column; justify-content: space-between; gap: 40px; align-items: center } @media (max-width: 1700px) { .recentDeals__item { gap: 10px } } .recentDeals__item img { width: 306px; max-height: 176px; object-fit: contain; height: auto } @media (max-width: 1700px) { .recentDeals__item img { width: 230px } } @media (max-width: 720px) { .recentDeals__item img { width: 100% } } @media (max-width: 625px) { .recentDeals__item img { max-height: 130px } } .customerQuotes { max-width: 1920px; margin: 0 auto 150px; width: 100%; padding: 0 100px } @media (max-width: 1700px) { .customerQuotes { margin: 0 auto 115px } } @media (max-width: 1024px) { .customerQuotes { padding: 0 } } .customerQuotes__container { position: relative; padding: 163px 180px } @media (max-width: 1700px) { .customerQuotes__container { padding: 85px 90px } } @media (max-width: 625px) { .customerQuotes__container { padding: 60px 32px } } .customerQuotes__container::after { content: ''; position: absolute; top: 0; left: 0; opacity: 0.99; background: #fcf3f3; border-radius: 20px; width: 100%; height: 100%; z-index: -1 } @media (max-width: 1024px) { .customerQuotes__container::after { background: #f0f0f0 } } .customerQuotes__wrap_content { display: flex } @media (max-width: 625px) { .customerQuotes__wrap_content { flex-wrap: wrap; gap: 37px } } .customerQuotes__wrap_content .customerQuotes__inner_block:nth-of-type(1) { width: 24% } @media (max-width: 625px) { .customerQuotes__wrap_content .customerQuotes__inner_block:nth-of-type(1) { width: 100% } } .customerQuotes__wrap_content .customerQuotes__inner_block:nth-of-type(2) { width: 76%; position: relative } @media (max-width: 625px) { .customerQuotes__wrap_content .customerQuotes__inner_block:nth-of-type(2) { width: 100% } } .customerQuotes__left { opacity: 0; width: 115px; height: 184px; background: #c51a1b; border-radius: 58px; position: relative } @media (max-width: 1700px) { .customerQuotes__left { width: 93px; height: 157px } } @media (max-width: 1024px) { .customerQuotes__left { width: 77px; height: 127px } } @media (max-width: 625px) { .customerQuotes__left { width: 49px; height: 79px } } .customerQuotes__left span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -31%); font-size: 159px; font-weight: 400; color: #ffffff } @media (max-width: 1700px) { .customerQuotes__left span { font-size: 112px } } @media (max-width: 1024px) { .customerQuotes__left span { font-size: 100px } } @media (max-width: 625px) { .customerQuotes__left span { font-size: 67px } } .customerQuotes__slider_item>h2 { opacity: 0; font-weight: 900; color: #01040a; font-size: 42px; padding: 0 0 34px } @media (max-width: 1700px) { .customerQuotes__slider_item>h2 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .customerQuotes__slider_item>h2 { font-size: 24px } } @media (max-width: 625px) { .customerQuotes__slider_item>h2 { padding: 0 } } .customerQuotes__slider_item>h2 strong { font-weight: 900 } .customerQuotes__slider_item p { opacity: 0; font-size: 24px; line-height: 36px; font-weight: 400; color: #01040a; margin: 20px 0 } @media (max-width: 1700px) { .customerQuotes__slider_item p { font-size: 18px; line-height: 25px } } @media (max-width: 625px) { .customerQuotes__slider_item p { margin: 37px 0 } } .customerQuotes__slider_item--authour { width: calc(100% - 160px); padding: 55px 0 0 } @media (max-width: 625px) { .customerQuotes__slider_item--authour { padding: 0; width: 100% } } .customerQuotes__slider_item--authour h6 { opacity: 0; font-size: 24px; line-height: 36px; font-weight: 700; color: #01040a; line-height: 24px } @media (max-width: 1700px) { .customerQuotes__slider_item--authour h6 { font-size: 18px; line-height: 25px } } .customerQuotes__slider_item--authour p { opacity: 0; margin: 0; font-size: 18px; line-height: 28px; font-weight: 400; color: #01040a; line-height: 24px } @media (max-width: 1700px) { .customerQuotes__slider_item--authour p { line-height: 20px; font-size: 17px } } @media (max-width: 625px) { .customerQuotes__slider .swiper-wrapper { padding-bottom: 82px } } .customerQuotes__wrap-arrow { display: flex; gap: 30px; position: absolute; bottom: 0; right: 0; z-index: 5 } @media (max-width: 625px) { .customerQuotes__wrap-arrow { left: 0; justify-content: center } } .customerQuotes__slider-prev svg g { opacity: 1 } .customerQuotes__slider-prev, .customerQuotes__slider-next { cursor: pointer } .customerQuotes__slider-prev.swiper-button-disabled svg g, .customerQuotes__slider-next.swiper-button-disabled svg g { opacity: .2 } .customerQuotes__slider-prev.swiper-button-disabled svg g path, .customerQuotes__slider-next.swiper-button-disabled svg g path { stroke: #c51a1b } @media (max-width: 1024px) { .sliderExperts.sliderExperts_margin { margin: 0 auto 0; padding: 0 0 60px } } @media (max-width: 1024px) { .sliderExperts { position: relative; margin: 0 auto 120px; padding: 0 0 80px } } .sliderExperts__swiper-scrollbar { margin: 50px 0 0; position: relative; display: none } @media (max-width: 1024px) { .sliderExperts__swiper-scrollbar { display: block; padding: 0 32px } } .sliderExperts__swiper-scrollbar .sliderExperts--swiper-scrollbar { height: 2px !important; left: inherit !important; opacity: 1 !important; bottom: 0 !important; bottom: inherit !important; background: rgba(255, 0, 0, 0.2) } .sliderExperts__swiper-scrollbar .sliderExperts--swiper-scrollbar .swiper-scrollbar-drag { background: #ff0000 !important; opacity: .3; height: 3px } .sliderExperts__container { max-width: 1920px; margin: 0 auto 150px; width: 100%; padding: 0 0 0 140px } @media (max-width: 1700px) { .sliderExperts__container { padding: 0 0 0 80px } } @media (max-width: 1024px) { .sliderExperts__container { padding: 0 0 0 32px; margin: 0 auto 47px } } .sliderExperts__wrap-title { position: relative } @media (max-width: 1024px) { .sliderExperts__wrap-title { position: inherit } } .sliderExperts__wrap-title h5 { opacity: 0; font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b; width: calc(100% - 160px) } @media (max-width: 625px) { .sliderExperts__wrap-title h5 { width: 100% } } .sliderExperts__wrap-title>h2 { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a; margin: 15px 0 97px 0; width: 100%; max-width: 747px; width: calc(100% - 160px) } @media (max-width: 1700px) { .sliderExperts__wrap-title>h2 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .sliderExperts__wrap-title>h2 { font-size: 24px } } @media (max-width: 1700px) { .sliderExperts__wrap-title>h2 { margin: 15px 0 45px 0 } } @media (max-width: 1024px) { .sliderExperts__wrap-title>h2 { margin: 15px 0 40px 0 } } @media (max-width: 625px) { .sliderExperts__wrap-title>h2 { margin: 15px 0 35px 0; width: 100% } } .sliderExperts__wrap-arrow { display: flex; gap: 30px; position: absolute; bottom: 0; right: 0 } @media (max-width: 1024px) { .sliderExperts__wrap-arrow { gap: 35px; left: 0; justify-content: center } } .sliderExperts__slider-prev, .sliderExperts__slider-next { cursor: pointer } .sliderExperts__slider-prev svg g { opacity: 1 } .sliderExperts__slider-prev.swiper-button-disabled svg g, .sliderExperts__slider-next.swiper-button-disabled svg g { opacity: .2 } .sliderExperts__slider-prev.swiper-button-disabled svg path, .sliderExperts__slider-next.swiper-button-disabled svg path { stroke: #c51a1b } .sliderExperts__container { position: relative } .sliderExperts__container.hover .sliderExperts__none { display: inline-block } .sliderExperts__none { display: none; width: 70px; height: 70px; line-height: 70px; text-align: center; border-radius: 50%; background-color: rgba(0, 0, 0, 0.8); color: white; font-weight: bold; font-size: 16px; position: absolute; pointer-events: none; top: 0; left: 0; transform: translate(-50%, -50%); z-index: 999 } .sliderExperts__slider-inner .swiper-wrapper.dragCursorPointer .swiper-slide { cursor: pointer } .sliderExperts__slider-inner .swiper-wrapper { max-width: 675px } @media (max-width: 1700px) { .sliderExperts__slider-inner .swiper-wrapper { max-width: 462px } } @media (max-width: 625px) { .sliderExperts__slider-inner .swiper-wrapper { max-width: 355px } } .sliderExperts__slider-inner .swiper-wrapper .swiper-slide { transition: all 0.5s ease } .sliderExperts__slider-inner .swiper-wrapper .swiper-slide:hover { transform: scale(0.98) } .sliderExperts__slider-inner--item { max-width: 400px } @media (max-width: 625px) { .sliderExperts__slider-inner--item { max-width: 320px } } .sliderExperts__slider-inner--item img { width: 100%; max-width: 675px; border-radius: 20px; height: 380px; object-fit: cover; object-position: center top } @media (max-width: 1700px) { .sliderExperts__slider-inner--item img { height: 350px } } @media (max-width: 1024px) { .sliderExperts__slider-inner--item img { height: 320px } } @media (max-width: 625px) { .sliderExperts__slider-inner--item img { width: 100%; height: 280px } } .sliderExperts__slider-inner--item h3 { font-size: 32px; font-weight: 900; color: #000000; margin: 32px 0 15px; display: block } @media (max-width: 1700px) { .sliderExperts__slider-inner--item h3 { font-size: 22px; font-weight: 700 } } @media (max-width: 1700px) { .sliderExperts__slider-inner--item h3 { margin: 21px 0 5px } } .sliderExperts__slider-inner--item h6 { font-size: 18px; line-height: 28px; font-weight: 700; color: #c51a1b; letter-spacing: 0.18px } @media (max-width: 1700px) { .sliderExperts__slider-inner--item h6 { line-height: 20px; font-size: 17px } } .chooseUs { margin: 0 0 187px } @media (max-width: 1700px) { .chooseUs { margin: 0 0 100px } } .chooseUs__title h5 { opacity: 0; font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b } .chooseUs__title>h2 { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a; margin: 20px 0 71px 0; width: 100%; max-width: 747px } @media (max-width: 1700px) { .chooseUs__title>h2 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .chooseUs__title>h2 { font-size: 24px } } @media (max-width: 1700px) { .chooseUs__title>h2 { margin: 15px 0 40px 0 } } .chooseUs__wrap_content { display: flex; gap: 100px } @media (max-width: 720px) { .chooseUs__wrap_content { gap: 27px; flex-wrap: wrap } } .chooseUs__wrap_content--left__link { color: #c51a1b; font-weight: 700; transition: .35s } .chooseUs__wrap_content--left__link:hover { color: #7b1212 } .chooseUs__wrap_content--left__link img { width: 100%; max-width: 160px; height: auto } @media (max-width: 720px) { .chooseUs__wrap_content--left__link img { max-width: 140px; margin: 20px 0 } } .chooseUs__wrap_content--left._active { transition: all 1.5s ease 1.5s; animation: fadeinImage ease 1.5s forwards } .chooseUs__wrap_content--left { opacity: 0; display: flex; justify-content: space-between; flex-direction: column; gap: 20px } .chooseUs__wrap_content--left a { color: #c51a1b; font-weight: 700; line-height: 36px; font-size: 32px } @media (max-width: 1700px) { .chooseUs__wrap_content--left a { font-size: 22px; line-height: 27px } } @media (max-width: 1024px) { .chooseUs__wrap_content--left a { line-height: 23px; font-size: 18px } } .chooseUs__wrap_content--left p { width: 100%; max-width: 677px; font-weight: normal; color: #01040a; line-height: 36px; font-weight: 600; font-size: 32px } @media (max-width: 1700px) { .chooseUs__wrap_content--left p { font-size: 22px; line-height: 27px } } @media (max-width: 1024px) { .chooseUs__wrap_content--left p { line-height: 23px; font-size: 18px; font-weight: 600 } } .chooseUs__wrap_content--right._active { transition: all 1.5s ease 1.5s; animation: fadeinImage ease 1.5s forwards; animation-delay: .5s } .chooseUs__wrap_content--right { opacity: 0; display: flex; flex-direction: column; gap: 25px } @media (max-width: 1700px) { .chooseUs__wrap_content--right { gap: 17px } } .chooseUs__wrap_content--right p { font-size: 24px; line-height: 36px; font-weight: 400; color: #01040a } @media (max-width: 1700px) { .chooseUs__wrap_content--right p { font-size: 18px; line-height: 25px } } .chooseUs__wrap_content--right p strong, .chooseUs__wrap_content--right p a { font-weight: 700; color: #C51A1B } .chooseUs__wrap_content--right ul li { list-style: disc } .chooseUs__wrap_content--right ol li { list-style: auto } .chooseUs__wrap_content--right ul, .chooseUs__wrap_content--right ol { padding: revert; margin: 0 0 15px } .chooseUs__wrap_content--right ul li, .chooseUs__wrap_content--right ol li { font-size: 24px; line-height: 36px; font-weight: 400; color: #01040a } @media (max-width: 1700px) { .chooseUs__wrap_content--right ul li, .chooseUs__wrap_content--right ol li { font-size: 18px; line-height: 25px } } .chooseUs__wrap_content--right ul li:not(:last-child), .chooseUs__wrap_content--right ol li:not(:last-child) { margin: 0 0 10px } .chooseUs__inner-block { width: 50% } @media (max-width: 720px) { .chooseUs__inner-block { width: 100% } } .textField { margin: 100px 0 80px } @media (max-width: 1024px) { .textField { margin: 80px 0 40px } } .textField__conten p { font-size: 24px; line-height: 36px; font-weight: 400; color: #01040a; text-align: center } @media (max-width: 1700px) { .textField__conten p { font-size: 18px; line-height: 25px } } .textField__conten p a { text-decoration: underline; color: #c51a1b; font-weight: 500 } .servicesList { margin-bottom: 150px } @media (max-width: 1441px) { .servicesList { margin-bottom: 120px } } @media (max-width: 1024px) { .servicesList { margin-bottom: 100px } } @media (max-width: 625px) { .servicesList { margin-bottom: 80px } } .servicesList ._anim-items { opacity: 0; transition: .35s } .servicesList ._anim-items._active { opacity: 1 } .servicesList__pretitle { font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b; margin-bottom: 16px } .servicesList__title { font-size: 42px; color: #01040a; font-weight: bold } @media (max-width: 1700px) { .servicesList__title { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .servicesList__title { font-size: 24px } } .servicesList__wrap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 75px 130px; margin: 95px 0 0 } @media (max-width: 1920px) { .servicesList__wrap { gap: 3.906vw 6.771vw; margin: 4.948vw 0 0 } } @media (max-width: 1024px) { .servicesList__wrap { gap: 3.906vw 5.859vw; margin: 60px 0 0 } } @media (max-width: 768px) { .servicesList__wrap { grid-template-columns: repeat(1, 1fr); gap: 30px } } @media (max-width: 625px) { .servicesList__wrap { gap: 20px } } .servicesList__item { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding-bottom: 18px; border-bottom: 1px solid #000; transition: .35s } @media (max-width: 1024px) { .servicesList__item { padding-bottom: 16px } } @media (max-width: 625px) { .servicesList__item { padding-bottom: 15px } } .servicesList__item:hover p { color: #c51a1b } .servicesList__item p { font-weight: bold; color: #1c1818; transition: .35s; font-size: 32px; line-height: normal } @media (max-width: 1700px) { .servicesList__item p { font-size: 28px } } @media (max-width: 1441px) { .servicesList__item p { font-size: 24px } } @media (max-width: 1024px) { .servicesList__item p { font-size: 22px } } @media (max-width: 768px) { .servicesList__item p { font-size: 21px } } .accordionWrapfull .accordionWrap { margin: 0 0 150px } @media (max-width: 1700px) { .accordionWrapfull .accordionWrap { margin: 0 0 100px } } @media (max-width: 1024px) { .accordionWrapfull .accordionWrap { padding: 60px 0 0 } } .accordionWrapfull .accordionWrap__title { margin: 0 0 32px } @media (max-width: 1700px) { .accordionWrapfull .accordionWrap__title { margin: 0 0 25px } } .accordionWrapfull .accordionWrap__questions { width: 100% } .accordionWrapfull .accordionWrap__question.active .accordionWrap__question--current { padding: 32px 0 } @media (max-width: 1700px) { .accordionWrapfull .accordionWrap__question.active .accordionWrap__question--current { padding: 20px 0 } } .accordionWrapfull .accordionWrap__question.active .accordionWrap__question--current>div { font-size: 30px; font-weight: 700 } @media (max-width: 1024px) { .accordionWrapfull .accordionWrap__question.active .accordionWrap__question--current>div { font-size: 27px; font-weight: 600 } } .accordionWrapfull .accordionWrap__question--current { padding: 40px 0 } @media (max-width: 1700px) { .accordionWrapfull .accordionWrap__question--current { padding: 30px 0 } } .accordionWrapfull .accordionWrap__question--current>div { font-size: 30px; font-weight: 700 } @media (max-width: 1024px) { .accordionWrapfull .accordionWrap__question--current>div { font-size: 27px; font-weight: 600 } } .accordionWrapfull .accordionWrap__question--list>div p { max-width: 1461px } .accordionWrap { margin: 0 0 150px } @media (max-width: 1700px) { .accordionWrap { margin: 0 0 80px } } .accordionWrap__image { height: 100% } .accordionWrap__title h5 { opacity: 0; font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b } .accordionWrap__title h2 { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a; margin: 20px 0 0 0; width: 100%; max-width: 747px } @media (max-width: 1700px) { .accordionWrap__title h2 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .accordionWrap__title h2 { font-size: 24px } } @media (max-width: 1700px) { .accordionWrap__title h2 { margin: 15px 0 0 0 } } @media (max-width: 1024px) { .accordionWrap__title h2 { margin: 26px 0 0 0 } } @media (max-width: 625px) { .accordionWrap__title h2 { margin: 13px 0 0 0 } } .accordionWrap__list--img { display: none } @media (max-width: 1024px) { .accordionWrap__list--img { display: block } } .accordionWrap__wrap_content { display: flex; justify-content: space-between; gap: 80px; margin: 20px 0 0; align-items: center } @media (max-width: 1024px) { .accordionWrap__wrap_content { flex-wrap: wrap } } @media (max-width: 625px) { .accordionWrap__wrap_content { margin: 0 } } .accordionWrap__wrap_content--img._active div.active { display: block; animation: fadeinImage ease .8s forwards } .accordionWrap__wrap_content--img._active div.active img { animation: fadeinImage ease 1s forwards; animation-delay: .5s } .accordionWrap__wrap_content--img { width: 50%; margin: 0 0 0 auto; position: relative; height: 100% } @media (max-width: 1024px) { .accordionWrap__wrap_content--img { width: 100%; display: none } } .accordionWrap__wrap_content--img div { display: none; background-color: rgba(236, 233, 229, 0.5); border-radius: 20px } .accordionWrap__wrap_content--img img { width: 100%; object-fit: cover; opacity: 0; border-radius: 20px } @media (max-width: 1700px) { .accordionWrap__wrap_content--img img { margin: 0 } } .accordionWrap__questions { width: 50%; display: flex; flex-direction: column; margin: 35px 0 0 0 } @media (max-width: 1700px) { .accordionWrap__questions { margin: 20px 0 0 0 } } @media (max-width: 1024px) { .accordionWrap__questions { width: 100%; margin: 40px 0 0 0 } } .accordionWrap__question { position: relative } .accordionWrap__question.active._active .accordionWrap__question--list p { transition: all 1.2s ease 1.2s; animation: fadein ease 1.2s forwards } .accordionWrap__question.active._active .accordionWrap__question--list img { transition: all 1.5s ease 1.5s; animation: fadeinImage ease 1.8s forwards } .accordionWrap__question.active { padding: 0 0 38px } @media (max-width: 1700px) { .accordionWrap__question.active { padding: 0 0 10px } } .accordionWrap__question.active .accordionWrap__question--current { padding: 39px 0 31px } @media (max-width: 1700px) { .accordionWrap__question.active .accordionWrap__question--current { padding: 20px 0 20px } } .accordionWrap__question.active .accordionWrap__question--current>div:nth-of-type(2) { display: block } .accordionWrap__question.active .accordionWrap__question--current>div:nth-of-type(1) { display: none } .accordionWrap__question.active .accordionWrap__question--current>div { font-size: 24px; font-weight: 700; color: #c51a1b } .accordionWrap__question.active .accordionWrap__question--current h4, .accordionWrap__question.active .accordionWrap__question--current h3 { color: #c51a1b; opacity: 1 } .accordionWrap__question--current { display: flex; border-top: 1px solid rgba(0, 0, 0, 0.2); cursor: pointer; justify-content: space-between; column-gap: 20px; transition: .35s; padding: 32px 0 26px 0; align-items: center } .accordionWrap__question--current h3, .accordionWrap__question--current h4 { font-weight: 700; color: #000000; width: 100%; transition: .35s !important; font-size: 32px; opacity: 1 } @media (max-width: 1700px) { .accordionWrap__question--current h3, .accordionWrap__question--current h4 { font-size: 22px; font-weight: 700 } } .accordionWrap__question--current h3:hover, .accordionWrap__question--current h4:hover { color: #c51a1b } .accordionWrap__question--current>div:nth-of-type(2) { display: none } .accordionWrap__question--current>div { font-size: 24px; font-weight: 600 } .accordionWrap__question--list { display: flex; justify-content: left; height: 0; overflow: hidden; transition: .35s } @media (max-width: 1024px) { .accordionWrap__question--list { flex-wrap: wrap; padding: 0 } } .accordionWrap__question--list>div { height: max-content; padding: 0 0 20px } .accordionWrap__question--list>div img { border-radius: 20px; margin: 0 auto; width: 100%; max-width: 358px; opacity: 0; object-fit: cover; display: none; height: 0 } .accordionWrap__question--list>div ul { padding: revert } .accordionWrap__question--list>div p { opacity: 0; font-size: 24px; line-height: 36px; font-weight: 400; color: #000000; width: 100%; max-width: 635px; opacity: 0 } @media (max-width: 1700px) { .accordionWrap__question--list>div p { font-size: 18px; line-height: 25px } } @media (max-width: 1024px) { .accordionWrap__question--list>div p { max-width: 100% } } .accordionWrap__question--list>div a { text-decoration: underline; color: #c51a1b } .accordionWrap__question--list>div>*:not(:last-child) { margin-bottom: 24px } @media (max-width: 1700px) { .accordionWrap__question--list>div>*:not(:last-child) { margin-bottom: 15px } } @media (max-width: 1024px) { .accordionWrap__question--list>div>*:not(:last-child) { margin-bottom: 0 } } .bgHero .container { margin: 205px auto 150px; padding: 0 0 0 140px; display: flex; justify-content: space-between; gap: 150px } @media (max-width: 1700px) { .bgHero .container { margin: 185px auto 80px; padding: 0 0 0 100px; gap: 110px } } @media (max-width: 1441px) { .bgHero .container { gap: 80px } } @media (max-width: 1024px) { .bgHero .container { flex-wrap: wrap; margin: 160px auto 100px; padding: 0 0 0 32px; gap: 50px } } @media (max-width: 625px) { .bgHero .container { margin: 141px auto 57px } } .bgHero__title h3 { font-size: 18px; line-height: 28px; font-weight: 700; color: #c51a1b; letter-spacing: 1.8px; text-transform: uppercase; margin: 0 0 17px; opacity: 0 } @media (max-width: 1700px) { .bgHero__title h3 { line-height: 20px; font-size: 17px } } .bgHero__title h1 { font-size: 72px; font-weight: 900; color: #000000; opacity: 0 } @media (max-width: 1700px) { .bgHero__title h1 { font-size: 32px } } @media (max-width: 1024px) { .bgHero__title h1 { font-size: 28px } } .bgHero__inner-block { display: flex; flex-direction: column; justify-content: space-around; width: 35% } @media (max-width: 1024px) { .bgHero__inner-block { width: 100% } } .bgHero__banner._active { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); transform: translateY(0px); padding: 0 0 0 85px; opacity: 1 } @media (max-width: 1700px) { .bgHero__banner._active { padding: 0 0 0 62px } } @media (max-width: 1024px) { .bgHero__banner._active { padding: 0 0 0 56px } } .bgHero__banner._active .bgHero__banner--wrap_path img { animation: animeScale 1s 1s forwards } .bgHero__banner._active .bgHero__banner--play { animation: animeOpacity 1.7s 1.7s forwards } .bgHero__banner { max-width: 65%; -webkit-clip-path: inset(100% 0 0 0); clip-path: inset(100% 0 0 0); transition: .8s; transform: translateY(100px); opacity: 0; overflow: hidden; padding: 0 } @media (max-width: 1024px) { .bgHero__banner { max-width: 100%; margin: 0 0 0 auto } } .bgHero__banner--wrap_path { position: relative; display: flex; gap: 25px } .bgHero__banner--wrap_path img { width: 100%; object-fit: cover; height: auto; border-radius: 20px; transition: 1s; object-fit: cover; object-position: center top; max-height: 600px; height: 60vh } @media (max-width: 1700px) { .bgHero__banner--wrap_path img { max-height: 500px } } @media (max-width: 1024px) { .bgHero__banner--wrap_path img { max-height: 400px } } @media (max-width: 625px) { .bgHero__banner--wrap_path img { max-height: 300px } } .bgHero__banner--play { position: absolute; top: 50%; left: 0%; transform: translate(-50%, -50%); z-index: 2; opacity: 0; transition: 1.5s; cursor: pointer } .bgHero__banner--play svg { cursor: pointer } @media (max-width: 1700px) { .bgHero__banner--play svg { width: 95px; height: 95px } } @media (max-width: 1024px) { .bgHero__banner--play svg { width: 88px; height: 88px } } .realisePotential { margin: 0 0 150px } @media (max-width: 1700px) { .realisePotential { margin: 0 0 100px } } @media (max-width: 625px) { .realisePotential { margin: 0 0 66px } } .realisePotential__wrap-container { display: flex; justify-content: space-between; gap: 160px; align-items: center } @media (max-width: 1700px) { .realisePotential__wrap-container { gap: 120px } } @media (max-width: 1024px) { .realisePotential__wrap-container { gap: 30px } } @media (max-width: 625px) { .realisePotential__wrap-container { flex-wrap: wrap; gap: 41px } } .realisePotential__wrap-container .realisePotential__inner-block:nth-of-type(1) { width: 35%; max-width: 536px } @media (max-width: 625px) { .realisePotential__wrap-container .realisePotential__inner-block:nth-of-type(1) { order: 2; width: 100%; max-width: 100% } } .realisePotential__wrap-container .realisePotential__inner-block:nth-of-type(2) { width: 65% } @media (max-width: 625px) { .realisePotential__wrap-container .realisePotential__inner-block:nth-of-type(2) { order: 1; width: 100% } } @media (max-width: 625px) { .realisePotential__inner-block { background-color: inherit } } .realisePotential__inner-block a { color: #C51A1B } .realisePotential__inner-block img { width: 100%; max-width: 536px; height: 50vh; border-radius: 20px; object-fit: cover; margin: 0 auto; object-position: top; max-height: 600px } @media (max-width: 1700px) { .realisePotential__inner-block img { max-height: 400px } } @media (max-width: 625px) { .realisePotential__inner-block img { max-height: 300px; max-width: 350px } } .realisePotential__inner-block--content._active._anim-items h2 strong::after { animation: fadeinImage ease 1s forwards; animation-delay: .9s } .realisePotential__inner-block--content { display: flex; flex-direction: column; gap: 77px; width: 100%; max-width: 942px; margin: 0 0 0 auto } @media (max-width: 1700px) { .realisePotential__inner-block--content { gap: 37px } } .realisePotential__inner-block--content h2 { font-size: 42px; font-weight: 900; color: #01040a } @media (max-width: 1700px) { .realisePotential__inner-block--content h2 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .realisePotential__inner-block--content h2 { font-size: 24px } } .realisePotential__inner-block--content h2 strong { font-weight: 900; position: relative; display: inline-block } .realisePotential__inner-block--content h2 strong::after { content: ""; top: 100%; left: 50%; transform: translate(-50%, -23%); width: 169%; max-width: 230px; height: 20px; background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/home/under_text.svg"); background-repeat: no-repeat; position: absolute; display: inline-block; background-size: contain; opacity: 0 } .realisePotential__inner-block--content-p { display: flex; flex-direction: column; gap: 25px } @media (max-width: 1700px) { .realisePotential__inner-block--content-p { gap: 15px } } .realisePotential__inner-block--content-p p { font-size: 24px; line-height: 36px; font-weight: 400; color: #000000 } @media (max-width: 1700px) { .realisePotential__inner-block--content-p p { font-size: 18px; line-height: 25px } } .aboutUs .ourMission { padding: 0 0 150px } @media (max-width: 1441px) { .aboutUs .ourMission { padding: 0 0 100px } } @media (max-width: 1024px) { .aboutUs .ourMission { padding: 0 0 80px; margin: 0 0 110px } } .aboutUs .ourMission__wrap-title { position: relative; margin: 0 0 98px 0 } @media (max-width: 1700px) { .aboutUs .ourMission__wrap-title { margin: 0 0 50px 0 } } .aboutUs .ourMission__wrap-title h5 { opacity: 0; font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b } .aboutUs .ourMission__wrap-title>h2 { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a; width: 100%; max-width: 747px; margin: 28px 0; width: calc(100% - 190px); max-width: 1088px } @media (max-width: 1700px) { .aboutUs .ourMission__wrap-title>h2 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .aboutUs .ourMission__wrap-title>h2 { font-size: 24px } } @media (max-width: 1700px) { .aboutUs .ourMission__wrap-title>h2 { margin: 15px 0 } } @media (max-width: 992px) { .aboutUs .ourMission__wrap-title>h2 { width: 100% } } .aboutUs .ourMission__wrap-title>h3 { opacity: 0; font-size: 24px; line-height: 36px; font-weight: 400; color: #000000; width: calc(100% - 190px); max-width: 50% } @media (max-width: 1700px) { .aboutUs .ourMission__wrap-title>h3 { font-size: 18px; line-height: 25px } } @media (max-width: 1700px) { .aboutUs .ourMission__wrap-title>h3 { font-weight: 400 } } @media (max-width: 992px) { .aboutUs .ourMission__wrap-title>h3 { width: 100%; max-width: 100% } } .aboutUs .ourMission .container-slider { max-width: 1920px; margin: 0 auto; width: 100%; padding: 0 0 0 140px } @media (max-width: 1700px) { .aboutUs .ourMission .container-slider { padding: 0 0 0 100px } } @media (max-width: 1024px) { .aboutUs .ourMission .container-slider { padding: 0px 0 0 32px } } .aboutUs .ourMission__wrap-slider .swiper-wrapper { align-items: stretch } @media (max-width: 992px) { .aboutUs .ourMission__wrap-slider .swiper-wrapper { align-items: inherit } } .aboutUs .ourMission__slider { max-width: 1187px; width: 100%; height: initial } @media (max-width: 1700px) { .aboutUs .ourMission__slider { max-width: 863px } } @media (max-width: 992px) { .aboutUs .ourMission__slider { height: initial; max-width: 504px } } @media (max-width: 625px) { .aboutUs .ourMission__slider { max-width: 358px } } .aboutUs .ourMission__item { display: flex; background: #fcf3f3; border-radius: 20px; gap: 103px; width: 100%; height: 100%; padding: 0 60px 0 0 } @media (max-width: 1700px) { .aboutUs .ourMission__item { gap: 35px; padding: 0 35px 0 0 } } @media (max-width: 992px) { .aboutUs .ourMission__item { display: block } } .aboutUs .ourMission__block-img { max-width: 50% } @media (max-width: 992px) { .aboutUs .ourMission__block-img { height: max-content } } .aboutUs .ourMission__block-img img { width: 100%; max-width: 519px; height: 100%; border-radius: 20px; object-fit: cover; object-position: center center } @media (max-width: 1024px) { .aboutUs .ourMission__block-img img { object-position: 30% 18% } } .aboutUs .ourMission__wrap-footer { position: relative; margin: 74px 0 0 } @media (max-width: 1700px) { .aboutUs .ourMission__wrap-footer { margin: 40px 0 0 } } .aboutUs .ourMission__wrap-footer .swiper-scrollbar { height: 2px !important; left: inherit !important; opacity: 1 !important; top: 0 !important; bottom: inherit !important } .aboutUs .ourMission__wrap-footer .swiper-scrollbar .swiper-scrollbar-drag { background: #ff0000 !important } .aboutUs .ourMission__text-inner { display: flex; flex-direction: column; justify-content: space-between; gap: 30px; width: 50%; padding: 89px 0 66px 0 } @media (max-width: 1700px) { .aboutUs .ourMission__text-inner { padding: 40px 0 } } .aboutUs .ourMission__text-inner h4 { font-size: 32px } @media (max-width: 1700px) { .aboutUs .ourMission__text-inner h4 { font-size: 22px; font-weight: 700 } } .aboutUs .ourMission__text-inner--content { display: flex; flex-direction: column; gap: 25px } .aboutUs .ourMission__text-inner p { font-size: 24px; line-height: 36px; font-weight: 400; color: #000 } @media (max-width: 1700px) { .aboutUs .ourMission__text-inner p { font-size: 18px; line-height: 25px } } .aboutUs .ourMission__wrap-arrow { display: flex; gap: 30px; position: absolute; bottom: 0; right: 0 } .aboutUs .ourMission__slider-prev, .aboutUs .ourMission__slider-next { cursor: pointer } .aboutUs .ourMission__slider-prev svg g { opacity: 1 } .aboutUs .ourMission__slider-prev.swiper-button-disabled svg g, .aboutUs .ourMission__slider-next.swiper-button-disabled svg g { opacity: .2 } .aboutUs .ourMission__slider-prev.swiper-button-disabled svg path, .aboutUs .ourMission__slider-next.swiper-button-disabled svg path { stroke: #c51a1b } .leavLegacy { width: 100%; max-width: 1088px; margin: 0 auto 134px } @media (max-width: 1700px) { .leavLegacy { margin: 0 auto 0 } } @media (max-width: 1200px) { .leavLegacy__container { padding: 0 50px } } .leavLegacy__container h3 { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a; margin: 0 0 43px } @media (max-width: 1700px) { .leavLegacy__container h3 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .leavLegacy__container h3 { font-size: 24px } } .leavLegacy__content { display: flex; flex-direction: column; gap: 25px } .leavLegacy__content p { opacity: 0; font-size: 24px; line-height: 36px; font-weight: 400; color: #01040a } @media (max-width: 1700px) { .leavLegacy__content p { font-size: 18px; line-height: 25px } } .ourVision { margin: 20vh auto 0; max-width: 1920px; width: 100%; display: flex; position: relative; flex-direction: column } @media (max-width: 1700px) { .ourVision { margin: 20vh auto 100px } } @media (max-width: 1024px) { .ourVision { padding: 0 0 0; margin: 100px auto 100px } } .ourVision__wrap-container { position: absolute; top: 0; width: 100%; height: 100vh; padding: 90px 0 0 } @media (max-width: 1024px) { .ourVision__wrap-container { display: none; position: absolute; width: 100%; top: 0; left: 0; padding: 0 0 0 } } .ourVision__container { display: flex; justify-content: space-between; gap: 30px; align-items: flex-start; width: 100%; height: 100%; width: 100% } @media (max-width: 1024px) { .ourVision__container { padding: 0px 32px; position: relative; margin: 0 0 50px } } .ourVision__img-left { height: 100%; display: flex; align-items: center; width: 30%; max-width: 538px } @media (max-width: 1700px) { .ourVision__img-left { max-width: 430px } } @media (max-width: 1024px) { .ourVision__img-left { width: 187px; opacity: 0.3; padding: 0 } } .ourVision__img-left img { width: 100%; height: 90%; max-height: 700px; border-radius: 20px } @media (max-height: 900px) { .ourVision__img-left img { height: 85% } } .ourVision__img-right { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; gap: 50px; width: 17.2%; height: 100%; padding: 20px 0 20px 0 } @media (max-width: 1024px) { .ourVision__img-right { padding: 0; padding: 0; gap: 60px; opacity: 0.3 } } .ourVision__img-right img::nth-of-type(1) { position: absolute; top: 100px; right: 30px } .ourVision__img-right img::nth-of-type(2) { position: absolute; top: 260px; right: 30px; width: 84px; height: 108px } .ourVision__img-right img { border-radius: 20px; width: 100% } .ourVision__img-right img:nth-of-type(1) { max-width: 331px; height: auto } @media (max-width: 1700px) { .ourVision__img-right img:nth-of-type(1) { max-width: 230px } } @media (max-height: 900px) { .ourVision__img-right img:nth-of-type(1) { max-width: 190px } } .ourVision__img-right img:nth-of-type(2) { max-width: 187px; height: auto } @media (max-width: 1700px) { .ourVision__img-right img:nth-of-type(2) { max-width: 140px } } @media (max-height: 900px) { .ourVision__img-right img:nth-of-type(2) { max-width: 125px } } .ourVision__content.show { display: block } .ourVision__wrap-content { position: relative; display: flex; flex-direction: column; max-width: 100%; width: 100%; display: flex; align-items: center; justify-content: center; z-index: 2; top: 0 } @media (max-width: 1024px) { .ourVision__wrap-content { display: block; height: max-content; position: relative } } .ourVision__content { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; max-width: 48%; margin: 0px auto 0 32%; position: relative; padding: 100vh 100px 0 } @media (max-width: 1700px) { .ourVision__content { padding: 100vh 80px 0 } } @media (max-width: 1441px) { .ourVision__content { padding: 100vh 60px 0 } } @media (max-width: 1200px) { .ourVision__content { padding: 100vh 30px 0 } } .ourVision__content:last-child { padding: 100vh 100px 40vh } @media (max-width: 1700px) { .ourVision__content:last-child { padding: 100vh 80px 40vh } } @media (max-width: 1441px) { .ourVision__content:last-child { padding: 100vh 60px 40vh } } @media (max-width: 1200px) { .ourVision__content:last-child { padding: 100vh 30px 40vh } } @media (max-width: 1024px) { .ourVision__content:last-child { padding: 45px 32px 63px } } @media (max-width: 625px) { .ourVision__content:last-child { padding: 45px 32px 33px } } @media (max-width: 1024px) { .ourVision__content { min-height: inherit; padding: 45px 32px 63px; max-width: 100%; display: block; margin: 0 0 90px } } @media (max-width: 625px) { .ourVision__content { margin: 0 0 40px; padding: 45px 32px 33px } } .ourVision__content--image { display: none; position: absolute; top: 0; left: 0; justify-content: space-between; width: 100%; height: 100% } @media (max-width: 1024px) { .ourVision__content--image { display: flex } } .ourVision__content--image img { opacity: 0.3; border-radius: 20px; object-fit: cover } .ourVision__content--image>div:nth-of-type(1) { width: 185px; height: 100%; max-height: 345px } .ourVision__content--image>div:nth-of-type(1) img { width: 100%; height: auto } .ourVision__content--image>div:nth-of-type(2) { display: flex; flex-direction: column; position: relative; top: 70px; gap: 80px } .ourVision__content--image>div:nth-of-type(2) img:nth-of-type(1) { width: 125px; height: 175px } .ourVision__content--image>div:nth-of-type(2) img:nth-of-type(2) { width: 84px; height: 108px } .ourVision__content h2 { font-size: 55px; color: #1c1818; margin: 0 0 72px; font-weight: 900 } @media (max-width: 1700px) { .ourVision__content h2 { font-size: 42px } } @media (max-width: 625px) { .ourVision__content h2 { font-size: 32px } } @media (max-width: 1700px) { .ourVision__content h2 { font-weight: 700; margin: 0 0 40px } } .ourVision__content h2 strong { font-size: 55px; font-weight: 900; position: relative; display: inline-block } @media (max-width: 1700px) { .ourVision__content h2 strong { font-size: 42px } } @media (max-width: 625px) { .ourVision__content h2 strong { font-size: 32px } } @media (max-width: 1700px) { .ourVision__content h2 strong { font-weight: 700 } } .ourVision__content h2 strong::after { content: ""; top: 100%; left: 50%; transform: translate(-50%, -23%); width: 169%; max-width: 230px; height: 20px; background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/home/under_text.svg"); background-repeat: no-repeat; position: absolute; display: inline-block; background-size: contain } @media (max-width: 1700px) { .ourVision__content h2 strong::after { width: 114%; max-width: inherit } } .ourVision__content h5 { font-size: 32px; font-weight: 700; color: #1c1818; margin: 0 0 30px } @media (max-width: 1700px) { .ourVision__content h5 { font-size: 22px; font-weight: 700 } } @media (max-width: 1700px) { .ourVision__content h5 { margin: 0 0 15px } } .ourVision__content--p { display: flex; flex-direction: column; gap: 30px } @media (max-width: 1700px) { .ourVision__content--p { gap: 15px } } .ourVision__content--p p { font-size: 24px; line-height: 36px; font-weight: 400; color: #01040a } @media (max-width: 1700px) { .ourVision__content--p p { font-size: 18px; line-height: 25px } } .ourVision__content--p ul, .ourVision__content--p ol { padding-left: 1.5em } @media (max-width: 1700px) { .ourVision__content--p ul, .ourVision__content--p ol { padding-left: 1.2em } } @media (max-width: 1024px) { .ourVision__content--p ul, .ourVision__content--p ol { padding-left: 1.1em } } .ourVision__content--p a { font-weight: 700; color: #c51a1b } .ourValues { margin: 0 0 150px } @media (max-width: 1441px) { .ourValues { margin: 0 0 100px } } .ourValues .container { display: flex; justify-content: space-between } @media (max-width: 1700px) { .ourValues .container { align-items: center } } .ourValues .container .ourValues__inner-block:nth-of-type(1) { width: calc(50% - 75px) } .ourValues .container .ourValues__inner-block:nth-of-type(2) { width: 50% } @media (max-width: 992px) { .ourValues .container .ourValues__inner-block:nth-of-type(2) { display: flex; flex-direction: column; gap: 45px } } .ourValues__inner-block--wrap-content { width: 100%; max-width: 674px; display: flex; flex-direction: column; gap: 102px; padding: 190px 0 0 0 } @media (max-width: 1700px) { .ourValues__inner-block--wrap-content { gap: 90px; padding: 0 0 0 0 } } @media (max-width: 992px) { .ourValues__inner-block--wrap-content { max-width: 100%; gap: 40px } } .ourValues__inner-block-pink { background: #fcf3f3; border-radius: 20px; padding: 125px 142px 124px 134px } @media (max-width: 1700px) { .ourValues__inner-block-pink { padding: 80px 90px 60px 80px } } @media (max-width: 1200px) { .ourValues__inner-block-pink { padding: 50px } } @media (max-width: 992px) { .ourValues__inner-block-pink { padding: 75px 32px } } .ourValues__inner-block-pink .ourValues__left-item { display: block } .ourValues__wrap-item { display: none } .ourValues__item { display: none } @media (max-width: 992px) { .ourValues__item { display: flex; gap: 17px; align-items: center } } .ourValues__item svg { width: 25px; height: 23px; margin: 0 0 0 -11px } .ourValues__item p { font-size: 24px; font-weight: 700; color: #000000 } .ourValues__item-content.active { display: flex } .ourValues__item-content.active .ourValues__image { animation: fadeinImage ease .8s forwards } .ourValues__item-content.active .ourValues__wrap-item { display: block } @media (max-width: 992px) { .ourValues__item-content.active .ourValues__wrap-item { margin: 45px 0 0 } } .ourValues__item-content.active .ourValues__wrap-item img { animation: fadeinImage ease 1s forwards; animation-delay: .5s } .ourValues__item-content.active .ourValues__wrap-item p, .ourValues__item-content.active .ourValues__wrap-item a { transition: all 1.5s ease 1.5s; animation: fadein ease 1.5s forwards } .ourValues__item-content.active .ourValues__item svg path { fill: #c51a1b } .ourValues__item-content.active .ourValues__item p { font-weight: 900; color: #c51a1b } .ourValues__image { background-color: rgba(236, 233, 229, 0.5); border-radius: 20px; margin: 0 auto; width: 100% } .ourValues__item-content.active .ourValues__item-content__second-block { transition: all 1.5s ease 1.5s; animation: fadein ease 1.5s forwards } .ourValues__item-content { display: none; flex-direction: column } @media (max-width: 992px) { .ourValues__item-content { display: flex } } .ourValues__item-content__second-block { opacity: 0 } .ourValues__item-content img { width: 100%; height: 417px; border-radius: 20px; object-fit: cover; object-position: center top; margin: 0 auto; opacity: 0 } @media (max-width: 1700px) { .ourValues__item-content img { height: 255px } } .ourValues__item-content strong { font-size: 32px; font-weight: 900; color: #000000; margin: 46px 0 40px; display: block } @media (max-width: 1700px) { .ourValues__item-content strong { font-size: 22px; font-weight: 700 } } @media (max-width: 1700px) { .ourValues__item-content strong { margin: 25px 0 20px } } .ourValues__item-content--p { display: flex; flex-direction: column; gap: 25px } .ourValues__item-content--p p { font-size: 24px; line-height: 36px; font-weight: 400; color: #000000 } @media (max-width: 1700px) { .ourValues__item-content--p p { font-size: 18px; line-height: 25px } } @media (max-width: 992px) { .ourValues__left-main-text { margin: 0 0 55px } } .ourValues__left-main-text h6 { opacity: 0; font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b } .ourValues__left-main-text h4 { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a; margin: 20px 0 76px } @media (max-width: 1700px) { .ourValues__left-main-text h4 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .ourValues__left-main-text h4 { font-size: 24px } } @media (max-width: 1700px) { .ourValues__left-main-text h4 { margin: 15px 0 40px } } .ourValues__left-main-text p { opacity: 0; font-size: 32px; color: #01040a; font-weight: 600 } @media (max-width: 1700px) { .ourValues__left-main-text p { font-size: 22px; font-weight: 700 } } @media (max-width: 992px) { .ourValues__left-item { display: none } } .ourValues__left-item ul { opacity: 0; display: flex; flex-direction: column; gap: 67px } @media (max-width: 1700px) { .ourValues__left-item ul { gap: 30px } } .ourValues__left-item ul li.active { display: flex; transition: .35s; font-weight: 900; color: #c51a1b } .ourValues__left-item ul li.active svg { display: block } @media (max-width: 1520px) { .ourValues__left-item ul li.active svg { width: 25px; height: 25px } } .ourValues__left-item ul li { font-size: 32px; font-weight: 500; color: #000000; transition: .35s; cursor: pointer; display: flex; gap: 21px } @media (max-width: 1700px) { .ourValues__left-item ul li { font-size: 22px; font-weight: 700 } } @media (max-width: 992px) { .ourValues__left-item ul li { font-size: 19px; font-weight: 700 } } .ourValues__left-item ul li svg { display: none; margin: 0 0 0 -16px } .ourValues__left-item ul li:hover { gap: 21px; transition: .35s; font-weight: 900; color: #c51a1b } @media (max-width: 1024px) { .ourStarted { position: relative } } .ourStarted__wrap-footer { display: none; position: relative } @media (max-width: 1024px) { .ourStarted__wrap-footer { display: block; margin: 30px 0 0 0 } } .ourStarted__wrap-footer .swiper-scrollbar_second { border-radius: 10px; background: rgba(0, 0, 0, 0.1); height: 2px !important; left: inherit !important; opacity: 1 !important; top: 0 !important; bottom: inherit !important } .ourStarted__wrap-footer .swiper-scrollbar_second .swiper-scrollbar-drag { background: #ff0000 !important } .ourStarted__wrap-container { position: relative; display: flex; flex-direction: column; gap: 70px; margin: 0 0 100px } @media (max-width: 1700px) { .ourStarted__wrap-container { gap: 50px; margin: 0 0 50px } } @media (max-width: 1024px) { .ourStarted__wrap-container { position: inherit } } .ourStarted__title h6 { opacity: 0; font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b } .ourStarted__title h5 { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a; margin: 20px 0 0 } @media (max-width: 1700px) { .ourStarted__title h5 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .ourStarted__title h5 { font-size: 24px } } @media (max-width: 1700px) { .ourStarted__title h5 { margin: 15px 0 0 } } .ourStarted__content { width: 100%; display: flex; flex-direction: column; gap: 30px; width: calc(100% - 190px); max-width: 50% } @media (max-width: 1700px) { .ourStarted__content { gap: 22px } } @media (max-width: 1024px) { .ourStarted__content { width: 100%; max-width: 100% } } .ourStarted__content p { opacity: 0; font-size: 24px; line-height: 36px; font-weight: 400; color: #000000 } @media (max-width: 1700px) { .ourStarted__content p { font-size: 18px; line-height: 25px } } .ourStarted__wrap-arrow { display: flex; gap: 30px; position: absolute; bottom: 0; right: 0 } @media (max-width: 1024px) { .ourStarted__wrap-arrow { left: 0; right: 0; margin: auto; justify-content: center; bottom: -80px } } .ourStarted__slider-prev, .ourStarted__slider-next { cursor: pointer } .ourStarted__slider-prev svg g { opacity: 1 } .ourStarted__slider-prev.swiper-button-disabled svg g, .ourStarted__slider-next.swiper-button-disabled svg g { opacity: .2 } .ourStarted__slider-prev.swiper-button-disabled svg path, .ourStarted__slider-next.swiper-button-disabled svg path { stroke: #c51a1b } .ourStarted__wrap-slider { margin: 0 0 150px; max-width: 1920px; margin: 0 auto; width: 100%; padding: 0 0 0 140px } @media (max-width: 1700px) { .ourStarted__wrap-slider { padding: 0 0 0 100px } } .ourStarted__slider .swiper-wrapper { max-width: 552px } @media (max-width: 1700px) { .ourStarted__slider .swiper-wrapper { max-width: 470px } } @media (max-width: 1441px) { .ourStarted__slider .swiper-wrapper { max-width: 400px } } @media (max-width: 625px) { .ourStarted__slider .swiper-wrapper { max-width: 358px } } .ourStarted__slider--header { height: 15px; display: flex; align-items: center } .ourStarted__slider--header--circle { width: 10%; width: 15px; height: 15px; margin: 0 auto; background: #c51a1b; border-radius: 50% } .ourStarted__slider--header--line { width: 90%; height: 1px; background: #c51a1b; position: relative } .ourStarted__slider--header--line::after { content: ''; position: absolute; top: 0; right: -30px; width: 105%; background: #c51a1b; height: 1px; display: none } @media (max-width: 1024px) { .ourStarted__slider--header--line::after { display: block } } .ourStarted__slider--data { margin: 31px 0 21px; font-size: 34px; font-weight: 400; color: #c51a1b } @media (max-width: 1700px) { .ourStarted__slider--data { font-size: 28px; margin: 20px 0 15px } } .ourStarted__slider--card { min-height: 445px; background: #c51a1b; border-radius: 20px; padding: 86px 46px 59px; margin: 0 15px 0 0 } @media (max-width: 1700px) { .ourStarted__slider--card { min-height: 310px; padding: 46px 34px 38px } } @media (max-width: 1024px) { .ourStarted__slider--card { min-height: 310px; padding: 80px 42px; width: 358px } } .ourStarted__slider--card h4 { font-size: 32px; margin: 0 0 35px; font-weight: 700; color: #ffffff } @media (max-width: 1700px) { .ourStarted__slider--card h4 { font-size: 22px; font-weight: 700 } } .ourStarted__slider--card--content { display: flex; flex-direction: column; gap: 45px } @media (max-width: 1700px) { .ourStarted__slider--card--content { gap: 22px } } .ourStarted__slider--card--content p { font-size: 24px; line-height: 36px; font-weight: 400; color: #fff } @media (max-width: 1700px) { .ourStarted__slider--card--content p { font-size: 18px; line-height: 25px } } .transparency { padding-top: 150px; margin: 0 0 150px } @media (max-width: 1700px) { .transparency { margin: 0 0 90px } } .transparency__description { margin: 0 0 100px } @media (max-width: 1700px) { .transparency__description { margin: 0 0 40px } } .transparency__description h6 { opacity: 0; font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b } .transparency__description h5 { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a; margin: 20px 0 50px } @media (max-width: 1700px) { .transparency__description h5 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .transparency__description h5 { font-size: 24px } } @media (max-width: 1700px) { .transparency__description h5 { margin: 15px 0 30px } } .transparency__content { display: flex; flex-direction: column; gap: 45px; width: 100%; max-width: 950px } @media (max-width: 1700px) { .transparency__content { gap: 22px } } .transparency__content p { opacity: 0; font-size: 24px; line-height: 36px; font-weight: 400; color: #000000 } @media (max-width: 1700px) { .transparency__content p { font-size: 18px; line-height: 25px } } .transparency__download { display: grid; grid-template-columns: repeat(3, 1fr); gap: 66px } @media (max-width: 1700px) { .transparency__download { gap: 25px } } @media (max-width: 1024px) { .transparency__download { grid-template-columns: repeat(2, 1fr) } } @media (max-width: 625px) { .transparency__download { grid-template-columns: repeat(1, 1fr) } } .transparency__download--item._active .transparency__download--image { animation: fadeinImage ease .8s forwards } .transparency__download--item._active .transparency__download--image img { animation: fadeinImage ease 1s forwards; animation-delay: .5s } .transparency__download--image { background-color: rgba(236, 233, 229, 0.5); border-radius: 20px; margin: 0 auto; width: 100% } .transparency__download--image img { width: 100%; height: 400px; border-radius: 20px; object-fit: cover; object-position: center center; margin: 0 auto; opacity: 0 } @media (max-width: 1700px) { .transparency__download--image img { height: 250px } } .transparency__download--item._active.animation p, .transparency__download--item._active.animation span { transition: .35s } .transparency__download--item { width: 100%; max-width: 503px } .transparency__download--item:hover p, .transparency__download--item:hover span { color: #afafaf } .transparency__download--item p { font-size: 24px; line-height: 36px; font-weight: 700; color: #01040a; margin: 50px 0 20px } @media (max-width: 1700px) { .transparency__download--item p { font-size: 18px; line-height: 25px } } @media (max-width: 1700px) { .transparency__download--item p { margin: 30px 0 15px } } .transparency__download--icon { display: flex; gap: 14px } .transparency__download--icon img { width: 14px; height: 22px } .transparency__download--icon span { font-size: 18px; font-weight: 400; color: #01040a } .messagePage .fullLeftImg._active img { transition: all 1.5s ease 1.5s; animation: fadeinImage ease 1.8s forwards } .messagePage .fullLeftImg { max-width: 1920px; margin: 0 auto 150px; width: 100%; padding: 0 250px 0 0 } @media (max-width: 1700px) { .messagePage .fullLeftImg { padding: 0 100px 0 0; margin: 0 auto 80px } } @media (max-width: 1441px) { .messagePage .fullLeftImg { padding: 0 80px 0 0 } } @media (max-width: 625px) { .messagePage .fullLeftImg { padding: 0 32px 0 0 } } .messagePage .fullLeftImg>div { width: 100%; max-width: 1626px; border-radius: 20px; margin: 0 0 0 auto } .messagePage .fullLeftImg img { width: 100%; max-width: 1626px; max-height: 600px; border-radius: 20px; height: 60vh; object-fit: cover; object-position: center top } @media (max-width: 1441px) { .messagePage .fullLeftImg img { max-height: 500px } } @media (max-width: 1024px) { .messagePage .fullLeftImg img { max-height: 400px } } @media (max-width: 625px) { .messagePage .fullLeftImg img { max-height: 300px } } .messagePage .hero__bannerMess { padding: 0 63px; display: flex; justify-content: space-between; gap: 50px } @media (max-width: 1441px) { .messagePage .hero__bannerMess { padding: 0 48px; gap: 40px } } @media (max-width: 1024px) { .messagePage .hero__bannerMess { padding: 0 32px; gap: 25px } } @media (max-width: 625px) { .messagePage .hero__bannerMess { gap: 15px } } .messagePage .hero__bannerMess img { border-radius: 20px; opacity: 0; object-fit: cover; object-position: center top; max-height: 800px; height: 60vh } @media (max-width: 1700px) { .messagePage .hero__bannerMess img { max-height: 600px } } @media (max-width: 1441px) { .messagePage .hero__bannerMess img { max-height: 500px } } @media (max-width: 1024px) { .messagePage .hero__bannerMess img { max-height: 400px } } @media (max-width: 625px) { .messagePage .hero__bannerMess img { max-height: 300px } } .messagePage .hero__bannerMess img:nth-of-type(1) { width: 30%; max-width: 542px } .messagePage .hero__bannerMess img:nth-of-type(2) { width: 67%; max-width: 1203px } .introductionMess { margin: 0 0 150px } @media (max-width: 1700px) { .introductionMess { margin: 0 0 100px } } .introductionMess__container { width: 100%; max-width: 1088px; margin: 0 auto } @media (max-width: 1200px) { .introductionMess__container { padding: 0 30px } } .introductionMess__container h2 { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a; margin: 0 0 54px } @media (max-width: 1700px) { .introductionMess__container h2 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .introductionMess__container h2 { font-size: 24px } } @media (max-width: 1700px) { .introductionMess__container h2 { margin: 0 0 38px } } .introductionMess__container strong { opacity: 0; font-size: 32px; font-weight: 700; color: #01040a; line-height: 50px; margin: 0 0 40px; display: block } @media (max-width: 1700px) { .introductionMess__container strong { font-size: 22px; font-weight: 700 } } @media (max-width: 1700px) { .introductionMess__container strong { line-height: 32px; margin: 0 0 30px } } .introductionMess__content { display: flex; flex-direction: column; gap: 50px } @media (max-width: 1700px) { .introductionMess__content { gap: 30px } } .introductionMess__content p { opacity: 0; font-size: 24px; line-height: 36px; font-weight: 400; color: #01040a } @media (max-width: 1700px) { .introductionMess__content p { font-size: 18px; line-height: 25px } } .quoteMess { opacity: 0; max-width: 1920px; margin: 0 auto 150px; width: 100% } @media (max-width: 1700px) { .quoteMess { margin: 0 auto 80px; padding: 0 30px } } .quoteMess__container { margin: 0 0 0 auto; padding: 200px 180px 250px; width: 100%; max-width: 1724px; background: #fcf3f3; border-radius: 20px; display: flex; gap: 150px; align-items: center } @media (max-width: 1920px) { .quoteMess__container { padding: 10.1% 10% 13% } } @media (max-width: 1700px) { .quoteMess__container { gap: 130px; padding: 120px 100px } } @media (max-width: 1441px) { .quoteMess__container { gap: 85px } } @media (max-width: 1024px) { .quoteMess__container { gap: 60px } } @media (max-width: 800px) { .quoteMess__container { flex-wrap: wrap; gap: 30px } } @media (max-width: 625px) { .quoteMess__container { padding: 100px 35px } } @media (max-width: 800px) { .quoteMess__container .quoteMess__inner_block:nth-of-type(1) { order: 1 } } @media (max-width: 800px) { .quoteMess__container .quoteMess__inner_block:nth-of-type(2) { order: 2 } } .quoteMess__left { width: 115px; height: 184px; background: #c51a1b; border-radius: 58px; position: relative } @media (max-width: 1700px) { .quoteMess__left { width: 103px; height: 158px } } @media (max-width: 1024px) { .quoteMess__left { width: 79px; height: 118px } } @media (max-width: 800px) { .quoteMess__left { width: 50px; height: 80px } } .quoteMess__left span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -31%); font-size: 159px; font-weight: 400; color: #ffffff } @media (max-width: 1700px) { .quoteMess__left span { font-size: 120px } } @media (max-width: 800px) { .quoteMess__left span { font-size: 67px } } .quoteMess__text p { font-size: 60px; font-weight: 900; color: #01040a; width: 100%; max-width: 957px; margin: 0 auto } @media (max-width: 1024px) { .quoteMess__text p { font-size: 32px } } @media (max-width: 800px) { .quoteMess__text p { font-size: 28px } } @media (max-width: 625px) { .quoteMess__text p { font-size: 20px } } .quoteMess__text strong { font-weight: 900; position: relative } .quoteMess__text strong::before { content: ''; top: 50%; left: 50%; transform: translate(-50%, -35%); width: 129%; height: 139px; position: absolute; display: inline-block; background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/home/circle.svg"); background-repeat: no-repeat; background-size: 101% 91% } @media (max-width: 800px) { .quoteMess__text strong::before { height: 48px } } .corporateResponsibility .hero { margin: 246px auto 50px } @media (max-width: 1700px) { .corporateResponsibility .hero { margin: 185px auto 50px } } @media (max-width: 1024px) { .corporateResponsibility .hero { margin: 160px auto 80px } } @media (max-width: 625px) { .corporateResponsibility .hero { margin: 141px auto 57px } } .corporateResponsibility .hero__banner-cr { padding: 0 300px 0 0 } @media (max-width: 1920px) { .corporateResponsibility .hero__banner-cr { padding: 0 15% 0 0 } } .corporateResponsibility .hero__tabs--nav { margin: 81px 0 80px; position: relative } @media (max-width: 1700px) { .corporateResponsibility .hero__tabs--nav { margin: 81px 0 80px } } .corporateResponsibility .hero__tabs--nav--item ul { display: flex; gap: 75px } .corporateResponsibility .hero__tabs--nav--item ul li a { font-size: 18px; font-weight: 700; color: #01040a; transition: .35s; padding: 0 0 18px; cursor: pointer; display: block } .corporateResponsibility .hero__tabs--nav--item ul li a:hover { box-shadow: 0px 1px #c51a1b; color: #c51a1b } .corporateResponsibility .hero__tabs--nav_under-line { position: absolute; bottom: -2px; left: 0; width: 100%; height: 1px; opacity: 0.2; border: 1px solid #000000 } .corporateResponsibility .hero__tabs--item { display: flex; gap: 16px } .corporateResponsibility .hero__tabs--item .hero__tabs--inner-block:nth-of-type(1) { background: rgba(240, 240, 240, 0.6); border-radius: 20px; padding: 175px 72px } @media (max-width: 1920px) { .corporateResponsibility .hero__tabs--item .hero__tabs--inner-block:nth-of-type(1) { padding: 150px 60px } } @media (max-width: 1700px) { .corporateResponsibility .hero__tabs--item .hero__tabs--inner-block:nth-of-type(1) { padding: 60px 50px } } .corporateResponsibility .hero__tabs--inner-block { width: 50% } .corporateResponsibility .hero__tabs--inner-block img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px } .corporateResponsibility .hero__tabs--item-content h5 { opacity: 0; font-size: 42px; font-weight: 900; color: #000000; margin: 0 0 54px } @media (max-width: 1700px) { .corporateResponsibility .hero__tabs--item-content h5 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .corporateResponsibility .hero__tabs--item-content h5 { font-size: 24px } } @media (max-width: 625px) { .corporateResponsibility .hero__tabs--item-content h5 { margin: 0 0 30px } } .corporateResponsibility .hero__tabs--item-content h5 strong { font-size: 42px; font-weight: 900; position: relative; display: inline-block } @media (max-width: 1700px) { .corporateResponsibility .hero__tabs--item-content h5 strong { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .corporateResponsibility .hero__tabs--item-content h5 strong { font-size: 24px } } .corporateResponsibility .hero__tabs--item-content h5 strong::before { content: ''; top: 50%; left: 50%; transform: translate(-47%, -35%); width: 105%; height: 139px; position: absolute; display: inline-block; background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/corporate_respons/circle.svg"); background-repeat: no-repeat; background-size: 100% 89% } @media (max-width: 1700px) { .corporateResponsibility .hero__tabs--item-content h5 strong::before { transform: translate(-48%, -38%) } } .corporateResponsibility .hero__tabs--item-content p { opacity: 0; width: 100%; max-width: 597px; font-size: 24px; line-height: 36px; font-weight: 400; color: #000000; margin: 0 0 33px } @media (max-width: 1700px) { .corporateResponsibility .hero__tabs--item-content p { font-size: 18px; line-height: 25px } } @media (max-width: 625px) { .corporateResponsibility .hero__tabs--item-content p { margin: 0 0 20px } } .secondTabSection { margin: 0 0 150px } @media (max-width: 1700px) { .secondTabSection { margin: 0 0 100px } } .positiveImpact { margin: 0 0 150px } @media (max-width: 1700px) { .positiveImpact { margin: 0 0 100px } } .positiveImpact__dropdown .positiveImpact__item { justify-content: space-between; cursor: pointer } .positiveImpact__dropdown .positiveImpact__item p { max-width: 88%; font-weight: 600 } .positiveImpact__dropdown.active .positiveImpact__dropdown--select div:nth-of-type(1) { display: none } .positiveImpact__dropdown.active .positiveImpact__dropdown--select div:nth-of-type(2) { display: block } .positiveImpact__dropdown--content { height: 0; overflow: hidden; transition: .5s } .positiveImpact__dropdown--content>div { padding: 35px 0; font-size: 24px; line-height: 36px; color: #000000; font-weight: 400; max-width: 88% } @media (max-width: 1700px) { .positiveImpact__dropdown--content>div { font-size: 18px; line-height: 25px } } @media (max-width: 1920px) { .positiveImpact__dropdown--content>div { padding: 1.823vw 0 } } @media (max-width: 1024px) { .positiveImpact__dropdown--content>div { font-size: 17px; line-height: 1.2 } } .positiveImpact__dropdown--content>div strong { color: #C51A1B; font-weight: 600 } .positiveImpact__dropdown--select { font-size: 42px } @media (max-width: 1700px) { .positiveImpact__dropdown--select { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .positiveImpact__dropdown--select { font-size: 24px } } .positiveImpact__dropdown--select div:nth-of-type(1) { display: block } .positiveImpact__dropdown--select div:nth-of-type(2) { display: none } .positiveImpact h6 { opacity: 0; font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b } .positiveImpact h4 { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a; margin: 25px 0 66px } @media (max-width: 1700px) { .positiveImpact h4 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .positiveImpact h4 { font-size: 24px } } @media (max-width: 1700px) { .positiveImpact h4 { margin: 15px 0 35px } } .positiveImpact__wrap-content { display: flex; justify-content: space-between; margin: 0 0 50px } @media (max-width: 768px) { .positiveImpact__wrap-content { flex-direction: column; gap: 35px } } .positiveImpact__wrap-content .positiveImpact--inner-block:nth-of-type(1) { opacity: 0 } .positiveImpact__wrap-content .positiveImpact--inner-block:nth-of-type(1)._active { animation: fadeinImage ease 1.5s forwards; animation-delay: 0s } .positiveImpact__wrap-content .positiveImpact--inner-block:nth-of-type(1) p { font-size: 32px; font-weight: 600; color: #000000; line-height: 46px } @media (max-width: 1700px) { .positiveImpact__wrap-content .positiveImpact--inner-block:nth-of-type(1) p { font-size: 22px; font-weight: 700 } } @media (max-width: 1700px) { .positiveImpact__wrap-content .positiveImpact--inner-block:nth-of-type(1) p { line-height: 31px } } .positiveImpact__wrap-content .positiveImpact--inner-block:nth-of-type(1) img { width: 180px; height: auto; margin: 30px 0 0 } .positiveImpact__wrap-content .positiveImpact--inner-block:nth-of-type(2) { display: flex; flex-direction: column; gap: 35px; opacity: 0 } @media (max-width: 1700px) { .positiveImpact__wrap-content .positiveImpact--inner-block:nth-of-type(2) { gap: 30px } } @media (max-width: 1024px) { .positiveImpact__wrap-content .positiveImpact--inner-block:nth-of-type(2) { gap: 15px } } @media (max-width: 625px) { .positiveImpact__wrap-content .positiveImpact--inner-block:nth-of-type(2) { gap: 8px } } .positiveImpact__wrap-content .positiveImpact--inner-block:nth-of-type(2)._active { animation: fadeinImage ease 1.5s forwards; animation-delay: .8s } .positiveImpact__wrap-content .positiveImpact--inner-block:nth-of-type(2) p { font-size: 24px; line-height: 36px; font-weight: 400; color: #000000; line-height: 36px } @media (max-width: 1700px) { .positiveImpact__wrap-content .positiveImpact--inner-block:nth-of-type(2) p { font-size: 18px; line-height: 25px } } .positiveImpact--inner-block, .positiveImpact__inner-block { width: calc(50% - 70px) } @media (max-width: 1700px) { .positiveImpact--inner-block, .positiveImpact__inner-block { width: calc(50% - 50px) } } @media (max-width: 1024px) { .positiveImpact--inner-block, .positiveImpact__inner-block { width: calc(50% - 16px) } } @media (max-width: 768px) { .positiveImpact--inner-block, .positiveImpact__inner-block { width: 100% } } .positiveImpact__container { display: flex; justify-content: space-between; align-items: center; max-width: 1920px; margin: 0 auto; width: 100%; padding: 150px 140px 0 0 } @media (max-width: 1920px) { .positiveImpact__container { padding: 7.813vw 140px 0 0 } } @media (max-width: 1700px) { .positiveImpact__container { padding: 7.813vw 100px 0 0 } } @media (max-width: 1024px) { .positiveImpact__container { padding: 0 32px 0 0 } } @media (max-width: 768px) { .positiveImpact__container { flex-direction: column-reverse; padding: 0 32px } } .positiveImpact__container .positiveImpact__inner-block:nth-of-type(1) { width: 50% } @media (max-width: 768px) { .positiveImpact__container .positiveImpact__inner-block:nth-of-type(1) { width: 100% } } .positiveImpact__container .positiveImpact__inner-block:nth-of-type(2) { width: calc(50% - 140px) } @media (max-width: 1700px) { .positiveImpact__container .positiveImpact__inner-block:nth-of-type(2) { width: calc(50% - 100px) } } @media (max-width: 1024px) { .positiveImpact__container .positiveImpact__inner-block:nth-of-type(2) { width: calc(50% - 32px) } } @media (max-width: 768px) { .positiveImpact__container .positiveImpact__inner-block:nth-of-type(2) { width: 100% } } .positiveImpact__items-wrap._active h4 { transition: all 1.8s ease 1.8s; animation: fadein ease 1.8s forwards } .positiveImpact__items-wrap._active .positiveImpact__item:nth-child(1) { transition: all .5s ease .5s; animation: fadein ease .5s forwards } .positiveImpact__items-wrap._active .positiveImpact__item:nth-child(2) { transition: all 1s ease 1s; animation: fadein ease 1s forwards } .positiveImpact__items-wrap._active .positiveImpact__item:nth-child(3) { transition: all 1.5s ease 1.5s; animation: fadein ease 1.5s forwards } .positiveImpact__items-wrap._active .positiveImpact__item:nth-child(4) { transition: all 2s ease 2s; animation: fadein ease 2s forwards } .positiveImpact__items-wrap._active .positiveImpact__item:nth-child(5) { transition: all 2.5s ease 2.5s; animation: fadein ease 2.5s forwards } .positiveImpact__items-wrap._active .positiveImpact__item:nth-child(6) { transition: all 3s ease 3s; animation: fadein ease 3s forwards } .positiveImpact__items-wrap._active .positiveImpact__item:nth-child(7) { transition: all 3.5s ease 3.5s; animation: fadein ease 3.5s forwards } .positiveImpact__items-wrap._active .positiveImpact__item:nth-child(8) { transition: all 4s ease 4s; animation: fadein ease 4s forwards } .positiveImpact__items-wrap._active .positiveImpact__item:nth-child(9) { transition: all 4.5s ease 4.5s; animation: fadein ease 4.5s forwards } .positiveImpact__items-wrap._active .positiveImpact__item:nth-child(10) { transition: all 5s ease 5s; animation: fadein ease 5s forwards } .positiveImpact__items-wrap { padding: 90px 0 } @media (max-width: 1920px) { .positiveImpact__items-wrap { padding: 4.688vw 0 } } @media (max-width: 1024px) { .positiveImpact__items-wrap { padding: 35px 0 } } .positiveImpact__items-wrap h4 { font-size: 42px; font-weight: 900; color: #000000; margin: 0 0 60px } @media (max-width: 1700px) { .positiveImpact__items-wrap h4 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .positiveImpact__items-wrap h4 { font-size: 24px } } @media (max-width: 1700px) { .positiveImpact__items-wrap h4 { margin: 0 0 40px } } @media (max-width: 1024px) { .positiveImpact__items-wrap h4 { margin: 0 0 30px } } @media (max-width: 625px) { .positiveImpact__items-wrap h4 { margin: 0 0 25px } } .positiveImpact__items { display: grid; grid-template-columns: repeat(1, 1fr); row-gap: 60px; column-gap: 35px; padding: 0 0 0 30px } @media (max-width: 1920px) { .positiveImpact__items { row-gap: 3vw } } @media (max-width: 1024px) { .positiveImpact__items { row-gap: 30px } } .positiveImpact__item { display: flex; gap: 15px; align-items: baseline } .positiveImpact__item img { width: 15px; height: 14px } .positiveImpact__item p { font-size: 24px; line-height: 36px; font-weight: 400; color: #000000; position: relative } @media (max-width: 1700px) { .positiveImpact__item p { font-size: 18px; line-height: 25px } } .positiveImpact__item p::after { content: ''; position: absolute; top: 10px; left: -30px; width: 15px; height: 14px; background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/corporate_respons/red-arrow.svg"); background-repeat: no-repeat } @media (max-width: 1700px) { .positiveImpact__item p::after { top: 6px } } .positiveImpact--img-left { width: 100%; height: auto; border-radius: 20px; object-fit: cover } @media (max-width: 1024px) { .positiveImpact--img-left { object-fit: contain } } .characteristicCR { margin: 0 0 150px } @media (max-width: 1700px) { .characteristicCR { margin: 0 0 100px } } .characteristicCR__items { display: flex; justify-content: space-between; margin-top: 110px } @media (max-width: 1700px) { .characteristicCR__items { margin-top: 80px } } @media (max-width: 768px) { .characteristicCR__items { margin-top: 50px; flex-direction: column; gap: 10px } } .characteristicCR__items>.characteristicCR__items--inner h4 { margin-bottom: 50px } @media (max-width: 1920px) { .characteristicCR__items>.characteristicCR__items--inner h4 { margin-bottom: 2.604vw } } .characteristicCR__items--wrap>div:not(:last-child) { margin-bottom: 10px } .characteristicCR__items--inner { padding: 65px; background: #FCF3F3; border-radius: 20px } @media (max-width: 1920px) { .characteristicCR__items--inner { padding: 3.385vw } } @media (max-width: 1024px) { .characteristicCR__items--inner { padding: 35px } } .characteristicCR__items--inner h4 { font-size: 32px; line-height: normal; margin-bottom: 20px; font-weight: 900 } @media (max-width: 1700px) { .characteristicCR__items--inner h4 { font-size: 22px } } @media (max-width: 625px) { .characteristicCR__items--inner h4 { font-size: 20px } } @media (max-width: 1920px) { .characteristicCR__items--inner h4 { margin-bottom: 1.042vw } } @media (max-width: 1024px) { .characteristicCR__items--inner h4 { margin-bottom: 18px } } .characteristicCR__items--inner p { font-size: 24px; line-height: 36px; font-weight: 400 } @media (max-width: 1700px) { .characteristicCR__items--inner p { font-size: 18px; line-height: 25px } } .characteristicCR__items--inner p:not(:last-child) { margin-bottom: 35px } @media (max-width: 1920px) { .characteristicCR__items--inner p:not(:last-child) { margin-bottom: 1.823vw } } @media (max-width: 1024px) { .characteristicCR__items--inner p:not(:last-child) { margin-bottom: 14px } } @media (max-width: 768px) { .characteristicCR__items--inner p:not(:last-child) { font-size: 16px; line-height: normal } } .characteristicCR__items>div:nth-of-type(1) { width: 45% } @media (max-width: 768px) { .characteristicCR__items>div:nth-of-type(1) { width: 100% } } .characteristicCR__items>div:nth-of-type(2) { width: calc(55% - 18px) } @media (max-width: 1024px) { .characteristicCR__items>div:nth-of-type(2) { width: calc(55% - 12px) } } @media (max-width: 768px) { .characteristicCR__items>div:nth-of-type(2) { width: 100% } } .characteristicCR__title { width: 100%; max-width: 1080px; margin: 0 auto } .characteristicCR__title h6 { opacity: 0; font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b } .characteristicCR__title h5 { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a; margin: 28px 0 44px } @media (max-width: 1700px) { .characteristicCR__title h5 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .characteristicCR__title h5 { font-size: 24px } } @media (max-width: 1700px) { .characteristicCR__title h5 { margin: 15px 0 30px } } .characteristicCR__title p { opacity: 0; font-size: 24px; line-height: 36px; font-weight: 400; color: #01040a } @media (max-width: 1700px) { .characteristicCR__title p { font-size: 18px; line-height: 25px } } .characteristicCR__title p a { color: #C51A1B; font-weight: 600 } .characteristicCR__cards._active .characteristicCR__item:nth-child(1) { transition: all 1.25s ease 1.25s; animation: fadeinImage ease 1.25s forwards } .characteristicCR__cards._active .characteristicCR__item:nth-child(1) p { transition: all .66667s ease .66667s; animation: fadein ease .66667s forwards } .characteristicCR__cards._active .characteristicCR__item:nth-child(2) { transition: all 2.5s ease 2.5s; animation: fadeinImage ease 2.5s forwards } .characteristicCR__cards._active .characteristicCR__item:nth-child(2) p { transition: all 1.33333s ease 1.33333s; animation: fadein ease 1.33333s forwards } .characteristicCR__cards._active .characteristicCR__item:nth-child(3) { transition: all 3.75s ease 3.75s; animation: fadeinImage ease 3.75s forwards } .characteristicCR__cards._active .characteristicCR__item:nth-child(3) p { transition: all 2s ease 2s; animation: fadein ease 2s forwards } .characteristicCR__cards._active .characteristicCR__item:nth-child(4) { transition: all 5s ease 5s; animation: fadeinImage ease 5s forwards } .characteristicCR__cards._active .characteristicCR__item:nth-child(4) p { transition: all 2.66667s ease 2.66667s; animation: fadein ease 2.66667s forwards } .characteristicCR__cards._active .characteristicCR__item:nth-child(5) { transition: all 6.25s ease 6.25s; animation: fadeinImage ease 6.25s forwards } .characteristicCR__cards._active .characteristicCR__item:nth-child(5) p { transition: all 3.33333s ease 3.33333s; animation: fadein ease 3.33333s forwards } .characteristicCR__cards._active .characteristicCR__item:nth-child(6) { transition: all 7.5s ease 7.5s; animation: fadeinImage ease 7.5s forwards } .characteristicCR__cards._active .characteristicCR__item:nth-child(6) p { transition: all 4s ease 4s; animation: fadein ease 4s forwards } .characteristicCR__cards._active .characteristicCR__item:nth-child(7) { transition: all 8.75s ease 8.75s; animation: fadeinImage ease 8.75s forwards } .characteristicCR__cards._active .characteristicCR__item:nth-child(7) p { transition: all 4.66667s ease 4.66667s; animation: fadein ease 4.66667s forwards } .characteristicCR__cards { margin: 67px 0 0; display: flex; flex-direction: column; gap: 30px } @media (max-width: 1700px) { .characteristicCR__cards { margin: 40px 0 0; gap: 18px } } .characteristicCR__item { opacity: 0; width: 100%; max-width: 1364px; background: #fcf3f3; border-radius: 20px; display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 54px 75px 53px 138px; margin: 0 auto } @media (max-width: 1700px) { .characteristicCR__item { padding: 30px 58px 30px 100px } } .characteristicCR__item--title { width: 100%; max-width: 377px; font-size: 32px; font-weight: 900; color: #000000; line-height: 45px } @media (max-width: 1700px) { .characteristicCR__item--title { font-size: 22px; font-weight: 700 } } @media (max-width: 1700px) { .characteristicCR__item--title { line-height: 32px } } .characteristicCR__item--description { width: 100%; max-width: 599px; font-size: 24px; line-height: 36px; font-weight: 400; color: #000000 } @media (max-width: 1700px) { .characteristicCR__item--description { font-size: 18px; line-height: 25px } } .communitySlider { max-width: 1920px; margin: 0 auto 160px; width: 100%; padding: 0 0 0 140px } @media (max-width: 1700px) { .communitySlider { padding: 0 0 0 100px } } @media (max-width: 992px) { .communitySlider { margin: 0 auto 200px } } .communitySlider__cards { opacity: 0 } .communitySlider__wrap-arrow { display: flex; gap: 30px; justify-content: flex-end; margin: 0 0 64px; padding: 0 140px 0 0 } @media (max-width: 1700px) { .communitySlider__wrap-arrow { padding: 0 100px 0 0 } } .communitySlider__slider-prev, .communitySlider__slider-next { cursor: pointer } .communitySlider__slider-prev svg g { opacity: 1 } .communitySlider__slider-prev.swiper-button-disabled svg g, .communitySlider__slider-next.swiper-button-disabled svg g { opacity: .2 } .communitySlider__slider-prev.swiper-button-disabled svg path, .communitySlider__slider-next.swiper-button-disabled svg path { stroke: #c51a1b } .communitySlider__container { display: flex; justify-content: space-between; align-items: center; position: relative; gap: 30px } .communitySlider__container .communitySlider__inner-block:nth-of-type(1) { max-width: 674px } .communitySlider__container .communitySlider__inner-block:nth-of-type(2) { min-width: 54% } .communitySlider__inner-block { width: 50%; position: relative } .communitySlider__description { display: flex; flex-direction: column; justify-content: space-between; gap: 50px } @media (max-width: 1920px) { .communitySlider__description { gap: 2.604vw } } .communitySlider__description img { max-width: 260px; height: auto } .communitySlider__description h6 { font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b; opacity: 0 } .communitySlider__description h5 { font-size: 42px; font-weight: 900; color: #01040a; margin: 24px 0 51px; width: 100%; max-width: 470px; opacity: 0 } @media (max-width: 1700px) { .communitySlider__description h5 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .communitySlider__description h5 { font-size: 24px } } @media (max-width: 1700px) { .communitySlider__description h5 { margin: 15px 0 30px } } .communitySlider__content { display: flex; flex-direction: column; gap: 40px } @media (max-width: 1920px) { .communitySlider__content { gap: 1.8vw } } @media (max-width: 1024px) { .communitySlider__content { gap: 20px } } .communitySlider__content p { opacity: 0; font-size: 24px; line-height: 36px; font-weight: 400; color: #01040a } @media (max-width: 1700px) { .communitySlider__content p { font-size: 18px; line-height: 25px } } .communitySlider__item { max-width: 626px; min-height: 700px; background: #c51a1b; border-radius: 20px; padding: 81px 66px 80px; display: flex; flex-direction: column; justify-content: space-between; gap: 30px } @media (max-width: 1700px) { .communitySlider__item { padding: 60px 40px 60px; gap: 15px; max-width: 422px; min-height: 407px } } @media (max-width: 992px) { .communitySlider__item { min-height: 300px } } @media (max-width: 625px) { .communitySlider__item { min-width: 100% } } .communitySlider__item img { width: 74px; height: 74px } .communitySlider__item h6 { font-size: 32px; font-weight: 900; color: #ffffff; line-height: 50px } @media (max-width: 1700px) { .communitySlider__item h6 { font-size: 22px; font-weight: 700 } } .communitySlider__item p { font-size: 24px; line-height: 36px; font-weight: 400; color: #ffffff } @media (max-width: 1700px) { .communitySlider__item p { font-size: 18px; line-height: 25px } } .communitySlider__item--content { min-height: 260px; width: 100%; max-width: 433px; display: flex; flex-direction: column; justify-content: space-between; gap: 25px } @media (max-width: 992px) { .communitySlider__item--content { justify-content: flex-start } } @media (max-width: 625px) { .communitySlider__item--content { min-height: 230px } } .communitySlider__swiper-scrollbar.swiper-scrollbar { height: 2px !important; left: inherit !important; opacity: 1 !important; bottom: -34px !important; left: 0 !important } .communitySlider__swiper-scrollbar.swiper-scrollbar .swiper-scrollbar-drag { background: #ff0000 !important } .communitySlider__scrollbar { display: flex; padding: 0 140px 0 0; max-width: 54%; margin: 0 0 0 auto; position: relative } @media (max-width: 1700px) { .communitySlider__scrollbar { padding: 0 100px 0 0 } } @media (max-width: 992px) { .communitySlider__scrollbar { max-width: 100% } } .communitySlider__scrollbar--half { width: 50% } .prioritising { margin: 0 0 160px } @media (max-width: 1700px) { .prioritising { margin: 0 0 100px } } .prioritising .container { display: flex; flex-direction: column; gap: 25px } .prioritising__double { display: flex; gap: 16px } .prioritising__double--inner-block { width: 50% } .prioritising__double--inner-block:nth-of-type(1) { border-radius: 20px; background: rgba(240, 240, 240, 0.6); padding: 184px 184px 184px 140px } @media (max-width: 1920px) { .prioritising__double--inner-block:nth-of-type(1) { padding: 11% 10% 11% 8% } } .prioritising__double--inner-block img { opacity: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 20px } .prioritising__double--content { display: flex; flex-direction: column; gap: 54px; width: 100%; max-width: 485px; margin: 0 auto } @media (max-width: 1700px) { .prioritising__double--content { gap: 38px } } @media (max-width: 992px) { .prioritising__double--content { max-width: 100%; margin: 0 } } .prioritising__double--content h4 { opacity: 0; font-size: 42px; font-weight: 900; color: #000000; width: 100%; max-width: 399px; line-height: 60px } @media (max-width: 1700px) { .prioritising__double--content h4 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .prioritising__double--content h4 { font-size: 24px } } @media (max-width: 1700px) { .prioritising__double--content h4 { line-height: 40px } } .prioritising__double--content h4 strong { font-weight: 900; color: #000000; position: relative; display: inline-block } .prioritising__double--content h4 strong::before { content: ''; top: 100%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 20px; position: absolute; display: inline-block; background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/corporate_respons/underline-xl.svg"); background-repeat: no-repeat; background-size: contain } .prioritising__double--content p { opacity: 0; font-size: 24px; line-height: 36px; font-weight: 400; color: #000000 } @media (max-width: 1700px) { .prioritising__double--content p { font-size: 18px; line-height: 25px } } .prioritising__triple { display: flex; gap: 16px } .prioritising__triple--inner-block { width: 33%; border-radius: 20px } .prioritising__triple--inner-block img { opacity: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 20px } .prioritising__triple--background { background: rgba(240, 240, 240, 0.6) } .prioritising__triple--content { padding: 66px 40px 73px 61px; display: flex; flex-direction: column; gap: 50px } @media (max-width: 1700px) { .prioritising__triple--content { padding: 40px 30px 50px 45px; gap: 30px } } .prioritising__triple--content p { opacity: 0; font-size: 24px; line-height: 36px; font-weight: 400; color: #000000 } @media (max-width: 1700px) { .prioritising__triple--content p { font-size: 18px; line-height: 25px } } .prioritising__triple--content ul { padding-left: 24px } @media (max-width: 625px) { .prioritising__triple--content ul { padding-left: 19px } } .prioritising__triple--content ul li::marker { color: #c51a1b } .freelancersContractors .realisePotential__inner-block--content h2 strong::after { content: ""; width: 100%; max-width: inherit } .freelancersContractors .customerQuotes__left { margin: 12px 0 0 0 } .freelancersContractors .customerQuotes__slider_item h4 { padding: 12px 0 0 0 } .freelancersContractors .customerQuotes__slider_item h4 strong { font-weight: 900; position: relative; display: inline-block } .freelancersContractors .customerQuotes__slider_item h4 strong::after { content: ""; top: 50%; left: 50%; transform: translate(-50%, -46%); width: 127%; height: 83px; position: absolute; display: inline-block; background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/freelancers_contractors/circle.svg"); background-repeat: no-repeat; background-size: contain } @media (max-width: 1700px) { .freelancersContractors .customerQuotes__slider_item h4 strong::after { transform: translate(-50%, -32%) } } .fcHero .container { margin: 205px auto 150px; padding: 0 0 0 140px; display: flex; justify-content: space-between; gap: 100px } @media (max-width: 1700px) { .fcHero .container { padding: 0 0 0 80px; margin: 185px auto 100px; gap: 50px } } @media (max-width: 1024px) { .fcHero .container { gap: 55px; padding: 0 0 0 32px; margin: 141px auto 64px; flex-direction: column; padding: 0 32px } } @media (max-width: 625px) { .fcHero .container { flex-wrap: wrap; margin: 141px auto 71px } } @media (max-width: 1024px) { .fcHero .main_btr p { transition: all 1.5s ease 1.5s; animation: fadeinImage ease 1.5s forwards } } .fcHero__title h3 { opacity: 0; font-size: 18px; line-height: 28px; font-weight: 700; color: #c51a1b; letter-spacing: 1.8px; text-transform: uppercase; margin: 0 0 17px } @media (max-width: 1700px) { .fcHero__title h3 { line-height: 20px; font-size: 17px } } @media (max-width: 625px) { .fcHero__title h3 { margin: 0 0 26px } } .fcHero__title h1 { opacity: 0; font-size: 72px; font-weight: 900; color: #000000 } @media (max-width: 1700px) { .fcHero__title h1 { font-size: 32px } } @media (max-width: 1024px) { .fcHero__title h1 { font-size: 28px } } @media (max-width: 1024px) { .fcHero__title h1 { font-weight: 700 } } .fcHero__inner-block { display: flex; flex-direction: column; justify-content: space-around; width: 45%; gap: 26px } @media (max-width: 1700px) { .fcHero__inner-block { width: 40% } } @media (max-width: 1024px) { .fcHero__inner-block { width: 100% } } @media (max-width: 625px) { .fcHero__inner-block { padding: 0 } } .fcHero__banner._active { animation: fadeinImage ease 2s forwards } .fcHero__banner.fcHero__three_images { display: flex; gap: 25px } .fcHero__banner.fcHero__three_images img:nth-of-type(1) { width: calc(20% - 12px) } .fcHero__banner.fcHero__three_images img:nth-of-type(2) { width: calc(38% - 12px) } .fcHero__banner.fcHero__three_images img:nth-of-type(3) { width: calc(38% - 12px) } .fcHero__banner.fcHero__two_images { display: flex; gap: 25px } .fcHero__banner.fcHero__two_images img:nth-of-type(1) { width: calc(40% - 12px) } .fcHero__banner.fcHero__two_images img:nth-of-type(2) { width: calc(60% - 12px) } .fcHero__banner { opacity: 0; max-width: 55% } @media (max-width: 1700px) { .fcHero__banner { max-width: 60% } } @media (max-width: 1024px) { .fcHero__banner { max-width: 100%; padding: 0px 93px 0 0 } } @media (max-width: 625px) { .fcHero__banner { padding: 0 } } .fcHero__banner img { max-height: 800px; height: 60vh; min-height: 250px; border-radius: 20px; width: 100%; object-fit: contain; height: 100% } @media (max-width: 625px) { .fcHero__banner img { min-height: inherit } } .building { margin: 12px 0 173px } @media (max-width: 1700px) { .building { margin: 12px 0 120px } } @media (max-width: 625px) { .building { margin: 12px 0 88px } } .building__description { width: 100%; max-width: 1087px; margin: 0 auto 100px } @media (max-width: 1700px) { .building__description { margin: 0 auto 70px } } @media (max-width: 1024px) { .building__description { margin: 0 auto 60px } } .building__description h2 { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a; margin: 0 0 59px } @media (max-width: 1700px) { .building__description h2 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .building__description h2 { font-size: 24px } } @media (max-width: 1700px) { .building__description h2 { margin: 0 0 40px } } @media (max-width: 1024px) { .building__description h2 { margin: 0 0 35px } } @media (max-width: 625px) { .building__description h2 { margin: 0 0 25px } } .building__description h2 strong { font-weight: 900; position: relative; display: inline-block } @media (max-width: 1700px) { .building__description h2 strong { font-weight: 700 } } .building__description h2 strong::after { content: ""; top: 100%; left: 50%; transform: translate(-50%, -23%); width: 100%; max-width: 230px; height: 20px; background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/we_help/underline-xl.png"); background-repeat: no-repeat; position: absolute; display: inline-block; background-size: contain } .building__description p { font-size: 24px; line-height: 36px; font-weight: 400; color: #01040a; opacity: 0 } @media (max-width: 1700px) { .building__description p { font-size: 18px; line-height: 25px } } .building__cards { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 21px; row-gap: 67px } @media (max-width: 1700px) { .building__cards { row-gap: 55px } } @media (max-width: 1024px) { .building__cards { grid-template-columns: repeat(2, 1fr) } } @media (max-width: 625px) { .building__cards { row-gap: 52px; grid-template-columns: repeat(1, 1fr) } } .building__item { opacity: 0 } .building__item._active { transition: all 1.4s ease 1.4s; animation: fadeinImage ease 1.2s forwards } .building__item img { width: 100%; max-width: 531px; height: 55vh; max-height: 500px; border-radius: 20px; margin: 0 0 40px; object-fit: cover; object-position: center } @media (max-width: 1700px) { .building__item img { margin: 0 0 28px; max-height: 300px } } @media (max-width: 1260px) { .building__item img { max-height: 300px } } @media (max-width: 625px) { .building__item img { margin: 0 0 35px } } .building__item h6 { font-size: 32px; font-weight: 900; color: #01040a } @media (max-width: 1700px) { .building__item h6 { font-size: 22px; font-weight: 700 } } .clientStory .fullLeftImg._active img { transition: all 1.5s ease 1.5s; animation: fadeinImage ease 1.8s forwards } .clientStory .fullLeftImg { max-width: 1920px; margin: 0 auto 150px; width: 100%; padding: 0 0 0 140px } @media (max-width: 1700px) { .clientStory .fullLeftImg { padding: 0 0 0 100px; margin: 0 auto 80px } } @media (max-width: 1441px) { .clientStory .fullLeftImg { padding: 0 0 0 80px } } @media (max-width: 625px) { .clientStory .fullLeftImg { padding: 0 0 0 32px } } .clientStory .fullLeftImg>div { width: 100%; max-width: 1626px; border-radius: 20px; margin: 0 0 0 auto } .clientStory .fullLeftImg img { border-radius: 20px; width: 100%; max-width: 1626px; max-height: 600px; height: 60vh; object-fit: cover; object-position: center top } @media (max-width: 1441px) { .clientStory .fullLeftImg img { max-height: 500px } } @media (max-width: 1024px) { .clientStory .fullLeftImg img { max-height: 400px } } @media (max-width: 625px) { .clientStory .fullLeftImg img { max-height: 300px } } .clientStoryHero { margin: 246px 0 150px } @media (max-width: 1700px) { .clientStoryHero { margin: 180px 0 100px } } @media (max-width: 625px) { .clientStoryHero { margin: 141px 0 100px } } .clientStoryHero__container { display: flex; justify-content: space-between; gap: 50px; margin: 0 0 80px; padding: 0 0 0 140px } @media (max-width: 1700px) { .clientStoryHero__container { padding: 0 0 0 100px } } @media (max-width: 1441px) { .clientStoryHero__container { padding: 0 0 0 60px } } @media (max-width: 1024px) { .clientStoryHero__container { gap: 20px; padding: 0 } } @media (max-width: 625px) { .clientStoryHero__container { gap: 10px; margin: 0 0 67px } } .clientStoryHero__content>div { display: flex; justify-content: space-between; gap: 10px; align-items: center } .clientStoryHero__content h6 { font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b; opacity: 0 } .clientStoryHero__content p { width: 100%; max-width: 1042px; font-size: 55px; font-weight: 900; color: #01040a; line-height: 77px; margin: 14px 0 41px; opacity: 0 } @media (max-width: 1700px) { .clientStoryHero__content p { font-size: 42px } } @media (max-width: 625px) { .clientStoryHero__content p { font-size: 32px } } @media (max-width: 1700px) { .clientStoryHero__content p { line-height: 40px } } @media (max-width: 625px) { .clientStoryHero__content p { margin: 26px 0; font-weight: 700; line-height: 34px } } .clientStoryHero__content img { width: 100%; max-width: 207px; height: auto } @media (max-width: 625px) { .clientStoryHero__content img { margin: 0 0 9px } } .clientStoryHero__wrap-colon_mob { display: none } @media (max-width: 625px) { .clientStoryHero__wrap-colon_mob { display: block } } .clientStoryHero__wrap-colon_desc { display: block } @media (max-width: 625px) { .clientStoryHero__wrap-colon_desc { display: none } } .clientStoryHero__wrap-colon { width: 100%; max-width: 96px } @media (max-width: 625px) { .clientStoryHero__wrap-colon { margin: auto 0 0; max-width: 49px } } .clientStoryHero__colon { width: 115px; height: 184px; background: #c51a1b; border-radius: 58px; position: relative; margin: 0 0 0 auto } @media (max-width: 1700px) { .clientStoryHero__colon { width: 96px; height: 148px } } @media (max-width: 625px) { .clientStoryHero__colon { width: 49px; height: 79px } } .clientStoryHero__colon span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -31%); font-size: 159px; font-weight: 400; color: #ffffff } @media (max-width: 1700px) { .clientStoryHero__colon span { font-size: 115px } } @media (max-width: 625px) { .clientStoryHero__colon span { font-size: 67px } } .clientStoryHero__wrap-img { max-width: 1920px; margin: 0 auto; width: 100%; padding: 0 140px 0 0 } @media (max-width: 1700px) { .clientStoryHero__wrap-img { padding: 0 100px 0 0 } } @media (max-width: 1441px) { .clientStoryHero__wrap-img { padding: 0 80px 0 0 } } @media (max-width: 625px) { .clientStoryHero__wrap-img { padding: 0 32px 0 0 } } .clientStoryHero__wrap-img>div { width: 100%; max-width: 1690px; border-radius: 20px } .clientStoryHero__wrap-img img { width: 100%; border-radius: 20px; margin: 0 auto 0 0; height: 60vh; max-height: 600px; object-fit: cover; object-position: center top } @media (max-width: 1441px) { .clientStoryHero__wrap-img img { max-height: 500px } } @media (max-width: 1024px) { .clientStoryHero__wrap-img img { max-height: 400px } } @media (max-width: 625px) { .clientStoryHero__wrap-img img { max-height: 300px } } .storyIntroduct { margin: 0 0 150px } @media (max-width: 1700px) { .storyIntroduct { margin: 0 0 100px } } .storyIntroduct__wrap_content { width: 100%; max-width: 1088px; margin: 0 auto } .storyIntroduct__wrap_content h4 { font-size: 42px; font-weight: 900; color: #01040a; margin: 0 0 38px; opacity: 0 } @media (max-width: 1700px) { .storyIntroduct__wrap_content h4 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .storyIntroduct__wrap_content h4 { font-size: 24px } } @media (max-width: 1700px) { .storyIntroduct__wrap_content h4 { margin: 0 0 35px } } .storyIntroduct__wrap_content strong { font-size: 32px; font-weight: bold; color: #01040a; margin: 16px 0 44px; display: block; opacity: 0 } @media (max-width: 1700px) { .storyIntroduct__wrap_content strong { font-size: 22px; font-weight: 700 } } @media (max-width: 1700px) { .storyIntroduct__wrap_content strong { margin: 16px 0 35px } } .storyIntroduct__content { display: flex; flex-direction: column; gap: 47px } @media (max-width: 1700px) { .storyIntroduct__content { gap: 25px } } .storyIntroduct__content p { font-size: 24px; line-height: 36px; font-weight: 400; color: #01040a; opacity: 0 } @media (max-width: 1700px) { .storyIntroduct__content p { font-size: 18px; line-height: 25px } } .storyIntroduct__content p a { color: #C51A1B; font-weight: 700 } .storyResult { padding: 130px 0 155px; position: relative } @media (max-width: 1700px) { .storyResult { padding: 100px 0 90px } } .storyResult::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 178%; border-radius: 20px; background: rgba(240, 240, 240, 0.99); z-index: -1 } .storyResult__wrap-content { width: 100%; max-width: 1088px; margin: 0 auto } .storyResult__wrap-content h4 { font-size: 42px; font-weight: 900; color: #000000; margin: 0 0 32px } @media (max-width: 1700px) { .storyResult__wrap-content h4 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .storyResult__wrap-content h4 { font-size: 24px } } .storyResult__wrap-content p { font-size: 24px; line-height: 36px; font-weight: 400; color: #01040a } @media (max-width: 1700px) { .storyResult__wrap-content p { font-size: 18px; line-height: 25px } } .workWithClients .hero__title { padding: 0 0 0 162px } @media (max-width: 1700px) { .workWithClients .hero__title { padding: 0 0 0 80px } } @media (max-width: 625px) { .workWithClients .hero__title { padding: 0 } } .workWithClients .hero__banner-cr { padding: 0 230px 0 0 } @media (max-width: 1920px) { .workWithClients .hero__banner-cr { padding: 0 12% 0 0 } } @media (max-width: 1700px) { .workWithClients .hero__banner-cr { padding: 0 18% 0 0 } } .workWithClients .hero__banner-cr img { width: 100%; max-width: 1690px; height: auto; border-radius: 20px } .buildingLastingCard { margin: 0 0 147px } @media (max-width: 1700px) { .buildingLastingCard { margin: 0 0 120px } } @media (max-width: 992px) { .buildingLastingCard { margin: 0 0 80px } } @media (max-width: 625px) { .buildingLastingCard { margin: 0 0 70px } } .buildingLastingCard__title._active p strong::after { transition: clip-path 2s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s ease, -webkit-clip-path 2s ease; animation: fadeinStrong ease 2.5s forwards; animation-delay: 0.5s } .buildingLastingCard__title { margin: 0 0 150px } @media (max-width: 1700px) { .buildingLastingCard__title { margin: 0 0 70px } } @media (max-width: 625px) { .buildingLastingCard__title { margin: 0 0 64px } } .buildingLastingCard__title svg { width: 80vw } .buildingLastingCard__title h5 { opacity: 0; font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b; margin: 0 0 35px } @media (max-width: 625px) { .buildingLastingCard__title h5 { margin: 0 0 29px } } .buildingLastingCard__title p { opacity: 0; font-size: 42px; width: 100%; max-width: 959px; font-weight: 900; color: #000000 } @media (max-width: 1700px) { .buildingLastingCard__title p { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .buildingLastingCard__title p { font-size: 24px } } .buildingLastingCard__title p strong { font-weight: 900; position: relative; display: inline-block } .buildingLastingCard__title p strong::after { content: ""; top: 50%; left: 50%; transform: translate(-49%, -38%); width: 115%; height: 93px; position: absolute; display: inline-block; background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/work_with_clients/circle.svg"); background-repeat: no-repeat; background-size: contain; z-index: 0; opacity: 0 } @media (max-width: 1700px) { .buildingLastingCard__title p strong::after { height: 57px; transform: translate(-50%, -32%) } } .buildingLastingCard__cards._active .buildingLastingCard__item { transition: all 1.4s ease 1.4s; animation: fadeinImage ease 1.4s forwards } .buildingLastingCard__cards._active .buildingLastingCard__item:nth-of-type(1) { animation-delay: 0.2s } .buildingLastingCard__cards._active .buildingLastingCard__item:nth-of-type(2) { animation-delay: 0.4s } .buildingLastingCard__cards._active .buildingLastingCard__item:nth-of-type(3) { animation-delay: 0.6s } .buildingLastingCard__cards._active .buildingLastingCard__item:nth-of-type(4) { animation-delay: 0.8s } .buildingLastingCard__cards._active .buildingLastingCard__item:nth-of-type(5) { animation-delay: 1s } .buildingLastingCard__cards._active .buildingLastingCard__item:nth-of-type(6) { animation-delay: 1.2s } .buildingLastingCard__cards._active .buildingLastingCard__item:nth-of-type(7) { animation-delay: 1.4s } .buildingLastingCard__cards._active .buildingLastingCard__item:nth-of-type(8) { animation-delay: 1.6s } .buildingLastingCard__cards._active .buildingLastingCard__item:nth-of-type(9) { animation-delay: 1.8s } .buildingLastingCard__cards._active .buildingLastingCard__item:nth-of-type(10) { animation-delay: 2s } .buildingLastingCard__cards { width: 100%; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 66px; row-gap: 71px } @media (max-width: 1700px) { .buildingLastingCard__cards { column-gap: 25px; row-gap: 25px } } @media (max-width: 1024px) { .buildingLastingCard__cards { grid-template-columns: repeat(2, 1fr) } } @media (max-width: 625px) { .buildingLastingCard__cards { grid-template-columns: repeat(1, 1fr) } } .buildingLastingCard__item { padding: 28px 24px 61px; background: #f0f0f0; border-radius: 20px; max-width: 479px; width: 100%; margin: 0 auto; opacity: 0 } @media (max-width: 1700px) { .buildingLastingCard__item { padding: 34px 24px } } @media (max-width: 625px) { .buildingLastingCard__item { max-width: inherit } } .buildingLastingCard__item--button img { transform: scale(0); transition: .8s } .buildingLastingCard__item--logo { width: 100%; height: 207px; background: #ffffff; border-radius: 20px; position: relative; display: flex; align-items: center; padding: 0 60px 0 25px } .buildingLastingCard__item--logo img { height: auto; max-height: 128px; object-fit: contain; margin: 0 auto 0 0; width: 100%; max-width: 230px } @media (max-width: 1700px) { .buildingLastingCard__item--logo img { max-width: 167px; max-height: 108px } } @media (max-width: 625px) { .buildingLastingCard__item--logo img { max-width: 230px } } .buildingLastingCard__item--title._active .buildingLastingCard__item--button img { transform: scale(1) } .buildingLastingCard__item--title { margin: 152px 0 0; padding: 0 25px } @media (max-width: 1700px) { .buildingLastingCard__item--title { margin: 65px 0 0; padding: 0 18px } } @media (max-width: 1441px) { .buildingLastingCard__item--title { padding: 0 } } @media (max-width: 625px) { .buildingLastingCard__item--title { margin: 39px 0 0 } } .buildingLastingCard__item--title p { font-weight: 900; color: #1c1818; margin: 0 0 42px; font-size: 32px } @media (max-width: 1700px) { .buildingLastingCard__item--title p { font-size: 24px; margin: 0 0 28px } } @media (max-width: 625px) { .buildingLastingCard__item--title p { margin: 0 0 24px } } .clientsTrust { margin: 0 0 172px } @media (max-width: 1700px) { .clientsTrust { margin: 0 0 110px } } .clientsTrust__head { display: flex; justify-content: space-between; gap: 50px; margin: 0 0 120px; padding: 0 55px 0 13px; position: relative } @media (max-width: 1700px) { .clientsTrust__head { margin: 0 0 60px } } @media (max-width: 625px) { .clientsTrust__head { margin: 0 0 65px } } .clientsTrust__title h6 { opacity: 0; font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b } .clientsTrust__title h5 { opacity: 0; font-weight: 900; color: #01040a; margin: 20px 0 0; font-size: 42px } @media (max-width: 1700px) { .clientsTrust__title h5 { font-size: 24px } } .clientsTrust__slider { max-width: 1920px; margin: 0 auto; width: 100%; padding: 0 0 0 140px } @media (max-width: 1700px) { .clientsTrust__slider { padding: 0 0 0 100px } } @media (max-width: 1024px) { .clientsTrust__slider { padding: 0 } } .clientsTrust__cards.swiper .clientsTrust__item { height: 301px } @media (max-width: 1700px) { .clientsTrust__cards.swiper .clientsTrust__item { height: 250px } } @media (max-width: 1024px) { .clientsTrust__cards.swiper .clientsTrust__item { height: 200px } } .clientsTrust__cards.swiper .swiper-wrapper { transition-timing-function: linear !important } .clientsTrust__item { max-width: 301px; background: #fcf3f3; border-radius: 50%; position: relative } @media (max-width: 1700px) { .clientsTrust__item { max-width: 250px } } @media (max-width: 1024px) { .clientsTrust__item { max-width: 200px } } .clientsTrust__item img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 205px; height: auto } @media (max-width: 1700px) { .clientsTrust__item img { max-width: 172px } } @media (max-width: 1024px) { .clientsTrust__item img { max-width: 150px } } .clientsTrust__wrap-arrow { display: flex; gap: 30px; position: absolute; bottom: 0; right: 0 } @media (max-width: 1024px) { .clientsTrust__wrap-arrow { display: none } } .clientsTrust__slider-prev, .clientsTrust__slider-next { cursor: pointer } .clientsTrust__slider-prev svg g { opacity: 1 } .clientsTrust__slider-prev.swiper-button-disabled svg g, .clientsTrust__slider-next.swiper-button-disabled svg g { opacity: .2 } .clientsTrust__slider-prev.swiper-button-disabled svg path, .clientsTrust__slider-next.swiper-button-disabled svg path { stroke: #c51a1b } .fca .hero__title { padding: 0 0 0 162px } @media (max-width: 1700px) { .fca .hero__title { padding: 0 0 0 100px } } @media (max-width: 1024px) { .fca .hero__title { padding: 0 } } .fca .hero__banner-cr._active img { animation: fadeinImage ease 2s forwards } .fca .hero__banner-cr { padding: 0 278px 0 0 } @media (max-width: 1920px) { .fca .hero__banner-cr { padding: 0 278px 0 0 } } @media (max-width: 1700px) { .fca .hero__banner-cr { padding: 0 150px 0 0 } } @media (max-width: 1200px) { .fca .hero__banner-cr { padding: 0 80px 0 0 } } @media (max-width: 1024px) { .fca .hero__banner-cr { padding: 0 } } .contactFCA { margin: 0 0 150px } @media (max-width: 1700px) { .contactFCA { margin: 0 0 100px } } .contactFCA__video { margin-top: 80px } @media (max-width: 1441px) { .contactFCA__video { margin-top: 60px } } @media (max-width: 1024px) { .contactFCA__video { margin-top: 50px } } @media (max-width: 625px) { .contactFCA__video { margin-top: 40px } } .contactFCA__video--wrap:not(:last-child) { margin-bottom: 25px } .contactFCA__video iframe { width: 100%; height: 300px } @media (max-width: 1024px) { .contactFCA__video iframe { height: 70vh; max-height: 450px; min-height: 350px } } @media (max-width: 768px) { .contactFCA__video iframe { max-height: 400px } } @media (max-width: 625px) { .contactFCA__video iframe { min-height: 250px; max-height: 350px } } .contactFCA__video--title { font-size: 24px; line-height: 36px; font-weight: 900; color: #1c1818; text-transform: uppercase; padding-left: 54px; margin-top: 20px; margin-bottom: 20px } @media (max-width: 1700px) { .contactFCA__video--title { font-size: 18px; line-height: 25px } } @media (max-width: 1700px) { .contactFCA__video--title { padding-left: 45px } } @media (max-width: 1441px) { .contactFCA__video--title { margin-bottom: 15px } } @media (max-width: 1024px) { .contactFCA__video--title { margin-top: 15px; padding: 0; margin-bottom: 15px } } .contactFCA__wrap_sticky { position: sticky; top: 130px } @media (max-width: 1700px) { .contactFCA__wrap_sticky { top: 120px } } @media (max-width: 1340px) { .contactFCA__wrap_sticky { top: 100px } } @media (max-width: 1024px) { .contactFCA__wrap_sticky { position: relative; top: inherit } } .contactFCA__wrap_sticky>div:nth-of-type(1) { display: flex; column-gap: 30px; flex-wrap: wrap; align-items: center } @media (max-width: 718px) { .contactFCA__wrap_sticky>div { justify-content: left; gap: 70px } } .contactFCA__wrap_container { display: flex; justify-content: space-between; gap: 100px; padding: 0 138px 0 0 } @media (max-width: 1700px) { .contactFCA__wrap_container { gap: 60px; padding: 0 52px 0 0 } } @media (max-width: 1200px) { .contactFCA__wrap_container { padding: 0; gap: 40px } } @media (max-width: 1024px) { .contactFCA__wrap_container { flex-wrap: wrap; gap: 90px } } .contactFCA__wrap_container .contactFCA__inner-block .main_btr._active p { opacity: 1 } .contactFCA__wrap_container .contactFCA__inner-block .main_btr { margin: 65px 0 0 } @media (max-width: 1700px) { .contactFCA__wrap_container .contactFCA__inner-block .main_btr { margin: 45px 0 0 } } .contactFCA__wrap_container .contactFCA__inner-block:nth-of-type(1) { width: 100%; max-width: 486px } @media (max-width: 1700px) { .contactFCA__wrap_container .contactFCA__inner-block:nth-of-type(1) { max-width: 341px } } @media (max-width: 1024px) { .contactFCA__wrap_container .contactFCA__inner-block:nth-of-type(1) { max-width: 100% } } .contactFCA__wrap_container .contactFCA__inner-block:nth-of-type(2) { width: 100%; max-width: 807px } @media (max-width: 1024px) { .contactFCA__wrap_container .contactFCA__inner-block:nth-of-type(2) { max-width: 100% } } .contactFCA__contact { opacity: 0; padding: 66px 54px 84px; margin: 0 0 65px; background: #c51a1b; border-radius: 20px } @media (max-width: 1700px) { .contactFCA__contact { margin: 0 0 45px; padding: 30px 40px } } @media (max-width: 1024px) { .contactFCA__contact { margin: 0 } } @media (max-width: 718px) { .contactFCA__contact { width: 100% } } .contactFCA__contact h4 { font-size: 24px; line-height: 36px; font-weight: 900; color: #ffffff } @media (max-width: 1700px) { .contactFCA__contact h4 { font-size: 18px; line-height: 25px } } .contactFCA__contact--social-network { margin: 48px 0 57px } @media (max-width: 1700px) { .contactFCA__contact--social-network { margin: 32px 0 38px } } .contactFCA__contact--social-network a { display: block; font-size: 18px; line-height: 28px; font-weight: 600; color: #ffffff; line-height: 28px } @media (max-width: 1700px) { .contactFCA__contact--social-network a { line-height: 20px; font-size: 17px } } .contactFCA__contact--tel { display: flex; flex-direction: column; gap: 10px } @media (max-width: 1024px) { .contactFCA__contact--tel { gap: 7px } } .contactFCA__contact--tel a { display: block; font-weight: 500; color: #ffffff; font-size: 18px; line-height: 28px } @media (max-width: 1700px) { .contactFCA__contact--tel a { line-height: 20px; font-size: 17px } } @media (max-width: 400px) { .contactFCA__contact--tel a { line-height: 20px; font-size: 14px } } @media (max-width: 370px) { .contactFCA__contact--tel a { font-size: 12px } } .contactFCA__navigation { padding: 0 0 0 54px } @media (max-width: 1700px) { .contactFCA__navigation { padding: 0 0 0 45px } } @media (max-width: 1024px) { .contactFCA__navigation { padding: 0 } } .contactFCA__navigation h5 { font-size: 24px; line-height: 36px; font-weight: 900; color: #1c1818 } @media (max-width: 1700px) { .contactFCA__navigation h5 { font-size: 18px; line-height: 25px } } .contactFCA__navigation--link { margin: 43px 0 0; display: flex; flex-direction: column; gap: 35px } @media (max-width: 1700px) { .contactFCA__navigation--link { gap: 25px } } .contactFCA__navigation--link a { font-size: 18px; line-height: 28px; font-weight: 400; color: #1c1818; transition: .35s } @media (max-width: 1700px) { .contactFCA__navigation--link a { line-height: 20px; font-size: 17px } } .contactFCA__navigation--link a:hover { color: #C51A1B; font-weight: 700 } .contactFCA__content a { color: #C51A1B; font-weight: 600; transition: .35s } .contactFCA__content a:hover { color: #991414 } .contactFCA__content ul li { list-style: disc } .contactFCA__content ol li { list-style: decimal } .contactFCA__content ul, .contactFCA__content ol { margin: 0 0 45px; padding: 0 0 0 19px } .contactFCA__content ul li, .contactFCA__content ol li { font-size: 24px; line-height: 36px; font-weight: 400; color: #01040a } @media (max-width: 1700px) { .contactFCA__content ul li, .contactFCA__content ol li { font-size: 18px; line-height: 25px } } .contactFCA__content ul li:not(:last-child), .contactFCA__content ol li:not(:last-child) { margin-bottom: 15px } .contactFCA__content h2 { font-weight: 900; color: #01040a; line-height: 60px; margin: 0 0 52px; font-size: 42px } @media (max-width: 1700px) { .contactFCA__content h2 { font-size: 32px; margin: 0 0 35px; line-height: 37px } } @media (max-width: 1520px) { .contactFCA__content h2 { font-size: 28px; line-height: 32px } } @media (max-width: 1024px) { .contactFCA__content h2 { font-weight: 700; font-size: 24px; line-height: 30px; font-weight: 500 } } .contactFCA__content h3 { font-size: 24px; font-weight: 700; color: #000000; line-height: 29px; margin: 20px 0 15px } @media (max-width: 1024px) { .contactFCA__content h3 { margin: 20px 0 12px } } .contactFCA__content p { font-weight: 400; font-size: 24px; line-height: 36px; color: #01040a; line-height: 36px; margin: 0 0 47px } @media (max-width: 1700px) { .contactFCA__content p { font-size: 18px; line-height: 25px } } @media (max-width: 1700px) { .contactFCA__content p { margin: 0 0 30px } } .contactFCA__content p:first-child { font-weight: 700; font-size: 24px; line-height: 36px; color: #01040a; margin: 0 0 35px } @media (max-width: 1700px) { .contactFCA__content p:first-child { font-size: 18px; line-height: 25px } } @media (max-width: 1700px) { .contactFCA__content p:first-child { margin: 0 0 25px } } .contactFCA__content strong { margin: 2px 0 0; font-weight: 700; font-size: 24px; line-height: 36px; color: #01040a; line-height: 36px } @media (max-width: 1700px) { .contactFCA__content strong { font-size: 18px; line-height: 25px } } .contactFCA__content>div:nth-of-type(1) p:last-child { margin: 0 } .teamBanner { margin: 172px 0 100px } @media (max-width: 1700px) { .teamBanner { margin: 172px 0 100px } } @media (max-width: 900px) { .teamBanner { margin: 140px 0 60px } } .teamBanner__container { display: flex; justify-content: space-between; align-items: center; max-width: 1920px; margin: 0 auto; width: 100%; padding: 0 140px 0 0 } @media (max-width: 1700px) { .teamBanner__container { padding: 0 100px 0 0 } } @media (max-width: 1024px) { .teamBanner__container { padding: 0 32px 0 0 } } @media (max-width: 900px) { .teamBanner__container { flex-wrap: wrap; padding: 0 } } .teamBanner__title { display: none } @media (max-width: 900px) { .teamBanner__title { display: block; padding: 0 32px } } .teamBanner__title>h5, .teamBanner__title p { opacity: 0; font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b } .teamBanner__title h1, .teamBanner__title--h1 { opacity: 0; font-size: 72px; color: #000000; font-weight: 900; margin: 15px 0 50px } @media (max-width: 1700px) { .teamBanner__title h1, .teamBanner__title--h1 { font-size: 32px } } @media (max-width: 1024px) { .teamBanner__title h1, .teamBanner__title--h1 { font-size: 28px } } .teamBanner__inner-img { width: 55% } @media (max-width: 900px) { .teamBanner__inner-img { width: 100% } } .teamBanner__inner-img img { opacity: 0; width: 100%; border-radius: 20px; object-fit: cover; object-position: center top; max-height: 600px; height: 60vh } @media (max-width: 1441px) { .teamBanner__inner-img img { max-height: 500px } } @media (max-width: 1024px) { .teamBanner__inner-img img { max-height: 400px } } @media (max-width: 625px) { .teamBanner__inner-img img { max-height: 300px } } .teamBanner__content { width: calc(45% - 154px) } @media (max-width: 1700px) { .teamBanner__content { width: calc(45% - 100px) } } @media (max-width: 1441px) { .teamBanner__content { width: calc(45% - 80px) } } @media (max-width: 1024px) { .teamBanner__content { width: calc(45% - 40px) } } @media (max-width: 900px) { .teamBanner__content { width: 100%; margin: 70px 0 0; padding: 0 32px } } .teamBanner__content>h5, .teamBanner__content p { opacity: 0; font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b } @media (max-width: 900px) { .teamBanner__content>h5, .teamBanner__content p { display: none } } .teamBanner__content h1 { opacity: 0; font-size: 72px; color: #000000; font-weight: 900; margin: 10px 0 63px } @media (max-width: 1700px) { .teamBanner__content h1 { font-size: 32px } } @media (max-width: 1024px) { .teamBanner__content h1 { font-size: 28px } } @media (max-width: 900px) { .teamBanner__content h1 { display: none } } .teamBanner__content--text { display: flex; flex-direction: column; gap: 47px } @media (max-width: 1024px) { .teamBanner__content--text { gap: 40px } } @media (max-width: 900px) { .teamBanner__content--text { gap: 32px } } .teamBanner__content--text p { opacity: 0; font-size: 24px; line-height: 36px; font-weight: 400; color: #01040a; text-transform: none; letter-spacing: normal } @media (max-width: 1700px) { .teamBanner__content--text p { font-size: 18px; line-height: 25px } } .searchTeam { margin: 0 0 112px } @media (max-width: 1700px) { .searchTeam { margin: 0 0 80px } } .searchTeam__input-closed { font-size: 14px; font-weight: 400; color: #ffffff; line-height: 29px; position: absolute; top: -40px; right: 0 } .searchTeam__fixed-background { display: none; z-index: 999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(5.81px); backdrop-filter: blur(5.81px) } .searchTeam__mobile_popup { display: none } @media (max-width: 768px) { .searchTeam__mobile_popup { display: block; width: 100%; padding: 13px 0; background: #fcf3f3; border-radius: 25px; margin: 0 0 50px } } .searchTeam__mobile_popup p { font-size: 18px; font-weight: 600; color: #000000; display: flex; gap: 7px; align-items: center; justify-content: center } .searchTeam__mobile_popup p::before { content: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/icon/find.svg") } .searchTeam__input { display: flex; justify-content: space-between; gap: 50px; margin: 0 0 75px; align-items: center } @media (max-width: 768px) { .searchTeam__input { display: none; width: 100%; max-width: 336px; border: 1px solid #3F3F3F; margin: 0; position: fixed; top: 50%; left: 50%; z-index: 999; background: #fff; transform: translate(-50%, -50%) } } .searchTeam__input--wrap { display: flex; width: 100%; justify-content: space-between; border: 1px solid #f0f0f0; border-radius: 20px } @media (max-width: 768px) { .searchTeam__input--wrap { padding: 0; flex-wrap: wrap; border-radius: inherit; border-bottom: 1px solid #f0f0f0; position: relative } } .searchTeam__input--wrap label { display: block } .searchTeam__input--select_level, .searchTeam__input--select_department { position: relative } .searchTeam__input--select_level::after, .searchTeam__input--select_department::after { content: ""; position: absolute; width: 24px; height: 24px; background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/team/arrow_select.svg"); background-repeat: no-repeat; top: 50%; right: 35px; transform: translate(0, -50%); z-index: -1 } @media (max-width: 1024px) { .searchTeam__input--select_level::after, .searchTeam__input--select_department::after { right: 25px } } @media (max-width: 768px) { .searchTeam__input--select_level::after, .searchTeam__input--select_department::after { display: none } } .searchTeam__input--submit { display: none } @media (max-width: 768px) { .searchTeam__input--submit { display: block; padding: 25px 0 } } .searchTeam__input--submit input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; color: #C51A1B } .searchTeam__input--submit .main_btr--wrap-path { cursor: pointer; gap: 10px } @media (max-width: 768px) { .searchTeam__input--submit .main_btr--wrap-path { justify-content: center } } .searchTeam__input--submit .main_btr--wrap-path p { opacity: 1 !important } .searchTeam__input--item.searchTeam__input--search { padding: 20px 35px 23px 35px } @media (max-width: 768px) { .searchTeam__input--item.searchTeam__input--search { width: 100%; padding: 32px 32px; border-bottom: 1px solid #F2F2F2 } } @media (max-width: 768px) { .searchTeam__input--item.searchTeam__input--select_department { border-right: 1px solid #F2F2F2 } } @media (max-width: 768px) { .searchTeam__input--select_department, .searchTeam__input--select_level { border-bottom: 1px solid #F2F2F2 } } .searchTeam__input--item { width: 33%; padding: 20px 36px 23px 56px; border-right: 1px solid #f0f0f0 } @media (max-width: 1024px) { .searchTeam__input--item { padding: 20px 25px 23px 25px } } @media (max-width: 768px) { .searchTeam__input--item { width: 50%; padding: 32px 32px; border-right: inherit } } .searchTeam__input--item:last-child { border: 0 } .searchTeam__input--item label { font-size: 18px; line-height: 28px; font-weight: 400; color: #000000 } @media (max-width: 1700px) { .searchTeam__input--item label { line-height: 20px; font-size: 17px } } .searchTeam__input--item select { -webkit-appearance: none; appearance: none; background-color: transparent; border: none; margin: 0; width: 100%; outline: none; margin-left: -10px; padding-left: 10px; cursor: pointer } .searchTeam__input--item select option { font-size: 18px; line-height: 28px } @media (max-width: 1700px) { .searchTeam__input--item select option { line-height: 20px; font-size: 17px } } .searchTeam__input--item select::after { content: "" } .searchTeam__input--item select::-ms-expand { display: none } .searchTeam__input--item input { width: 100% } .searchTeam__input--item input::placeholder { font-size: 14px; font-weight: 500; color: #000000 } .searchTeam__input--item select, .searchTeam__input--item input { font-size: 14px; font-weight: 500; color: #000000; padding-top: 14px } .searchTeam__partners { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 16px; row-gap: 112px } @media (max-width: 1700px) { .searchTeam__partners { row-gap: 50px } } @media (max-width: 768px) { .searchTeam__partners { grid-template-columns: repeat(2, 1fr) } } @media (max-width: 625px) { .searchTeam__partners { grid-template-columns: repeat(1, 1fr) } } .searchTeam__item._active { transition: all 1.4s ease 1.4s; animation: fadeinImage ease 1.2s forwards } .searchTeam__item._active:nth-of-type(1) { animation-delay: .2s } .searchTeam__item { opacity: 0 } .searchTeam__item.active .searchTeam__card--wrap-content { opacity: 1 } .searchTeam__item img { width: 100%; max-width: 536px; border-radius: 20px; height: 500px; object-fit: cover; object-position: center top } @media (max-width: 1700px) { .searchTeam__item img { height: 280px } } @media (max-width: 625px) { .searchTeam__item img { height: 330px } } .searchTeam__item h4 { font-weight: 900; font-size: 32px; color: #000000; margin: 42px 0 14px } @media (max-width: 1700px) { .searchTeam__item h4 { font-size: 22px; font-weight: 700 } } @media (max-width: 1700px) { .searchTeam__item h4 { margin: 25px 0 14px } } @media (max-width: 1024px) { .searchTeam__item h4 { margin: 28px 0 10px } } .searchTeam__item>p { font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b; font-weight: 400 } .searchTeam__card { border-radius: 20px; position: relative; height: max-content } .searchTeam__card--wrap-content { padding: 66px 71px; flex-direction: column; display: flex; gap: 35px; background: #c51a1b; height: 100%; border-radius: 20px; position: absolute; top: 0; left: 0; opacity: 0; transition: .5s; width: 100% } @media (max-width: 1520px) { .searchTeam__card--wrap-content { padding: 40px 35px } } .searchTeam__card--wrap-content strong { font-size: 32px; font-weight: 900; color: #ffffff } @media (max-width: 1700px) { .searchTeam__card--wrap-content strong { font-size: 22px; font-weight: 700 } } .searchTeam__card--wrap-content p { font-weight: 400; color: #ffffff; font-size: 18px; line-height: 24px; padding: 0 8px 0 0 } @media (max-width: 1700px) { .searchTeam__card--wrap-content p { font-size: 16px; line-height: 21px } } @media (max-width: 1024px) { .searchTeam__card--wrap-content p { font-size: 14px; line-height: 18px } } .searchTeam__card--description { display: flex; flex-direction: column; gap: 30px; height: 394px; overflow-y: scroll } .searchTeam__card--description::-webkit-scrollbar { width: 10px; height: 10px } @media (max-width: 1024px) { .searchTeam__card--description::-webkit-scrollbar { width: 6px; height: 8px } } .searchTeam__card--description::-webkit-scrollbar-track { border-radius: 10px } .searchTeam__card--description::-webkit-scrollbar-thumb { border-radius: 10px } .searchTeam__card--description::-webkit-scrollbar-track { background-color: #c51a1b } .searchTeam__card--description::-webkit-scrollbar-thumb { background-color: #f0f0f0; -webkit-transition: .35s; transition: .35s } #heroInsightsSearch, #searchTeamSearch { background: white } .heroInsights { margin: 180px 0 115px } @media (max-width: 1700px) { .heroInsights { margin: 172px 0 100px } } @media (max-width: 900px) { .heroInsights { margin: 140px 0 70px } } .heroInsights__slider { position: relative } .heroInsights__slider .swiper-button-lock { display: flex } .heroInsights__slider-nav { margin: 50px 0 145px } @media (max-width: 1920px) { .heroInsights__slider-nav { margin: 50px 0 7.552vw } } @media (max-width: 768px) { .heroInsights__slider-nav { margin: 40px 0 60px } } @media (max-width: 625px) { .heroInsights__slider-nav { margin: 30px 0 50px } } .heroInsights__slider-nav a.swiper-slide { cursor: pointer; width: max-content; border: 1px solid #f0f0f0; border-radius: 48px; background: rgba(197, 26, 27, 0.05); font-size: 14px; font-weight: 500; line-height: 26px; font-style: normal; color: #000000; padding: 12px 32px; display: flex; align-items: center; justify-content: center; transition: .35s } @media (max-width: 1024px) { .heroInsights__slider-nav a.swiper-slide { padding: 11px 28px } } @media (max-width: 768px) { .heroInsights__slider-nav a.swiper-slide { padding: 10px 28px; font-size: 13px; line-height: 1.6; border-radius: 38px } } @media (max-width: 625px) { .heroInsights__slider-nav a.swiper-slide { font-size: 10px; padding: 8px 18px; border-radius: 32px } } .heroInsights__slider-nav a.swiper-slide:hover, .heroInsights__slider-nav a.swiper-slide.selected { border: 1px solid #c51a1b } .heroInsights__slider-nav--prev { left: -25px } .heroInsights__slider-nav--next { right: -25px } .heroInsights__slider-nav--prev, .heroInsights__slider-nav--next { cursor: pointer; color: #fff; transition: .35s; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; height: 100%; width: 50px; display: flex; align-items: center; justify-content: center } .heroInsights__slider-nav--prev div, .heroInsights__slider-nav--next div { border-radius: 50%; background: #c51a1b; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; font-size: 11px } @media (max-width: 1024px) { .heroInsights__slider-nav--prev div, .heroInsights__slider-nav--next div { width: 28px; height: 28px; font-size: 16px } } @media (max-width: 625px) { .heroInsights__slider-nav--prev div, .heroInsights__slider-nav--next div { width: 22px; height: 22px; font-size: 14px } } .heroInsights__slider-nav--prev.swiper-button-disabled, .heroInsights__slider-nav--next.swiper-button-disabled { opacity: 0 } .heroInsights__slider-nav--prev img, .heroInsights__slider-nav--next img { width: 7px; height: auto; object-fit: contain } @media (max-width: 1024px) { .heroInsights__slider-nav--prev img, .heroInsights__slider-nav--next img { width: 10px } } @media (max-width: 625px) { .heroInsights__slider-nav--prev img, .heroInsights__slider-nav--next img { width: 8px } } .heroInsights__inner { display: flex; align-items: center; justify-content: space-between; gap: 100px } @media (max-width: 1441px) { .heroInsights__inner { gap: 80px } } @media (max-width: 1024px) { .heroInsights__inner { gap: 60px } } @media (max-width: 768px) { .heroInsights__inner { gap: 40px } } @media (max-width: 625px) { .heroInsights__inner { gap: 30px; flex-direction: column; align-items: flex-start } } .heroInsights__inputSearch { flex: 1; border: 1px solid #dedbdb; border-radius: 20px; padding: 23px 27px; display: flex; align-items: center; justify-content: space-between; gap: 40px } @media (max-width: 1441px) { .heroInsights__inputSearch { padding: 20px 22px } } @media (max-width: 625px) { .heroInsights__inputSearch { width: 100%; gap: 20px; padding: 18px 20px } } .heroInsights__inputSearch--wrap { flex: 1 } .heroInsights__inputSearch--wrap p { font-size: 14px; font-weight: normal; line-height: 1.2; font-style: normal; color: #000000 } @media (max-width: 625px) { .heroInsights__inputSearch--wrap p { font-size: 12px } } .heroInsights__inputSearch--wrap input { width: 100%; font-size: 14px; font-weight: 500; line-height: 1.2; font-style: normal; color: #000000; padding-top: 14px } @media (max-width: 625px) { .heroInsights__inputSearch--wrap input { font-size: 12px; padding-top: 8px } } .heroInsights__inputSearch--wrap input::placeholder { font-size: 14px; color: #000000 } @media (max-width: 625px) { .heroInsights__inputSearch--wrap input::placeholder { font-size: 12px } } .heroInsights__inputSearch button { cursor: pointer; width: 59.5px; height: 59.5px; background: #c51a1b; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: none; padding: 0 } @media (max-width: 1441px) { .heroInsights__inputSearch button { width: 50px; height: 50px } } @media (max-width: 625px) { .heroInsights__inputSearch button { width: 42px; height: 42px } } .heroInsights__inputSearch button svg { margin-right: 5px } .heroInsights__input-closed { font-size: 14px; font-weight: 400; color: #ffffff; line-height: 29px; position: absolute; top: -40px; right: 0 } .heroInsights__fixed-background { display: none; z-index: 999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(5.81px); backdrop-filter: blur(5.81px) } .heroInsights__mobile_popup { display: none } @media (max-width: 1024px) { .heroInsights__mobile_popup { display: block; width: 100%; padding: 13px 0; background: #fcf3f3; border-radius: 25px; margin: 0 0 50px } } .heroInsights__mobile_popup p { font-size: 18px; font-weight: 600; color: #000000; display: flex; gap: 7px; align-items: center; justify-content: center } .heroInsights__mobile_popup p::before { content: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/icon/find.svg") } .heroInsights__title p { font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b; font-size: 24px } @media (max-width: 1700px) { .heroInsights__title p { font-size: 18px } } .heroInsights__title h1 { font-size: 72px; color: #000000; font-weight: 900; margin: 15px 0 0 } @media (max-width: 1700px) { .heroInsights__title h1 { font-size: 32px } } @media (max-width: 1024px) { .heroInsights__title h1 { font-size: 28px } } @media (max-width: 1024px) { .heroInsights__title h1 { font-weight: 700; margin: 15px 0 0 } } .heroInsights__input { display: flex; justify-content: space-between; gap: 46px; margin: 0 0 75px; align-items: center } @media (max-width: 1700px) { .heroInsights__input { margin: 0 0 55px } } @media (max-width: 1200px) { .heroInsights__input { gap: 20px } } @media (max-width: 1024px) { .heroInsights__input { display: none; width: 100%; max-width: 336px; border: 1px solid #3F3F3F; margin: 0; position: fixed; z-index: 999; background: #fff; top: 0; left: 50%; transform: translate(-50%, 50%) } } @media (max-width: 1024px) and (max-width: 768px) { .heroInsights__input { top: 50%; left: 50%; transform: translate(-50%, -50%) } } .heroInsights__input--wrap { display: flex; width: 100%; justify-content: space-between; border: 1px solid #f0f0f0; border-radius: 20px } @media (max-width: 1024px) { .heroInsights__input--wrap { padding: 0; flex-wrap: wrap; border-radius: inherit; border-bottom: 1px solid #f0f0f0; position: relative } } .heroInsights__input--wrap label { display: block } .heroInsights__input--search { padding: 20px 30px 23px 35px; width: 25% } @media (max-width: 1700px) { .heroInsights__input--search { padding: 20px 30px 23px 30px } } .heroInsights__input--select { position: relative; width: 25%; max-width: 310px; padding: 20px 0px 23px 70px; border-left: 2px solid #f0f0f0 } @media (max-width: 1700px) { .heroInsights__input--select { padding: 20px 0px 23px 30px } } @media (max-width: 1200px) { .heroInsights__input--select { padding: 20px 0px 23px 17px } } .heroInsights__input--select::after { content: ""; position: absolute; width: 24px; height: 24px; background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/team/arrow_select.svg"); background-repeat: no-repeat; top: 50%; right: 55px; transform: translate(0, -50%); z-index: -1 } @media (max-width: 1800px) { .heroInsights__input--select::after { right: 25px } } @media (max-width: 1200px) { .heroInsights__input--select::after { right: 10px } } @media (max-width: 1024px) { .heroInsights__input--select::after { display: none } } @media (max-width: 1024px) { .heroInsights__input--submit { padding: 25px 0 } } .heroInsights__input--submit .main_btr--wrap-path { cursor: pointer; gap: 10px } @media (max-width: 1024px) { .heroInsights__input--submit .main_btr--wrap-path { justify-content: center } } .heroInsights__input--submit .main_btr--wrap-path p { opacity: 1 !important } .heroInsights__input--wrap_select { width: 75%; display: flex; justify-content: space-between } @media (max-width: 1024px) { .heroInsights__input--wrap_select { width: 100%; flex-wrap: wrap } } .heroInsights__input--item.heroInsights__input--search { padding: 20px 15px 23px 35px } @media (max-width: 1024px) { .heroInsights__input--item.heroInsights__input--search { width: 100%; padding: 32px 32px; border-bottom: 1px solid #F2F2F2 } } @media (max-width: 1024px) { .heroInsights__input--item.heroInsights__input--select_department { border-right: 1px solid #F2F2F2 } } @media (max-width: 1024px) { .heroInsights__input--select_department, .heroInsights__input--select_level { border-bottom: 1px solid #F2F2F2 } } @media (max-width: 1024px) { .heroInsights__input--item { width: 50%; padding: 32px 29px; border-right: inherit } } .heroInsights__input--item label { font-size: 14px; font-weight: 400; color: #000000 } .heroInsights__input--item select { -webkit-appearance: none; appearance: none; background-color: transparent; border: none; margin: 0; width: 100%; outline: none; margin-left: -10px; padding-left: 10px; cursor: pointer } .heroInsights__input--item select option { font-size: 14px } .heroInsights__input--item select::after { content: "" } .heroInsights__input--item select::-ms-expand { display: none } .heroInsights__input--item input { width: 100% } .heroInsights__input--item input::placeholder { font-size: 14px; font-weight: 500; color: #000000 } .heroInsights__input--item select, .heroInsights__input--item input { font-size: 14px; font-weight: 500; color: #000000; padding-top: 14px } .heroInsights__firstItem { display: flex; justify-content: space-between; align-items: center; transition: .7s } @media (max-width: 1024px) { .heroInsights__firstItem { flex-wrap: wrap } } .heroInsights__firstItem:hover { transform: scale(1.02) } @media (max-width: 1024px) { .heroInsights__firstItem:hover { transform: inherit } } .heroInsights__firstItem .heroInsights__firstItem--inner-block:nth-of-type(1) { width: 75% } @media (max-width: 1024px) { .heroInsights__firstItem .heroInsights__firstItem--inner-block:nth-of-type(1) { width: 100% } } .heroInsights__firstItem .heroInsights__firstItem--inner-block:nth-of-type(2) { padding: 0 0 0 157px } @media (max-width: 1700px) { .heroInsights__firstItem .heroInsights__firstItem--inner-block:nth-of-type(2) { padding: 0 0 0 100px } } @media (max-width: 1441px) { .heroInsights__firstItem .heroInsights__firstItem--inner-block:nth-of-type(2) { padding: 0 0 0 80px } } @media (max-width: 1024px) { .heroInsights__firstItem .heroInsights__firstItem--inner-block:nth-of-type(2) { padding: 0 } } .heroInsights__firstItem--inner-block { width: 50% } @media (max-width: 1024px) { .heroInsights__firstItem--inner-block { width: 100% } } .heroInsights__firstItem--main-img { width: 100%; max-width: 1090px; border-radius: 20px; object-fit: cover; object-position: center top; max-height: 800px; height: 75vh } @media (max-width: 1700px) { .heroInsights__firstItem--main-img { max-height: 600px } } @media (max-width: 1441px) { .heroInsights__firstItem--main-img { max-height: 500px } } @media (max-width: 1024px) { .heroInsights__firstItem--main-img { max-height: 400px } } @media (max-width: 625px) { .heroInsights__firstItem--main-img { max-height: 300px } } @media (max-width: 1024px) { .heroInsights__firstItem--content { margin: 50px 0 0 } } .heroInsights__firstItem--content h5 { font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b; letter-spacing: inherit } @media (max-width: 1024px) { .heroInsights__firstItem--content h5 { font-weight: 600 } } @media (max-width: 1024px) { .heroInsights__firstItem--content .main_btr { margin: 30px 0 0 } } .heroInsights__firstItem--description.heroInsights__firstItem--description-first { display: none; margin: 30px 0; font-weight: 600 } @media (max-width: 1024px) { .heroInsights__firstItem--description.heroInsights__firstItem--description-first { display: block } } .heroInsights__firstItem--description { width: 100%; max-width: 536px; margin: 0 0 48px; font-weight: 700; font-size: 32px; color: #01040a } @media (max-width: 1700px) { .heroInsights__firstItem--description { font-size: 22px; font-weight: 700 } } @media (max-width: 1024px) { .heroInsights__firstItem--description { margin: 0; display: none } } .heroInsights__firstItem--author { display: flex; gap: 19px; margin: 22px 0 19px; align-items: center } @media (max-width: 1024px) { .heroInsights__firstItem--author { margin: 0 } } .heroInsights__firstItem--author img { width: 64px; height: 62px; border-radius: 50% } .heroInsights__firstItem--author p { font-weight: 400; font-size: 18px; line-height: 28px; color: #000000; margin: 0 0 5px } @media (max-width: 1700px) { .heroInsights__firstItem--author p { line-height: 20px; font-size: 17px } } .heroInsights__firstItem--author p:last-child { margin: 0 } .allArticles { margin: 0 0 163px } .allArticles__arrow-desk .allArticles__wrap-arrow { display: none } @media (max-width: 625px) { .allArticles__arrow-desk .allArticles__wrap-arrow { display: flex; justify-content: center; margin-top: 20px } } .allArticles__wrap-title { display: flex; justify-content: space-between; align-items: center; gap: 30px; margin: 0 0 52px } @media (max-width: 1024px) { .allArticles__wrap-title { margin: 0 0 35px } } .allArticles__wrap-title>h2 { margin: 0 !important } .allArticles__wrap-title .allArticles__wrap-arrow { display: flex } @media (max-width: 625px) { .allArticles__wrap-title .allArticles__wrap-arrow { display: none } } .allArticles__wrap-arrow { gap: 30px } .allArticles__slider-prev, .allArticles__slider-next { cursor: pointer } .allArticles__slider-prev svg g { opacity: 1 } .allArticles__slider-prev.swiper-button-disabled svg g, .allArticles__slider-next.swiper-button-disabled svg g { opacity: .2 } .allArticles__slider-prev.swiper-button-disabled svg path, .allArticles__slider-next.swiper-button-disabled svg path { stroke: #c51a1b } .allArticles h2 { font-weight: 900; font-size: 42px; color: #000000; margin: 0 0 52px } @media (max-width: 1700px) { .allArticles h2 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .allArticles h2 { font-size: 24px } } .allArticles__addCards { cursor: pointer; margin: 80px 0 0; display: flex; justify-content: center; align-items: center; opacity: 0; transition: 1s } .allArticles__addCards .page-numbers.current { font-weight: 700; color: #c51a1b } .allArticles__addCards p { font-size: 32px; font-weight: 700; color: #01040a } .allArticles__addCards span, .allArticles__addCards a { display: block; color: #01040a; font-size: 32px; font-weight: 600; padding: 0 20px 0 0 } @media (max-width: 1700px) { .allArticles__addCards span, .allArticles__addCards a { font-size: 22px; font-weight: 700 } } .allArticles__cards { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 21px; row-gap: 62px } @media (max-width: 1700px) { .allArticles__cards { row-gap: 50px } } @media (max-width: 1024px) { .allArticles__cards { grid-template-columns: repeat(2, 1fr); row-gap: 35px } } @media (max-width: 625px) { .allArticles__cards { row-gap: 25px; grid-template-columns: repeat(1, 1fr) } } .allArticles__item._active { transition: all 1.4s ease 1.4s; animation: fadeinImage ease 1.2s forwards } .allArticles__item._active:nth-of-type(1) { animation-delay: .2s } .allArticles__item { opacity: 0 } .allArticles__item--img { border-radius: 20px; width: 100%; max-height: 536px; margin: 0 0 45px; object-fit: cover; height: 45vh } @media (max-width: 1920px) { .allArticles__item--img { max-height: 450px } } @media (max-width: 1700px) { .allArticles__item--img { margin: 0 0 30px; max-height: 273px } } .allArticles__item h6 { font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b; letter-spacing: inherit; margin: 0 0 28px } @media (max-width: 625px) { .allArticles__item h6 { font-weight: 600 } } .allArticles__item--p { font-size: 32px; font-weight: 700; color: #01040a; line-height: 49px; margin: 0 0 28px; width: 100%; font-size: 32px } @media (max-width: 1700px) { .allArticles__item--p { font-size: 22px; font-weight: 700 } } @media (max-width: 1700px) { .allArticles__item--p { font-size: 20px; line-height: 23px } } @media (max-width: 625px) { .allArticles__item--p { font-weight: 600 } } .allArticles__item--author { display: flex; gap: 19px; margin: 22px 0 19px; align-items: center } .allArticles__item--author img { width: 64px; height: 62px; border-radius: 50% } @media (max-width: 1700px) { .allArticles__item--author img { width: 54px; height: 54px } } .allArticles__item--author p { font-weight: 400; font-size: 18px; line-height: 28px; color: #000000; margin: 0 0 5px } @media (max-width: 1700px) { .allArticles__item--author p { line-height: 20px; font-size: 17px } } .allArticles__item--author p:last-child { margin: 0 } .insights__text-inner strong { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical } .singleInsights .hero__title h1 { margin: 0 0 93px; width: 100%; max-width: 1462px; font-size: 50px } @media (max-width: 1700px) { .singleInsights .hero__title h1 { margin: 0 0 50px } } @media (max-width: 1024px) { .singleInsights .hero__title h1 { font-size: 32px } } @media (max-width: 625px) { .singleInsights .hero__title h1 { font-size: 26px; margin: 0 0 40px } } .singleInsights .hero__banner-cr._active>div { animation: fadeinImage ease .8s forwards } .singleInsights .hero__banner-cr._active img { animation: fadeinImage ease 1s forwards; animation-delay: .5s } .singleInsights .hero__banner-cr { padding: 0 230px 0 0 } @media (max-width: 1920px) { .singleInsights .hero__banner-cr { padding: 0 230px 0 0 } } @media (max-width: 1700px) { .singleInsights .hero__banner-cr { padding: 0 230px 0 0 } } @media (max-width: 1024px) { .singleInsights .hero__banner-cr { padding: 0 32px 0 0 } } .singleInsights .hero__banner-cr>div { background-color: rgba(236, 233, 229, 0.5); border-radius: 20px } .singleInsights .hero__banner-cr img { width: 100%; max-width: 1690px; border-radius: 20px; opacity: 0 } .singleInsightsContent { margin: 0 0 270px } @media (max-width: 1700px) { .singleInsightsContent { margin: 0 0 100px } } .singleInsightsContent__container { width: 100%; max-width: 1225px; margin: 0 auto } .singleInsightsContent__author { display: flex; gap: 26px; align-items: center; margin: 0 0 70px } @media (max-width: 1700px) { .singleInsightsContent__author { margin: 0 0 50px } } .singleInsightsContent__author img { width: 64px; height: 62px; border-radius: 50% } .singleInsightsContent__author a { color: #000000; font-weight: 500 } .singleInsightsContent__author p { font-weight: 400; font-size: 18px; line-height: 28px; color: #000000 } @media (max-width: 1700px) { .singleInsightsContent__author p { line-height: 20px; font-size: 17px } } .singleInsightsContent__author p:nth-of-type(2) { text-transform: uppercase } .singleInsightsContent__wrap-description { display: flex; justify-content: space-between; align-items: flex-start; gap: 40px } @media (max-width: 768px) { .singleInsightsContent__wrap-description { gap: 35px; flex-wrap: wrap; flex-direction: column-reverse } } .singleInsightsContent__inner-link { display: flex; flex-direction: column; gap: 16px; position: sticky; top: 130px } @media (max-width: 1700px) { .singleInsightsContent__inner-link { top: 115px } } @media (max-width: 1340px) { .singleInsightsContent__inner-link { top: 100px } } @media (max-width: 768px) { .singleInsightsContent__inner-link { position: inherit; flex-direction: row; flex-wrap: wrap; order: 1; width: 100% } } .singleInsightsContent__inner-link a { display: block; width: 63px; height: 63px; border: 1px solid rgba(197, 26, 27, 0.2); border-radius: 50%; position: relative } .singleInsightsContent__inner-link a>i { font-size: 28px; color: #C51A1B } .singleInsightsContent__inner-link a img, .singleInsightsContent__inner-link a i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .singleInsightsContent__inner-text { width: 100%; max-width: 1100px } @media (max-width: 768px) { .singleInsightsContent__inner-text { order: 2; max-width: 100% } } .singleInsightsContent__article a { color: #C51A1B; font-weight: 600; transition: .35s } .singleInsightsContent__article a:hover { color: #991414 } .singleInsightsContent__article ul li { list-style: disc } .singleInsightsContent__article ol li { list-style: decimal } .singleInsightsContent__article li { font-size: 24px; line-height: 36px; font-weight: 400; color: #01040a } @media (max-width: 1700px) { .singleInsightsContent__article li { font-size: 18px; line-height: 25px } } .singleInsightsContent__article li:not(:last-child) { margin-bottom: 2px } .singleInsightsContent__article li a { color: #C51A1B } .singleInsightsContent__article>ul, .singleInsightsContent__article ol { padding: 0 0 0 60px; margin: 0 0 45px } @media (max-width: 1700px) { .singleInsightsContent__article>ul, .singleInsightsContent__article ol { margin: 0 0 30px } } @media (max-width: 768px) { .singleInsightsContent__article>ul, .singleInsightsContent__article ol { margin: 0 0 25px } } @media (max-width: 625px) { .singleInsightsContent__article>ul, .singleInsightsContent__article ol { padding: 0 0 0 40px } } .singleInsightsContent__article>ul ul, .singleInsightsContent__article>ul ol, .singleInsightsContent__article ol ul, .singleInsightsContent__article ol ol { margin: 15px 0 45px; padding-left: 1.6em } @media (max-width: 625px) { .singleInsightsContent__article>ul ul, .singleInsightsContent__article>ul ol, .singleInsightsContent__article ol ul, .singleInsightsContent__article ol ol { margin: 10px 0 25px; padding-left: 1.2em } } .singleInsightsContent__article h2 { font-weight: 700; color: #01040a; line-height: 60px; margin: 44px 0 20px; font-size: 42px } @media (max-width: 1700px) { .singleInsightsContent__article h2 { margin: 36px 0 14px; font-size: 32px; line-height: 41px } } @media (max-width: 1024px) { .singleInsightsContent__article h2 { line-height: 38px; font-size: 28px; font-weight: 700; line-height: 34px } } @media (max-width: 768px) { .singleInsightsContent__article h2 { margin: 28px 0 12px } } .singleInsightsContent__article h2 strong { font-weight: 700; color: #C51A1B } .singleInsightsContent__article h2 a { color: #C51A1B; font-weight: 700 } .singleInsightsContent__article h3 { font-size: 24px; font-weight: 700; color: #000000; line-height: 29px; margin: 20px 0 15px } @media (max-width: 1024px) { .singleInsightsContent__article h3 { margin: 20px 0 12px } } .singleInsightsContent__article h4 { font-size: 24px; line-height: 36px; font-weight: 700; color: #c51a1b; margin: 22px 0 10px } @media (max-width: 1700px) { .singleInsightsContent__article h4 { font-size: 18px; line-height: 25px } } @media (max-width: 1024px) { .singleInsightsContent__article h4 { margin: 16px 0 8px } } .singleInsightsContent__article p { font-size: 24px; line-height: 36px; font-weight: 400; color: #01040a; margin: 0 0 12px } @media (max-width: 1700px) { .singleInsightsContent__article p { font-size: 18px; line-height: 25px } } @media (max-width: 1700px) { .singleInsightsContent__article p { margin: 0 0 10px } } @media (max-width: 768px) { .singleInsightsContent__article p { margin: 0 0 8px } } .singleInsightsContent__article p:first-child { font-size: 32px; font-weight: 700; color: #01040a; margin: 0 0 45px } @media (max-width: 1700px) { .singleInsightsContent__article p:first-child { font-size: 22px; font-weight: 700 } } @media (max-width: 1700px) { .singleInsightsContent__article p:first-child { margin: 0 0 30px } } .singleInsightsContent__article p:first-child span { font-size: 32px; font-weight: 700 !important; color: #01040a; margin: 0 0 45px } @media (max-width: 1700px) { .singleInsightsContent__article p:first-child span { font-size: 22px; font-weight: 700 } } @media (max-width: 1700px) { .singleInsightsContent__article p:first-child span { margin: 0 0 30px } } .singleInsightsContent__article p strong { font-weight: 700; color: #C51A1B } .singleInsightsContent__article p a { color: #C51A1B; font-weight: 700 } .singleInsightsContent__article--item { margin: 61px 0 0 0; display: flex; flex-direction: column; gap: 29px } .singleInsightsContent__article--item h5 { font-weight: 700; font-size: 24px; line-height: 36px; color: #1c1818 } @media (max-width: 1700px) { .singleInsightsContent__article--item h5 { font-size: 18px; line-height: 25px } } .singleInsightsContent__article--item p { font-size: 24px; line-height: 36px; font-weight: 400; color: #01040a } @media (max-width: 1700px) { .singleInsightsContent__article--item p { font-size: 18px; line-height: 25px } } .thanksBanner { margin: 172px 0 100px } @media (max-width: 1700px) { .thanksBanner { margin: 172px 0 80px } } .thanksBanner__container { display: flex; justify-content: space-between; align-items: center; max-width: 1920px; margin: 0 auto; width: 100%; padding: 0 140px 0 0 } @media (max-width: 1024px) { .thanksBanner__container { flex-wrap: wrap; justify-content: center; gap: 60px } } @media (max-width: 1700px) { .thanksBanner__container { padding: 0 100px 0 0 } } @media (max-width: 1024px) { .thanksBanner__container { padding: 0 32px } } .thanksBanner__inner-img { width: 55% } @media (max-width: 1024px) { .thanksBanner__inner-img { width: 100%; order: 2 } } .thanksBanner__inner-img img { width: 100%; height: auto; border-radius: 20px; height: 60vh; max-height: 735px; object-fit: cover; object-position: center top } @media (max-width: 1700px) { .thanksBanner__inner-img img { max-height: 600px } } @media (max-width: 1024px) { .thanksBanner__inner-img img { height: auto; max-height: inherit } } .thanksBanner__content { width: calc(45% - 9%) } @media (max-width: 1024px) { .thanksBanner__content { order: 1; width: 100% } } .thanksBanner__content h5 { font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b; opacity: 0 } .thanksBanner__content h1 { opacity: 0; font-size: 72px; color: #000000; font-weight: 900; margin: 10px 0 63px } @media (max-width: 1700px) { .thanksBanner__content h1 { font-size: 32px } } @media (max-width: 1024px) { .thanksBanner__content h1 { font-size: 28px } } @media (max-width: 1700px) { .thanksBanner__content h1 { margin: 10px 0 45px } } .thanksBanner__content--text { display: flex; flex-direction: column; gap: 47px } @media (max-width: 1700px) { .thanksBanner__content--text { gap: 25px } } .thanksBanner__content--text p { opacity: 0; font-size: 24px; line-height: 36px; font-weight: 400; color: #01040a; width: 100%; max-width: 583px } @media (max-width: 1700px) { .thanksBanner__content--text p { font-size: 18px; line-height: 25px } } @media (max-width: 1024px) { .thanksBanner__content--text p { max-width: 100% } } .thanksBanner__content .main_btr { margin: 50px 0 0 } @media (max-width: 1700px) { .thanksBanner__content .main_btr { margin: 35px 0 0 } } .privacyHero { padding: 284px 0 194px; background: #000 } .privacyHero__content { width: 100%; max-width: 1088px; margin: 0 auto } .privacyHero__content h5 { font-size: 18px; line-height: 28px; font-weight: 700; color: #ffffff; letter-spacing: 3.6px; margin: 0 0 13px } @media (max-width: 1700px) { .privacyHero__content h5 { line-height: 20px; font-size: 17px } } .privacyHero__content h1 { font-size: 72px; font-weight: 900; color: #ffffff } @media (max-width: 1700px) { .privacyHero__content h1 { font-size: 32px } } @media (max-width: 1024px) { .privacyHero__content h1 { font-size: 28px } } .privacyText { margin: 143px 0 123px } .privacyText__content { width: 100%; max-width: 1088px; margin: 0 auto } .privacyText__content ul li { list-style: disc } .privacyText__content ol li { list-style: decimal } .privacyText__content ol li { font-size: 24px; line-height: 36px; font-weight: 400; color: #01040a } @media (max-width: 1700px) { .privacyText__content ol li { font-size: 18px; line-height: 25px } } .privacyText__content ol li:not(:last-child) { margin-bottom: 15px } .privacyText__content ol li a { color: #C51A1B } .privacyText__content>ul, .privacyText__content ol { padding: 0 0 0 60px; margin-bottom: 40px } @media (max-width: 625px) { .privacyText__content>ul, .privacyText__content ol { padding: 0 0 0 40px; margin-bottom: 30px } } .privacyText__content>ul ul, .privacyText__content>ul ol, .privacyText__content ol ul, .privacyText__content ol ol { margin: 15px 0 45px; padding-left: 1.6em } @media (max-width: 625px) { .privacyText__content>ul ul, .privacyText__content>ul ol, .privacyText__content ol ul, .privacyText__content ol ol { margin: 10px 0 25px; padding-left: 1.2em } } .privacyText__content h3 { font-size: 32px; font-weight: 700; color: #01040a; margin: 0 0 60px } @media (max-width: 1700px) { .privacyText__content h3 { font-size: 22px; font-weight: 700 } } @media (max-width: 1700px) { .privacyText__content h3 { margin: 0 0 45px } } @media (max-width: 625px) { .privacyText__content h3 { margin: 0 0 30px } } .privacyText__content p { font-weight: 400; font-size: 24px; line-height: 36px; color: #01040a } @media (max-width: 1700px) { .privacyText__content p { font-size: 18px; line-height: 25px } } .privacyText__content p:nth-of-type(1) { padding: 7px 0 0 } .privacyText__content p:not(:last-child) { margin: 0 0 40px } @media (max-width: 1700px) { .privacyText__content p:not(:last-child) { margin: 0 0 35px } } @media (max-width: 625px) { .privacyText__content p:not(:last-child) { margin: 0 0 24px } } .privacyText__content p a { display: initial } .privacyText__content h2 { font-size: 42px; font-weight: 900; color: #c51a1b; line-height: 60px; margin: 67px 0 45px } @media (max-width: 1700px) { .privacyText__content h2 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .privacyText__content h2 { font-size: 24px } } @media (max-width: 1700px) { .privacyText__content h2 { line-height: 45px } } @media (max-width: 625px) { .privacyText__content h2 { margin: 40px 0 28px } } .privacyText__content h4 { font-size: 32px; font-weight: 700; color: #01040a; margin: 65px 0 45px } @media (max-width: 1700px) { .privacyText__content h4 { font-size: 22px; font-weight: 700 } } @media (max-width: 1700px) { .privacyText__content h4 { margin: 50px 0 35px } } @media (max-width: 625px) { .privacyText__content h4 { margin: 40px 0 25px } } .privacyText__content h5 { font-size: 24px; line-height: 36px; font-weight: 700; color: #01040a; margin: 45px 0 } @media (max-width: 1700px) { .privacyText__content h5 { font-size: 18px; line-height: 25px } } @media (max-width: 1700px) { .privacyText__content h5 { margin: 35px 0 } } @media (max-width: 625px) { .privacyText__content h5 { margin: 28px 0 } } .privacyText__content a { font-size: 24px; line-height: 36px; font-weight: 700; color: #C51A1B } @media (max-width: 1700px) { .privacyText__content a { font-size: 18px; line-height: 25px } } body.active_index section { z-index: 5; position: relative } .careersPage .hero { margin: 246px auto 0px } @media (max-width: 1700px) { .careersPage .hero { margin: 185px auto 100px } } @media (max-width: 1024px) { .careersPage .hero { margin: 160px auto 80px } } @media (max-width: 625px) { .careersPage .hero { margin: 141px auto 57px } } .careersPage .allArticles { margin: 0 0 120px } @media (max-width: 1700px) { .careersPage .allArticles { margin: 0 0 90px } } @media (max-width: 1024px) { .careersPage .allArticles { margin: 0 0 70px } } @media (max-width: 625px) { .careersPage .allArticles { margin: 0 0 50px } } .careers_sticky { position: relative; padding: 150px 0 150px } .tabCareers-card { margin: 0 0 150px } @media (max-width: 1700px) { .tabCareers-card { margin: 0 0 100px } } @media (max-width: 1024px) { .tabCareers { margin: 57px 0 0 } } .tabCareers .container { padding: 0 0 0 140px } @media (max-width: 1700px) { .tabCareers .container { padding: 0 0 0 80px } } @media (max-width: 1024px) { .tabCareers .container { padding: 0 } } .tabCareers__images._active img:nth-of-type(1) { transition: all 1.5s ease 1.5s; animation: fadeinImage ease 1.8s forwards } .tabCareers__images._active img:nth-of-type(2) { transition: all 1.5s ease 1.5s; animation: fadeinImage ease 1.8s forwards; animation-delay: .8s } .tabCareers__images { margin: 0 0 0 auto; padding: 0 0 0 134px; display: flex; gap: 20px } @media (max-width: 1920px) { .tabCareers__images { padding: 0 0 0 120px } } @media (max-width: 1700px) { .tabCareers__images { padding: 0 0 0 100px } } @media (max-width: 1024px) { .tabCareers__images { padding: 0 0 0 32px } } .tabCareers__images img { max-height: 675px; height: 60vh; border-radius: 20px; object-fit: cover; object-position: center top; opacity: 0 } @media (max-width: 625px) { .tabCareers__images img { max-height: 300px } } .tabCareers__images img:nth-of-type(1) { width: 63% } @media (max-width: 625px) { .tabCareers__images img:nth-of-type(1) { width: 70% } } .tabCareers__images img:nth-of-type(2) { width: 30% } .tabCareers__tabs--nav { margin: 80px 0; position: relative } @media (max-width: 1024px) { .tabCareers__tabs--nav { display: none } } .tabCareers__tabs--nav--item ul { display: flex; justify-content: space-between; gap: 25px } .tabCareers__tabs--nav--item ul li a.mPS2id-highlight-last { color: #c51a1b } .tabCareers__tabs--nav--item ul li a.mPS2id-highlight-last::before { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background: #c51a1b } .tabCareers__tabs--nav--item ul li a { font-size: 18px; font-weight: 700; color: #01040a; transition: .35s; padding: 0 0 18px; cursor: pointer; display: block; position: relative; text-transform: capitalize } .tabCareers__tabs--nav--item ul li a:hover { color: #c51a1b } .tabCareers__tabs--nav--item ul li a:hover::before { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background: #c51a1b } .tabCareers__tabs--nav_under-line { position: absolute; bottom: -2px; left: 0; width: 100%; height: 1px; opacity: 0.2; border: 1px solid #000000 } .tabCareers__tabs--item { display: flex; gap: 20px; align-items: center } @media (max-width: 625px) { .tabCareers__tabs--item { gap: 81px; flex-wrap: wrap } } .tabCareers__tabs--item .tabCareers__tabs--inner-block:nth-of-type(1) { width: 52% } @media (max-width: 625px) { .tabCareers__tabs--item .tabCareers__tabs--inner-block:nth-of-type(1) { width: 100% } } .tabCareers__tabs--item .tabCareers__tabs--inner-block:nth-of-type(2) { width: 48% } @media (max-width: 625px) { .tabCareers__tabs--item .tabCareers__tabs--inner-block:nth-of-type(2) { width: 100% } } @media (max-width: 1024px) { .tabCareers__tabs--item-content { padding: 0 32px } } .tabCareers__tabs--item-content h5 { font-size: 42px; font-weight: 900; color: #000000; margin: 0 0 42px; opacity: 0 } @media (max-width: 1700px) { .tabCareers__tabs--item-content h5 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .tabCareers__tabs--item-content h5 { font-size: 24px } } @media (max-width: 1700px) { .tabCareers__tabs--item-content h5 { margin: 0 0 35px } } @media (max-width: 625px) { .tabCareers__tabs--item-content h5 { margin: 0 0 48px } } .tabCareers__tabs--item-content p { font-size: 24px; line-height: 36px; font-weight: 400; color: #000000; margin: 0 0 48px; opacity: 0 } @media (max-width: 1700px) { .tabCareers__tabs--item-content p { font-size: 18px; line-height: 25px } } @media (max-width: 625px) { .tabCareers__tabs--item-content p { margin: 0 0 57px } } .lookingCR { margin: 0 0 150px } @media (max-width: 1700px) { .lookingCR { margin: 0 0 100px } } .lookingCR .container { padding: 0 0 0 140px } @media (max-width: 1700px) { .lookingCR .container { padding: 0 0 0 100px } } @media (max-width: 1024px) { .lookingCR .container { padding: 0 } } .lookingCR h2 { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a; margin: 0 0 42px 0 } @media (max-width: 1700px) { .lookingCR h2 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .lookingCR h2 { font-size: 24px } } @media (max-width: 1024px) { .lookingCR h2 { padding: 0 32px; margin: 0 0 57px 0 } } .lookingCR__items._active .lookingCR__item--title { transition: all 1.5s ease 1.5s; animation: fadein ease 1.5s forwards } .lookingCR__items._active .active .lookingCR__item--description { transition: all 1.5s ease 1.5s; animation: fadeinImage ease 1.5s forwards } .lookingCR__items { display: flex } @media (max-width: 1024px) { .lookingCR__items { flex-direction: column } } .lookingCR__items .lookingCR__item:nth-of-type(1) { background: #fcf3f3 } .lookingCR__items .lookingCR__item:nth-of-type(1) .lookingCR__item--title p { color: #000000 } .lookingCR__items .lookingCR__item:nth-of-type(2) { background: #c51a1b } .lookingCR__items .lookingCR__item:nth-of-type(2) a { color: #1c1818 } .lookingCR__items .lookingCR__item:nth-of-type(2) ol li, .lookingCR__items .lookingCR__item:nth-of-type(2) ul li { color: white } .lookingCR__items .lookingCR__item:nth-of-type(3) { background: #1c1818 } .lookingCR__items .lookingCR__item.active { padding: 111px 138px 150px 31px } @media (max-width: 1700px) { .lookingCR__items .lookingCR__item.active { padding: 70px 70px 60px 30px } } @media (max-width: 1024px) { .lookingCR__items .lookingCR__item.active { padding: 60px 32px } } .lookingCR__items .lookingCR__item.active .lookingCR__symbols div { color: #000000 } .lookingCR__items .lookingCR__item.active .lookingCR__symbols div:nth-of-type(1) { display: none } .lookingCR__items .lookingCR__item.active .lookingCR__symbols div:nth-of-type(2) { display: block } .lookingCR__items .lookingCR__item.active:nth-of-type(1) { margin: 0 16px 0 0 } @media (max-width: 1024px) { .lookingCR__items .lookingCR__item.active:nth-of-type(1) { margin: 0 0 18px } } .lookingCR__items .lookingCR__item.active:nth-of-type(1) .lookingCR__item--title p { color: #000000 } .lookingCR__items .lookingCR__item.active:nth-of-type(2) { background: #c51a1b; margin: 0 16px 0 } @media (max-width: 1024px) { .lookingCR__items .lookingCR__item.active:nth-of-type(2) { margin: 18px 0 } } .lookingCR__items .lookingCR__item.active:nth-of-type(2) .lookingCR__item--title p { color: #fff } .lookingCR__items .lookingCR__item.active:nth-of-type(2) .lookingCR__item--description { color: #fff } .lookingCR__items .lookingCR__item.active:nth-of-type(3) { margin: 0 0 0 16px } @media (max-width: 1024px) { .lookingCR__items .lookingCR__item.active:nth-of-type(3) { margin: 18px 0 0 } } .lookingCR__items .lookingCR__item.active:nth-of-type(3) .lookingCR__item--title p { color: #fff } .lookingCR__items .lookingCR__item.active:nth-of-type(3) .lookingCR__item--description { color: #fff } .lookingCR__items .lookingCR__item.active .lookingCR__item--description { display: block } .lookingCR__symbols { display: none } @media (max-width: 1024px) { .lookingCR__symbols { display: flex } .lookingCR__symbols div { font-size: 24px; font-weight: 700; color: #ffffff } .lookingCR__symbols div:nth-of-type(2) { display: none } } .lookingCR__item { padding: 111px 74px 150px; display: flex; justify-content: space-between; gap: 56px; border-radius: 20px } @media (max-width: 1700px) { .lookingCR__item { padding: 70px 52px 60px } } @media (max-width: 1024px) { .lookingCR__item { gap: 48px; flex-direction: column; padding: 35px 32px } } .lookingCR__item--title { opacity: 0; cursor: pointer } @media (max-width: 1024px) { .lookingCR__item--title { display: flex; align-items: center; justify-content: space-between } } .lookingCR__item--title p { font-size: 42px; font-weight: 700; color: #fff; writing-mode: vertical-lr; text-orientation: inherit; transform: rotate(-180deg); transition: .35s } @media (max-width: 1700px) { .lookingCR__item--title p { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .lookingCR__item--title p { font-size: 24px } } @media (max-width: 1024px) { .lookingCR__item--title p { writing-mode: inherit; transform: inherit } } .lookingCR__item--description { opacity: 0; display: none; color: #01040a; transition: .35s; min-height: 540px; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none } .lookingCR__item--description::-webkit-scrollbar { display: none } @media (max-width: 1024px) { .lookingCR__item--description { min-height: inherit } } .lookingCR__item--description h4 { font-size: 24px; line-height: 36px; font-weight: 700 } @media (max-width: 1700px) { .lookingCR__item--description h4 { font-size: 18px; line-height: 25px } } .lookingCR__item--description p { font-size: 24px; line-height: 36px; font-weight: 400 } @media (max-width: 1700px) { .lookingCR__item--description p { font-size: 18px; line-height: 25px } } .lookingCR__item--description p:not(:last-child) { margin: 0 0 45px } @media (max-width: 1024px) { .lookingCR__item--description p:not(:last-child) { margin: 0 0 30px } } .lookingCR__item--description a { font-weight: 500; font-size: 24px; line-height: 36px; -webkit-text-decoration: revert; text-decoration: revert; color: #c51a1b } @media (max-width: 1700px) { .lookingCR__item--description a { font-size: 18px; line-height: 25px } } .lookingCR__item--description ul { margin: 0 0 45px; padding: 0 0 0 18px } .lookingCR__item--description ul li { font-size: 24px; line-height: 36px; font-weight: 400 } @media (max-width: 1700px) { .lookingCR__item--description ul li { font-size: 18px; line-height: 25px } } .lookingCR__item--description ol { margin: 0 0 45px; padding: 0 0 0 28px } .lookingCR__item--description ol li { font-size: 24px; line-height: 36px; font-weight: 400; list-style-type: value } @media (max-width: 1700px) { .lookingCR__item--description ol li { font-size: 18px; line-height: 25px } } .benefitsCR { margin: 0 0 206px } @media (max-width: 1700px) { .benefitsCR { margin: 0 0 100px } } .benefitsCR h3 { font-size: 42px; font-weight: 900; color: #01040a; opacity: 0 } @media (max-width: 1700px) { .benefitsCR h3 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .benefitsCR h3 { font-size: 24px } } .benefitsCR__wrap-content { margin: 100px 0 132px; display: flex; justify-content: space-between } @media (max-width: 1700px) { .benefitsCR__wrap-content { margin: 40px 0 80px } } @media (max-width: 1024px) { .benefitsCR__wrap-content { margin: 43px 0 78px; flex-wrap: wrap; gap: 35px } } .benefitsCR__title._active p { transition: all 1.5s ease 1.5s; animation: fadein ease 1.5s forwards } .benefitsCR__title { width: calc(50% - 75px) } @media (max-width: 1024px) { .benefitsCR__title { width: 100% } } .benefitsCR__title p { font-weight: 600; color: #01040a; line-height: 46px; opacity: 0; font-size: 32px } @media (max-width: 1700px) { .benefitsCR__title p { font-size: 22px; line-height: 32px } } @media (max-width: 1520px) { .benefitsCR__title p { font-weight: 600; line-height: 28px } } @media (max-width: 625px) { .benefitsCR__title p { font-size: 18px } } .benefitsCR__description._active p { transition: all 1.5s ease 1.5s; animation: fadein ease 1.5s forwards; animation-delay: .7s } .benefitsCR__description { width: calc(50% - 75px) } @media (max-width: 1024px) { .benefitsCR__description { width: 100% } } .benefitsCR__description p { opacity: 0; font-size: 24px; line-height: 36px; font-weight: 400; color: #01040a } @media (max-width: 1700px) { .benefitsCR__description p { font-size: 18px; line-height: 25px } } .benefitsCR__description p:not(:last-child) { margin: 0 0 45px } @media (max-width: 1700px) { .benefitsCR__description p:not(:last-child) { margin: 0 0 30px } } .benefitsCR__card._active .benefitsCR__item:nth-child(1) { transition: all .83333s ease .83333s; animation: fadeinImage ease .83333s forwards } .benefitsCR__card._active .benefitsCR__item:nth-child(2) { transition: all 1.66667s ease 1.66667s; animation: fadeinImage ease 1.66667s forwards } .benefitsCR__card._active .benefitsCR__item:nth-child(3) { transition: all 2.5s ease 2.5s; animation: fadeinImage ease 2.5s forwards } .benefitsCR__card._active .benefitsCR__item:nth-child(4) { transition: all 3.33333s ease 3.33333s; animation: fadeinImage ease 3.33333s forwards } .benefitsCR__card._active .benefitsCR__item:nth-child(5) { transition: all 4.16667s ease 4.16667s; animation: fadeinImage ease 4.16667s forwards } .benefitsCR__card._active .benefitsCR__item:nth-child(6) { transition: all 5s ease 5s; animation: fadeinImage ease 5s forwards } .benefitsCR__card._active .benefitsCR__item:nth-child(7) { transition: all 5.83333s ease 5.83333s; animation: fadeinImage ease 5.83333s forwards } .benefitsCR__card._active .benefitsCR__item:nth-child(8) { transition: all 6.66667s ease 6.66667s; animation: fadeinImage ease 6.66667s forwards } .benefitsCR__card._active .benefitsCR__item:nth-child(9) { transition: all 7.5s ease 7.5s; animation: fadeinImage ease 7.5s forwards } .benefitsCR__card._active .benefitsCR__item:nth-child(10) { transition: all 8.33333s ease 8.33333s; animation: fadeinImage ease 8.33333s forwards } .benefitsCR__card { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 190px; row-gap: 112px; margin: 0 0 211px } @media (max-width: 1700px) { .benefitsCR__card { margin: 0 0 120px; column-gap: 70px; row-gap: 80px; row-gap: 70px } } @media (max-width: 1441px) { .benefitsCR__card { column-gap: 60px; row-gap: 63px } } @media (max-width: 1024px) { .benefitsCR__card { column-gap: 20px; row-gap: 60px; grid-template-columns: repeat(2, 1fr) } } @media (max-width: 625px) { .benefitsCR__card { margin: 0 0 110px; row-gap: 78px; grid-template-columns: repeat(1, 1fr) } } .benefitsCR__item { display: flex; flex-direction: column; opacity: 0 } .benefitsCR__item img { width: 74px; height: 74px } @media (max-width: 1700px) { .benefitsCR__item img { width: 54px; height: 54px } } .benefitsCR__item h6 { font-weight: 900; font-size: 32px; color: #000000; margin: 45px 0 30px; min-height: 121px; max-width: 333px; width: 100% } @media (max-width: 1700px) { .benefitsCR__item h6 { font-size: 22px; font-weight: 700 } } @media (max-width: 1700px) { .benefitsCR__item h6 { margin: 35px 0 20px; min-height: 80px } } @media (max-width: 625px) { .benefitsCR__item h6 { margin: 25px 0; min-height: inherit; max-width: inherit } } .benefitsCR__item p { font-size: 24px; line-height: 36px; font-weight: 400; color: #000000; max-width: 369px; width: 100% } @media (max-width: 1700px) { .benefitsCR__item p { font-size: 18px; line-height: 25px } } @media (max-width: 625px) { .benefitsCR__item p { max-width: inherit } } .benefitsCR__footer-link { text-align: center } .benefitsCR__footer-link h4 { font-weight: 900; font-size: 42px; color: #01040a; opacity: 0 } @media (max-width: 1700px) { .benefitsCR__footer-link h4 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .benefitsCR__footer-link h4 { font-size: 24px } } @media (max-width: 1024px) { .benefitsCR__footer-link h4 { font-weight: 900 } } .benefitsCR__footer-link a { opacity: 0; width: 115px; height: 115px; display: block; margin: 45px auto 0; background: #c51a1b; border-radius: 50%; position: relative } @media (max-width: 1700px) { .benefitsCR__footer-link a { margin: 35px auto 0; width: 80px; height: 80px } } .benefitsCR__footer-link a img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2 } @media (max-width: 1700px) { .benefitsCR__footer-link a img { width: 100%; height: auto } } .careersQuotes { margin: 0 0 206px } @media (max-width: 1700px) { .careersQuotes { margin: 0 0 100px } } @media (max-width: 1024px) { .careersQuotes { margin: 0 0 80px } } .careersQuotes .container { padding: 0 110px 0 } @media (max-width: 1024px) { .careersQuotes .container { padding: 0 } } .careersQuotes__wrap-arrow { display: flex; gap: 30px } @media (max-width: 1441px) { .careersQuotes__wrap-arrow { justify-content: end } } @media (max-width: 800px) { .careersQuotes__wrap-arrow { justify-content: center } } .careersQuotes__slider-prev, .careersQuotes__slider-next { cursor: pointer } .careersQuotes__slider-prev svg g { opacity: 1 } .careersQuotes__slider-prev.swiper-button-disabled svg g, .careersQuotes__slider-next.swiper-button-disabled svg g { opacity: .2 } .careersQuotes__slider-prev.swiper-button-disabled svg path, .careersQuotes__slider-next.swiper-button-disabled svg path { stroke: #c51a1b } .careersQuotes__slider .swiper-wrapper { align-items: center } .careersQuotes__slider .swiper-wrapper._active .careersQuotes__image { animation: fadeinImage ease .8s forwards } .careersQuotes__slider .swiper-wrapper._active .careersQuotes__image img { animation: fadeinImage ease 1s forwards; animation-delay: .5s } .careersQuotes__image { background-color: rgba(236, 233, 229, 0.5); height: 100% } @media (max-width: 800px) { .careersQuotes__image { height: inherit; background: inherit } } .careersQuotes__item { background: #fcf3f3; border-radius: 20px; display: flex; margin: 0 0 0 1px } @media (max-width: 1024px) { .careersQuotes__item { margin: 0; background: rgba(240, 240, 240, 0.99) } } @media (max-width: 800px) { .careersQuotes__item { flex-wrap: wrap } } .careersQuotes__item--img { position: relative; width: 40% } @media (max-width: 800px) { .careersQuotes__item--img { width: 100% } } .careersQuotes__item--img img { width: 100%; height: 100%; opacity: 0; object-fit: cover; border-radius: 20px; opacity: 0 } @media (max-width: 800px) { .careersQuotes__item--img img { max-width: 100%; height: 400px; object-position: center 12%; margin: 0 auto } } @media (max-width: 625px) { .careersQuotes__item--img img { height: 300px } } .careersQuotes__item--wrap_colon { position: absolute; top: 124px; right: -57px } @media (max-width: 1700px) { .careersQuotes__item--wrap_colon { right: -50px; top: 84px } } @media (max-width: 800px) { .careersQuotes__item--wrap_colon { position: initial; padding: 59px 32px 0 } } .careersQuotes__item--colon { opacity: 0; width: 115px; height: 184px; background: #c51a1b; border-radius: 58px; position: relative } @media (max-width: 1700px) { .careersQuotes__item--colon { width: 100px; height: 155px } } @media (max-width: 1441px) { .careersQuotes__item--colon { width: 85px; height: 131px } } @media (max-width: 800px) { .careersQuotes__item--colon { width: 49px; height: 79px } } .careersQuotes__item--colon span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -31%); font-size: 159px; font-weight: 400; color: #ffffff } @media (max-width: 1441px) { .careersQuotes__item--colon span { font-size: 120px } } @media (max-width: 800px) { .careersQuotes__item--colon span { font-size: 67px } } .careersQuotes__item--inner_content { width: 100%; max-width: 674px } @media (max-width: 800px) { .careersQuotes__item--inner_content { max-width: 100% } } .careersQuotes__item--content { width: 60%; padding: 90px 60px 60px 150px } @media (max-width: 1700px) { .careersQuotes__item--content { padding: 60px 60px 60px 9% } } @media (max-width: 1441px) { .careersQuotes__item--content { padding: 50px 50px 50px 8% } } @media (max-width: 1024px) { .careersQuotes__item--content { padding: 50px 32px 50px 8% } } @media (max-width: 800px) { .careersQuotes__item--content { width: 100%; padding: 37px 32px 59px } } .careersQuotes__item--content h4 { opacity: 0; font-weight: 900; color: #01040a; font-size: 42px } @media (max-width: 1700px) { .careersQuotes__item--content h4 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .careersQuotes__item--content h4 { font-size: 24px } } .careersQuotes__item--content h4 strong { font-weight: 900 } .careersQuotes__item--content p { opacity: 0; font-size: 24px; line-height: 36px; font-weight: 400; color: #01040a; margin: 45px 0 88px } @media (max-width: 1700px) { .careersQuotes__item--content p { font-size: 18px; line-height: 25px } } @media (max-width: 1024px) { .careersQuotes__item--content p { margin: 32px 0 42px } } @media (max-width: 800px) { .careersQuotes__item--content p { margin: 37px 0 37px } } .careersQuotes__item--content__authour { position: relative; display: flex; justify-content: space-between; gap: 20px; align-items: flex-end } @media (max-width: 1441px) { .careersQuotes__item--content__authour { flex-direction: column; gap: 37px; align-items: inherit } } .careersQuotes__item--content__authour h6 { font-size: 24px; line-height: 36px; font-weight: 700; color: #01040a; line-height: 24px } @media (max-width: 1700px) { .careersQuotes__item--content__authour h6 { font-size: 18px; line-height: 25px } } .careersQuotes__item--content__authour p { margin: 0; font-size: 18px; line-height: 28px; font-weight: 400; color: #01040a; line-height: 24px } @media (max-width: 1700px) { .careersQuotes__item--content__authour p { line-height: 20px; font-size: 17px } } .vacancies { padding: 0 0 90px } .vacancies .container:nth-of-type(2) { padding: 0 100px; margin: 0 auto 131px } @media (max-width: 1700px) { .vacancies .container:nth-of-type(2) { padding: 0 60px; margin: 0 auto 100px } } @media (max-width: 800px) { .vacancies .container:nth-of-type(2) { margin: 0 auto 99px; padding: 0 32px } } .vacancies .container:nth-of-type(2)._active .vacancies__item:nth-child(1) { transition: all .66667s ease .66667s; animation: fadeinImage ease .66667s forwards } .vacancies .container:nth-of-type(2)._active .vacancies__item:nth-child(2) { transition: all 1.33333s ease 1.33333s; animation: fadeinImage ease 1.33333s forwards } .vacancies .container:nth-of-type(2)._active .vacancies__item:nth-child(3) { transition: all 2s ease 2s; animation: fadeinImage ease 2s forwards } .vacancies .container:nth-of-type(2)._active .vacancies__item:nth-child(4) { transition: all 2.66667s ease 2.66667s; animation: fadeinImage ease 2.66667s forwards } .vacancies .container:nth-of-type(2)._active .vacancies__item:nth-child(5) { transition: all 3.33333s ease 3.33333s; animation: fadeinImage ease 3.33333s forwards } .vacancies .container:nth-of-type(2)._active .vacancies__item:nth-child(6) { transition: all 4s ease 4s; animation: fadeinImage ease 4s forwards } .vacancies .container:nth-of-type(2)._active .vacancies__item:nth-child(7) { transition: all 4.66667s ease 4.66667s; animation: fadeinImage ease 4.66667s forwards } .vacancies .container:nth-of-type(2)._active .vacancies__item:nth-child(8) { transition: all 5.33333s ease 5.33333s; animation: fadeinImage ease 5.33333s forwards } .vacancies .container:nth-of-type(2)._active .vacancies__item:nth-child(9) { transition: all 6s ease 6s; animation: fadeinImage ease 6s forwards } .vacancies .container:nth-of-type(2)._active .vacancies__item:nth-child(10) { transition: all 6.66667s ease 6.66667s; animation: fadeinImage ease 6.66667s forwards } .vacancies h3 { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a } @media (max-width: 1700px) { .vacancies h3 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .vacancies h3 { font-size: 24px } } .vacancies__head { display: flex; justify-content: space-between; align-items: center; margin: 57px 0 63px; gap: 40px } @media (max-width: 1700px) { .vacancies__head { margin: 33px 0 40px } } @media (max-width: 800px) { .vacancies__head { margin: 42px 0 76px; gap: 42px; flex-wrap: wrap } } .vacancies__head--content._active p { transition: all 1.5s ease 1.5s; animation: fadeinImage ease 1.5s forwards } .vacancies__head--content { width: 50%; max-width: 634px } @media (max-width: 800px) { .vacancies__head--content { width: 100%; max-width: 100% } } .vacancies__head--content p { opacity: 0; width: 100%; font-weight: 600; font-size: 32px; color: #01040a } @media (max-width: 1700px) { .vacancies__head--content p { font-size: 22px; font-weight: 700 } } @media (max-width: 800px) { .vacancies__head--content p { font-size: 18px; line-height: 28px; font-weight: 600 } } .vacancies__head--card._active { transition: all 1.5s ease 1.5s; animation: fadeinImage ease 1.5s forwards; animation-delay: .7s } .vacancies__head--card { width: 50%; max-width: 674px; background: #c51a1b; border-radius: 20px; padding: 52px 62px; opacity: 0 } @media (max-width: 800px) { .vacancies__head--card { width: 100%; max-width: 100%; padding: 47px 32px 57px } } .vacancies__head--card p { width: 100%; max-width: 674px; font-size: 18px; line-height: 28px; font-weight: 600; color: #ffffff } @media (max-width: 1700px) { .vacancies__head--card p { line-height: 20px; font-size: 17px } } @media (max-width: 720px) { .vacancies__head--card p { text-align: center } } .vacancies__item.animation { transform: scale(1.02); transition: .7s } @media (max-width: 800px) { .vacancies__item.animation { transform: inherit } } .vacancies__item { transition: .7s !important; padding: 0 40px; opacity: 0; transform: scale(1) } @media (max-width: 800px) { .vacancies__item { padding: 0; transition: 0 !important } } @media (min-width: 800px) { .vacancies__item:hover { background: #F0F0F0; border-radius: 20px; border-bottom: none } .vacancies__item:hover .vacancies__item--link { opacity: 1 } } .vacancies__item--wrap { display: flex; width: 100%; justify-content: space-between; align-items: center; gap: 40px; border-bottom: 1px solid rgba(28, 24, 24, 0.2); padding: 57px 0 48px } @media (max-width: 1700px) { .vacancies__item--wrap { padding: 33px 0 31px } } .vacancies__item--title { width: 50% } @media (max-width: 800px) { .vacancies__item--title { width: 80% } } .vacancies__item--title p { font-weight: 700; font-size: 32px; color: #000000 } @media (max-width: 1700px) { .vacancies__item--title p { font-size: 22px; font-weight: 700 } } .vacancies__item--title span { font-size: 12px; font-weight: 400; color: #01040a; margin: 7px 0 0; display: none } @media (max-width: 800px) { .vacancies__item--title span { display: block } } .vacancies__item--wrap_ll { width: 50%; max-width: 674px; display: flex; justify-content: space-between; align-items: center; gap: 40px } @media (max-width: 800px) { .vacancies__item--wrap_ll { width: 60px; display: block } } @media (max-width: 800px) { .vacancies__item--location { display: none } } .vacancies__item--location p { font-weight: 400; font-size: 18px; line-height: 28px; color: #01040a } @media (max-width: 1700px) { .vacancies__item--location p { line-height: 20px; font-size: 17px } } .vacancies__item--link { opacity: 0; transition: .35s } @media (max-width: 800px) { .vacancies__item--link { opacity: 1; padding: 0 28px 0 0 } } .vacancies__item--link a img { margin: 0 0 0 auto } @media (max-width: 800px) { .vacancies__item--link a img { width: 40px; height: 40px; border-radius: 50% } } .vacancies__email._active p a::after { animation: fadeinImage ease 1.5s forwards; animation-delay: .6s } .vacancies__email { text-align: center; width: 100%; max-width: 737px; margin: 0 auto 150px } @media (max-width: 1700px) { .vacancies__email { margin: 0 auto 100px } } .vacancies__email h6 { opacity: 0; font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b; margin: 0 0 30px } @media (max-width: 800px) { .vacancies__email h6 { margin: 0 0 27px; line-height: 28px; letter-spacing: 1.8px } } .vacancies__email p { opacity: 0; font-size: 32px; font-weight: 700; text-align: center; color: #01040a; line-height: 45px } @media (max-width: 1700px) { .vacancies__email p { font-size: 22px; font-weight: 700 } } @media (max-width: 1700px) { .vacancies__email p { line-height: 32px } } @media (max-width: 800px) { .vacancies__email p { line-height: 28px } } @media (max-width: 625px) { .vacancies__email p { font-size: 20px } } @media (max-width: 420px) { .vacancies__email p { font-size: 18px } } .vacancies__email p a { font-weight: 700; position: relative; color: #01040a } @media (max-width: 420px) { .vacancies__email p a { font-size: 14px } } .vacancies__email p a::after { content: ""; top: 100%; left: 50%; transform: translate(-50%, 0); width: 100%; height: 20px; position: absolute; display: inline-block; background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/careers/line.svg"); background-repeat: no-repeat; background-size: contain; opacity: 0 } @media (max-width: 625px) { .singleCareers .fcHero .container { margin: 141px auto 46px } } .singleCareers .singleInsightsContent { margin: 0 0 150px } @media (max-width: 1024px) { .singleCareers .singleInsightsContent { margin: 0 0 100px } } @media (max-width: 768px) { .singleCareers .singleInsightsContent { margin: 0 0 65px } } @media (max-width: 768px) { .singleCareers .singleInsightsContent__inner-link { display: none } } .singleCareers .getInTouch__container::before { max-height: 1035px } .singleCareers .getInTouch__contact-form--wrap_input { gap: 32px } .singleCareers .getInTouch__contact-form--input_file { height: 193px; border: 1px dashed rgba(197, 26, 27, 0.15); border-radius: 10px; pointer-events: none; position: relative } .singleCareers .getInTouch__contact-form--input_file input { height: 100%; opacity: 0; width: 100%; pointer-events: initial; position: relative; z-index: 2 } .singleCareers .getInTouch__contact-form--input_file-content { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; padding: 0 20px } .singleCareers .getInTouch__contact-form--input_file-content .input_file__title { font-size: 18px; line-height: 28px; font-weight: 400; color: #000000; margin: 0 0 19px } @media (max-width: 1700px) { .singleCareers .getInTouch__contact-form--input_file-content .input_file__title { line-height: 20px; font-size: 17px } } .singleCareers .getInTouch__contact-form--input_file-content .input_file__desck { font-weight: 400; font-size: 12px; color: #000000 } .singleCareers .getInTouch__contact-form--input_file-content .input_file__desck span { text-decoration: underline } .singleCareers .getInTouch__contact-form--input_file-content .input_file__format span { display: block; font-size: 12px; padding: 8px 0 0; font-weight: 400; color: #000000; opacity: .5 } @media (max-width: 1024px) { .eventPage .chooseUs__wrap_content { gap: 50px } } @media (max-width: 1920px) { .eventPage .chooseUs__wrap_content { gap: 25px } } .eventHero { margin: 172px 0 177px } @media (max-width: 1700px) { .eventHero { margin: 172px 0 100px } } @media (max-width: 1024px) { .eventHero { margin: 160px 0 80px } } .eventHero .container { padding: 0 0 0 140px } @media (max-width: 1700px) { .eventHero .container { padding: 0 0 0 100px } } @media (max-width: 1024px) { .eventHero .container { padding: 0 32px } } .eventHero__wrap_content { display: flex; justify-content: space-between; align-items: center } @media (max-width: 1024px) { .eventHero__wrap_content { flex-wrap: wrap; gap: 40px } } .eventHero__wrap_content .eventHero__inner-block:nth-of-type(1) { width: calc(40% - 70px) } @media (max-width: 1700px) { .eventHero__wrap_content .eventHero__inner-block:nth-of-type(1) { width: calc(40% - 40px) } } @media (max-width: 1441px) { .eventHero__wrap_content .eventHero__inner-block:nth-of-type(1) { width: calc(40% - 20px) } } @media (max-width: 1024px) { .eventHero__wrap_content .eventHero__inner-block:nth-of-type(1) { width: 100% } } .eventHero__wrap_content .eventHero__inner-block:nth-of-type(2) { border-radius: 20px; height: max-content; width: calc(60% - 70px) } @media (max-width: 1700px) { .eventHero__wrap_content .eventHero__inner-block:nth-of-type(2) { width: calc(60% - 40px) } } @media (max-width: 1441px) { .eventHero__wrap_content .eventHero__inner-block:nth-of-type(2) { width: calc(60% - 20px) } } @media (max-width: 1024px) { .eventHero__wrap_content .eventHero__inner-block:nth-of-type(2) { width: 100% } } .eventHero__wrap_content .eventHero__inner-block:nth-of-type(2) img { width: 100%; height: 60vh; border-radius: 20px; object-fit: cover; object-position: center; max-height: 800px } @media (max-width: 1700px) { .eventHero__wrap_content .eventHero__inner-block:nth-of-type(2) img { max-height: 600px } } @media (max-width: 1441px) { .eventHero__wrap_content .eventHero__inner-block:nth-of-type(2) img { max-height: 500px } } @media (max-width: 1024px) { .eventHero__wrap_content .eventHero__inner-block:nth-of-type(2) img { max-height: 400px } } @media (max-width: 625px) { .eventHero__wrap_content .eventHero__inner-block:nth-of-type(2) img { max-height: 300px } } .eventHero__content { padding: 70px 0 70px } @media (max-width: 1024px) { .eventHero__content { padding: 0 } } .eventHero__content--title>h6 { font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b; margin: 0 0 14px } .eventHero__content--title>p { font-weight: 900; color: #000000; width: 100%; font-size: 62px } @media (max-width: 1700px) { .eventHero__content--title>p { font-size: 32px } } @media (max-width: 1024px) { .eventHero__content--title>p { font-size: 28px } } .eventHero__content--venue { margin: 93px 0 0; display: flex; gap: 30px; width: 100%; max-width: 656px; justify-content: space-between } @media (max-width: 1024px) { .eventHero__content--venue { margin: 50px 0 0 } } @media (max-width: 480px) { .eventHero__content--venue { flex-wrap: wrap } } .eventHero__content--venue p { font-weight: 700; font-size: 24px; line-height: 36px; color: #c51a1b } @media (max-width: 1700px) { .eventHero__content--venue p { font-size: 18px; line-height: 25px } } .eventHero__content--venue span, .eventHero__content--venue a { font-weight: 400; font-size: 18px; color: #c51a1b } .eventHero__content--venue__wrap-content { display: flex; flex-direction: column; justify-content: space-between; gap: 75px } @media (max-width: 1024px) { .eventHero__content--venue__wrap-content { gap: 35px } } .eventHero__content--venue__wrap-content:nth-of-type(1) { width: 260px } @media (max-width: 480px) { .eventHero__content--venue__wrap-content:nth-of-type(1) { width: 100% } } .eventHero__content--venue__wrap-content:nth-of-type(2) { width: 355px } @media (max-width: 480px) { .eventHero__content--venue__wrap-content:nth-of-type(2) { width: 100% } } .eventHero__content--venue span::before { content: '+'; margin: 0px 5px 0 0 } .eventHero__content--venue a::before { content: '>'; margin: 0px 5px 0 0 } .speakers { margin: 0 0 142px } @media (max-width: 1700px) { .speakers { margin: 0 0 100px } } .speakers .main_btr .main_btr--wrap-path, .speakers .main_btr a { justify-content: center } .speakers__title { margin: 0 0 92px } @media (max-width: 1700px) { .speakers__title { margin: 0 0 45px } } .speakers__title h5 { opacity: 0; font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b; margin: 0 0 20px } @media (max-width: 1700px) { .speakers__title h5 { margin: 0 0 15px } } .speakers__title p { opacity: 0; font-size: 42px; font-weight: 900; color: #000000 } @media (max-width: 1700px) { .speakers__title p { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .speakers__title p { font-size: 24px } } .speakers__cards { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 16px; row-gap: 111px; margin: 0 0 135px } @media (max-width: 1700px) { .speakers__cards { row-gap: 65px; margin: 0 0 75px } } @media (max-width: 1024px) { .speakers__cards { grid-template-columns: repeat(2, 1fr) } } @media (max-width: 625px) { .speakers__cards { grid-template-columns: repeat(1, 1fr) } } .speakers__item { opacity: 0 } .speakers__item img { width: 100%; height: 430px; border-radius: 20px; object-fit: cover; object-position: center; margin: 0 0 40px } @media (max-width: 1700px) { .speakers__item img { max-height: 400px; margin: 0 0 25px } } @media (max-width: 1520px) { .speakers__item img { max-height: 320px } } .speakers__item h6 { font-size: 32px; font-weight: 900; color: #01040a; margin: 0 0 14px } @media (max-width: 1700px) { .speakers__item h6 { font-size: 22px; font-weight: 700 } } .speakers__item p { font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b; font-weight: 400; width: 100%; max-width: 481px } .eventPlan { margin: 0 0 180px } @media (max-width: 1700px) { .eventPlan { margin: 0 0 100px } } .eventPlan__wrap-content { display: flex; justify-content: space-between; align-items: center } @media (max-width: 800px) { .eventPlan__wrap-content { flex-wrap: wrap } } .eventPlan__inner-block:nth-of-type(1) { width: 50% } @media (max-width: 800px) { .eventPlan__inner-block:nth-of-type(1) { width: 100% } } .eventPlan__inner-block:nth-of-type(2) { width: calc(50% - 130px); border-radius: 20px; height: 100% } @media (max-width: 1700px) { .eventPlan__inner-block:nth-of-type(2) { width: calc(50% - 100px) } } @media (max-width: 1024px) { .eventPlan__inner-block:nth-of-type(2) { width: calc(50% - 50px) } } @media (max-width: 800px) { .eventPlan__inner-block:nth-of-type(2) { width: 100% } } .eventPlan__inner-block img { opacity: 0; width: 100%; max-width: 674px; margin: 0 0 0 auto; height: 100%; border-radius: 20px; object-fit: cover; object-position: center; max-height: 700px } @media (max-width: 1700px) { .eventPlan__inner-block img { max-height: 600px } } @media (max-width: 800px) { .eventPlan__inner-block img { max-height: 400px; margin: 50px auto 0 } } @media (max-width: 625px) { .eventPlan__inner-block img { max-height: 300px } } .eventPlan__content--title { margin: 0 0 92px } @media (max-width: 1700px) { .eventPlan__content--title { margin: 0 0 65px } } @media (max-width: 1024px) { .eventPlan__content--title { margin: 0 0 45px } } @media (max-width: 625px) { .eventPlan__content--title { margin: 0 0 35px } } .eventPlan__content--title h5 { font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b; margin: 0 0 20px } @media (max-width: 1700px) { .eventPlan__content--title h5 { margin: 0 0 15px } } .eventPlan__content--title p { font-weight: 900; font-size: 42px; color: #01040a } @media (max-width: 1700px) { .eventPlan__content--title p { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .eventPlan__content--title p { font-size: 24px } } .eventPlan__content--schedule { display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 60px; column-gap: 107px; width: 100%; max-width: 722px } @media (max-width: 1700px) { .eventPlan__content--schedule { row-gap: 40px; column-gap: 60px } } @media (max-width: 625px) { .eventPlan__content--schedule { row-gap: 20px; column-gap: 40px } } @media (max-width: 480px) { .eventPlan__content--schedule { grid-template-columns: repeat(1, 1fr) } } .eventPlan__content--item { padding: 39px 0 0; border-top: 1px solid rgba(0, 0, 0, 0.2) } @media (max-width: 1700px) { .eventPlan__content--item { padding: 25px 0 0 } } .eventPlan__content--item strong { opacity: 0; font-size: 32px; font-weight: 700; color: #c51a1b } @media (max-width: 1700px) { .eventPlan__content--item strong { font-size: 22px; font-weight: 700 } } .eventPlan__content--item p { opacity: 0; font-size: 24px; line-height: 36px; font-weight: 400; color: #000000; margin: 31px 0 0 } @media (max-width: 1700px) { .eventPlan__content--item p { font-size: 18px; line-height: 25px } } @media (max-width: 1700px) { .eventPlan__content--item p { margin: 25px 0 0 } } .support { margin: 0 0 231px } @media (max-width: 1700px) { .support { margin: 0 0 100px } } .support__wrap-container { display: flex; justify-content: space-between; gap: 100px; align-items: center } @media (max-width: 1024px) { .support__wrap-container { gap: 50px } } @media (max-width: 800px) { .support__wrap-container { flex-wrap: wrap } } .support__wrap-container .support__inner-block:nth-of-type(1) { width: 35% } @media (max-width: 800px) { .support__wrap-container .support__inner-block:nth-of-type(1) { width: 100%; order: 2 } } .support__wrap-container .support__inner-block:nth-of-type(2) { width: 65% } @media (max-width: 800px) { .support__wrap-container .support__inner-block:nth-of-type(2) { width: 100%; order: 1 } } .support__inner-block { height: 100% } .support__inner-block img { opacity: 0; width: 100%; max-width: 536px; height: auto; border-radius: 20px; object-fit: cover; object-position: center top } @media (max-width: 800px) { .support__inner-block img { height: 500px; margin: 0 auto 0 } } @media (max-width: 625px) { .support__inner-block img { height: 400px } } .support__inner-block--content { display: flex; flex-direction: column; gap: 47px; width: 100%; max-width: 906px; margin: 0 0 0 auto } .support__inner-block--content h6 { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a } @media (max-width: 1700px) { .support__inner-block--content h6 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .support__inner-block--content h6 { font-size: 24px } } .support__inner-block--content h6 strong { font-weight: 900; position: relative; display: inline-block } .support__inner-block--content h6 strong::after { content: ""; top: 100%; left: 50%; transform: translate(-50%, -23%); width: 100%; height: 20px; background-image: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/event/underline-xl.svg"); background-repeat: no-repeat; position: absolute; display: inline-block; background-size: contain } .support__inner-block--content-p { display: flex; flex-direction: column; gap: 25px } .support__inner-block--content-p p { opacity: 0; font-size: 24px; line-height: 36px; font-weight: 400; color: #000000 } @media (max-width: 1700px) { .support__inner-block--content-p p { font-size: 18px; line-height: 25px } } .contactUs_sub, .getInTouch_sub { margin: 45px 0 0 } @media (max-width: 1700px) { .contactUs_sub, .getInTouch_sub { margin: 35px 0 0 } } @media (max-width: 1260px) { .contactUs_sub, .getInTouch_sub { margin: 24px 0 0 } } .contactUs { margin: 0 0 150px; padding: 200px 0 0; position: relative } @media (max-width: 1920px) { .contactUs { padding: 10.417vw 0 0 } } @media (max-width: 1700px) { .contactUs { margin: 0 0 80px } } @media (max-width: 1260px) { .contactUs { margin: 0 0 80px } } @media (max-width: 1024px) { .contactUs { padding: 160px 0 0 } } @media (max-width: 768px) { .contactUs { padding: 110px 0 0 } } @media (max-width: 625px) { .contactUs { margin: 0 0 100px } } @media (max-width: 625px) { .contactUs .container { padding: 0 } } .contactUs__bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 74%; background: rgba(0, 0, 0, 0.5); border: 1px solid #707070 } .contactUs__bg-img img { z-index: -1; position: relative; width: 100%; height: 100%; object-fit: cover } .contactUs__container { display: flex; justify-content: space-between; position: relative; gap: 70px } @media (max-width: 1260px) { .contactUs__container { flex-wrap: wrap; gap: 93px } } .contactUs__container .contactUs__inner-block:nth-of-type(1) { width: 35% } @media (max-width: 1260px) { .contactUs__container .contactUs__inner-block:nth-of-type(1) { width: 100% } } @media (max-width: 625px) { .contactUs__container .contactUs__inner-block:nth-of-type(1) { padding: 0 32px } } .contactUs__container .contactUs__inner-block:nth-of-type(2) { width: 55% } @media (max-width: 1260px) { .contactUs__container .contactUs__inner-block:nth-of-type(2) { width: 100%; margin: 0 auto } } .contactUs__inner-block--first-part h5 { opacity: 0; font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b; color: #ffffff; margin: 0 0 22px } .contactUs__inner-block--first-part h1, .contactUs__inner-block--first-part h2 { opacity: 0; font-weight: 900; font-size: 72px; color: #ffffff } @media (max-width: 1700px) { .contactUs__inner-block--first-part h1, .contactUs__inner-block--first-part h2 { font-size: 32px } } @media (max-width: 1024px) { .contactUs__inner-block--first-part h1, .contactUs__inner-block--first-part h2 { font-size: 28px } } @media (max-width: 625px) { .contactUs__inner-block--first-part h1, .contactUs__inner-block--first-part h2 { font-weight: 700 } } .contactUs__inner-block--location { margin: 52px 0 75px } @media (max-width: 625px) { .contactUs__inner-block--location { margin: 35px 0 35px } } .contactUs__inner-block--location p { opacity: 0; width: 100%; max-width: 135px; font-size: 24px; line-height: 36px; font-weight: 400; color: #ffffff } @media (max-width: 1700px) { .contactUs__inner-block--location p { font-size: 18px; line-height: 25px } } .contactUs__inner-block--tel a { opacity: 0; display: block; font-weight: 900; color: #ffffff; font-size: 32px } @media (max-width: 1700px) { .contactUs__inner-block--tel a { font-size: 24px } } @media (max-width: 625px) { .contactUs__inner-block--tel a { font-weight: 700 } } @media (max-width: 400px) { .contactUs__inner-block--tel a { font-size: 21px } } .contactUs__inner-block--tel a:not(:last-child) { margin: 0 0 12px } .contactUs__contact-form { max-width: 950px; width: 100%; background: #ffffff; border-radius: 20px; padding: 40px 38px 65px; position: relative; margin: 0 0 0 auto } @media (max-width: 1700px) { .contactUs__contact-form { padding: 32px } } @media (max-width: 1441px) { .contactUs__contact-form { max-width: 100%; min-width: inherit } } @media (max-width: 800px) { .contactUs__contact-form { padding: 40px 32px } } .contactUs__contact-form>h3 { font-weight: 700; font-size: 32px; color: #000000; margin: 0 0 50px 0 } @media (max-width: 1700px) { .contactUs__contact-form>h3 { font-size: 22px; font-weight: 700 } } @media (max-width: 1700px) { .contactUs__contact-form>h3 { margin: 0 0 30px 0 } } @media (max-width: 625px) { .contactUs__contact-form>h3 { margin: 0 0 25px 0 } } .contactUs__contact-form--input.error, .contactUs__contact-form--input_checkbox.error, .contactUs__contact-form--select.error, #field_6_10 .error.ginput_container.ginput_container_select, #field_7_12 .error.ginput_container.ginput_container_select, #field_8_12 .error.ginput_container.ginput_container_select, #field_12_14 .error.ginput_container.ginput_container_select, #field_12_15 .error.ginput_container.ginput_container_select, #field_12_17 .error.ginput_container.ginput_container_select { border: 1px solid #c51a1b } .contactUs__contact-form--wrap_input { display: flex; flex-direction: column; gap: 36px } @media (max-width: 1700px) { .contactUs__contact-form--wrap_input { gap: 25px } } .contactUs__contact-form--wrap_input textarea { padding: 29px 0 0 47px; min-height: 289px } @media (max-width: 1700px) { .contactUs__contact-form--wrap_input textarea { padding: 29px 0 0 30px } } .contactUs__contact-form--wrap_input textarea, .contactUs__contact-form--wrap_input input { background: #ffffff; border: 1px solid rgba(197, 26, 27, 0.15); transition: .35s; font-size: 16px; font-family: "MTTRoma"; font-weight: 400; color: #000000 } .contactUs__contact-form--wrap_input textarea::placeholder, .contactUs__contact-form--wrap_input input::placeholder { font-size: 16px; font-family: "MTTRoma"; font-weight: 400; color: #000000 } .contactUs__contact-form--wrap_input textarea:hover, .contactUs__contact-form--wrap_input input:hover { border: 1px solid #c51a1b } .contactUs__contact-form--wrap_input input { height: 65px; width: 100%; padding: 0 0 0 47px } @media (max-width: 1700px) { .contactUs__contact-form--wrap_input input { height: 58px } } @media (max-width: 1700px) { .contactUs__contact-form--wrap_input input { padding: 0px 0 0 30px } } .contactUs__contact-form--flex { display: flex; gap: 17px } .contactUs__contact-form--flex>div { width: 50%; position: relative } .contactUs__contact-form--flex>div p { position: absolute; top: -10px; left: 27px; padding: 0 5px; background: #fff; font-size: 12px; font-family: "MTTRoma"; font-weight: 400; color: #000000 } .contactUs__contact-form--flex>div input { width: 100% } .contactUs__contact-form--flex input { width: 50% } .contactUs__contact-form--select, #field_6_10 .ginput_container.ginput_container_select, #field_7_12 .ginput_container.ginput_container_select, #field_8_12 .ginput_container.ginput_container_select, #field_12_14 .ginput_container.ginput_container_select, #field_12_15 .ginput_container.ginput_container_select, #field_12_17 .ginput_container.ginput_container_select { position: relative } .contactUs__contact-form--select::after, #field_6_10 .ginput_container.ginput_container_select::after, #field_7_12 .ginput_container.ginput_container_select::after, #field_8_12 .ginput_container.ginput_container_select::after, #field_12_14 .ginput_container.ginput_container_select::after, #field_12_15 .ginput_container.ginput_container_select::after, #field_12_17 .ginput_container.ginput_container_select::after { content: url("https://www.geraldedelman.com/wp-content/themes/getheme/assets/img/footer/select-icon.svg"); position: absolute; top: 50%; right: 5%; transform: translate(0, -50%) } .contactUs__contact-form--select select, #field_6_10 .ginput_container.ginput_container_select select, #field_7_12 .ginput_container.ginput_container_select select, #field_8_12 .ginput_container.ginput_container_select select, #field_12_14 .ginput_container.ginput_container_select select, #field_12_15 .ginput_container.ginput_container_select select, #field_12_17 .ginput_container.ginput_container_select select { border: 1px solid rgba(197, 26, 27, 0.15); outline: none; -webkit-user-select: none; user-select: none; -webkit-appearance: none; background: #ffffff; font-size: 15px; font-weight: 400; color: #000000; width: 100%; height: 65px; padding: 0 0 0 32px } @media (max-width: 1700px) { .contactUs__contact-form--select select, #field_6_10 .ginput_container.ginput_container_select select, #field_7_12 .ginput_container.ginput_container_select select, #field_8_12 .ginput_container.ginput_container_select select, #field_12_14 .ginput_container.ginput_container_select select, #field_12_15 .ginput_container.ginput_container_select select, #field_12_17 .ginput_container.ginput_container_select select { height: 58px } } .contactUs__contact-form--wrap_checkbox { margin: 38px 0 46px; display: flex; flex-direction: column; gap: 36px } .contactUs__contact-form--checkbox { display: flex; gap: 17px } .contactUs__contact-form--checkbox input { width: 17px; height: 20px; background: #ffffff; border: 1px solid rgba(197, 26, 27, 0.15) } .contactUs__contact-form--checkbox input:checked { background: #c51a1b } .contactUs__contact-form--checkbox label { font-size: 14px; font-weight: 400; color: #000000; width: 100%; max-width: 370px } .contactUs__contact-form--checkbox label a { font-size: 14px; font-weight: 400; color: #000000 } .locationMap { margin: 0 0 173px } @media (max-width: 1700px) { .locationMap { margin: 0 0 100px } } .locationMap .container:nth-of-type(2) { padding: 0 140px 0 60px } @media (max-width: 1200px) { .locationMap .container:nth-of-type(2) { padding: 0 32px } } .locationMap__title { margin: 0 0 86px; padding: 0 0 0 130px } @media (max-width: 1700px) { .locationMap__title { margin: 0 0 45px } } @media (max-width: 1200px) { .locationMap__title { padding: 0 } } @media (max-width: 625px) { .locationMap__title { margin: 0 0 81px } } .locationMap__title h2 { opacity: 0; font-weight: 900; color: #01040a; font-size: 42px } @media (max-width: 1700px) { .locationMap__title h2 { font-size: 24px } } @media (max-width: 1024px) { .locationMap__title h2 { font-weight: 700 } } @media (max-width: 1200px) { .locationMap__title h2 { padding: 0 } } .locationMap__container { display: flex; justify-content: space-between; align-items: center; gap: 114px } @media (max-width: 1700px) { .locationMap__container { gap: 80px } } @media (max-width: 1441px) { .locationMap__container { gap: 50px } } @media (max-width: 1200px) { .locationMap__container { gap: 40px } } @media (max-width: 768px) { .locationMap__container { flex-wrap: wrap; justify-content: space-between } } @media (max-width: 625px) { .locationMap__container { gap: 72px } } @media (max-width: 768px) { .locationMap__map { order: 2 } } .locationMap__map img { width: 100%; height: auto; border-radius: 20px; object-fit: cover } .locationMap__content._active h4 { transition: all 1.8s ease 1.8s; animation: fadein ease 1.8s forwards } .locationMap__content._active .locationMap__content--item { transition: all 1.4s ease 1.4s; animation: fadeinImage ease 1.4s forwards } .locationMap__content._active .locationMap__content--item:nth-of-type(1) { animation-delay: 0.2s } .locationMap__content._active .locationMap__content--item:nth-of-type(2) { animation-delay: 0.4s } .locationMap__content._active .locationMap__content--item:nth-of-type(3) { animation-delay: 0.6s } .locationMap__content._active .locationMap__content--item:nth-of-type(4) { animation-delay: 0.8s } .locationMap__content._active .locationMap__content--item:nth-of-type(5) { animation-delay: 1s } .locationMap__content._active .locationMap__content--item:nth-of-type(6) { animation-delay: 1.2s } .locationMap__content._active .locationMap__content--item:nth-of-type(7) { animation-delay: 1.4s } .locationMap__content._active .locationMap__content--item:nth-of-type(8) { animation-delay: 1.6s } .locationMap__content._active .locationMap__content--item:nth-of-type(9) { animation-delay: 1.8s } .locationMap__content._active .locationMap__content--item:nth-of-type(10) { animation-delay: 2s } @media (max-width: 768px) { .locationMap__content { order: 1 } } @media (max-width: 1024px) { .locationMap__content .main_btr p { transition: all 1.5s ease 1.5s; animation: fadeinImage ease 1.5s forwards } } .locationMap__content h4 { font-weight: 700; color: #000000; margin: 0 0 64px; opacity: 0; font-size: 42px } @media (max-width: 1700px) { .locationMap__content h4 { font-size: 24px } } @media (max-width: 1024px) { .locationMap__content h4 { margin: 0 0 43px } } .locationMap__content--items { margin: 0 0 50px } @media (max-width: 1024px) { .locationMap__content--items { margin: 0 0 35px } } @media (max-width: 625px) { .locationMap__content--items { margin: 0 0 54px } } .locationMap__content--item { opacity: 0; display: flex; justify-content: space-between; gap: 70px; align-items: center } @media (max-width: 1024px) { .locationMap__content--item { gap: 40px } } .locationMap__content--item:not(:last-child) { margin: 0 0 20px } .locationMap__content--item>div:nth-of-type(1) { display: flex; gap: 22px; width: 80% } .locationMap__content--item>div:nth-of-type(2) { width: 20% } .locationMap__content--item img { width: 36px; height: 36px } .locationMap__content--item p, .locationMap__content--item span { font-weight: 400; font-size: 24px; line-height: 36px; color: #000000; width: max-content; line-height: inherit } @media (max-width: 1700px) { .locationMap__content--item p, .locationMap__content--item span { font-size: 18px; line-height: 25px } } .hero__servicesTool { margin: 30px 0 150px } @media (max-width: 1700px) { .hero__servicesTool { margin: 20px 0 80px } } .hero__servicesTool p { font-size: 55px; font-weight: 400; color: #01040a } @media (max-width: 1700px) { .hero__servicesTool p { font-size: 28px } } @media (max-width: 625px) { .hero__servicesTool p { font-size: 22px } } .hero__servicesTool p strong { font-weight: 700; color: #c51a1b } @media (max-width: 625px) { .sliderST { position: relative } } .sliderST__container { max-width: 1920px; margin: 0 auto 150px; width: 100%; padding: 0 0 0 140px; opacity: 0 } @media (max-width: 1700px) { .sliderST__container { padding: 0 0 0 100px; margin: 0 auto 100px } } @media (max-width: 1024px) { .sliderST__container { padding: 0 0 0 32px; margin: 0 auto 135px } } .sliderST__wrap-title { position: relative } @media (max-width: 625px) { .sliderST__wrap-title { position: inherit } } .sliderST__wrap-title h5 { font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b } .sliderST__wrap-title>p { font-size: 42px; font-weight: 900; color: #01040a; margin: 15px 0 97px 0; width: 100%; max-width: 747px } @media (max-width: 1700px) { .sliderST__wrap-title>p { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .sliderST__wrap-title>p { font-size: 24px } } @media (max-width: 1700px) { .sliderST__wrap-title>p { margin: 15px 0 45px 0 } } @media (max-width: 1024px) { .sliderST__wrap-title>p { margin: 10px 0 30px 0 } } .sliderST__wrap-arrow { display: flex; gap: 30px; position: absolute; bottom: 0; right: 0 } @media (max-width: 625px) { .sliderST__wrap-arrow { left: 0; bottom: -80px; justify-content: center } } .sliderST__slider-prev, .sliderST__slider-next, .sliderST__slider-prev-first, .sliderST__slider-next-first, .sliderST__slider-prev-second, .sliderST__slider-next-second, .sliderST__slider-prev-third, .sliderST__slider-next-third { cursor: pointer } .sliderST__slider-prev svg g, .sliderST__slider-prev-first svg g, .sliderST__slider-prev-second svg g, .sliderST__slider-prev-third svg g { opacity: 1 } .sliderST__slider-prev.swiper-button-disabled svg g, .sliderST__slider-next.swiper-button-disabled svg g, .sliderST__slider-prev-first.swiper-button-disabled svg g, .sliderST__slider-next-first.swiper-button-disabled svg g, .sliderST__slider-prev-second.swiper-button-disabled svg g, .sliderST__slider-next-second.swiper-button-disabled svg g, .sliderST__slider-prev-third.swiper-button-disabled svg g, .sliderST__slider-next-third.swiper-button-disabled svg g { opacity: .2 } .sliderST__slider-prev.swiper-button-disabled svg path, .sliderST__slider-next.swiper-button-disabled svg path, .sliderST__slider-prev-first.swiper-button-disabled svg path, .sliderST__slider-next-first.swiper-button-disabled svg path, .sliderST__slider-prev-second.swiper-button-disabled svg path, .sliderST__slider-next-second.swiper-button-disabled svg path, .sliderST__slider-prev-third.swiper-button-disabled svg path, .sliderST__slider-next-third.swiper-button-disabled svg path { stroke: #c51a1b } .sliderST__slider-inner .swiper-wrapper, .sliderST__slider-inner-first .swiper-wrapper, .sliderST__slider-inner-second .swiper-wrapper, .sliderST__slider-inner-third .swiper-wrapper { max-width: 675px } @media (max-width: 1700px) { .sliderST__slider-inner .swiper-wrapper, .sliderST__slider-inner-first .swiper-wrapper, .sliderST__slider-inner-second .swiper-wrapper, .sliderST__slider-inner-third .swiper-wrapper { max-width: 400px } } @media (max-width: 1024px) { .sliderST__slider-inner .swiper-wrapper, .sliderST__slider-inner-first .swiper-wrapper, .sliderST__slider-inner-second .swiper-wrapper, .sliderST__slider-inner-third .swiper-wrapper { max-width: 320px } } .sliderST__slider-inner--item, .sliderST__slider-inner-first--item, .sliderST__slider-inner-second--item, .sliderST__slider-inner-third--item { position: relative } .sliderST__slider-inner--item>img, .sliderST__slider-inner-first--item>img, .sliderST__slider-inner-second--item>img, .sliderST__slider-inner-third--item>img { width: 100%; max-width: 675px; border-radius: 20px; height: 477px; object-fit: cover; object-position: center center } @media (max-width: 1700px) { .sliderST__slider-inner--item>img, .sliderST__slider-inner-first--item>img, .sliderST__slider-inner-second--item>img, .sliderST__slider-inner-third--item>img { height: 320px } } @media (max-width: 1024px) { .sliderST__slider-inner--item>img, .sliderST__slider-inner-first--item>img, .sliderST__slider-inner-second--item>img, .sliderST__slider-inner-third--item>img { height: 250px } } .sliderST__slider-inner--item>strong, .sliderST__slider-inner-first--item>strong, .sliderST__slider-inner-second--item>strong, .sliderST__slider-inner-third--item>strong { font-size: 32px; font-weight: 900; color: #000000; margin: 32px 0 15px; display: block } @media (max-width: 1700px) { .sliderST__slider-inner--item>strong, .sliderST__slider-inner-first--item>strong, .sliderST__slider-inner-second--item>strong, .sliderST__slider-inner-third--item>strong { font-size: 22px; font-weight: 700 } } .sliderST__slider-inner--item>h6, .sliderST__slider-inner-first--item>h6, .sliderST__slider-inner-second--item>h6, .sliderST__slider-inner-third--item>h6 { font-size: 18px; line-height: 28px; font-weight: 700; color: #c51a1b; letter-spacing: 0.18px } @media (max-width: 1700px) { .sliderST__slider-inner--item>h6, .sliderST__slider-inner-first--item>h6, .sliderST__slider-inner-second--item>h6, .sliderST__slider-inner-third--item>h6 { line-height: 20px; font-size: 17px } } .sliderST__content--absolute { position: absolute; bottom: 15%; left: 10%; max-width: 240px } @media (max-width: 1700px) { .sliderST__content--absolute { max-width: 272px } } .sliderST__content--absolute strong { font-size: 32px; font-weight: 900; color: #000000 } @media (max-width: 1700px) { .sliderST__content--absolute strong { font-size: 22px; font-weight: 700 } } @media (max-width: 1700px) { .sliderST__content--absolute strong { font-weight: 700 } } .sliderST__item--img { margin: 0 0 45px; width: 100%; max-width: 675px; border-radius: 20px; height: 477px; object-fit: cover; object-position: center center } @media (max-width: 1700px) { .sliderST__item--img { height: 320px; margin: 0 0 35px } } @media (max-width: 1024px) { .sliderST__item--img { height: 250px } } .sliderST__item h6 { font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b; letter-spacing: inherit; margin: 0 0 28px } .sliderST__item--p { font-size: 32px; font-weight: 700; color: #01040a; line-height: 45px; margin: 0 0 28px; width: 100% } @media (max-width: 1700px) { .sliderST__item--p { font-size: 22px; font-weight: 700 } } @media (max-width: 1700px) { .sliderST__item--p { line-height: 30px } } @media (max-width: 1024px) { .sliderST__item--p { line-height: 25px } } .sliderST__item--author { display: flex; gap: 19px; margin: 22px 0 19px; align-items: center } .sliderST__item--author img { width: 64px; height: 62px; border-radius: 50% } .sliderST__item--author p { font-weight: 400; font-size: 18px; line-height: 28px; color: #000000; margin: 0 0 5px } @media (max-width: 1700px) { .sliderST__item--author p { line-height: 20px; font-size: 17px } } .sliderST__item--author p:last-child { margin: 0 } .heroEP { margin: 240px 0 150px } @media (max-width: 1700px) { .heroEP { margin: 145px 0 100px } } .heroEP__content { text-align: center } .heroEP__content h1 { font-size: 234px; color: #c51a1b; font-weight: 900 } @media (max-width: 1024px) { .heroEP__content h1 { font-size: 150px } } @media (max-width: 400px) { .heroEP__content h1 { font-size: 120px } } .heroEP__content h4 { font-size: 42px; margin: 0 0 20px; font-weight: 600; color: #000000; text-transform: uppercase } @media (max-width: 1700px) { .heroEP__content h4 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .heroEP__content h4 { font-size: 24px } } .heroEP__content p { margin: 0 auto; widows: 100%; max-width: 664px; color: #000000; font-size: 24px; line-height: 36px; font-weight: 400 } @media (max-width: 1700px) { .heroEP__content p { font-size: 18px; line-height: 25px } } @media (max-width: 625px) { .sliderEP { position: relative; padding: 0 0 15px } } .sliderEP__container { max-width: 1920px; margin: 0 auto 150px; width: 100%; padding: 0 0 0 140px } @media (max-width: 1700px) { .sliderEP__container { padding: 0 0 0 100px; margin: 0 auto 100px } } @media (max-width: 1024px) { .sliderEP__container { padding: 0 0 0 32px } } @media (max-width: 625px) { .sliderEP__container { margin: 0 auto 110px } } .sliderEP__wrap-title { position: relative } @media (max-width: 625px) { .sliderEP__wrap-title { position: inherit } } .sliderEP__wrap-title h5 { font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b } .sliderEP__wrap-title>p { font-size: 42px; font-weight: 900; color: #01040a; margin: 15px 0 97px 0; width: 100%; max-width: 747px } @media (max-width: 1700px) { .sliderEP__wrap-title>p { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .sliderEP__wrap-title>p { font-size: 24px } } @media (max-width: 1700px) { .sliderEP__wrap-title>p { margin: 15px 0 45px 0 } } .sliderEP__wrap-arrow { display: flex; gap: 30px; position: absolute; bottom: 0; right: 0 } @media (max-width: 625px) { .sliderEP__wrap-arrow { left: 0; bottom: 50px; justify-content: center } } .sliderEP__slider-prev, .sliderEP__slider-next, .sliderEP__slider-prev-first, .sliderEP__slider-next-first, .sliderEP__slider-prev-second, .sliderEP__slider-next-second, .sliderEP__slider-prev-third, .sliderEP__slider-next-third { cursor: pointer } .sliderEP__slider-prev svg g, .sliderEP__slider-prev-first svg g, .sliderEP__slider-prev-second svg g, .sliderEP__slider-prev-third svg g { opacity: 1 } .sliderEP__slider-prev.swiper-button-disabled svg g, .sliderEP__slider-next.swiper-button-disabled svg g, .sliderEP__slider-prev-first.swiper-button-disabled svg g, .sliderEP__slider-next-first.swiper-button-disabled svg g, .sliderEP__slider-prev-second.swiper-button-disabled svg g, .sliderEP__slider-next-second.swiper-button-disabled svg g, .sliderEP__slider-prev-third.swiper-button-disabled svg g, .sliderEP__slider-next-third.swiper-button-disabled svg g { opacity: .2 } .sliderEP__slider-prev.swiper-button-disabled svg path, .sliderEP__slider-next.swiper-button-disabled svg path, .sliderEP__slider-prev-first.swiper-button-disabled svg path, .sliderEP__slider-next-first.swiper-button-disabled svg path, .sliderEP__slider-prev-second.swiper-button-disabled svg path, .sliderEP__slider-next-second.swiper-button-disabled svg path, .sliderEP__slider-prev-third.swiper-button-disabled svg path, .sliderEP__slider-next-third.swiper-button-disabled svg path { stroke: #c51a1b } .sliderEP__slider-inner .swiper-wrapper, .sliderEP__slider-inner-first .swiper-wrapper, .sliderEP__slider-inner-second .swiper-wrapper, .sliderEP__slider-inner-third .swiper-wrapper { max-width: 440px } @media (max-width: 1700px) { .sliderEP__slider-inner .swiper-wrapper, .sliderEP__slider-inner-first .swiper-wrapper, .sliderEP__slider-inner-second .swiper-wrapper, .sliderEP__slider-inner-third .swiper-wrapper { max-width: 320px } } .sliderEP__slider-inner--item, .sliderEP__slider-inner-first--item, .sliderEP__slider-inner-second--item, .sliderEP__slider-inner-third--item { position: relative } .sliderEP__slider-inner--item>img, .sliderEP__slider-inner-first--item>img, .sliderEP__slider-inner-second--item>img, .sliderEP__slider-inner-third--item>img { width: 100%; max-width: 675px; border-radius: 20px; height: 400px; object-fit: cover; object-position: center center } @media (max-width: 1700px) { .sliderEP__slider-inner--item>img, .sliderEP__slider-inner-first--item>img, .sliderEP__slider-inner-second--item>img, .sliderEP__slider-inner-third--item>img { height: 290px } } .sliderEP__slider-inner--item>strong, .sliderEP__slider-inner-first--item>strong, .sliderEP__slider-inner-second--item>strong, .sliderEP__slider-inner-third--item>strong { font-size: 32px; font-weight: 900; color: #000000; margin: 32px 0 15px; display: block } @media (max-width: 1700px) { .sliderEP__slider-inner--item>strong, .sliderEP__slider-inner-first--item>strong, .sliderEP__slider-inner-second--item>strong, .sliderEP__slider-inner-third--item>strong { font-size: 22px; font-weight: 700 } } .sliderEP__slider-inner--item>h6, .sliderEP__slider-inner-first--item>h6, .sliderEP__slider-inner-second--item>h6, .sliderEP__slider-inner-third--item>h6 { font-size: 18px; line-height: 28px; font-weight: 700; color: #c51a1b; letter-spacing: 0.18px } @media (max-width: 1700px) { .sliderEP__slider-inner--item>h6, .sliderEP__slider-inner-first--item>h6, .sliderEP__slider-inner-second--item>h6, .sliderEP__slider-inner-third--item>h6 { line-height: 20px; font-size: 17px } } .sliderEP__content--absolute { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 40px 60px 70px } @media (max-width: 1700px) { .sliderEP__content--absolute { padding: 25px 45px 50px } } .sliderEP__content--absolute img { width: 54px; height: 54px; border-radius: 50% } .sliderEP__content--absolute strong { max-width: 173px; font-size: 24px; font-weight: 900; color: #000000; display: block } @media (max-width: 1700px) { .sliderEP__content--absolute strong { font-size: 18px } } .sliderEP__item--img { border-radius: 20px; width: 100%; height: auto; margin: 0 0 45px } .sliderEP__item h6 { font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b; letter-spacing: inherit; margin: 0 0 28px } .sliderEP__item--p { font-size: 32px; font-weight: 700; color: #01040a; line-height: 49px; margin: 0 0 28px; width: 100%; max-width: 398px } @media (max-width: 1700px) { .sliderEP__item--p { font-size: 22px; font-weight: 700 } } @media (max-width: 1700px) { .sliderEP__item--p { line-height: 37px } } .sliderEP__item--author { display: flex; gap: 19px; margin: 22px 0 19px; align-items: center } .sliderEP__item--author img { width: 64px; height: 62px; border-radius: 50% } .sliderEP__item--author p { font-weight: 400; font-size: 18px; line-height: 28px; color: #000000; margin: 0 0 5px } @media (max-width: 1700px) { .sliderEP__item--author p { line-height: 20px; font-size: 17px } } .sliderEP__item--author p:last-child { margin: 0 } .eventsPage { margin: 236px 0 138px } @media (max-width: 1700px) { .eventsPage { margin: 180px 0 100px } } @media (max-width: 1024px) { .eventsPage { margin: 150px 0 100px } } .eventsPage h2, .eventsPage h3, .eventsPage h4, .eventsPage h5, .eventsPage h1, .eventsPage p { opacity: 0 } .eventsPage__hero { margin: 0 0 100px } .eventsPage__hero h3 { font-size: 18px; line-height: 28px; font-weight: 700; color: #c51a1b; letter-spacing: 3.6px; text-transform: uppercase; margin: 0 0 14px } @media (max-width: 1700px) { .eventsPage__hero h3 { line-height: 20px; font-size: 17px } } @media (max-width: 1700px) { .eventsPage__hero h3 { margin: 0 0 7px } } .eventsPage__hero h1 { font-size: 72px; font-weight: 900; color: #000000 } @media (max-width: 1700px) { .eventsPage__hero h1 { font-size: 32px } } @media (max-width: 1024px) { .eventsPage__hero h1 { font-size: 28px } } .eventsPage__item:not(:first-child) { margin: 61px 0 0 } .eventsPage__item--title { margin: 0 0 72px } @media (max-width: 1700px) { .eventsPage__item--title { margin: 0 0 60px } } @media (max-width: 1024px) { .eventsPage__item--title { margin: 0 0 45px } } .eventsPage__item--title h6 { font-size: 18px; line-height: 28px; font-weight: 700; color: #c51a1b; letter-spacing: 3.6px; margin: 0 0 15px } @media (max-width: 1700px) { .eventsPage__item--title h6 { line-height: 20px; font-size: 17px } } @media (max-width: 1700px) { .eventsPage__item--title h6 { margin: 0 0 7px } } .eventsPage__item--title h2 { font-size: 42px; font-weight: 900; color: #000000 } @media (max-width: 1700px) { .eventsPage__item--title h2 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .eventsPage__item--title h2 { font-size: 24px } } .eventsPage__item--card { display: flex; gap: 110px; background: #fcf3f3; border-radius: 20px; padding: 25px; justify-content: space-between; align-items: center } @media (max-width: 1441px) { .eventsPage__item--card { gap: 60px } } @media (max-width: 1024px) { .eventsPage__item--card { gap: 35px } } @media (max-width: 625px) { .eventsPage__item--card { padding: 15px; flex-wrap: wrap } } .eventsPage__item--date { background: #ffffff; border-radius: 20px; align-items: center; padding: 53px 127px; display: flex; flex-direction: column; gap: 25px } @media (max-width: 1441px) { .eventsPage__item--date { padding: 40px 90px } } @media (max-width: 1024px) { .eventsPage__item--date { padding: 40px 75px } } @media (max-width: 760px) { .eventsPage__item--date { padding: 40px 50px } } @media (max-width: 625px) { .eventsPage__item--date { padding: 40px 30px; width: 100%; flex-direction: inherit; justify-content: space-around; gap: 15px } } .eventsPage__item--date p { font-size: 47px; font-weight: 700; color: #000000 } @media (max-width: 1024px) { .eventsPage__item--date p { font-size: 32px } } @media (max-width: 760px) { .eventsPage__item--date p { font-size: 24px } } @media (max-width: 625px) { .eventsPage__item--date p { font-size: 5vw } } .eventsPage__item--date p:nth-of-type(2) { font-size: 122px } @media (max-width: 1441px) { .eventsPage__item--date p:nth-of-type(2) { font-size: 110px } } @media (max-width: 1024px) { .eventsPage__item--date p:nth-of-type(2) { font-size: 65px } } @media (max-width: 625px) { .eventsPage__item--date p:nth-of-type(2) { font-size: 5vw } } .eventsPage__item--content { width: calc(74% - 56px); display: flex; flex-direction: column; gap: 50px; padding: 25px 0 } @media (max-width: 1441px) { .eventsPage__item--content { width: calc(74% - 25px) } } @media (max-width: 625px) { .eventsPage__item--content { width: 100%; gap: 25px } } .eventsPage__item--content--title { font-size: 42px; font-weight: 700; color: #000000 } @media (max-width: 1700px) { .eventsPage__item--content--title { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .eventsPage__item--content--title { font-size: 24px } } .eventsPage__item--content--venue { margin: 44px 0 0; display: flex; column-gap: 80px; row-gap: 20px; flex-wrap: wrap } .eventsPage__item--content--venue p { font-size: 18px; line-height: 28px; font-weight: 400; color: #000000 } @media (max-width: 1700px) { .eventsPage__item--content--venue p { line-height: 20px; font-size: 17px } } .eventsPage__item--content--description { font-size: 24px; line-height: 36px; font-weight: 400; color: #01040a; width: 100%; max-width: 821px } @media (max-width: 1700px) { .eventsPage__item--content--description { font-size: 18px; line-height: 25px } } .screenLoad { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000; transition: 1.2s } .screenLoad.hidden { display: none } .screenLoad.opened { transform: translateY(102%) } .screenLoad.opened .screenLoad--open p { display: none } .screenLoad--open { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; transition: 1.2s; background: #fcf3f3; transform-origin: bottom; transform: translateY(-102%); display: flex; align-items: flex-end; justify-content: flex-end } .screenLoad--open.hidden { transform: translateY(0) } .screenLoad--open.hidden p { display: block } .screenLoad--open.hidden--counter p { display: none } .footer__wrap-parts.mobile { display: none !important } @media only screen and (max-width: 1400px) { .footer__container { margin: 0px 10px 0 } } @media only screen and (max-width: 992px) { .container { padding: 0px 32px } .footer__wrap_part { width: 100% } .footer__item-nav ul { width: 100% } .footer__item-nav { flex-flow: wrap } .footer__info { flex-flow: wrap } .footer__info--find-us { width: 100%; margin-top: 50px } .footer__container { padding: 80px 35px 35px 35px; background: #F0F0F0; margin: 0 } .footer__container h4 { font-size: 18px } .footer__top-block--text p { font-size: 24px } .footer__top-block--text strong::before { transform: translate(-50%, -67%); right: auto; width: 140px; height: 47px } .footer__top-block--select, #field_1_1 { margin-top: 50px } .footer__wrap-parts ul { gap: 35px } .footer__item-nav--ul:nth-of-type(2) { max-width: 100%; margin-top: 36px } .footer__info--contact ul { gap: 20px } .footer__icon-below { width: 130px; height: 130px } .footer__lower-block---img p { font-size: 18px; line-height: 1.4 } .footer__wrap-parts { margin-top: 20px } .footer__lower-page--logo { display: none } .footer__lower-page--privacy { margin-top: 65px } .footer__wrap-parts.mobile { display: block !important } .footer__wrap-parts:not(.mobile) .footer__lower-block---img { display: none } .footer__wrap-parts:not(.mobile) .footer__wrap_part>a { display: none } .banner__bg--inner:after { border-radius: 0px } .banner__img_left_svg svg { width: 220px; height: 195px } .banner__bg--inner video { border-radius: 0px } .about__wrap_block { margin: 50px 0 } .about__wrap_block h6 { font-size: 18px } .about__wrap_block h2 { font-size: 24px; line-height: 1.6 } .about__wrap_block p { font-size: 18px; line-height: 1.6 } .about__img-inner:nth-child(1) { display: none } .about__img-inner { width: 100% } .about .container:nth-of-type(2) { padding: 0 30px } .main_btr a .circle_red, .main_btr .main_btr--wrap-path .circle_red { width: 40px; height: 40px } .our_services__title-inner p { font-size: 24px; line-height: 1.5 } .our_services__select>div { flex-flow: wrap } .our_services__select select, .our_services__select p { font-size: 26px } label[for="imSelectHome"] img, label[for="workingSelectHome"] img { width: 13px; height: 13px } .our_services__select select { border-bottom: 1px dashed #C51A1B } .active.services_tab-first { font-weight: bold !important } .our_services__des-inner { flex-flow: wrap; margin-bottom: 70px } .our_team__tape--part img { max-width: 167px; height: 130px } .our_team__tape--part { column-gap: 23px } .our_team__footer_text>p { font-size: 18px } .main_btr a p, .main_btr .main_btr--wrap-path p { font-size: 18px !important } .card_person__wrap-content { flex-flow: wrap } .card_person__card-side { max-width: 100% } .card_person__wrap-content>div:nth-child(1) { max-height: 300px } .card_person__wrap_card-side { padding: 35px } .card_person__wrap_card-side h6 { font-size: 18px } .card_person__wrap_card-side h4 { font-size: 24px } .card_person__wrap_card-side h4 strong { font-size: 24px } .card_person__wrap_card-side p { margin: 25px 0 } .card_person__wrap_card-side p { font-size: 18px; line-height: 1.5 } .we_work__wrap-content { flex-flow: wrap } .we_work__inner-block { width: 100% } .card_person { margin-bottom: 70px } .we_work__item-text h6 { font-size: 18px; margin-bottom: 15px } .we_work__item-text h4 { font-size: 24px } .we_work__item-text p { font-size: 18px; line-height: 1.5 } .careers__text h6 { font-size: 18px; margin-bottom: 25px } .careers__text h4 { font-size: 24px; margin-bottom: 50px } .careers__text p { font-size: 18px; line-height: 1.5 } .careers { margin-bottom: 110px } .clientVideos__block-img img { min-height: 300px; max-width: 100% } .insights__wrap-title h5, .clientVideos__wrap-title h5 { font-size: 18px } .insights__wrap-title>p, .clientVideos__wrap-title>p { font-size: 24px } .insights .container-slider, .clientVideos .container-slider { padding-left: 32px } .insights__block-img, .clientVideos__block-img { max-width: 100%; max-height: 300px } .insights__text-inner { max-width: 100%; padding: 40px 25px } .clientVideos__text-inner { max-width: 100%; padding: 30px 25px } .insights .container-slider{ padding: 0; } .clientVideos .container-slider { padding: 0px 32px; } .insights__text-inner strong, .clientVideos__text-inner strong { line-height: normal; margin-bottom: 20px } .insights__author img { width: 60px; height: 60px } .insights__item, .clientVideos__item { flex-flow: wrap; flex-direction: column } .insights__wrap-arrow { position: absolute; bottom: 70px !important; left: 0 !important; right: 0 !important; margin: auto !important; justify-content: center } .insights__wrap-arrow { bottom: 30px } .insights__wrap-title { position: static } .hero__title h3 { font-size: 18px } .hero__title h1 { font-size: 32px } .hero__banner--play svg { width: 88px; height: 88px } .hero__banner--play_circle { width: 148px; height: 148px; top: -28px; left: -28px } .hero__banner._active .hero__banner--wrap_path>img { height: 300px; object-fit: cover } .leavLegacy__container { padding: 0px 32px } .leavLegacy__container h3 { font-size: 24px } .leavLegacy__content p { font-size: 18px; line-height: 1.5 } .ourVision__content h2 { font-size: 32px } .ourVision__content--p p { font-size: 18px; line-height: 1.5 } .ourVision__content h5 { font-size: 18px } .aboutUs .ourMission__wrap-title h5 { font-size: 18px } .aboutUs .ourMission__wrap-title>p { font-size: 24px; margin-bottom: 40px } .aboutUs .ourMission__wrap-slider { padding: 0 } .aboutUs .ourMission__item { flex-flow: wrap; padding-right: 0; background: #F0F0F0; gap: 0 } .aboutUs .ourMission__block-img { max-width: 100%; width: 100% } .aboutUs .ourMission__text-inner { width: 100%; padding: 55px 35px; text-align: left } .aboutUs .ourMission__text-inner h4 { font-size: 24px } .aboutUs .ourMission__block-img img { height: 300px } .aboutUs .ourMission__text-inner p { font-size: 18px; line-height: 1.5 } .aboutUs .ourMission__wrap-slider .swiper-wrapper { gap: 0 } .aboutUs .ourMission__wrap-title { position: static } .aboutUs .ourMission { position: relative } .aboutUs .ourMission__wrap-arrow { left: 0; right: 0; margin: auto; justify-content: center; bottom: 0 } .ourValues .container { flex-flow: wrap } .ourValues .container .ourValues__inner-block:nth-of-type(1) { width: 100% } .ourValues .container .ourValues__inner-block:nth-of-type(2) { width: 100% } .ourValues__left-main-text h6 { font-size: 18px } .ourValues__left-main-text h4 { font-size: 24px; margin-bottom: 35px } .ourValues__left-main-text p { font-size: 18px } .transparency__download { flex-flow: wrap; gap: 45px } .transparency__download--item { max-width: 100% } .transparency__download--image img { height: 300px } .transparency__download--item p { font-size: 24px; margin-top: 25px } .transparency { margin-bottom: 120px } .ourStarted__wrap-slider { padding: 0px 0 0 32px } .ourValues .container { padding: 0px } .ourValues__left-main-text { padding: 0px 32px } .ourValues__left-item { padding: 75px 32px; background: #F0F0F0; border-top-left-radius: 20px; border-top-right-radius: 20px } .ourValues__left-item ul { gap: 45px } .ourStarted__content p { font-size: 18px; line-height: 1.5 } .ourStarted__content { padding-right: 0 } .ourStarted__wrap-container { gap: 35px } .ourValues { height: auto; margin-bottom: 92px } .ourValues__inner-block-pink { background: #F0F0F0 } .ourValues__item-content img { height: 300px; margin-bottom: 45px } .ourValues__item-content--p p { font-size: 18px; line-height: 1.5 } .ourValues__item-content strong { display: none } .ourStarted__title { width: calc(100% + 64px); margin-left: -32px; background: #ffffff; padding: 0px 32px } .transparency__description h6 { font-size: 18px } .transparency__description h5 { font-size: 24px } .transparency__content p { line-height: 1.5; font-size: 18px } .ourStarted__wrap-container { position: static } .ourStarted { position: relative } .ourStarted__title h6 { font-size: 18px } .ourStarted__title h5 { font-size: 24px } .ourStarted__slider--data { font-size: 24px; text-align: center; margin-top: 10px; margin-bottom: 35px } .ourStarted__slider--header--circle { position: absolute; left: 0; right: 0 } .ourStarted__slider--header--line { width: 100% } .ourStarted__slider--card h4 { font-size: 24px } .ourStarted__slider--card--content p { line-height: 1.5; font-size: 18px } .corporateResponsibility .hero__tabs--item { flex-flow: wrap } .corporateResponsibility .hero__tabs--inner-block { width: 100% } .corporateResponsibility .hero__tabs--item .hero__tabs--inner-block:nth-of-type(1) { background: none; padding: 0 } .corporateResponsibility .hero__tabs--item-content h5 { font-size: 24px } .corporateResponsibility .hero__tabs--inner-block img { height: 300px; margin-bottom: 30px } .corporateResponsibility .hero__tabs--item-content h5 strong::before { display: none } .corporateResponsibility .hero__tabs--item-content h5 strong { font-size: 24px } .corporateResponsibility .hero__tabs--item-content p { font-size: 18px; line-height: 1.5 } .corporateResponsibility .hero__tabs--nav { display: none } .positiveImpact h6 { font-size: 18px } .positiveImpact h4 { font-size: 24px; margin-bottom: 35px } .positiveImpact__wrap-content .positiveImpact--inner-block:nth-of-type(1) p { font-size: 18px; line-height: 1.5; margin-bottom: 30px } .positiveImpact__wrap-content .positiveImpact--inner-block:nth-of-type(2) p { line-height: 1.5; font-size: 18px } .positiveImpact__items { grid-template-columns: unset; padding: 0px 0px 0px 32px } .prioritising__double { flex-flow: wrap } .prioritising__double--inner-block { width: 100%; padding: 0 } .prioritising__triple { flex-flow: wrap } .prioritising__triple--inner-block { width: 100% } .prioritising__triple--content { padding: 0; background: none } .prioritising__triple--inner-block img { height: 300px; margin-bottom: 20px } .prioritising__triple--inner-block { background: none !important } .prioritising__triple--inner-block:nth-child(1) { margin-bottom: 60px } .prioritising__triple--content p { font-size: 18px; line-height: 1.5 } .prioritising__double--inner-block:nth-of-type(1) { background: none; padding: 0 } .prioritising__double--content h4 { font-size: 24px } .prioritising__double--content p { font-size: 18px; line-height: 1.5 } .prioritising__double--content { gap: 15px } .characteristicCR__title h6 { font-size: 18px; line-height: 1.5 } .characteristicCR__title h5 { font-size: 24px } .characteristicCR__title p { font-size: 18px; line-height: 1.5 } .characteristicCR__item { flex-flow: wrap; padding: 60px 32px } .characteristicCR__item--description { font-size: 18px; line-height: 1.5 } .characteristicCR__item--title { font-size: 24px; line-height: 1.2 } .communitySlider { padding: 0px 32px } .communitySlider__container { flex-flow: wrap } .communitySlider__container .communitySlider__inner-block:nth-of-type(1), .communitySlider__container .communitySlider__inner-block:nth-of-type(2) { max-width: 100%; width: 100% } .communitySlider__description h6 { font-size: 18px } .communitySlider__description h5 { font-size: 24px } .communitySlider__content p { font-size: 18px; line-height: 1.5 } .communitySlider__item--content p { line-height: 1.5; font-size: 18px } .communitySlider__item--content h6 { font-size: 24px; line-height: 1.5 } .communitySlider__item img { display: none } .communitySlider__item--content { gap: 55px } .communitySlider__wrap-arrow { position: absolute; left: 0; right: 0; bottom: -100px; margin: auto; justify-content: center; padding: 0 } .communitySlider { position: relative } .communitySlider__scrollbar--half { width: 100% } } .gform_body ul { list-style: none !important } .gfield { position: relative !important } .gfield input { transition: .1s all linear !important } .gfield label { position: absolute !important; font-weight: 400 !important; font-size: 15px !important; color: #000000 !important; transition: .1s all linear !important; cursor: text !important; padding: 0 9px !important; background: white !important; padding: 0; top: 50% !important; transform: translate(0, -50%); left: 25px !important } .gfield label a { font-size: 15px !important } body .textarea_position_gf_form.gfield label { top: 20px !important; transform: inherit } body .textarea_position_gf_form.gfield.active label { top: -10px !important } footer .gfield.active label { top: -12px !important; background: none !important } .gfield.active label { top: -5px !important } .gform_validation_error .gfield label.gfield_label.gform-field-label { top: -5px !important } html body .gfield_error.textarea_position_gf_form.gfield label.gfield_label.gform-field-label { top: -10px !important; background: white !important } body .gfield_required { display: none !important } body #gform_1 .gfield .gfield_checkbox .gchoice label { position: inherit !important } html body .gfield--type-fileupload label { top: 30% !important; left: 50% !important } #gform_1 .gfield_checkbox input { width: 22px; height: 22px; background: #ffffff; border: 1px solid rgba(197, 26, 27, 0.15) } #input_1_7 input:checked { background: #c51a1b } body #input_1_7 label { transform: inherit !important; background: none !important; padding: 0 !important } #field_1_7 { margin: 20px 0 } #field_1_7 .gform-field-label.gfield_label_before_complex { font-size: 32px; font-weight: 800 !important; color: #01040a !important } @media (max-width: 1700px) { #field_1_7 .gform-field-label.gfield_label_before_complex { font-size: 22px; font-weight: 700 } } @media (max-width: 1320px) { #field_1_7 .gform-field-label.gfield_label_before_complex { font-size: 20px } } #input_1_7 { display: flex; flex-direction: column; gap: 13px; margin: 15px 0 0 } #input_1_7 .gchoice { display: flex; gap: 15px; align-items: center; color: #01040a !important } #gform_fields_1 { margin: 30px 0 0 } .awardsSecPage .chooseUs { margin-bottom: 70px } .awardsPage .hero { margin-bottom: 0 } @media (max-width: 1700px) { .awardsPage .hero__banner._active { padding: 0 100px 0 0 } } @media (max-width: 1024px) { .awardsPage .hero__banner._active { padding: 0 32px 0 0 } } .awardsPage .hero__banner--wrap_path { max-width: 100% } .awardsPage .awards_sticky { position: relative } .awardsPage .tabCareers__tabs { pointer-events: none } .awardsPage .tabCareers__tabs--nav { margin: 83px 0 35px } @media (max-width: 1700px) { .awardsPage .tabCareers__tabs--nav { margin: 80px 0 65px } } @media (max-width: 1520px) { .awardsPage .tabCareers__tabs--nav { margin: 70px 0 32px } } @media (max-width: 1200px) { .awardsPage .tabCareers__tabs--nav { display: none } } .awardsPage .tabCareers__tabs--nav--item ul { gap: 20px; justify-content: space-between } .awardsPage .accordionWrapfull { margin: 0 0 150px } .awardsPage .chooseUs__title { margin: 0 0 42px } @media (max-width: 1024px) { .awardsPage .chooseUs__title { margin: 0 0 36px } } .awardsEvent { padding: 100px 0 0; margin: 0 0 150px } @media (max-width: 1024px) { .awardsEvent { margin: 0 0 100px } } .awardsEvent__wrap-btr { display: flex; gap: 75px } @media (max-width: 1100px) { .awardsEvent__wrap-btr { flex-direction: column; gap: 25px } } .awardsEvent__item:not(:first-child) { margin: 61px 0 0 } .awardsEvent__item--title { margin: 0 0 72px } @media (max-width: 1700px) { .awardsEvent__item--title { margin: 0 0 60px } } @media (max-width: 1024px) { .awardsEvent__item--title { margin: 0 0 45px } } .awardsEvent__item--title h6 { font-size: 18px; line-height: 28px; font-weight: 700; color: #c51a1b; letter-spacing: 3.6px; margin: 0 0 15px } @media (max-width: 1700px) { .awardsEvent__item--title h6 { line-height: 20px; font-size: 17px } } @media (max-width: 1700px) { .awardsEvent__item--title h6 { margin: 0 0 7px } } .awardsEvent__item--title h2 { font-size: 42px; font-weight: 900; color: #000000 } @media (max-width: 1700px) { .awardsEvent__item--title h2 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .awardsEvent__item--title h2 { font-size: 24px } } .awardsEvent__item--card { display: flex; gap: 110px; background: #fcf3f3; border-radius: 20px; padding: 25px; justify-content: space-between; align-items: center } @media (max-width: 1441px) { .awardsEvent__item--card { gap: 60px } } @media (max-width: 1024px) { .awardsEvent__item--card { gap: 35px } } @media (max-width: 625px) { .awardsEvent__item--card { padding: 15px; flex-wrap: wrap } } .awardsEvent__item--date { background: #ffffff; border-radius: 20px; align-items: center; padding: 53px 127px; display: flex; flex-direction: column; gap: 25px } @media (max-width: 1441px) { .awardsEvent__item--date { padding: 40px 90px } } @media (max-width: 1024px) { .awardsEvent__item--date { padding: 40px 75px } } @media (max-width: 760px) { .awardsEvent__item--date { padding: 40px 50px } } @media (max-width: 625px) { .awardsEvent__item--date { padding: 40px 30px; width: 100%; flex-direction: inherit; justify-content: space-around } } .awardsEvent__item--date p { font-size: 47px; font-weight: 700; color: #000000 } @media (max-width: 1024px) { .awardsEvent__item--date p { font-size: 32px } } @media (max-width: 760px) { .awardsEvent__item--date p { font-size: 24px } } @media (max-width: 400px) { .awardsEvent__item--date p { font-size: 18px } } .awardsEvent__item--date p:nth-of-type(2) { font-size: 122px } @media (max-width: 1441px) { .awardsEvent__item--date p:nth-of-type(2) { font-size: 110px } } @media (max-width: 1024px) { .awardsEvent__item--date p:nth-of-type(2) { font-size: 90px } } @media (max-width: 760px) { .awardsEvent__item--date p:nth-of-type(2) { font-size: 65px } } @media (max-width: 400px) { .awardsEvent__item--date p:nth-of-type(2) { font-size: 50px } } .awardsEvent__item--content { width: calc(74% - 56px); display: flex; flex-direction: column; gap: 60px; padding: 25px 0 } @media (max-width: 1441px) { .awardsEvent__item--content { width: calc(74% - 25px) } } @media (max-width: 625px) { .awardsEvent__item--content { width: 100%; gap: 25px } } .awardsEvent__item--content--title h4 { font-size: 42px; font-weight: 700; color: #000000; width: 100%; max-width: 600px } @media (max-width: 1700px) { .awardsEvent__item--content--title h4 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .awardsEvent__item--content--title h4 { font-size: 24px } } .awardsEvent__item--content--venue { margin: 44px 0 0; display: flex; column-gap: 80px; row-gap: 20px; flex-wrap: wrap } .awardsEvent__item--content--venue p { font-size: 24px; line-height: 36px; font-weight: 400; color: #000000 } @media (max-width: 1700px) { .awardsEvent__item--content--venue p { font-size: 18px; line-height: 25px } } .awardsEvent__item--content--description { font-size: 24px; line-height: 36px; font-weight: 400; color: #01040a; width: 100%; max-width: 821px } @media (max-width: 1700px) { .awardsEvent__item--content--description { font-size: 18px; line-height: 25px } } .awardsAccordion { margin: 0 0 250px } @media (max-width: 1700px) { .awardsAccordion { margin: 0 0 150px } } @media (max-width: 1024px) { .awardsAccordion { margin: 0 0 100px } } .awardsAccordion__title h5 { opacity: 0; font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b } .awardsAccordion__title>h2 { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a; margin: 20px 0 71px 0; width: 100%; max-width: 747px } @media (max-width: 1700px) { .awardsAccordion__title>h2 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .awardsAccordion__title>h2 { font-size: 24px } } @media (max-width: 1700px) { .awardsAccordion__title>h2 { margin: 15px 0 40px 0 } } .awardsAccordion__item.accordion_open { background: #c51a1b } .awardsAccordion__item.accordion_open .awardsAccordion__item--text._active>div p { transition: all 1.2s ease 1.2s; animation: fadein ease 1.2s forwards } .awardsAccordion__item.accordion_open .awardsAccordion__item--text>div { height: max-content } .awardsAccordion__item.accordion_open .awardsAccordion__item--text h3 { color: #ffffff } .awardsAccordion__item.accordion_open .awardsAccordion__item--symbol div { display: block; color: #ffffff } .awardsAccordion__item.accordion_open .awardsAccordion__item--symbol div:nth-of-type(1) { display: none } .awardsAccordion__content { cursor: pointer; display: flex; flex-direction: column; width: 100% } .awardsAccordion__content--title { display: flex; justify-content: space-between; align-items: center } .awardsAccordion__content--title>div:nth-of-type(1) { display: flex; align-items: center; gap: 53px } @media (max-width: 1024px) { .awardsAccordion__content--title>div:nth-of-type(1) { gap: 40px } } @media (max-width: 625px) { .awardsAccordion__content--title>div:nth-of-type(1) { gap: 25px } } .awardsAccordion__item { display: flex; justify-content: space-between; gap: 20px; padding: 52px 60px 42px 50px; background: #fcf3f3; border-radius: 20px; border: 3px solid #ffffff } @media (max-width: 1520px) { .awardsAccordion__item { padding: 35px 50px 30px 40px } } @media (max-width: 625px) { .awardsAccordion__item { padding: 30px 35px } } @media (max-width: 430px) { .awardsAccordion__item { padding: 20px 15px } } .awardsAccordion__item.accordion_open .awardsAccordion__item--logo img:nth-of-type(1) { display: none } .awardsAccordion__item.accordion_open .awardsAccordion__item--logo img:nth-of-type(2) { display: block } .awardsAccordion__item--logo img { width: 60px; height: auto; object-fit: contain; transition: .5s } @media (max-width: 1024px) { .awardsAccordion__item--logo img { width: 45px } } @media (max-width: 625px) { .awardsAccordion__item--logo img { width: 35px } } .awardsAccordion__item--logo img:nth-of-type(1) { display: block } .awardsAccordion__item--logo img:nth-of-type(2) { display: none } .awardsAccordion__item--text._active h3 { animation: fadein ease 1.5s forwards } .awardsAccordion__item--text>div { height: 0; overflow: hidden; transition: .35s } .awardsAccordion__item--text>div>div { margin: 0 0 0 100px } @media (max-width: 1024px) { .awardsAccordion__item--text>div>div { margin: 0 0 0 86px } } @media (max-width: 625px) { .awardsAccordion__item--text>div>div { margin: 0 } } .awardsAccordion__item--text h3 { font-size: 32px; font-weight: 700; color: #000000; transition: .35s !important; opacity: 0 } @media (max-width: 1520px) { .awardsAccordion__item--text h3 { font-size: 28px } } @media (max-width: 1024px) { .awardsAccordion__item--text h3 { font-size: 24px } } @media (max-width: 625px) { .awardsAccordion__item--text h3 { font-size: 20px } } .awardsAccordion__item--text p { font-size: 24px; line-height: 36px; font-weight: 400; color: #ffffff; padding: 15px 0 9px; opacity: 0 } @media (max-width: 1700px) { .awardsAccordion__item--text p { font-size: 18px; line-height: 25px } } .awardsAccordion__item--text p:nth-of-type(1) { padding: 42px 0 9px } @media (max-width: 625px) { .awardsAccordion__item--text p { padding: 30px 0 5px } } @media (max-width: 420px) { .awardsAccordion__item--text p { font-size: 16px } } .awardsAccordion__item--symbol div { font-size: 42px; font-weight: 700; color: #000000 } .awardsAccordion__item--symbol div:nth-of-type(2) { display: none } .judgingPanel { margin: 0 0 230px } @media (max-width: 1700px) { .judgingPanel { margin: 0 0 150px } } @media (max-width: 1024px) { .judgingPanel { margin: 0 0 100px } } .judgingPanel .container>.main_btr a { margin: 110px 0 0; justify-content: center } @media (max-width: 1700px) { .judgingPanel .container>.main_btr a { margin: 75px 0 0 } } .judgingPanel__title h5 { opacity: 0; font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b } .judgingPanel__title>h2 { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a; margin: 15px 0 45px 0; width: 100%; max-width: 747px } @media (max-width: 1700px) { .judgingPanel__title>h2 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .judgingPanel__title>h2 { font-size: 24px } } @media (max-width: 1700px) { .judgingPanel__title>h2 { margin: 15px 0 40px 0 } } .judgingPanel__items { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 15px; row-gap: 96px } @media (max-width: 1520px) { .judgingPanel__items { row-gap: 75px } } @media (max-width: 1024px) { .judgingPanel__items { grid-template-columns: repeat(2, 1fr) } } @media (max-width: 625px) { .judgingPanel__items { grid-template-columns: repeat(1, 1fr); row-gap: 45px } } .judgingPanel__item { width: 100% } .judgingPanel__item.active .judgingPanel__card--wrap-content { opacity: 1 } .judgingPanel__item h3 { font-size: 32px; font-weight: 900; color: #000000; margin: 0 0 14px } @media (max-width: 1700px) { .judgingPanel__item h3 { font-size: 22px; font-weight: 700 } } .judgingPanel__item>p { font-size: 18px; font-weight: 400; color: #c51a1b; letter-spacing: 1.8px } @media (max-width: 625px) { .judgingPanel__item>p { font-size: 16px } } .judgingPanel__card { margin: 0 0 42px; width: 100%; height: 500px; border-radius: 20px; position: relative } @media (max-width: 1520px) { .judgingPanel__card { height: 400px } } @media (max-width: 625px) { .judgingPanel__card { height: 300px; margin: 0 0 25px } } .judgingPanel__card img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px } .judgingPanel__card--wrap-content { padding: 66px 71px; flex-direction: column; display: flex; gap: 96px; background: #c51a1b; height: 500px; border-radius: 20px; position: absolute; top: 0; left: 0; opacity: 0; transition: .5s; width: 100% } @media (max-width: 1520px) { .judgingPanel__card--wrap-content { height: 400px; gap: 75px; padding: 40px 35px } } @media (max-width: 625px) { .judgingPanel__card--wrap-content { height: 300px; gap: 50px } } .judgingPanel__card--wrap-content h4 { font-size: 32px; font-weight: 900; color: #ffffff } @media (max-width: 1700px) { .judgingPanel__card--wrap-content h4 { font-size: 22px; font-weight: 700 } } .judgingPanel__card--wrap-content p { font-weight: 400; color: #ffffff; font-size: 18px; line-height: 24px; padding: 0 8px 0 0 } @media (max-width: 1700px) { .judgingPanel__card--wrap-content p { font-size: 16px; line-height: 21px } } @media (max-width: 1024px) { .judgingPanel__card--wrap-content p { font-size: 14px; line-height: 18px } } .judgingPanel__card--description { display: flex; flex-direction: column; gap: 30px; height: 394px; overflow-y: scroll } .judgingPanel__card--description::-webkit-scrollbar { width: 10px; height: 10px } @media (max-width: 1024px) { .judgingPanel__card--description::-webkit-scrollbar { width: 6px; height: 8px } } .judgingPanel__card--description::-webkit-scrollbar-track { border-radius: 10px } .judgingPanel__card--description::-webkit-scrollbar-thumb { border-radius: 10px } .judgingPanel__card--description::-webkit-scrollbar-track { background-color: #c51a1b } .judgingPanel__card--description::-webkit-scrollbar-thumb { background-color: #f0f0f0; -webkit-transition: .35s; transition: .35s } .awardsClientStory { margin: 0 0 230px } @media (max-width: 1700px) { .awardsClientStory { margin: 0 0 150px } } @media (max-width: 1024px) { .awardsClientStory { margin: 0 0 100px } } .awardsClientStory__content { display: flex; justify-content: space-between; align-items: center } @media (max-width: 1024px) { .awardsClientStory__content { flex-direction: column; gap: 50px } } .awardsClientStory__inner-block { width: calc(50% - 110px) } @media (max-width: 1520px) { .awardsClientStory__inner-block { width: calc(50% - 40px) } } @media (max-width: 1260px) { .awardsClientStory__inner-block { width: calc(50% - 20px) } } @media (max-width: 1024px) { .awardsClientStory__inner-block { width: 100% } } .awardsClientStory__text { display: flex; flex-direction: column; gap: 38px } @media (max-width: 1024px) { .awardsClientStory__text { gap: 0 } } .awardsClientStory__text h5 { font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b } .awardsClientStory__text h2 { font-size: 42px; color: #01040a } @media (max-width: 1700px) { .awardsClientStory__text h2 { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .awardsClientStory__text h2 { font-size: 24px } } @media (max-width: 1024px) { .awardsClientStory__text h2 { margin: 15px 0 30px } } .awardsClientStory__text a { color: #c51a1b !important; font-weight: bold !important } .awardsClientStory__text p { font-size: 24px; line-height: 36px; color: #01040a; margin: 0 0 30px } @media (max-width: 1700px) { .awardsClientStory__text p { font-size: 18px; line-height: 25px } } @media (max-width: 1024px) { .awardsClientStory__text p { margin: 0 0 25px } } .awardsClientStory__text p:nth-of-type(1) { margin: 0 0 50px } @media (max-width: 1700px) { .awardsClientStory__text p:nth-of-type(1) { margin: 0 0 40px } } @media (max-width: 1024px) { .awardsClientStory__text p:nth-of-type(1) { margin: 0 0 30px } } .awardsClientStory__text h4 { font-size: 24px; line-height: 36px; font-weight: 700; color: #01040a; margin: 0 0 25px } @media (max-width: 1700px) { .awardsClientStory__text h4 { font-size: 18px; line-height: 25px } } @media (max-width: 1024px) { .awardsClientStory__text h4 { margin: 0 0 20px } } @media (max-width: 1024px) { .awardsClientStory__text .main_btr { margin: 30px 0 0 } } .awardsClientStory__image { width: 100%; max-height: 800px; height: 60vh; background: #f0f0f0; border-radius: 20px; position: relative; padding: 0 20px; display: flex; flex-direction: column; justify-content: center; align-items: center } @media (max-width: 1024px) { .awardsClientStory__image { max-height: 400px } } @media (max-width: 625px) { .awardsClientStory__image { max-height: 300px } } .awardsClientStory__image p { font-size: 42px; font-weight: 700; color: #01040a; margin: 0 0 25px; text-align: center } @media (max-width: 1700px) { .awardsClientStory__image p { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .awardsClientStory__image p { font-size: 24px } } @media (max-width: 1024px) { .awardsClientStory__image p { margin: 0 0 20px } } .awardsClientStory__image img { width: 100%; max-width: 25vw; height: auto } @media (max-width: 1024px) { .awardsClientStory__image img { max-width: 60vw } } .awardsClientStory__imageSlider { width: 100%; max-height: 800px; height: 60vh; position: relative } @media (max-width: 1024px) { .awardsClientStory__imageSlider { max-height: 400px } } @media (max-width: 625px) { .awardsClientStory__imageSlider { max-height: 300px } } .awardsClientStory__imageSlider--scrollbar { position: relative; margin: 46px 0 0; padding: 45px 0 0 } @media (max-width: 1700px) { .awardsClientStory__imageSlider--scrollbar { margin: 35px 0 0; padding: 38px 0 0 } } .awardsClientStory__imageSlider--scrollbar .swiper-scrollbar { height: 3px !important; left: inherit !important; opacity: 1 !important; top: 0 !important; bottom: inherit !important } .awardsClientStory__imageSlider--scrollbar .swiper-scrollbar .swiper-scrollbar-drag { background: #ff0000 !important; cursor: pointer } .awardsClientStory__imageSlider--wrap { width: 100%; height: 100% } .awardsClientStory__imageSlider--wrap .swiper-slide { width: 100%; height: 100%; background: #f0f0f0; border-radius: 20px; padding: 0 40px; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.5s ease } @media (max-width: 625px) { .awardsClientStory__imageSlider--wrap .swiper-slide { padding: 0 20px } } .awardsClientStory__imageSlider--wrap .swiper-slide:hover { transform: scale(0.98) } .awardsClientStory__imageSlider--wrap p { font-weight: 700; color: #01040a; margin: 0 0 25px; text-align: center; font-size: 36px } @media (max-width: 1700px) { .awardsClientStory__imageSlider--wrap p { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .awardsClientStory__imageSlider--wrap p { font-size: 24px; margin: 0 0 20px } } @media (max-width: 625px) { .awardsClientStory__imageSlider--wrap p { margin: 0 0 12px } } .awardsClientStory__imageSlider--wrap img { width: 90%; height: auto; max-height: 85px; object-fit: contain } @media (max-width: 1024px) { .awardsClientStory__imageSlider--wrap img { width: 80% } } @media (max-width: 625px) { .awardsClientStory__imageSlider--wrap img { width: 100% } } .awardsClientStory__imageSlider--wrap .swiper-wrapper { align-items: center; transition-timing-function: linear !important } .schedule { margin: 100px 0 120px } @media (max-width: 625px) { .schedule { margin: 60px 0 80px } } .schedule__head { display: flex; justify-content: space-between; align-items: flex-end } @media (max-width: 768px) { .schedule__head { flex-direction: column; align-items: flex-start; gap: 5.294vw } } @media (max-width: 625px) { .schedule__head { gap: 40px } } .schedule__title { width: calc(50% - 100px); font-size: 42px; color: #000000; font-weight: 700 } @media (max-width: 1700px) { .schedule__title { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .schedule__title { font-size: 24px } } @media (max-width: 768px) { .schedule__title { width: 100% } } .schedule__date { width: 50%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; column-gap: 25px; row-gap: 20px } @media (max-width: 768px) { .schedule__date { width: 100% } } .schedule__date div { display: flex; align-items: center; gap: 18px } @media (max-width: 1024px) { .schedule__date div img { max-width: 27px; max-height: 27px } } .schedule__date div p { font-size: 24px; line-height: 36px; color: #000000 } @media (max-width: 1700px) { .schedule__date div p { font-size: 18px; line-height: 25px } } .schedule__wrap { padding: 108px 0; width: 100%; background: #fcf3f3; border-radius: 20px; margin-top: 90px } @media (max-width: 1700px) { .schedule__wrap { padding: 6.353vw 30px; margin-top: 5.294vw } } @media (max-width: 625px) { .schedule__wrap { padding: 48px 20px; margin-top: 40px } } .schedule__time { display: flex; align-items: center; justify-content: center; gap: 40px; text-align: center } @media (max-width: 1024px) { .schedule__time { gap: 35px } } @media (max-width: 625px) { .schedule__time { gap: 25px } } @media (max-width: 420px) { .schedule__time { gap: 10px } } .schedule__time p { font-weight: bold; color: #000000; font-size: 100px } @media (max-width: 1700px) { .schedule__time p { font-size: 5.882vw } } @media (max-width: 1024px) { .schedule__time p { font-size: 52px } } @media (max-width: 625px) { .schedule__time p { font-size: 46px } } @media (max-width: 420px) { .schedule__time p { font-size: 32px } } .schedule__time span { font-size: 24px; line-height: 36px; color: #000000 } @media (max-width: 1700px) { .schedule__time span { font-size: 18px; line-height: 25px } } .schedule__button { margin-top: 70px; display: flex; justify-content: center; column-gap: 70px; row-gap: 20px; align-items: center; flex-wrap: wrap } @media (max-width: 625px) { .schedule__button { column-gap: 40px; margin-top: 40px; row-gap: 14px } } .awardCategories { margin-bottom: 210px } @media (max-width: 1700px) { .awardCategories { margin-bottom: 180px } } @media (max-width: 1441px) { .awardCategories { margin-bottom: 160px } } @media (max-width: 1024px) { .awardCategories { margin-bottom: 120px } } @media (max-width: 625px) { .awardCategories { margin-bottom: 100px } } .awardCategories__pretitle { opacity: 0; font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b } .awardCategories__title { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a; margin: 8px 0 70px 0; width: 100% } @media (max-width: 1700px) { .awardCategories__title { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .awardCategories__title { font-size: 24px } } @media (max-width: 1700px) { .awardCategories__title { margin: 15px 0 40px 0 } } .awardCategories__wrap { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; column-gap: 102px; row-gap: 76px; margin-bottom: 200px } @media (max-width: 1920px) { .awardCategories__wrap { margin-bottom: 10.417vw; column-gap: 5.313vw; row-gap: 3.958vw } } @media (max-width: 1700px) { .awardCategories__wrap { column-gap: 60px; row-gap: 40px; margin-bottom: 160px } } @media (max-width: 1441px) { .awardCategories__wrap { column-gap: 40px; row-gap: 40px; margin-bottom: 140px } } @media (max-width: 1024px) { .awardCategories__wrap { column-gap: 30px; row-gap: 30px; margin-bottom: 80px; grid-template-columns: repeat(2, 1fr) } } @media (max-width: 625px) { .awardCategories__wrap { grid-template-columns: repeat(1, 1fr) } } .awardCategories__item { border-radius: 20px; background: #fcf3f3; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 50px; padding: 42px 100px 50px } @media (max-width: 1920px) { .awardCategories__item { padding: 42px 5.208vw 50px; gap: 2.604vw } } @media (max-width: 1441px) { .awardCategories__item { gap: 35px; padding: 40px 32px } } @media (max-width: 1024px) { .awardCategories__item { gap: 28px } } .awardCategories__item p { color: #01040a; text-align: center; font-size: 32px; font-weight: bold } @media (max-width: 1700px) { .awardCategories__item p { font-size: 22px; font-weight: 700 } } .awardCategories__item img { max-width: 192px; height: auto; object-fit: contain } @media (max-width: 1920px) { .awardCategories__item img { max-width: 10vw; min-width: 135px } } @media (max-width: 1024px) { .awardCategories__item img { max-width: 140px; min-width: 100px } } .awardCategories__item--btr { font-size: 24px !important; font-family: "MTTRoma" !important; font-weight: 900 !important; color: #c51a1b !important; cursor: pointer } @media (max-width: 1700px) { .awardCategories__item--btr { font-size: 19px !important } } @media (max-width: 625px) { .awardCategories__item--btr { font-size: 18px !important } } .awardCategories__content p { font-size: 42px; line-height: normal; color: #01040a; margin-bottom: 80px } @media (max-width: 1700px) { .awardCategories__content p { font-size: 28px } } @media (max-width: 1024px) { .awardCategories__content p { font-size: 24px } } @media (max-width: 1700px) { .awardCategories__content p { margin-bottom: 70px } } @media (max-width: 1024px) { .awardCategories__content p { margin-bottom: 60px } } .awardCategories__half { width: 50%; margin-left: auto; margin-bottom: 135px } @media (max-width: 1700px) { .awardCategories__half { margin-bottom: 100px } } @media (max-width: 1024px) { .awardCategories__half { margin-bottom: 80px } } @media (max-width: 768px) { .awardCategories__half { width: 100% } } .awardCategories__half .main_btr a p { opacity: 1 } .awardCategories__half p { font-size: 24px; line-height: 36px; color: #01040a } @media (max-width: 1700px) { .awardCategories__half p { font-size: 18px; line-height: 25px } } .awardCategories__half p:nth-of-type(1) { font-weight: bold } .awardCategories__half p:nth-of-type(2) { margin: 31px 0 28px } @media (max-width: 1700px) { .awardCategories__half p:nth-of-type(2) { margin: 26px 0 24px } } @media (max-width: 1024px) { .awardCategories__half p:nth-of-type(2) { margin: 22px 0 20px } } @media (max-width: 625px) { .awardCategories__half p:nth-of-type(2) { margin: 18px 0 20px } } .awardCategories__sponsors { display: flex; justify-content: space-between } @media (max-width: 1024px) { .awardCategories__sponsors { flex-direction: column; gap: 40px } } @media (max-width: 625px) { .awardCategories__sponsors { gap: 26px } } .awardCategories__sponsors--title { width: 25% } @media (max-width: 1024px) { .awardCategories__sponsors--title { width: 100% } } .awardCategories__sponsors--wrap { width: 75%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 50px } @media (max-width: 1920px) { .awardCategories__sponsors--wrap { gap: 2.604vw } } @media (max-width: 1024px) { .awardCategories__sponsors--wrap { width: 100%; grid-template-columns: repeat(2, 1fr); gap: 40px } } @media (max-width: 625px) { .awardCategories__sponsors--wrap { column-gap: 22px; grid-template-columns: repeat(1, 1fr); row-gap: 30px } } .awardCategories__sponsors p { font-size: 24px; line-height: 36px; font-weight: bold; font-style: normal; color: #000000 } @media (max-width: 1700px) { .awardCategories__sponsors p { font-size: 18px; line-height: 25px } } .awardCategories__sponsors--item { display: flex; flex-direction: column; justify-content: space-between; gap: 28px } @media (max-width: 1024px) { .awardCategories__sponsors--item { gap: 18px } } @media (max-width: 625px) { .awardCategories__sponsors--item { gap: 12px } } .awardCategories__sponsors--item p { line-height: normal } @media (max-width: 1024px) { .awardCategories__sponsors--item p { font-size: 16px } } .awardCategories__sponsors--item div { width: 100%; height: 245px; display: flex; align-items: center; justify-content: center; padding: 24px; border-radius: 20px; background: #fcf3f3 } @media (max-width: 1920px) { .awardCategories__sponsors--item div { height: 12.76vw; min-height: 100px } } @media (max-width: 625px) { .awardCategories__sponsors--item div { min-height: 120px } } .awardCategories__sponsors--item div img { width: 100%; height: 100%; object-fit: contain } @media (max-width: 1024px) { .awardCategories__sponsors--item div img { max-width: 220px } } @media (max-width: 625px) { .awardCategories__sponsors--item div img { max-width: 250px } } .awardsPopup { position: fixed; width: 100%; background: #eeeae8; z-index: 999; display: flex; justify-content: center; flex-direction: column; align-items: center; transform: translateX(100%); transition: .7s } .awardsPopup.active { transform: translateX(0) } .awardsPopup .container { overflow-y: auto; height: 100vh; padding: 90px 140px } @media (max-width: 1700px) { .awardsPopup .container { padding: 60px 100px } } @media (max-width: 1260px) { .awardsPopup .container { padding: 40px 32px } } @media (max-width: 768px) { .awardsPopup .container { padding: 32px } } .awardsPopup .main_btr .circle_red { transform: scale(1) } .awardsPopup .main_btr a p { opacity: 1 } .awardsPopup__close { border-radius: 20px; background: #f8f2ec; display: flex; align-items: center; justify-content: center; width: 84px; height: 78px; flex-shrink: 0; cursor: pointer } @media (max-width: 1441px) { .awardsPopup__close { width: 70px; height: 70px } } @media (max-width: 768px) { .awardsPopup__close { width: 55px; height: 55px; border-radius: 12px } } .awardsPopup__wrap { display: flex; gap: 13px } @media (max-width: 1024px) { .awardsPopup__wrap { flex-direction: column-reverse; align-items: flex-end } } .awardsPopup__item { display: none; opacity: 0; justify-content: space-between; border-radius: 30px; background: #fcf3f3; padding: 50px; transition: .7s } @media (max-width: 1260px) { .awardsPopup__item { padding: 40px } } @media (max-width: 1024px) { .awardsPopup__item { min-height: 100%; flex-direction: column; gap: 40px } } @media (max-width: 768px) { .awardsPopup__item { padding: 28px; gap: 30px } } .awardsPopup__item.show { display: flex; opacity: 1 } .awardsPopup__item--image { border-radius: 30px; background: #ffffff; display: flex; justify-content: center; align-items: center; width: calc(50% - 110px) } @media (max-width: 1920px) { .awardsPopup__item--image { width: calc(50% - 5.729vw) } } @media (max-width: 1441px) { .awardsPopup__item--image { width: calc(50% - 60px) } } @media (max-width: 1024px) { .awardsPopup__item--image { width: 100%; min-height: 280px } } .awardsPopup__item--image img { width: 100%; max-width: 335px; height: auto; object-fit: contain } @media (max-width: 1920px) { .awardsPopup__item--image img { max-width: 17.448vw; min-width: 180px } } @media (max-width: 1024px) { .awardsPopup__item--image img { max-width: 22.448vw } } @media (max-width: 625px) { .awardsPopup__item--image img { min-width: 160px } } .awardsPopup__item--content { width: 50%; margin: auto 0 } @media (max-width: 1024px) { .awardsPopup__item--content { width: 100% } } .awardsPopup__item--title { font-size: 42px; font-weight: 600; font-style: normal; color: #132129 } @media (max-width: 1700px) { .awardsPopup__item--title { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .awardsPopup__item--title { font-size: 24px } } .awardsPopup__item--text { margin: 50px 0 135px } @media (max-width: 1920px) { .awardsPopup__item--text { margin: 2.604vw 0 7.031vw } } @media (max-width: 1441px) { .awardsPopup__item--text { margin: 20px 0 60px } } .awardsPopup__item--text a { color: #C51A1B; font-weight: 600; transition: .35s } .awardsPopup__item--text a:hover { color: #991414 } .awardsPopup__item--text p, .awardsPopup__item--text li { font-size: 22px; font-weight: normal; font-style: normal; color: #000000 } @media (max-width: 1441px) { .awardsPopup__item--text p, .awardsPopup__item--text li { font-size: 20px } } @media (max-width: 1260px) { .awardsPopup__item--text p, .awardsPopup__item--text li { font-size: 18px } } @media (max-width: 768px) { .awardsPopup__item--text p, .awardsPopup__item--text li { font-size: 16px } } @media (max-width: 625px) { .awardsPopup__item--text p, .awardsPopup__item--text li { font-size: 14px } } .awardsPopup__item--text li:not(:last-child) { margin-bottom: 6px } .awardsPopup__item--text p:not(:last-child) { margin-bottom: 14px } .awardsPopup__item--text ul li { list-style: disc } .awardsPopup__item--text ol li { list-style: decimal } .awardsPopup__item--text ul, .awardsPopup__item--text ol { margin: 14px 0; padding: 0 0 0 19px } @media (max-width: 625px) { .awardsPopup__item--text ul, .awardsPopup__item--text ol { margin: 18px 0 } } .foundFunded { margin: 40px 0 145px } @media (max-width: 768px) { .foundFunded { margin: 20px 0 100px } } @media (max-width: 625px) { .foundFunded { margin: 0 0 80px } } .foundFunded__wrap { display: flex; justify-content: space-between } @media (max-width: 768px) { .foundFunded__wrap { flex-direction: column; gap: 20px } } .foundFunded__content { width: 50%; padding: 20px 0 } @media (max-width: 768px) { .foundFunded__content { width: 100% } } .foundFunded__pretitle { opacity: 0; font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b } .foundFunded__title { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a; margin-top: 38px; width: 100% } @media (max-width: 1700px) { .foundFunded__title { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .foundFunded__title { font-size: 24px } } @media (max-width: 1700px) { .foundFunded__title { margin-top: 32px } } @media (max-width: 1024px) { .foundFunded__title { margin-top: 24px } } @media (max-width: 625px) { .foundFunded__title { margin-top: 12px } } .foundFunded__text { font-size: 24px; line-height: 36px; font-style: normal; line-height: normal; color: #01040a; margin: 50px 0 } @media (max-width: 1700px) { .foundFunded__text { font-size: 18px; line-height: 25px } } @media (max-width: 1700px) { .foundFunded__text { margin: 40px 0 } } @media (max-width: 1024px) { .foundFunded__text { margin: 30px 0 } } @media (max-width: 625px) { .foundFunded__text { margin: 26px 0 } } .foundFunded__image { border-radius: 20px; background: #fcf3f3; display: flex; justify-content: center; align-items: center; padding: 190px 164px; width: calc(50% - 150px) } @media (max-width: 1920px) { .foundFunded__image { width: calc(50% - 7.813vw); padding: 9.896vw 8.542vw } } @media (max-width: 768px) { .foundFunded__image { width: 100%; padding: 40px 60px; height: 250px } } .foundFunded__image img { width: 100%; height: auto; object-fit: contain; max-width: 347px } @media (max-width: 768px) { .foundFunded__image img { max-width: 220px } } .socialProof { margin-bottom: 210px } @media (max-width: 1700px) { .socialProof { margin-bottom: 180px } } @media (max-width: 1441px) { .socialProof { margin-bottom: 160px } } @media (max-width: 1024px) { .socialProof { margin-bottom: 120px } } .socialProof>.socialProof__arrows { display: none } @media (max-width: 768px) { .socialProof>.socialProof__arrows { display: flex; margin-top: 35px } } @media (max-width: 625px) { .socialProof>.socialProof__arrows { margin-top: 30px } } .socialProof .container .socialProof__arrows { display: flex } @media (max-width: 768px) { .socialProof .container .socialProof__arrows { display: none } } .socialProof__arrows { align-items: center; justify-content: flex-end; gap: 30px; margin-bottom: 37px } @media (max-width: 768px) { .socialProof__arrows { justify-content: center } } .socialProof__arrows--prev, .socialProof__arrows--next { cursor: pointer } .socialProof__arrows--prev svg g { opacity: 1 } .socialProof__arrows--prev.swiper-button-disabled svg g, .socialProof__arrows--next.swiper-button-disabled svg g { opacity: .2 } .socialProof__arrows--prev.swiper-button-disabled svg path, .socialProof__arrows--next.swiper-button-disabled svg path { stroke: #c51a1b } .socialProof__wrap { display: flex; justify-content: space-between; align-items: center; padding-left: 140px } .singleInsightsContent__article p img.alignnone { margin-top: 36px; } @media (max-width: 450px) { .singleInsightsContent__article p img.alignnone { max-width: 250px; } } @media (max-width: 1700px) { .socialProof__wrap { padding-left: 100px } } @media (max-width: 1024px) { .socialProof__wrap { padding-left: 32px } } @media (max-width: 768px) { .socialProof__wrap { padding: 0 32px; flex-direction: column; gap: 40px } } @media (max-width: 625px) { .socialProof__wrap { gap: 30px } } .socialProof__content { width: calc(50% - 100px) } @media (max-width: 768px) { .socialProof__content { width: 100% } } .socialProof__slider { width: 50%; overflow: hidden; position: relative } @media (max-width: 768px) { .socialProof__slider { width: 100% } } .socialProof__slider .swiper { overflow: visible } .socialProof__pretitle { opacity: 0; font-size: 18px; letter-spacing: 1.8px; font-weight: 700; color: #c51a1b } .socialProof__title { opacity: 0; font-size: 42px; font-weight: 900; color: #01040a; margin: 38px 0; width: 100% } @media (max-width: 1700px) { .socialProof__title { font-weight: 700; font-size: 28px } } @media (max-width: 1024px) { .socialProof__title { font-size: 24px } } @media (max-width: 1700px) { .socialProof__title { margin: 32px 0 } } @media (max-width: 1024px) { .socialProof__title { margin: 24px 0 } } @media (max-width: 625px) { .socialProof__title { margin: 16px 0 } } .socialProof__text { font-size: 24px; line-height: 36px; font-style: normal; line-height: normal; color: #01040a; max-width: 530px } @media (max-width: 1700px) { .socialProof__text { font-size: 18px; line-height: 25px } } .socialProof__item { padding: 75px 100px; border-radius: 27px; background: #fcf3f3; height: auto !important; display: flex; justify-content: space-between; flex-direction: column; gap: 140px } @media (max-width: 1920px) { .socialProof__item { padding: 3.906vw 5.208vw; gap: 7.292vw } } @media (max-width: 625px) { .socialProof__item { padding: 28px; gap: 50px } } .socialProof__item img { max-width: 57px; max-height: 48px; object-fit: contain } @media (max-width: 1024px) { .socialProof__item img { max-width: 45px; max-height: 40px } } @media (max-width: 768px) { .socialProof__item img { max-width: 40px; max-height: 40px } } @media (max-width: 625px) { .socialProof__item img { max-width: 35px; max-height: 35px } } .socialProof__item--content p:nth-of-type(1) { font-weight: bold; font-style: normal; color: #01040a; margin-bottom: 38px; width: 100%; font-size: 72px } @media (max-width: 1700px) { .socialProof__item--content p:nth-of-type(1) { font-size: 58px; margin-bottom: 32px } } @media (max-width: 1441px) { .socialProof__item--content p:nth-of-type(1) { font-size: 46px } } @media (max-width: 1024px) { .socialProof__item--content p:nth-of-type(1) { margin-bottom: 24px; font-size: 32px } } @media (max-width: 625px) { .socialProof__item--content p:nth-of-type(1) { margin-bottom: 12px; font-size: 28px } } .socialProof__item--content p:nth-of-type(2) { font-size: 24px; line-height: 36px; font-style: normal; line-height: normal; color: #01040a; min-height: 65px } @media (max-width: 1700px) { .socialProof__item--content p:nth-of-type(2) { font-size: 18px; line-height: 25px } } @media (max-width: 625px) { .socialProof__item--content p:nth-of-type(2) { min-height: max-content } } .socialProof__scrollbar { position: relative; margin: 46px 0 0; padding: 45px 0 0 } @media (max-width: 1700px) { .socialProof__scrollbar { margin: 35px 0 0; padding: 38px 0 0 } } @media (max-width: 625px) { .socialProof__scrollbar { margin: 18px 0 0; padding: 12px 0 0 } } .socialProof__scrollbar .swiper-scrollbar { height: 3px !important; left: inherit !important; opacity: 1 !important; top: 0 !important; bottom: inherit !important } @media (max-width: 625px) { .socialProof__scrollbar .swiper-scrollbar { height: 2px !important } } .socialProof__scrollbar .swiper-scrollbar .swiper-scrollbar-drag { background: #ff0000 !important; cursor: pointer } .bcorpPage .accordionWrapfull { margin-bottom: 180px } @media (max-width: 1700px) { .bcorpPage .accordionWrapfull { margin-bottom: 8.5vw } } @media (max-width: 1024px) { .bcorpPage .accordionWrapfull { margin-bottom: 80px } } @media (max-width: 625px) { .bcorpPage .accordionWrapfull { margin-bottom: 60px } } .bcorpPage .ourStarted { margin-bottom: 180px } @media (max-width: 1700px) { .bcorpPage .ourStarted { margin-bottom: 8.5vw } } @media (max-width: 1024px) { .bcorpPage .ourStarted { margin-bottom: 180px } } @media (max-width: 625px) { .bcorpPage .ourStarted { margin-bottom: 130px } } .bcorpPage main .hero { margin: 246px auto 100px } @media (max-width: 1700px) { .bcorpPage main .hero { margin: 185px auto 100px } } @media (max-width: 1024px) { .bcorpPage main .hero { margin: 160px auto 80px } } @media (max-width: 625px) { .bcorpPage main .hero { margin: 140px auto 60px } } @media (max-width: 1700px) { .bcorpPage main .hero .hero__banner._active { padding: 0 100px 0 0 } } @media (max-width: 1024px) { .bcorpPage main .hero .hero__banner._active { padding: 0 32px 0 0 } } .bcorpPage main .hero__banner .hero__banner--wrap_path { width: 100%; max-width: 100%; display: flex; justify-content: space-between; border-radius: 20px } @media (max-width: 625px) { .bcorpPage main .hero__banner .hero__banner--wrap_path { gap: 20px } } @media (max-width: 420px) { .bcorpPage main .hero__banner .hero__banner--wrap_path { flex-direction: column } } .bcorpPage main .hero__banner .hero__banner--wrap_path>img { transition: none; height: auto; width: calc(70% - 40px) } @media (max-width: 768px) { .bcorpPage main .hero__banner .hero__banner--wrap_path>img { width: calc(70% - 20px) } } @media only screen and (max-width: 992px) { .bcorpPage main .hero__banner .hero__banner--wrap_path>img { height: auto } } @media (max-width: 625px) { .bcorpPage main .hero__banner .hero__banner--wrap_path>img { width: 50% } } @media (max-width: 420px) { .bcorpPage main .hero__banner .hero__banner--wrap_path>img { width: 100% } } .bcorpPage main .hero__banner .hero__banner--wrap_path>div { width: 30%; background: #F0F0F0; display: flex; justify-content: center; align-items: center; padding: 0 90px; border-radius: 20px } @media (max-width: 1920px) { .bcorpPage main .hero__banner .hero__banner--wrap_path>div { padding: 0 4.688vw } } @media (max-width: 625px) { .bcorpPage main .hero__banner .hero__banner--wrap_path>div { width: 50%; padding: 40px 50px } } @media (max-width: 420px) { .bcorpPage main .hero__banner .hero__banner--wrap_path>div { width: 100%; max-width: 200px; padding: 30px 45px } } .bcorpPage main .hero__banner .hero__banner--wrap_path>div img { max-width: 364px; height: auto; object-fit: contain } .bcorpPage .positiveImpact { margin-top: 140px } @media (max-width: 1700px) { .bcorpPage .positiveImpact { margin-top: 120px } } @media (max-width: 1024px) { .bcorpPage .positiveImpact { margin-top: 100px } } @media (max-width: 625px) { .bcorpPage .positiveImpact { margin-top: 80px } } .bcorpPage .positiveImpact__wrap-content .positiveImpact--inner-block:nth-of-type(1) h5 { font-size: 32px; line-height: normal; color: #C51A1B; margin-bottom: 8px } @media (max-width: 1700px) { .bcorpPage .positiveImpact__wrap-content .positiveImpact--inner-block:nth-of-type(1) h5 { font-size: 22px } } @media (max-width: 625px) { .bcorpPage .positiveImpact__wrap-content .positiveImpact--inner-block:nth-of-type(1) h5 { font-size: 20px } } @media (max-width: 625px) { .bcorpPage .positiveImpact__wrap-content .positiveImpact--inner-block:nth-of-type(1) h5 { margin-bottom: 6px } } .bcorpPage .positiveImpact__wrap-content .positiveImpact--inner-block:nth-of-type(1) p { font-weight: 400; font-size: 32px; line-height: normal } @media (max-width: 1700px) { .bcorpPage .positiveImpact__wrap-content .positiveImpact--inner-block:nth-of-type(1) p { font-size: 22px } } @media (max-width: 625px) { .bcorpPage .positiveImpact__wrap-content .positiveImpact--inner-block:nth-of-type(1) p { font-size: 20px } } .cirlceDesc { margin: 170px 0 220px } @media (max-width: 1920px) { .cirlceDesc { margin: 8.854vw 0 11.458vw } } @media (max-width: 1024px) { .cirlceDesc { margin: 100px 0 120px } } @media (max-width: 625px) { .cirlceDesc { margin: 80px 0 100px } } .cirlceDesc__wrap { display: grid; grid-template-columns: repeat(3, 1fr); row-gap: 140px } @media (max-width: 1920px) { .cirlceDesc__wrap { row-gap: 7.292vw } } @media (max-width: 768px) { .cirlceDesc__wrap { grid-template-columns: repeat(2, 1fr) } } @media (max-width: 625px) { .cirlceDesc__wrap { grid-template-columns: repeat(1, 1fr) } } .cirlceDesc__item { max-width: 450px } .cirlceDesc__item img { display: block; width: 100%; max-width: 9vw; min-width: 120px; height: 102px; object-fit: contain; margin: 0 auto 30px } @media (max-width: 1920px) { .cirlceDesc__item img { height: 5.313vw } } @media (max-width: 625px) { .cirlceDesc__item img { margin: 0 auto 25px; height: auto } } .cirlceDesc__item span { display: block; width: 102px; height: 102px; object-fit: contain; margin: 0 auto 30px; background-color: #C51A1B; border-radius: 50% } @media (max-width: 1920px) { .cirlceDesc__item span { width: 5.313vw; height: 5.313vw; min-width: 45px; min-height: 45px } } @media (max-width: 625px) { .cirlceDesc__item span { margin: 0 auto 25px } } .cirlceDesc__item p { font-weight: 400; color: #01040a; text-align: center; font-size: 32px; line-height: normal } @media (max-width: 1700px) { .cirlceDesc__item p { font-size: 22px } } @media (max-width: 625px) { .cirlceDesc__item p { font-size: 20px } } @media only screen and (max-width: 992px) { .corporateResponsibility .hero__tabs--inner-block img { height: auto } .corporateResponsibility.bcorpPage .hero__tabs--inner-block img { margin: 0 } }