@charset "UTF-8";
 @font-face {
font-family: "pp-thin";
src: url(//zenith.graphics/wp-content/themes/custom/assets/fonts/PPNeueMontreal/PPNeueMontreal-Thin.otf) format("opentype"), url(//zenith.graphics/wp-content/themes/custom/assets/fonts/PPNeueMontreal/PPNeueMontreal-Thin.ttf) format("truetype"), url(//zenith.graphics/wp-content/themes/custom/assets/fonts/PPNeueMontreal/PPNeueMontreal-Thin.woff) format("woff"), url(//zenith.graphics/wp-content/themes/custom/assets/fonts/PPNeueMontreal/PPNeueMontreal-Thin.woff2) format("woff2");
font-display: swap;
}
@font-face {
font-family: "pp-regular";
src: url(//zenith.graphics/wp-content/themes/custom/assets/fonts/PPNeueMontreal/PPNeueMontreal-Regular.otf) format("opentype"), url(//zenith.graphics/wp-content/themes/custom/assets/fonts/PPNeueMontreal/PPNeueMontreal-Regular.ttf) format("truetype"), url(//zenith.graphics/wp-content/themes/custom/assets/fonts/PPNeueMontreal/PPNeueMontreal-Regular.woff) format("woff"), url(//zenith.graphics/wp-content/themes/custom/assets/fonts/PPNeueMontreal/PPNeueMontreal-Regular.woff2) format("woff2");
font-display: swap;
}
@font-face {
font-family: "pp-medium";
src: url(//zenith.graphics/wp-content/themes/custom/assets/fonts/PPNeueMontreal/PPNeueMontreal-Medium.otf) format("opentype"), url(//zenith.graphics/wp-content/themes/custom/assets/fonts/PPNeueMontreal/PPNeueMontreal-Medium.ttf) format("truetype"), url(//zenith.graphics/wp-content/themes/custom/assets/fonts/PPNeueMontreal/PPNeueMontreal-Medium.woff) format("woff"), url(//zenith.graphics/wp-content/themes/custom/assets/fonts/PPNeueMontreal/PPNeueMontreal-Medium.woff2) format("woff2");
font-display: swap;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
}
.noscroll, .overflow-hidden {
overflow: hidden;
}
.otgs-development-site-front-end {
display: none;
}
.orange-text-style {
color: #CE321A;
}
.split-word-gsap {
display: inline-block;
}
body {
background-color: #0A0219;
color: #FFFFFF;
font-style: normal;
line-height: 1.7;
font-size: 16px;
font-size: 1.6rem;
font-family: pp-regular, sans-serif;
font-weight: 400; scrollbar-color: #CE321A #929CA3;
}
body::-webkit-scrollbar {
width: 10px; height: 10px; }
body::-webkit-scrollbar-thumb { background: #CE321A;
border-radius: 15px;
transition: all 0.3s ease-in-out;
}
body::-webkit-scrollbar-thumb:hover {
background: #CE321A;
}
body::-webkit-scrollbar-track { background: #929CA3;
border-radius: 15px;
}
body ::selection {
color: #FFFFFF;
background: #CE321A;
}
h1, .h1 {
font-family: pp-medium, sans-serif;
font-weight: 500;
color: #CED2D4;
font-style: normal;
font-size: 38px;
font-size: 3.8rem;
line-height: 1.05;
}
@media (min-width: 420px) {
h1, .h1 {
font-size: 45px;
font-size: 4.5rem;
}
}
@media (min-width: 1024px) {
h1, .h1 {
font-size: 50px;
font-size: 5rem;
}
}
@media (min-width: 1200px) {
h1, .h1 {
font-size: 55px;
font-size: 5.5rem;
}
}
@media (min-width: 1600px) {
h1, .h1 {
font-size: 66px;
font-size: 6.6rem;
}
}
h1 span, .h1 span {
color: #CE321A;
}
h2, .h2 {
font-family: pp-regular, sans-serif;
font-weight: 400;
color: #CED2D4;
font-style: normal;
font-size: 38px;
font-size: 3.8rem;
line-height: 1.1;
}
@media (min-width: 420px) {
h2, .h2 {
font-size: 45px;
font-size: 4.5rem;
}
}
@media (min-width: 1024px) {
h2, .h2 {
font-size: 50px;
font-size: 5rem;
}
}
@media (min-width: 1200px) {
h2, .h2 {
font-size: 55px;
font-size: 5.5rem;
}
}
@media (min-width: 1600px) {
h2, .h2 {
font-size: 66px;
font-size: 6.6rem;
}
}
h2 span, .h2 span {
color: #CE321A;
}
h3 span, .h3 span {
color: #CE321A;
}
section.section {
overflow: hidden;
}
section.section[data-bg=light]:not(.f-selection-cases) {
color: #090015;
}
section.section[data-bg=light]:not(.f-selection-cases) * {
color: #090015;
}
section.section[data-bg=light]:not(.f-selection-cases) a.link-a.transparent, section.section[data-bg=light]:not(.f-selection-cases) button.link-a.transparent {
border: 1px solid #090015;
}
div.section-inner {
max-width: 1932px;
margin: 0 auto;
padding: 30px 28px;
}
@media (min-width: 420px) {
div.section-inner {
padding: 43px 36px;
}
}
@media (min-width: 900px) {
div.section-inner {
padding: 43px 60px;
}
}
@media (min-width: 1200px) {
div.section-inner {
padding: 45px 140px;
}
}
@media (min-width: 1200px) {
div.section-inner {
padding-right: 120px;
padding-left: 120px;
}
}
@media (min-width: 1932px) {
div.section-inner {
padding-left: 140px;
padding-right: 140px;
}
}
.custom-text {
line-height: 1.5;
color: #F2EFE9;
}
.custom-text h1, .custom-text h2 {
margin-bottom: 16px;
font-family: pp-medium, sans-serif;
font-weight: 500;
color: #CED2D4;
font-style: normal;
font-size: 30px;
font-size: 3rem;
line-height: 1.2;
}
@media (min-width: 768px) {
.custom-text h1, .custom-text h2 {
font-size: 40px;
font-size: 4rem;
}
}
@media (min-width: 1024px) {
.custom-text h1, .custom-text h2 {
font-size: 50px;
font-size: 5rem;
}
}
.custom-text h3 {
margin-bottom: 12px;
font-family: pp-medium, sans-serif;
font-weight: 500;
color: #CED2D4;
font-style: normal;
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
}
@media (min-width: 768px) {
.custom-text h3 {
font-size: 28px;
font-size: 2.8rem;
}
}
@media (min-width: 1024px) {
.custom-text h3 {
font-size: 34px;
font-size: 3.4rem;
}
}
.custom-text h4 {
margin-bottom: 12px;
font-family: pp-medium, sans-serif;
font-weight: 500;
color: #CED2D4;
font-style: normal;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.2;
}
@media (min-width: 768px) {
.custom-text h4 {
font-size: 24px;
font-size: 2.4rem;
}
}
@media (min-width: 1024px) {
.custom-text h4 {
font-size: 2.8px;
font-size: 2.8rem;
}
}
.custom-text p {
margin-bottom: 8px;
}
.custom-text p:last-child {
margin-bottom: 0;
}
.custom-text ul {
margin-top: 8px;
margin-bottom: 8px;
list-style: outside disc;
padding-left: 1.2em;
}
.custom-text a {
color: #FFFFFF;
font-family: pp-medium, sans-serif;
font-weight: 500;
}
.custom-text ol {
margin-top: 8px;
margin-bottom: 8px;
list-style: outside decimal;
padding-left: 1.2em;
}
.custom-text strong, .custom-text b {
font-family: pp-medium, sans-serif;
font-weight: 500;
}
.custom-text i, .custom-text em {
font-style: italic;
}
a.link-a, button.link-a {
text-decoration: none;
width: fit-content;
max-width: max-content;
min-width: 120px;
display: inline-block;
text-align: center;
padding: 14px 40px 14px 22px;
border: 1px solid #CE321A;
background-color: #CE321A;
color: #CED2D4;
border-radius: 36px;
color: #CED2D4;
position: relative;
line-height: 1.1;
transition: all 0.3s ease-in-out; }
a.link-a:hover, button.link-a:hover {
filter: brightness(85%);
}
a.link-a::after, button.link-a::after {
position: absolute;
content: "→";
font-family: pp-regular, sans-serif;
font-weight: 400;
color: inherit;
display: inline-block;
right: 20px;
top: 14px;
}
a.link-b, button.link-b {
text-decoration: none;
font-size: 18px;
text-transform: uppercase;
display: inline-flex;
justify-content: space-between;
width: 100%;
}
a.link-empty, button.link-empty {
text-decoration: none;
color: inherit;
}
a.link-scroll, a.link-scroll-up, button.link-scroll, button.link-scroll-up {
display: block;
border: none;
background: none;
cursor: pointer;
padding: 0;
margin: 0;
}
a.link-scroll:hover svg, a.link-scroll-up:hover svg, button.link-scroll:hover svg, button.link-scroll-up:hover svg {
transform: scale(1.1);
}
a.link-scroll svg, a.link-scroll-up svg, button.link-scroll svg, button.link-scroll-up svg {
display: block;
width: 100%;
height: auto;
width: 38px;
height: 38px;
transition: all 0.5s ease-in-out;
font-family: pp-regular, sans-serif;
font-weight: 400;
}
a.link-scroll svg text, a.link-scroll-up svg text, button.link-scroll svg text, button.link-scroll-up svg text {
font-family: pp-regular, sans-serif;
font-weight: 400;
}
a.link-social, button.link-social {
display: inline-block;
width: 21px;
height: 21px;
}
@media (min-width: 1200px) {
a.link-social, button.link-social {
height: 21px;
width: 21px;
}
}
a.link-social svg, button.link-social svg {
display: block;
width: 100%;
height: auto;
object-fit: contain;
}
a.link-article, button.link-article {
text-decoration: none;
color: #CE321A;
font-size: 16px;
font-size: 1.6rem;
font-family: pp-regular, sans-serif;
font-weight: 400;
line-height: 1.25;
}
a.link-list, button.link-list {
display: block;
font-family: pp-regular, sans-serif;
font-weight: 400;
font-size: 24px;
font-size: 2.4rem;
position: relative;
text-decoration: none;
color: inherit;
width: 100%;
text-align: left;
border-bottom: 1px solid #707070;
padding-bottom: 12px;
line-height: 1.16;
padding-right: 20px;
}
a.link-list::after, button.link-list::after {
content: "→";
color: #CE321A;
font-family: pp-regular, sans-serif;
font-weight: 400;
position: absolute;
right: 0;
top: 0;
}
a.link-list::before, button.link-list::before {
content: "•";
color: #CE321A;
left: -20px;
position: absolute;
opacity: 0;
transition: all 0.2s ease-in;
}
@media (hover: hover) {
a.link-list:hover::before, button.link-list:hover::before {
opacity: 1;
}
}
a.link-crumb, button.link-crumb {
display: inline-block;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.25;
color: #929CA3;
text-decoration: none;
text-transform: capitalize;
position: relative;
margin-left: 16px;
margin-right: 16px;
}
@media (min-width: 900px) {
a.link-crumb, button.link-crumb {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 1600px) {
a.link-crumb, button.link-crumb {
font-size: 20px;
font-size: 2rem;
}
}
a.link-crumb::before, button.link-crumb::before {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background: #929CA3;
display: inline-block;
left: -19px;
top: calc(50% - 2px);
}
@media (min-width: 900px) {
a.link-crumb::before, button.link-crumb::before {
width: 7px;
height: 7px;
left: -21px;
top: calc(50% - 3px);
}
}
a.link-crumb:last-child, button.link-crumb:last-child {
color: #CE321A;
}
a.link-crumb:first-child, button.link-crumb:first-child {
margin-left: 0;
}
a.link-crumb:first-child::before, button.link-crumb:first-child::before {
display: none;
}
a.link-crumb + span.link-crumb, button.link-crumb + span.link-crumb {
color: #CE321A;
position: relative;
display: inline;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.25;
text-decoration: none;
text-transform: capitalize;
position: relative;
margin: 0 16px;
}
@media (min-width: 900px) {
a.link-crumb + span.link-crumb, button.link-crumb + span.link-crumb {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 1600px) {
a.link-crumb + span.link-crumb, button.link-crumb + span.link-crumb {
font-size: 20px;
font-size: 2rem;
}
}
a.link-crumb + span.link-crumb::before, button.link-crumb + span.link-crumb::before {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background: #929CA3;
display: inline-block;
left: -19px;
top: calc(50% - 2px);
}
@media (min-width: 900px) {
a.link-crumb + span.link-crumb::before, button.link-crumb + span.link-crumb::before {
width: 7px;
height: 7px;
left: -21px;
top: 10px;
}
}
a.link-bullet, button.link-bullet {
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
border: 1px solid #FFFFFF;
border-radius: 50%;
line-height: 1;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.2;
color: #FFFFFF;
text-decoration: none;
}
a.link-table, button.link-table {
background: #A8BDC6;
display: grid;
grid-template-columns: 100%;
grid-template-columns: 1fr 46px;
gap: 25px;
text-decoration: none;
color: #0A0219;
padding: 20px 34px 20px 34px;
border-radius: 30px;
border: 1px solid #A8BDC6;
}
@media (min-width: 1600px) {
a.link-table, button.link-table {
padding: 30px 44px 30px 44px;
}
}
a.link-table span.text, button.link-table span.text {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.2;
}
@media (min-width: 600px) {
a.link-table span.text, button.link-table span.text {
font-size: 22px;
font-size: 2.2rem;
}
}
@media (min-width: 1200px) {
a.link-table span.text, button.link-table span.text {
font-size: 26px;
font-size: 2.6rem;
}
}
@media (min-width: 1600px) {
a.link-table span.text, button.link-table span.text {
font-size: 30px;
font-size: 3rem;
}
}
a.link-table span.text span, button.link-table span.text span {
color: #CE321A !important;
}
a.link-table span.icon, button.link-table span.icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
border: 1px solid #0A0219;
border-radius: 50%;
line-height: 1;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.2;
color: #CE321A !important;
text-decoration: none;
}
.sp-form-container[data-color=blue] .gform_wrapper .gform_body .gfield .gfield_label, .tp-form-container[data-color=blue] .gform_wrapper .gform_body .gfield .gfield_label, .f-form-container[data-color=blue] .gform_wrapper .gform_body .gfield .gfield_label, .ft-form-container[data-color=blue] .gform_wrapper .gform_body .gfield .gfield_label {
color: #090015;
}
.sp-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=text]:focus, .sp-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=email]:focus, .tp-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=text]:focus, .tp-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=email]:focus, .f-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=text]:focus, .f-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=email]:focus, .ft-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=text]:focus, .ft-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=email]:focus {
border-bottom: 1px solid #090015;
}
.sp-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=checkbox] + label, .tp-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=checkbox] + label, .f-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=checkbox] + label, .ft-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=checkbox] + label {
color: #090015;
}
.sp-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=checkbox] + label:before, .tp-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=checkbox] + label:before, .f-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=checkbox] + label:before, .ft-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=checkbox] + label:before {
border: 1px solid #090015;
}
.sp-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=checkbox] + label:after, .tp-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=checkbox] + label:after, .f-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=checkbox] + label:after, .ft-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=checkbox] + label:after {
background: #090015;
}
.sp-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=submit], .tp-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=submit], .f-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=submit], .ft-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=submit] {
background: #090015;
color: #FFFFFF;
border: 1px solid #090015;
}
.sp-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=submit]:hover, .tp-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=submit]:hover, .f-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=submit]:hover, .ft-form-container[data-color=blue] .gform_wrapper .gform_body .gfield input[type=submit]:hover {
background: #FFFFFF;
color: #090015;
border: 1px solid #FFFFFF;
}
.sp-form-container[data-color=blue] .gform_wrapper .gform_body .gfield button.gform_button, .tp-form-container[data-color=blue] .gform_wrapper .gform_body .gfield button.gform_button, .f-form-container[data-color=blue] .gform_wrapper .gform_body .gfield button.gform_button, .ft-form-container[data-color=blue] .gform_wrapper .gform_body .gfield button.gform_button {
background: #090015;
color: #FFFFFF;
border: 1px solid #090015;
}
.sp-form-container[data-color=blue] .gform_wrapper .gform_body .gfield button.gform_button:hover, .tp-form-container[data-color=blue] .gform_wrapper .gform_body .gfield button.gform_button:hover, .f-form-container[data-color=blue] .gform_wrapper .gform_body .gfield button.gform_button:hover, .ft-form-container[data-color=blue] .gform_wrapper .gform_body .gfield button.gform_button:hover {
background: #FFFFFF;
color: #090015;
border: 1px solid #FFFFFF;
}
.sp-form-container[data-color=blue] .gform_wrapper .gform_footer input[type=submit], .sp-form-container[data-color=blue] .gform_wrapper .gform_footer button.gform_button, .tp-form-container[data-color=blue] .gform_wrapper .gform_footer input[type=submit], .tp-form-container[data-color=blue] .gform_wrapper .gform_footer button.gform_button, .f-form-container[data-color=blue] .gform_wrapper .gform_footer input[type=submit], .f-form-container[data-color=blue] .gform_wrapper .gform_footer button.gform_button, .ft-form-container[data-color=blue] .gform_wrapper .gform_footer input[type=submit], .ft-form-container[data-color=blue] .gform_wrapper .gform_footer button.gform_button {
background: #090015;
color: #FFFFFF;
border: 1px solid #090015;
}
.sp-form-container[data-color=blue] .gform_wrapper .gform_footer input[type=submit]:hover, .sp-form-container[data-color=blue] .gform_wrapper .gform_footer button.gform_button:hover, .tp-form-container[data-color=blue] .gform_wrapper .gform_footer input[type=submit]:hover, .tp-form-container[data-color=blue] .gform_wrapper .gform_footer button.gform_button:hover, .f-form-container[data-color=blue] .gform_wrapper .gform_footer input[type=submit]:hover, .f-form-container[data-color=blue] .gform_wrapper .gform_footer button.gform_button:hover, .ft-form-container[data-color=blue] .gform_wrapper .gform_footer input[type=submit]:hover, .ft-form-container[data-color=blue] .gform_wrapper .gform_footer button.gform_button:hover {
background: #FFFFFF;
color: #090015;
border: 1px solid #FFFFFF;
}
.sp-form-container[data-color=light] .gform_wrapper .gform_body .gfield .gfield_label, .tp-form-container[data-color=light] .gform_wrapper .gform_body .gfield .gfield_label, .f-form-container[data-color=light] .gform_wrapper .gform_body .gfield .gfield_label, .ft-form-container[data-color=light] .gform_wrapper .gform_body .gfield .gfield_label {
color: #090015;
}
.sp-form-container[data-color=light] .gform_wrapper .gform_body .gfield.gsection .gsection_title, .sp-form-container[data-color=light] .gform_wrapper .gform_body .gfield.gsection h3, .tp-form-container[data-color=light] .gform_wrapper .gform_body .gfield.gsection .gsection_title, .tp-form-container[data-color=light] .gform_wrapper .gform_body .gfield.gsection h3, .f-form-container[data-color=light] .gform_wrapper .gform_body .gfield.gsection .gsection_title, .f-form-container[data-color=light] .gform_wrapper .gform_body .gfield.gsection h3, .ft-form-container[data-color=light] .gform_wrapper .gform_body .gfield.gsection .gsection_title, .ft-form-container[data-color=light] .gform_wrapper .gform_body .gfield.gsection h3 {
color: #090015;
}
.sp-form-container[data-color=light] .gform_wrapper .gform_body .gfield select, .tp-form-container[data-color=light] .gform_wrapper .gform_body .gfield select, .f-form-container[data-color=light] .gform_wrapper .gform_body .gfield select, .ft-form-container[data-color=light] .gform_wrapper .gform_body .gfield select {
color: #090015;
border-bottom: 1px solid #090015;
}
.sp-form-container[data-color=light] .gform_wrapper .gform_body .gfield select::placeholder, .tp-form-container[data-color=light] .gform_wrapper .gform_body .gfield select::placeholder, .f-form-container[data-color=light] .gform_wrapper .gform_body .gfield select::placeholder, .ft-form-container[data-color=light] .gform_wrapper .gform_body .gfield select::placeholder {
color: #090015;
}
.sp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=text], .sp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=email], .tp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=text], .tp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=email], .f-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=text], .f-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=email], .ft-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=text], .ft-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=email] {
border-bottom: 1px solid #090015;
}
.sp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=text]:focus, .sp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=email]:focus, .tp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=text]:focus, .tp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=email]:focus, .f-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=text]:focus, .f-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=email]:focus, .ft-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=text]:focus, .ft-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=email]:focus {
border-bottom: 1px solid #090015;
}
.sp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=text]::placeholder, .sp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=email]::placeholder, .tp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=text]::placeholder, .tp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=email]::placeholder, .f-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=text]::placeholder, .f-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=email]::placeholder, .ft-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=text]::placeholder, .ft-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=email]::placeholder {
color: #090015;
}
.sp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=checkbox] + label, .sp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=radio] + label, .tp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=checkbox] + label, .tp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=radio] + label, .f-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=checkbox] + label, .f-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=radio] + label, .ft-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=checkbox] + label, .ft-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=radio] + label {
color: #090015;
}
.sp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=checkbox] + label:before, .sp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=radio] + label:before, .tp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=checkbox] + label:before, .tp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=radio] + label:before, .f-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=checkbox] + label:before, .f-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=radio] + label:before, .ft-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=checkbox] + label:before, .ft-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=radio] + label:before {
border: 1px solid #090015;
}
.sp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=checkbox] + label:after, .sp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=radio] + label:after, .tp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=checkbox] + label:after, .tp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=radio] + label:after, .f-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=checkbox] + label:after, .f-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=radio] + label:after, .ft-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=checkbox] + label:after, .ft-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=radio] + label:after {
background: #090015;
}
.sp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=submit], .tp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=submit], .f-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=submit], .ft-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=submit] {
background: #090015;
color: #FFFFFF;
border: 1px solid #090015;
}
.sp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=submit]:hover, .tp-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=submit]:hover, .f-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=submit]:hover, .ft-form-container[data-color=light] .gform_wrapper .gform_body .gfield input[type=submit]:hover {
background: #FFFFFF;
color: #090015;
border: 1px solid #FFFFFF;
}
.sp-form-container[data-color=light] .gform_wrapper .gform_body .gfield button.gform_button, .tp-form-container[data-color=light] .gform_wrapper .gform_body .gfield button.gform_button, .f-form-container[data-color=light] .gform_wrapper .gform_body .gfield button.gform_button, .ft-form-container[data-color=light] .gform_wrapper .gform_body .gfield button.gform_button {
background: #090015;
color: #FFFFFF;
border: 1px solid #090015;
}
.sp-form-container[data-color=light] .gform_wrapper .gform_body .gfield button.gform_button:hover, .tp-form-container[data-color=light] .gform_wrapper .gform_body .gfield button.gform_button:hover, .f-form-container[data-color=light] .gform_wrapper .gform_body .gfield button.gform_button:hover, .ft-form-container[data-color=light] .gform_wrapper .gform_body .gfield button.gform_button:hover {
background: #FFFFFF;
color: #090015;
border: 1px solid #FFFFFF;
}
.sp-form-container[data-color=light] .gform_wrapper .gform_footer input[type=submit], .sp-form-container[data-color=light] .gform_wrapper .gform_footer button.gform_button, .tp-form-container[data-color=light] .gform_wrapper .gform_footer input[type=submit], .tp-form-container[data-color=light] .gform_wrapper .gform_footer button.gform_button, .f-form-container[data-color=light] .gform_wrapper .gform_footer input[type=submit], .f-form-container[data-color=light] .gform_wrapper .gform_footer button.gform_button, .ft-form-container[data-color=light] .gform_wrapper .gform_footer input[type=submit], .ft-form-container[data-color=light] .gform_wrapper .gform_footer button.gform_button {
background: #090015;
color: #FFFFFF;
border: 1px solid #090015;
}
.sp-form-container[data-color=light] .gform_wrapper .gform_footer input[type=submit]:hover, .sp-form-container[data-color=light] .gform_wrapper .gform_footer button.gform_button:hover, .tp-form-container[data-color=light] .gform_wrapper .gform_footer input[type=submit]:hover, .tp-form-container[data-color=light] .gform_wrapper .gform_footer button.gform_button:hover, .f-form-container[data-color=light] .gform_wrapper .gform_footer input[type=submit]:hover, .f-form-container[data-color=light] .gform_wrapper .gform_footer button.gform_button:hover, .ft-form-container[data-color=light] .gform_wrapper .gform_footer input[type=submit]:hover, .ft-form-container[data-color=light] .gform_wrapper .gform_footer button.gform_button:hover {
background: #FFFFFF;
color: #090015;
border: 1px solid #FFFFFF;
}
.gform_confirmation_message {
font-size: 35px !important;
font-size: 3.5rem !important;
}
.gform_wrapper .gform_required_legend, .gform_wrapper .gfield_required_asterisk {
display: none;
}
.gform_wrapper .gform_validation_errors {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 0 0 0 !important;
margin: 0 0 8px 0 !important;
}
.gform_wrapper .gform_validation_errors .gform_submission_error {
color: #FFFFFF;
padding-left: 28px !important;
}
.gform_wrapper .gform_validation_errors .gform_submission_error .gform-icon {
left: -5px !important;
}
.gform_wrapper .gform_body .gform_fields {
grid-row-gap: 28px !important;
}
@media (min-width: 1200px) {
.gform_wrapper .gform_body .gform_fields {
grid-column-gap: 63px !important;
grid-row-gap: 20px !important;
grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
}
.gform_wrapper .gform_body .gfield .gfield_label {
color: #CE321A;
margin-bottom: 9px;
font-family: pp-regular, sans-serif;
font-weight: 400;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.25;
}
.gform_wrapper .gform_body .gfield .gfield_validation_message {
background: transparent !important;
border: none !important;
color: #FFFFFF !important;
padding: 0 !important;
}
.gform_wrapper .gform_body .gfield:first-child.gsection {
margin-top: 0;
}
.gform_wrapper .gform_body .gfield.gsection {
border: none;
margin: 60px 0 30px 0;
padding-top: 0;
padding-bottom: 0;
}
.gform_wrapper .gform_body .gfield.gsection .gsection_title, .gform_wrapper .gform_body .gfield.gsection h3 {
margin-bottom: 12px;
font-family: pp-medium, sans-serif;
font-weight: 500;
color: #CED2D4;
font-style: normal;
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
border: none;
margin: 0;
padding-top: 0;
padding-bottom: 0;
}
@media (min-width: 768px) {
.gform_wrapper .gform_body .gfield.gsection .gsection_title, .gform_wrapper .gform_body .gfield.gsection h3 {
font-size: 28px;
font-size: 2.8rem;
}
}
@media (min-width: 1024px) {
.gform_wrapper .gform_body .gfield.gsection .gsection_title, .gform_wrapper .gform_body .gfield.gsection h3 {
font-size: 34px;
font-size: 3.4rem;
}
}
.gform_wrapper .gform_body .gfield.gfield_html a {
color: inherit;
}
.gform_wrapper .gform_body .gfield.gfield--type-address .ginput_container .ginput_full {
margin-bottom: 24px;
}
.gform_wrapper .gform_body .gfield.gfield--type-address .ginput_container select {
margin-top: 24px;
}
.gform_wrapper .gform_body .gfield .gform-field-label--type-sub {
display: none;
}
.gform_wrapper .gform_body .gfield select {
background: transparent;
border-top: none !important;
border-right: none !important;
border-left: none !important;
border-bottom: 1px solid #FAFAFA;
border-radius: 0 !important;
font-size: 30px;
font-size: 3rem;
color: #F2EFE9;
padding-left: 0 !important;
padding-top: 0 !important;
padding-bottom: 18px !important;
padding-right: 9px !important;
outline: none;
line-height: 1.2 !important;
font-family: pp-thin, sans-serif;
font-weight: 100;
transition: all 0.5s ease-in-out;
}
.gform_wrapper .gform_body .gfield select::placeholder {
font-family: pp-thin, sans-serif;
font-weight: 100;
color: #F2EFE9;
}
.gform_wrapper .gform_body .gfield select:focus {
border-bottom: 1px solid #CE321A;
}
.gform_wrapper .gform_body .gfield input[type=text], .gform_wrapper .gform_body .gfield input[type=email] {
background: transparent;
border-top: none !important;
border-right: none !important;
border-left: none !important;
border-bottom: 1px solid #FAFAFA;
border-radius: 0 !important;
font-size: 30px;
font-size: 3rem;
color: #F2EFE9;
padding-left: 0 !important;
padding-top: 0 !important;
padding-bottom: 18px !important;
padding-right: 9px !important;
outline: none;
line-height: 1.2 !important;
font-family: pp-thin, sans-serif;
font-weight: 100;
transition: all 0.5s ease-in-out;
}
.gform_wrapper .gform_body .gfield input[type=text]::placeholder, .gform_wrapper .gform_body .gfield input[type=email]::placeholder {
font-family: pp-thin, sans-serif;
font-weight: 100;
color: #F2EFE9;
}
.gform_wrapper .gform_body .gfield input[type=text]:focus, .gform_wrapper .gform_body .gfield input[type=email]:focus {
border-bottom: 1px solid #CE321A;
}
.gform_wrapper .gform_body .gfield input[type=checkbox], .gform_wrapper .gform_body .gfield input[type=radio] {
visibility: hidden;
position: absolute;
top: 0;
left: 0;
}
.gform_wrapper .gform_body .gfield input[type=checkbox]:checked + label::after, .gform_wrapper .gform_body .gfield input[type=radio]:checked + label::after {
display: block;
}
.gform_wrapper .gform_body .gfield input[type=checkbox] + label, .gform_wrapper .gform_body .gfield input[type=radio] + label {
color: #FFFFFF;
position: relative;
padding-left: 27px;
cursor: pointer;
}
.gform_wrapper .gform_body .gfield input[type=checkbox] + label a, .gform_wrapper .gform_body .gfield input[type=radio] + label a {
color: inherit;
}
.gform_wrapper .gform_body .gfield input[type=checkbox] + label::before, .gform_wrapper .gform_body .gfield input[type=radio] + label::before {
content: "";
position: absolute;
width: 17px;
height: 17px;
border: 1px solid #FFFFFF;
border-radius: 50%;
left: 0;
top: 0;
background: transparent;
}
.gform_wrapper .gform_body .gfield input[type=checkbox] + label::after, .gform_wrapper .gform_body .gfield input[type=radio] + label::after {
content: "";
position: absolute;
width: 13px;
height: 13px;
border-radius: 50%;
left: 3px;
top: 3px;
background: #FFFFFF;
display: none;
}
.gform_wrapper .gform_body .gfield input[type=radio] + label {
font-size: 20px;
font-size: 2rem;
}
.gform_wrapper .gform_body .gfield input[type=radio] + label::before {
top: 6px;
}
.gform_wrapper .gform_body .gfield input[type=radio] + label::after {
top: 9px;
}
.gform_wrapper .gform_body .gfield input[type=submit], .gform_wrapper .gform_body .gfield input button.gform_button {
background: #FFFFFF;
color: #090015;
border: 1px solid #FFFFFF;
border-radius: 36px;
font-size: 16px;
font-size: 1.6rem;
min-width: 134px;
line-height: 1.1 !important;
padding: 18px 22px !important;
margin: 0 0 0 auto;
cursor: pointer !important;
transition: all 0.5s ease-in-out;
}
.gform_wrapper .gform_body .gfield button.gform_button {
background: #FFFFFF;
color: #090015;
border: 1px solid #FFFFFF;
border-radius: 36px;
font-size: 16px;
font-size: 1.6rem;
min-width: 134px;
line-height: 1.1 !important;
padding: 18px 22px !important;
margin: 0 0 0 auto;
cursor: pointer !important;
transition: all 0.5s ease-in-out;
}
.gform_wrapper .gform_body .gfield textarea {
background: transparent;
border-top: none !important;
border-right: none !important;
border-left: none !important;
border-bottom: 1px solid #FAFAFA;
border-radius: 0 !important;
font-size: 30px;
font-size: 3rem;
color: #F2EFE9;
padding-left: 0 !important;
padding-top: 0 !important;
padding-bottom: 18px !important;
padding-right: 9px !important;
outline: none;
line-height: 1.2 !important;
transition: all 0.5s ease-in-out;
resize: none;
height: 55px !important;
font-family: pp-thin, sans-serif;
font-weight: 100;
-ms-overflow-style: none; scrollbar-width: none;
}
.gform_wrapper .gform_body .gfield textarea::-webkit-scrollbar {
display: none;
}
.gform_wrapper .gform_body .gfield textarea::placeholder {
color: #F2EFE9;
font-size: 30px;
font-size: 3rem;
font-family: pp-thin, sans-serif;
font-weight: 100;
}
.gform_wrapper .gform_body .gfield textarea:focus {
border-bottom: 1px solid #CE321A;
height: 300px !important;
}
.gform_wrapper .gform_body .gfield .ginput_container_fileupload .gform_fileupload_multifile .gform_drop_area {
font-family: pp-thin, sans-serif;
font-weight: 100;
border: none;
padding: 0;
}
.gform_wrapper .gform_body .gfield .ginput_container_fileupload .gform_fileupload_multifile .gform_drop_area span {
display: none;
}
.gform_wrapper .gform_body .gfield .ginput_container_fileupload .gform_fileupload_multifile .gform_drop_area button {
background: transparent;
color: #FFFFFF;
border: 1px solid #FFFFFF;
border-radius: 36px;
font-size: 16px;
font-size: 1.6rem;
min-width: 134px;
line-height: 1.1 !important;
padding: 14px 18px !important;
margin: 0 0 0 auto;
cursor: pointer;
transition: all 0.5s ease-in-out;
}
.gform_wrapper .gform_body .gfield .ginput_container_fileupload .gform_fileupload_multifile .gform_drop_area button::after {
content: "↑";
margin-left: 10px;
font-size: 14px;
font-size: 1.4rem;
}
.gform_wrapper .gform_body .gfield .ginput_container_fileupload .gform_fileupload_rules {
display: none;
}
.gform_wrapper .gform_body .gfield .ginput_container_fileupload .validation_message {
display: none;
}
.gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_footer button.gform_button {
background: transparent;
color: #FFFFFF;
border: 1px solid #FFFFFF;
border-radius: 36px;
font-size: 16px;
font-size: 1.6rem;
min-width: 134px;
line-height: 1.1 !important;
padding: 18px 22px !important;
margin: 0 0 0 auto;
cursor: pointer;
transition: all 0.5s ease-in-out;
}
.gform_wrapper .gform_footer input[type=submit] span, .gform_wrapper .gform_footer button.gform_button span {
color: #CE321A;
}
.gform_wrapper .gform_footer input[type=submit] span.icon, .gform_wrapper .gform_footer button.gform_button span.icon {
margin-left: 5px;
}
@media (min-width: 768px) {
.gform_job_offer #field_submit {
transform: translateY(-124px);
}
}
@media (min-width: 1200px) {
.gform_job_offer #field_submit {
transform: translateY(-114px);
}
}
.gform_job_offer #gform_fields_3 {
overflow-x: hidden;
}
.gform_job_offer #gform_preview_3_7 {
position: absolute;
top: -20px;
right: 0;
width: max-content;
}
.gform_job_offer #gform_preview_3_7 button {
color: #FFFFFF;
}
.gform_job_offer #gform_preview_3_7 strong {
font-size: 12px;
font-size: 1.2rem;
}
@media (min-width: 641px) {
.gform_job_offer #field_3_6 {
position: relative;
}
.gform_job_offer #field_3_6::after {
content: "";
position: absolute;
bottom: 1px;
left: 0;
width: 210%;
height: 1px;
background: white;
}
}
.gform_job_offer #field_3_6 textarea {
border-bottom: none;
}
.gform_job_offer #field_3_7 {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
}
@media (min-width: 641px) {
.gform_job_offer #field_3_7 {
min-height: 92px;
position: relative;
}
}
.gform_job_offer .ginput_preview_list {
display: block;
position: unset !important;
top: unset !important;
}
.gform_job_offer .ginput_preview_list .ginput_preview {
display: block;
margin: 0 !important;
}
.gform_job_offer .gform_drop_area {
text-align: left !important;
}
.card-blog .card-blog-inner .card-image-container {
min-height: 200px;
}
.card-blog .card-blog-inner .card-image-container img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x) var(--y);
}
.card-blog .card-blog-inner .card-content-container {
padding: 15px;
}
.card-blog .card-blog-inner .card-content-container h3 {
margin-bottom: 10px;
}
.card-blog .card-blog-inner .card-content-container .custom-text {
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.card-blog .card-blog-inner .card-content-container .card-link-container {
margin-top: 15px;
}
.card-blog-empty .card-blog-empty-inner {
display: flex;
align-items: center;
justify-content: center;
}
.card-industry .card-industry-inner {
display: grid;
grid-template-columns: 100%;
gap: 30px;
}
.card-industry .card-industry-inner .image-container {
display: block;
width: 145.55px;
height: 145.55px;
}
.card-industry .card-industry-inner .image-container img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
}
.card-industry .card-industry-inner h3 {
color: #FFFFFF;
font-size: 30px;
font-size: 3rem;
font-family: pp-regular, sans-serif;
font-weight: 400;
line-height: 1.2;
}
@media (min-width: 420px) {
.card-industry .card-industry-inner h3 {
font-size: 35px;
font-size: 3.5rem;
}
}
@media (min-width: 1200px) {
.card-industry .card-industry-inner h3 {
font-size: 38px;
font-size: 3.8rem;
}
}
@media (min-width: 1600px) {
.card-industry .card-industry-inner h3 {
font-size: 46px;
font-size: 4.6rem;
}
}
.card-industry .card-industry-inner h3 span {
color: #CE321A;
}
.card-industry .card-industry-inner .custom-text {
color: #CED2D4;
}
.card-industry .card-industry-inner .product-groups span {
display: inline;
color: #929CA3;
font-size: 16px;
font-size: 1.6rem;
font-family: pp-regular, sans-serif;
font-weight: 400;
}
.card-industry .card-industry-inner .product-groups span::after {
content: " | ";
}
.card-industry .card-industry-inner .product-groups span:last-of-type::after {
content: "";
}
.card-industry .card-industry-inner .link-container {
margin-top: 8px;
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
}
.card-logo .card-logo-inner a {
width: 100%;
display: block;
}
.card-logo .card-logo-inner img {
display: block;
object-fit: contain;
width: 100%;
height: 100%;
min-width: 60%;
max-width: 120px !important;
margin: 0 auto;
}
@media (min-width: 1600px) {
.card-logo .card-logo-inner img {
min-width: var(--mwd);
max-height: var(--mwd);
max-width: var(--mhd);
}
}
@media (min-width: 450px) {
.card-logo .card-logo-inner img {
min-width: var(--mw);
max-height: var(--mw);
max-width: var(--mh);
}
}
@media (min-width: 1600px) {
.card-logo .card-logo-inner img {
min-width: 275px;
max-width: 275px;
max-height: 275px;
}
}
.card-testimonial .card-testimonial-inner .stars-container {
display: grid;
grid-template-columns: 100%;
grid-template-columns: repeat(5, 1fr);
max-width: 150px;
margin: 0 auto;
gap: 9px;
margin-bottom: 72px;
}
@media (min-width: 1600px) {
.card-testimonial .card-testimonial-inner .stars-container {
margin-bottom: 45px;
}
}
.card-testimonial .card-testimonial-inner .stars-container svg {
display: block;
width: 21.2px;
height: 20.24px;
fill: #CE321A;
stroke: #CE321A;
}
.card-testimonial .card-testimonial-inner .stars-container svg * {
fill: #CE321A;
stroke: #CE321A;
}
.card-testimonial .card-testimonial-inner .stars-container svg g {
display: contents;
}
.card-testimonial .card-testimonial-inner .image-container {
width: 113px;
height: 87px;
border-radius: 20px;
overflow: hidden;
margin: 0 auto 16px auto;
}
.card-testimonial .card-testimonial-inner .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
.card-testimonial .card-testimonial-inner .name-container {
text-align: center;
}
.card-testimonial .card-testimonial-inner .name-container span {
display: inline-block;
font-size: 16px;
font-size: 1.6rem;
font-family: pp-thin, sans-serif;
font-weight: 100;
}
.card-post .image-outer-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
}
.card-post .image-outer-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
.card-post .card-post-inner .image-container {
display: block;
width: 100%;
height: auto;
aspect-ratio: 1.3/1;
border-radius: 20px;
overflow: hidden;
max-height: 275px;
}
.card-post .card-post-inner .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
.card-post .card-post-inner .text-container {
display: grid;
grid-template-columns: 100%;
gap: 26px;
margin-top: 50px;
text-align: center;
}
.card-post .card-post-inner .text-container span.article-tagline {
display: block;
font-family: pp-thin, sans-serif;
font-weight: 100;
font-size: 20px;
font-size: 2rem;
line-height: 1.125;
color: #BBBFC2;
}
@media (min-width: 420px) {
.card-post .card-post-inner .text-container span.article-tagline {
font-size: 24px;
font-size: 2.4rem;
}
}
.card-post .card-post-inner .text-container .cc-title-container h3 {
font-family: pp-medium, sans-serif;
font-weight: 500;
font-size: 28px;
font-size: 2.8rem;
line-height: 1.16;
}
@media (min-width: 420px) {
.card-post .card-post-inner .text-container .cc-title-container h3 {
font-size: 28px;
font-size: 2.8rem;
}
}
@media (min-width: 900px) {
.card-post .card-post-inner .text-container .cc-title-container h3 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 1200px) {
.card-post .card-post-inner .text-container .cc-title-container h3 {
font-size: 30px;
font-size: 3rem;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
.card-post .card-post-inner .text-container .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
.card-post .card-post-inner .text-container a.link-article {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.16;
transition: all 0.3s ease-in-out;
text-decoration: underline;
text-decoration-color: transparent;
text-underline-offset: 5px;
}
.card-post .card-post-inner .text-container a.link-article:hover {
text-decoration-color: inherit;
}
.card-vacancy-bullet {
background: #090015;
border-radius: 30px;
border: 1px solid #090015;
}
.card-vacancy-bullet .card-vacancy-bullet-inner {
display: grid;
grid-template-columns: 100%;
gap: 15px;
padding: 32px 32px 32px 32px;
}
@media (min-width: 900px) {
.card-vacancy-bullet .card-vacancy-bullet-inner {
grid-template-columns: 1fr auto;
gap: 30px;
align-items: center;
padding: 20px 38px;
}
}
.card-vacancy-bullet .card-vacancy-bullet-inner .cc-left h3 {
color: #CE321A;
font-size: 35px;
font-size: 3.5rem;
line-height: 1.2;
margin-bottom: 7px;
}
.card-vacancy-bullet .card-vacancy-bullet-inner .cc-left .custom-text {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (min-width: 900px) {
.card-vacancy-bullet .card-vacancy-bullet-inner .cc-left .custom-text {
-webkit-line-clamp: 2;
}
}
@media (min-width: 1600px) {
.card-vacancy-bullet .card-vacancy-bullet-inner .cc-left .custom-text {
-webkit-line-clamp: 1;
}
}
.card-vacancy-bullet .card-vacancy-bullet-inner .cc-right {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
}
.card-vacancy {
border-radius: 50px;
background: #05000F;
overflow: hidden;
}
.card-vacancy .card-vacancy-inner {
height: 100%;
}
.card-vacancy .card-vacancy-inner .image-container {
height: 230px;
}
@media (min-width: 1200px) {
.card-vacancy .card-vacancy-inner .image-container {
height: 267px;
}
}
@media (min-width: 1600px) {
.card-vacancy .card-vacancy-inner .image-container {
height: 325px;
}
}
.card-vacancy .card-vacancy-inner .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
.card-vacancy .card-vacancy-inner .content-container {
padding: 30px;
height: calc(100% - 230px);
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
justify-content: space-between;
}
@media (min-width: 1200px) {
.card-vacancy .card-vacancy-inner .content-container {
padding: 37px 30px;
height: calc(100% - 267px);
}
}
@media (min-width: 1600px) {
.card-vacancy .card-vacancy-inner .content-container {
height: calc(100% - 325px);
}
}
.card-vacancy .card-vacancy-inner .content-container .text-container {
text-align: left;
align-self: flex-start;
}
.card-vacancy .card-vacancy-inner .content-container .text-container h3 {
color: #CE321A;
font-size: 35px;
font-size: 3.5rem;
line-height: 1.2;
margin-bottom: 20px;
}
@media (min-width: 1600px) {
.card-vacancy .card-vacancy-inner .content-container .text-container h3 {
font-size: 46px;
font-size: 4.6rem;
}
}
.card-vacancy .card-vacancy-inner .content-container .text-container .custom-text {
color: #FFFFFF;
}
.card-vacancy .card-vacancy-inner .content-container .link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
margin-top: 80px;
align-self: flex-end;
}
.card-case {
border-radius: 50px;
background: #05000F;
overflow: hidden;
}
.card-case .card-case-inner {
height: 100%;
}
.card-case .card-case-inner .image-container {
height: 230px;
}
@media (min-width: 1200px) {
.card-case .card-case-inner .image-container {
height: 267px;
}
}
@media (min-width: 1600px) {
.card-case .card-case-inner .image-container {
height: 344px;
}
}
.card-case .card-case-inner .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
.card-case .card-case-inner .content-container {
padding: 30px;
height: calc(100% - 230px);
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
justify-content: space-between;
}
@media (min-width: 1200px) {
.card-case .card-case-inner .content-container {
padding: 37px 30px;
height: calc(100% - 267px);
}
}
@media (min-width: 1600px) {
.card-case .card-case-inner .content-container {
height: calc(100% - 344px);
}
}
.card-case .card-case-inner .content-container .text-container {
text-align: left;
align-self: flex-start;
}
.card-case .card-case-inner .content-container .text-container h3 {
color: #CE321A;
font-size: 35px;
font-size: 3.5rem;
line-height: 1.2;
margin-bottom: 20px;
}
@media (min-width: 1600px) {
.card-case .card-case-inner .content-container .text-container h3 {
font-size: 46px;
font-size: 4.6rem;
}
}
.card-case .card-case-inner .content-container .text-container .custom-text {
color: #FFFFFF;
}
.card-case .card-case-inner .content-container .link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
margin-top: 70px;
align-self: flex-end;
}
.card-team {
border-radius: 50px;
background: #05000F;
overflow: hidden;
}
.card-team .card-team-inner {
display: grid;
grid-template-columns: 100%;
gap: 0;
}
@media (min-width: 900px) {
.card-team .card-team-inner {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
flex-direction: row-reverse;
align-items: stretch;
}
}
.card-team .card-team-inner .cc-left {
height: 320px;
}
@media (min-width: 900px) {
.card-team .card-team-inner .cc-left {
flex: 0 0 215px;
width: 215px;
height: unset;
}
}
.card-team .card-team-inner .cc-left img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
.card-team .card-team-inner .cc-right {
padding: 40px;
}
@media (min-width: 900px) {
.card-team .card-team-inner .cc-right {
flex: 0 0 calc(100% - 215px);
width: calc(100% - 215px);
padding: 40px 20px 40px 40px;
}
}
.card-team .card-team-inner .cc-right h3 {
line-height: 1.2;
font-size: 24px;
font-size: 2.4rem;
margin-bottom: 13px;
text-transform: uppercase;
color: #CE321A;
}
.card-team .card-team-inner .cc-right h3 span {
color: #CE321A;
}
@media (min-width: 1600px) {
.card-team .card-team-inner .cc-right h3 {
font-size: 34px;
font-size: 3.4rem;
}
}
.card-team .card-team-inner .cc-right span.function {
display: block;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
margin-bottom: 13px;
}
.card-team .card-team-inner .cc-right .contact-container a {
display: flex;
align-items: center;
justify-content: flex-start;
color: #FFFFFF;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.2;
margin-bottom: 10px;
}
.card-team .card-team-inner .cc-right .contact-container a:last-child {
margin-bottom: 0;
}
.card-team .card-team-inner .cc-right .contact-container a span.icon {
display: block;
margin-right: 15px;
}
.card-team .card-team-inner .cc-right .contact-container a span.icon svg {
display: block;
width: auto;
height: 18px;
}
.card-team .card-team-inner .cc-right .contact-container a span.text {
word-break: break-all;
}
.card-technology {
height: fit-content;
position: relative;
}
@media (hover: hover) {
.card-technology:hover .image-outer .layer {
opacity: 0.5;
}
}
.card-technology .image-outer {
min-height: 215px;
height: 100%;
position: absolute;
inset: 0;
width: 100%;
}
@media (min-width: 1900px) {
.card-technology .image-outer {
min-height: 205px;
}
}
.card-technology .image-outer img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
.card-technology .image-outer .layer {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 0.3s ease-in-out;
}
@supports (inset: 0) {
.card-technology .image-outer .layer {
inset: 0;
}
}
.card-technology .card-technology-inner {
display: grid;
grid-template-columns: 100%;
position: relative;
z-index: 2;
align-items: start;
min-height: 215px;
gap: 20px;
text-align: center;
padding: 45px 30px;
}
@media (min-width: 900px) {
.card-technology .card-technology-inner {
grid-template-columns: auto 300px;
gap: 60px;
text-align: left;
}
}
@media (min-width: 1600px) {
.card-technology .card-technology-inner {
grid-template-columns: auto 327px;
}
}
@media (min-width: 1900px) {
.card-technology .card-technology-inner {
min-height: 205px;
}
}
.card-technology .card-technology-inner .cc-left h2 {
font-family: pp-thin, sans-serif;
font-weight: 100;
font-size: 50px;
font-size: 5rem;
line-height: 1;
}
@media (min-width: 900px) {
.card-technology .card-technology-inner .cc-left h2 {
font-size: 60px;
font-size: 6rem;
}
}
@media (min-width: 1200px) {
.card-technology .card-technology-inner .cc-left h2 {
font-size: 80px;
font-size: 8rem;
}
}
@media (min-width: 1200px) {
.card-technology .card-technology-inner .cc-left h2 {
font-size: 100px;
font-size: 10rem;
}
}
.card-solution {
border-radius: 50px;
background: #05000F;
overflow: hidden;
}
.card-solution .card-solution-inner {
position: relative;
height: 100%;
}
.card-solution .card-solution-inner .image-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 400px;
}
.card-solution .card-solution-inner .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
.card-solution .card-solution-inner .image-container .layer {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.card-solution .card-solution-inner .content-container {
position: relative;
z-index: 2;
padding: 23px 26px 29px 26px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
@media (min-width: 1600px) {
.card-solution .card-solution-inner .content-container {
padding: 46px 51px 58px 51px;
}
}
.card-solution .card-solution-inner .content-container .text-container h3 {
font-size: 35px;
font-size: 3.5rem;
line-height: 1.19;
}
@media (min-width: 900px) {
.card-solution .card-solution-inner .content-container .text-container h3 {
font-size: 38px;
font-size: 3.8rem;
}
}
@media (min-width: 1200px) {
.card-solution .card-solution-inner .content-container .text-container h3 {
font-size: 40px;
font-size: 4rem;
}
}
@media (min-width: 1600px) {
.card-solution .card-solution-inner .content-container .text-container h3 {
font-size: 46px;
font-size: 4.6rem;
}
}
.card-solution .card-solution-inner .content-container .text-container .custom-text {
margin-top: 30px;
}
@media (min-width: 1600px) {
.card-solution .card-solution-inner .content-container .text-container .custom-text {
margin-top: 40px;
}
}
.card-solution .card-solution-inner .content-container .link-container {
margin-top: 80px;
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
align-self: flex-end;
}
.card-search .card-search-inner {
border-left: 2px solid #CE321A;
padding: 0 30px;
}
.card-search .card-search-inner h2 {
margin-bottom: 18px;
}
.card-search .card-search-inner .custom-text {
margin-bottom: 18px;
}
.card-search .card-search-inner .link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
}
.card-search .card-search-inner .info-post span.date {
position: relative;
margin-left: 10px;
}
.card-search .card-search-inner .info-post span.date:before {
position: absolute;
content: "·";
color: #CE321A;
left: -8px;
}
#cmplz-cookies-overview {
margin: 30px 0;
}
#cmplz-cookies-overview details {
background: transparent !important;
border: 1px solid #F2EFE9;
border-radius: 15px;
margin-bottom: 30px;
}
#cmplz-cookies-overview details:last-child {
margin-bottom: 0;
}
#cmplz-cookies-overview details summary {
background: transparent !important;
}
#cmplz-cookies-overview details .cmplz-service-description p a, #cmplz-cookies-overview details .cmplz-sharing-data p a {
padding: 0 !important;
display: inline;
}
#cmplz-cookies-overview details .cookies-per-purpose {
padding: 30px;
background: transparent !important;
border: unset !important;
}
#cmplz-cookies-overview details .cookies-per-purpose .purpose {
padding: 0 !important;
}
#cmplz-cookies-overview details .cookies-per-purpose div {
background: transparent !important;
border: 1px solid #F2EFE9;
}
.slick-lightbox .slick-next {
width: 60px;
height: 60px;
}
.slick-lightbox .slick-next::before {
color: #CE321A;
font-size: 60px;
line-height: 1;
}
.slick-lightbox .slick-prev {
width: 60px;
height: 60px;
}
.slick-lightbox .slick-prev::before {
color: #CE321A;
font-size: 60px;
line-height: 1;
}
.slick-lightbox .slick-lightbox-close {
width: 60px;
height: 60px;
}
.slick-lightbox .slick-lightbox-close::before {
color: #CE321A;
font-size: 60px;
line-height: 1;
}
html {
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
scroll-behavior: smooth;
max-width: 100%;
}
body {
font-weight: normal;
line-height: 1.7;
font-size: 16px;
font-size: 1.6rem;
max-width: 100%;
}
* {
box-sizing: border-box;
}
header.fixed + div + .page {
--header: calc(122px);
}
.page {
--header: 122px;
}
.page section:first-child {
padding-top: var(--header);
}
.cursor-ball {
display: none;
width: 50px;
height: 50px;
position: fixed;
z-index: 99;
top: 0;
left: 0;
border-radius: 50%;
pointer-events: none;
}
.cursor-ball svg {
display: block;
width: 100%;
height: auto;
}
footer {
overflow: hidden;
}
footer br.no-break {
display: none;
}
@media (min-width: 1200px) {
footer {
position: relative;
}
}
footer .ft-gradient-container-desktop {
display: none;
}
@media (min-width: 1200px) {
footer .ft-gradient-container-desktop {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 50%;
z-index: -1;
}
}
footer .ft-gradient-container-desktop img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
height: 100%;
width: auto;
}
.footer-inner {
padding: 0 0 71px 0;
max-width: 1932px;
margin: 0 auto;
position: relative;
overflow: hidden;
}
@media (min-width: 1200px) {
.footer-inner {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 260px 1fr;
gap: 0 51px;
align-items: start;
padding-left: 28px;
padding-right: 28px;
padding-top: 94px;
padding-bottom: 36px;
}
}
@media (min-width: 1200px) and (min-width: 420px) {
.footer-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 1200px) and (min-width: 900px) {
.footer-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.footer-inner {
padding-left: 140px;
padding-right: 140px;
}
}
@media (min-width: 1600px) {
.footer-inner {
grid-template-columns: 395px 1fr;
padding-top: 194px;
padding-bottom: 63px;
gap: 20px 51px;
}
}
@media (min-width: 1200px) {
.footer-inner .left {
height: 100%;
}
}
@media (min-width: 1200px) {
.footer-inner .left .ft-gradient-container {
display: none;
}
}
.footer-inner .left .ft-company-container {
display: none;
}
@media (min-width: 1200px) {
.footer-inner .left .ft-company-container {
display: block;
}
}
@media (min-width: 1600px) {
.footer-inner .left .ft-company-container {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
}
.footer-inner .left .ft-company-container .ft-logo-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: center;
margin-bottom: 6px;
}
@media (min-width: 1200px) {
.footer-inner .left .ft-company-container .ft-logo-container {
justify-content: flex-start;
}
}
.footer-inner .left .ft-company-container .ft-logo-container .ft-icon {
margin-right: 25px;
}
.footer-inner .left .ft-company-container .ft-logo-container .ft-icon img {
display: block;
width: 100%;
height: auto;
height: 48.95px;
width: auto;
}
@media (min-width: 420px) {
.footer-inner .left .ft-company-container .ft-logo-container .ft-icon img {
height: 60.95px;
}
}
@media (min-width: 1600px) {
.footer-inner .left .ft-company-container .ft-logo-container .ft-icon img {
height: 91px;
}
}
.footer-inner .left .ft-company-container .ft-logo-container img {
display: block;
width: 100%;
height: auto;
height: 55.06px;
width: auto;
}
@media (min-width: 420px) {
.footer-inner .left .ft-company-container .ft-logo-container img {
height: 67.06px;
}
}
@media (min-width: 1600px) {
.footer-inner .left .ft-company-container .ft-logo-container img {
height: 100px;
}
}
.footer-inner .left .ft-company-container .ft-text-container {
max-width: 277px;
margin: 16px auto 0 auto;
}
@media (min-width: 420px) {
.footer-inner .left .ft-company-container .ft-text-container {
margin: 24px auto 0 auto;
}
}
@media (min-width: 1200px) {
.footer-inner .left .ft-company-container .ft-text-container {
width: 100%;
margin: 36px 0 0 0;
}
}
@media (min-width: 1600px) {
.footer-inner .left .ft-company-container .ft-text-container {
margin: 31px 0 0 0;
max-width: 395px;
}
}
.footer-inner .left .ft-company-container .ft-text-container .custom-text {
font-size: 12px;
font-size: 1.2rem;
text-align: center;
}
@media (min-width: 420px) {
.footer-inner .left .ft-company-container .ft-text-container .custom-text {
font-size: 16px;
font-size: 1.6rem;
}
}
@media (min-width: 1200px) {
.footer-inner .left .ft-company-container .ft-text-container .custom-text {
text-align: left;
font-size: 14px;
font-size: 1.4rem;
}
}
.footer-inner .left .ft-company-container .ft-socials-container {
display: flex;
justify-content: center;
align-items: center;
align-items: flex-start;
flex-wrap: wrap;
margin-top: min(26px, 5%);
}
@media (min-width: 1200px) {
.footer-inner .left .ft-company-container .ft-socials-container {
display: grid;
grid-template-columns: 100%;
grid-row-gap: 16px;
margin-top: 53px;
}
}
@media (min-width: 1600px) {
.footer-inner .left .ft-company-container .ft-socials-container {
display: flex;
justify-content: center;
align-items: center;
align-items: center;
flex-wrap: wrap;
margin-top: min(26px, 5%);
justify-content: flex-start;
margin-top: 0;
}
}
.footer-inner .left .ft-company-container .ft-socials-container span.label {
font-size: 20px;
font-size: 2rem;
display: inline-block;
margin-right: 5px;
line-height: 1.1;
}
@media (min-width: 1200px) {
.footer-inner .left .ft-company-container .ft-socials-container span.label {
font-size: 24px;
font-size: 2.4rem;
margin-right: 10px;
}
}
@media (min-width: 1600px) {
.footer-inner .left .ft-company-container .ft-socials-container span.label {
margin-right: 26px;
}
}
.footer-inner .left .ft-company-container .ft-socials-container .ft-socials .link-social {
margin-right: 8px;
transition: all 0.5s ease-in-out;
width: 29px;
height: 29px;
}
@media (min-width: 1200px) {
.footer-inner .left .ft-company-container .ft-socials-container .ft-socials .link-social {
height: 40px;
width: 40px;
}
}
.footer-inner .left .ft-company-container .ft-socials-container .ft-socials .link-social:hover {
transform: scale(1.1);
}
.footer-inner .left .ft-company-container .ft-socials-container .ft-socials .link-social:last-child {
margin-right: 0;
}
.footer-inner .left .ft-gradient-container {
width: 100%;
height: auto;
aspect-ratio: 1/1;
clip-path: circle(50% at 50% 50%);
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
position: relative;
max-width: 404px;
margin: 0 auto;
}
@media (min-width: 1200px) {
.footer-inner .left .ft-gradient-container {
max-width: unset;
display: none;
}
}
.footer-inner .left .ft-gradient-container .ft-background-gradient {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: -1;
}
.footer-inner .left .ft-gradient-container .ft-background-gradient svg, .footer-inner .left .ft-gradient-container .ft-background-gradient img {
display: block;
width: 100%;
height: 100%;
}
.footer-inner .left .ft-gradient-container .ft-background-gradient svg *, .footer-inner .left .ft-gradient-container .ft-background-gradient img * {
display: block;
}
.footer-inner .left .ft-gradient-container .ft-scroll-container {
position: absolute;
top: 44px;
top: min(44px, 10%);
}
@media (min-width: 1200px) {
.footer-inner .left .ft-gradient-container .ft-scroll-container {
display: none;
}
}
.footer-inner .left .ft-gradient-container .ft-scroll-container button {
transform: rotate(180deg);
}
.footer-inner .left .ft-gradient-container .ft-logo-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: center;
margin-bottom: 6px;
}
.footer-inner .left .ft-gradient-container .ft-logo-container .ft-icon {
margin-right: 25px;
}
.footer-inner .left .ft-gradient-container .ft-logo-container .ft-icon img {
display: block;
width: 100%;
height: auto;
height: 48.95px;
width: auto;
}
@media (min-width: 420px) {
.footer-inner .left .ft-gradient-container .ft-logo-container .ft-icon img {
height: 60.95px;
}
}
@media (min-width: 1600px) {
.footer-inner .left .ft-gradient-container .ft-logo-container .ft-icon img {
height: 94px;
}
}
.footer-inner .left .ft-gradient-container .ft-logo-container img {
display: block;
width: 100%;
height: auto;
height: 55.06px;
width: auto;
}
@media (min-width: 420px) {
.footer-inner .left .ft-gradient-container .ft-logo-container img {
height: 67.06px;
}
}
@media (min-width: 1600px) {
.footer-inner .left .ft-gradient-container .ft-logo-container img {
height: 100px;
}
}
.footer-inner .left .ft-gradient-container .ft-text-container {
max-width: 277px;
margin: 16px auto 0 auto;
}
@media (min-width: 420px) {
.footer-inner .left .ft-gradient-container .ft-text-container {
margin: 24px auto 0 auto;
}
}
.footer-inner .left .ft-gradient-container .ft-text-container .custom-text {
font-size: 12px;
font-size: 1.2rem;
text-align: center;
}
@media (min-width: 420px) {
.footer-inner .left .ft-gradient-container .ft-text-container .custom-text {
font-size: 16px;
font-size: 1.6rem;
}
}
.footer-inner .left .ft-gradient-container .ft-socials-container {
display: flex;
justify-content: center;
align-items: center;
align-items: flex-start;
flex-wrap: wrap;
margin-top: min(26px, 5%);
}
@media (min-width: 1200px) {
.footer-inner .left .ft-gradient-container .ft-socials-container {
display: grid;
grid-template-columns: 100%;
grid-row-gap: 20px;
}
}
@media (min-width: 1600px) {
.footer-inner .left .ft-gradient-container .ft-socials-container {
display: flex;
justify-content: center;
align-items: center;
align-items: flex-start;
flex-wrap: wrap;
margin-top: min(26px, 5%);
}
}
.footer-inner .left .ft-gradient-container .ft-socials-container span.label {
font-size: 20px;
font-size: 2rem;
display: inline-block;
margin-right: 5px;
line-height: 1.1;
}
@media (min-width: 1600px) {
.footer-inner .left .ft-gradient-container .ft-socials-container span.label {
font-size: 24px;
font-size: 2.4rem;
margin-right: 10px;
}
}
.footer-inner .left .ft-gradient-container .ft-socials-container .ft-socials .link-social {
margin-right: 8px;
transition: all 0.5s ease-in-out;
width: 29px;
height: 29px;
}
@media (min-width: 1200px) {
.footer-inner .left .ft-gradient-container .ft-socials-container .ft-socials .link-social {
height: 40px;
width: 40px;
}
}
.footer-inner .left .ft-gradient-container .ft-socials-container .ft-socials .link-social:hover {
transform: scale(1.1);
}
.footer-inner .left .ft-gradient-container .ft-socials-container .ft-socials .link-social:last-child {
margin-right: 0;
}
@media (min-width: 1600px) {
.footer-inner .right {
max-width: 952px;
margin: 0 0 0 auto;
width: 100%;
}
}
@media (min-width: 900px) {
.footer-inner .right .ft-sitemap-container {
display: grid;
grid-template-columns: 100%;
grid-template-columns: auto auto auto;
padding-left: 28px;
padding-right: 28px;
}
}
@media (min-width: 900px) and (min-width: 420px) {
.footer-inner .right .ft-sitemap-container {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) and (min-width: 900px) {
.footer-inner .right .ft-sitemap-container {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 900px) and (min-width: 1200px) {
.footer-inner .right .ft-sitemap-container {
padding-left: 140px;
padding-right: 140px;
}
}
@media (min-width: 1200px) {
.footer-inner .right .ft-sitemap-container {
padding: 0;
grid-template-columns: 250px 1fr;
gap: 16px;
}
}
@media (min-width: 1600px) {
.footer-inner .right .ft-sitemap-container {
grid-template-columns: 250px 1fr 250px;
gap: 30px;
}
}
.footer-inner .right .ft-large-search-container {
display: none;
}
@media (min-width: 1600px) {
.footer-inner .right .ft-large-search-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
margin-top: 130px;
}
}
.footer-inner .right .ft-large-search-container .ft-search-container {
padding: 0 36px;
margin-top: 78px;
display: grid;
grid-template-columns: 100%;
grid-template-columns: 1fr 48px;
gap: 0 20px;
margin-bottom: 60px;
}
@media (min-width: 1600px) {
.footer-inner .right .ft-large-search-container .ft-search-container {
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
}
.footer-inner .right .ft-large-search-container .ft-search-container .search-container {
border: 1px solid #869298;
border-radius: 36px;
}
.footer-inner .right .ft-large-search-container .ft-search-container .search-container form {
height: 48px;
}
.footer-inner .right .ft-large-search-container .ft-search-container .search-container form .form-items {
display: flex;
justify-content: center;
align-items: center;
justify-content: space-between;
height: 100%;
padding: 0 24px;
}
.footer-inner .right .ft-large-search-container .ft-search-container .search-container form input {
background: transparent;
border: none;
color: #F2EFE9;
outline: none;
font-size: 16px;
font-size: 1.6rem;
}
.footer-inner .right .ft-large-search-container .ft-search-container .search-container form input::placeholder {
color: #F2EFE9;
}
.footer-inner .right .ft-large-search-container .ft-search-container .search-container form button {
background: none;
border: none;
}
.footer-inner .right .ft-large-search-container .ft-search-container .search-container form button svg {
display: block;
width: 18px;
height: auto;
}
.footer-inner .right .ft-large-search-container .ft-search-container .lang-container button {
background: transparent;
border: 1px solid #869298;
border-radius: 50%;
color: #F2EFE9;
width: 48px;
height: 48px;
font-size: 16px;
font-size: 1.6rem;
}
.footer-inner .right .ft-large-search-container .ft-search-container .lang-container .wpml-ls-legacy-dropdown-click ul li {
width: fit-content;
color: #F2EFE9;
font-size: 16px;
font-size: 1.6rem;
display: flex;
justify-content: center;
align-items: center;
}
.footer-inner .right .ft-large-search-container .ft-search-container .lang-container .wpml-ls-legacy-dropdown-click ul li.wpml-ls-current-language:hover a.js-wpml-ls-item-toggle {
background: transparent;
border: 1px solid #869298;
color: #F2EFE9;
}
.footer-inner .right .ft-large-search-container .ft-search-container .lang-container .wpml-ls-legacy-dropdown-click ul li a {
color: #F2EFE9;
text-decoration: none;
line-height: 1;
}
.footer-inner .right .ft-large-search-container .ft-search-container .lang-container .wpml-ls-legacy-dropdown-click ul li a span {
line-height: 1;
width: 100%;
}
.footer-inner .right .ft-large-search-container .ft-search-container .lang-container .wpml-ls-legacy-dropdown-click ul li a.js-wpml-ls-item-toggle {
background: transparent;
border: 1px solid #869298;
border-radius: 50%;
color: #F2EFE9;
width: 48px;
height: 48px;
font-size: 16px;
font-size: 1.6rem;
display: flex;
justify-content: center;
align-items: center;
justify-content: center;
align-items: center;
text-align: center;
padding: 0;
}
.footer-inner .right .ft-large-search-container .ft-search-container .lang-container .wpml-ls-legacy-dropdown-click ul li a.js-wpml-ls-item-toggle::after {
content: "";
display: none;
}
.footer-inner .right .ft-large-search-container .ft-search-container .lang-container .wpml-ls-legacy-dropdown-click ul li .js-wpml-ls-sub-menu {
top: unset !important;
bottom: 100% !important;
border: none !important;
transition: all 0.3s ease-in-out;
}
.footer-inner .right .ft-large-search-container .ft-search-container .lang-container .wpml-ls-legacy-dropdown-click ul li .js-wpml-ls-sub-menu li {
margin-bottom: 10px;
}
.footer-inner .right .ft-large-search-container .ft-search-container .lang-container .wpml-ls-legacy-dropdown-click ul li .js-wpml-ls-sub-menu li a {
background: #869298;
border: 1px solid #869298;
border-radius: 50%;
color: #090015;
width: 48px;
height: 48px;
font-size: 16px;
font-size: 1.6rem;
display: flex;
justify-content: center;
align-items: center;
justify-content: center;
align-items: center;
text-align: center;
padding: 0;
transition: all 0.3s ease-in-out;
}
.footer-inner .right .ft-large-search-container .ft-search-container .lang-container .wpml-ls-legacy-dropdown-click ul li .js-wpml-ls-sub-menu li a:hover {
background: #05000F;
border: 1px solid #869298;
color: #FFFFFF;
}
.footer-inner .right .ft-large-search-container .ft-privacy-container {
text-align: center;
margin-top: 26px;
margin-bottom: 100px;
}
@media (min-width: 1200px) {
.footer-inner .right .ft-large-search-container .ft-privacy-container {
margin-top: 0;
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
.footer-inner .right .ft-large-search-container .ft-privacy-container ul {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
}
}
.footer-inner .right .ft-large-search-container .ft-privacy-container ul li a {
text-decoration: none;
display: block;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.25;
color: #929CA3;
margin-bottom: 26px;
transition: all 0.3s ease-in-out;
text-decoration: underline;
text-decoration-color: transparent;
text-underline-offset: 5px;
}
.footer-inner .right .ft-large-search-container .ft-privacy-container ul li a:hover {
text-decoration-color: inherit;
}
@media (min-width: 1200px) {
.footer-inner .right .ft-large-search-container .ft-privacy-container ul li a {
margin-bottom: 0;
margin-right: 80px;
}
}
.footer-inner .right .ft-large-search-container .ft-privacy-container ul li:last-child a {
margin-bottom: 0;
}
.footer-inner .right .ft-contact-container {
padding: 0 36px;
margin-top: 64px;
text-align: center;
display: grid;
grid-template-columns: 100%;
gap: 50px;
}
@media (min-width: 900px) {
.footer-inner .right .ft-contact-container {
display: flex;
justify-content: center;
align-items: center;
text-align: left;
justify-content: space-between;
}
}
@media (min-width: 1200px) {
.footer-inner .right .ft-contact-container {
margin-top: 0;
padding: 0 0 22px 0;
border-bottom: 1px solid #869298;
}
}
@media (min-width: 1600px) {
.footer-inner .right .ft-contact-container {
padding: 0 0 35px 0;
}
}
.footer-inner .right .ft-contact-container span.label {
display: block;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.18;
}
.footer-inner .right .ft-contact-container a.link-contact {
font-size: 28px;
font-size: 2.8rem;
line-height: 1.2;
color: #FFFFFF;
display: block;
overflow: hidden;
transition: all 0.3s ease-in-out;
text-decoration: underline;
text-decoration-color: transparent;
text-underline-offset: 5px;
}
.footer-inner .right .ft-contact-container a.link-contact:hover {
text-decoration-color: inherit;
}
@media (min-width: 420px) {
.footer-inner .right .ft-contact-container a.link-contact {
font-size: 35px;
font-size: 3.5rem;
}
}
@media (min-width: 1200px) {
.footer-inner .right .ft-contact-container a.link-contact {
font-size: 30px;
font-size: 3rem;
}
}
.footer-inner .right .ft-info-container {
padding: 0 36px;
margin-top: 58px;
}
@media (min-width: 1200px) {
.footer-inner .right .ft-info-container {
display: none;
}
}
.footer-inner .right .ft-info-container hr {
width: 100%;
height: 1px;
background: #FFFFFF;
margin-bottom: 47px;
}
.footer-inner .right .ft-info-container .ft-info {
display: grid;
grid-template-columns: 100%;
gap: 36px;
text-align: center;
display: none;
}
@media (min-width: 1200px) {
.footer-inner .right .ft-info-container .ft-info {
display: flex;
justify-content: center;
align-items: center;
display: none;
text-align: left;
justify-content: space-between;
}
}
.footer-inner .right .ft-info-container p {
font-size: 16px;
font-size: 1.6rem;
}
@media (min-width: 1600px) {
.footer-inner .right .ft-info-container {
padding: 0;
}
}
.footer-inner .right .ft-industry-container {
text-align: center;
margin-top: 55px;
}
@media (min-width: 900px) {
.footer-inner .right .ft-industry-container {
text-align: left;
}
}
@media (min-width: 1200px) {
.footer-inner .right .ft-industry-container {
margin-top: 27px;
}
}
@media (min-width: 1600px) {
.footer-inner .right .ft-industry-container {
margin-top: 35px;
}
}
.footer-inner .right .ft-industry-container span.label {
display: block;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.25;
color: #929CA3;
margin-bottom: 26px;
}
@media (min-width: 1200px) {
.footer-inner .right .ft-industry-container span.label {
margin-bottom: 31px;
color: #FFFFFF;
}
}
.footer-inner .right .ft-industry-container .link-container a.link-sitemap {
text-decoration: none;
color: inherit;
display: block;
transition: all 0.3s ease-in-out;
text-decoration: underline;
text-decoration-color: transparent;
text-underline-offset: 5px;
}
.footer-inner .right .ft-industry-container .link-container a.link-sitemap:hover {
text-decoration-color: inherit;
}
.footer-inner .right .ft-technology-container {
text-align: center;
margin-top: 55px;
}
@media (min-width: 900px) {
.footer-inner .right .ft-technology-container {
text-align: left;
grid-column: auto/span 2;
}
}
@media (min-width: 1200px) {
.footer-inner .right .ft-technology-container {
margin-top: 27px;
grid-column: auto/span 1;
}
}
@media (min-width: 1600px) {
.footer-inner .right .ft-technology-container {
margin-top: 35px;
}
}
.footer-inner .right .ft-technology-container span.label {
display: block;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.25;
color: #929CA3;
margin-bottom: 26px;
}
@media (min-width: 1200px) {
.footer-inner .right .ft-technology-container span.label {
margin-bottom: 31px;
color: #FFFFFF;
}
}
@media (min-width: 900px) {
.footer-inner .right .ft-technology-container .link-container {
display: grid;
grid-template-columns: 100%;
grid-template-columns: auto auto;
justify-content: flex-start;
gap: 0 45px;
}
}
@media (min-width: 1200px) {
.footer-inner .right .ft-technology-container .link-container {
grid-template-columns: auto auto;
gap: 0 55px;
}
}
.footer-inner .right .ft-technology-container .link-container a.link-sitemap {
text-decoration: none;
color: inherit;
display: block;
transition: all 0.3s ease-in-out;
text-decoration: underline;
text-decoration-color: transparent;
text-underline-offset: 5px;
}
.footer-inner .right .ft-technology-container .link-container a.link-sitemap:hover {
text-decoration-color: inherit;
}
@media (min-width: 1200px) {
.footer-inner .right .ft-technology-container .link-container a.link-sitemap:nth-of-type(even) {
text-align: left;
}
}
.footer-inner .right .ft-menu-container {
text-align: center;
margin-top: 55px;
}
@media (min-width: 900px) {
.footer-inner .right .ft-menu-container {
text-align: left;
}
}
@media (min-width: 1200px) {
.footer-inner .right .ft-menu-container {
grid-column: auto/span 2;
}
}
@media (min-width: 1600px) {
.footer-inner .right .ft-menu-container {
grid-column: auto/span 1;
margin-top: 27px;
}
}
@media (min-width: 900px) {
.footer-inner .right .ft-menu-container ul {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
}
@media (min-width: 1600px) {
.footer-inner .right .ft-menu-container ul {
flex-direction: column;
text-align: right;
align-items: flex-end;
justify-content: center;
}
}
.footer-inner .right .ft-menu-container ul li a {
text-decoration: none;
display: block;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.25;
color: #929CA3;
margin-bottom: 16px;
transition: all 0.3s ease-in-out;
text-decoration: underline;
text-decoration-color: transparent;
text-underline-offset: 5px;
}
.footer-inner .right .ft-menu-container ul li a:hover {
text-decoration-color: inherit;
}
.footer-inner .right .ft-menu-container ul li:last-child a {
margin-bottom: 0;
}
@media (min-width: 900px) {
.footer-inner .right .ft-menu-container ul li:last-child a {
margin-bottom: 16px;
}
}
@media (min-width: 1200px) {
.footer-inner .bottom {
grid-column: auto/span 2;
border-top: 1px solid #869298;
padding-top: 30px;
display: flex;
justify-content: center;
align-items: center;
justify-content: space-between;
}
}
@media (min-width: 1600px) {
.footer-inner .bottom {
justify-content: flex-end;
}
}
.footer-inner .bottom .ft-search-container {
padding: 0 36px;
margin-top: 78px;
display: grid;
grid-template-columns: 100%;
grid-template-columns: 1fr 48px;
gap: 0 20px;
margin-bottom: 60px;
}
@media (min-width: 1200px) {
.footer-inner .bottom .ft-search-container {
display: none;
}
}
.footer-inner .bottom .ft-search-container hr {
width: 100%;
height: 1px;
background: #FFFFFF;
margin-bottom: 47px;
grid-column: auto/span 2;
}
.footer-inner .bottom .ft-search-container .search-container {
border: 1px solid #869298;
border-radius: 36px;
}
.footer-inner .bottom .ft-search-container .search-container form {
height: 48px;
}
.footer-inner .bottom .ft-search-container .search-container form .form-items {
display: flex;
justify-content: center;
align-items: center;
justify-content: space-between;
height: 100%;
padding: 0 24px;
}
.footer-inner .bottom .ft-search-container .search-container form input {
background: transparent;
border: none;
color: #F2EFE9;
outline: none;
font-size: 16px;
font-size: 1.6rem;
}
.footer-inner .bottom .ft-search-container .search-container form input::placeholder {
color: #F2EFE9;
}
.footer-inner .bottom .ft-search-container .search-container form button {
background: none;
border: none;
}
.footer-inner .bottom .ft-search-container .search-container form button svg {
display: block;
width: 18px;
height: auto;
}
.footer-inner .bottom .ft-search-container .lang-container button {
background: transparent;
border: 1px solid #869298;
border-radius: 50%;
color: #F2EFE9;
width: 48px;
height: 48px;
font-size: 16px;
font-size: 1.6rem;
display: none;
}
.footer-inner .bottom .ft-search-container .lang-container .wpml-ls-legacy-dropdown-click ul li {
width: fit-content;
color: #F2EFE9;
font-size: 16px;
font-size: 1.6rem;
display: flex;
justify-content: center;
align-items: center;
}
.footer-inner .bottom .ft-search-container .lang-container .wpml-ls-legacy-dropdown-click ul li.wpml-ls-current-language:hover a.js-wpml-ls-item-toggle {
background: transparent;
border: 1px solid #869298;
color: #F2EFE9;
}
.footer-inner .bottom .ft-search-container .lang-container .wpml-ls-legacy-dropdown-click ul li a {
color: #F2EFE9;
text-decoration: none;
line-height: 1;
}
.footer-inner .bottom .ft-search-container .lang-container .wpml-ls-legacy-dropdown-click ul li a span {
line-height: 1;
width: 100%;
}
.footer-inner .bottom .ft-search-container .lang-container .wpml-ls-legacy-dropdown-click ul li a.js-wpml-ls-item-toggle {
background: transparent;
border: 1px solid #869298;
border-radius: 50%;
color: #F2EFE9;
width: 48px;
height: 48px;
font-size: 16px;
font-size: 1.6rem;
display: flex;
justify-content: center;
align-items: center;
justify-content: center;
align-items: center;
text-align: center;
padding: 0;
}
.footer-inner .bottom .ft-search-container .lang-container .wpml-ls-legacy-dropdown-click ul li a.js-wpml-ls-item-toggle::after {
content: "";
display: none;
}
.footer-inner .bottom .ft-search-container .lang-container .wpml-ls-legacy-dropdown-click ul li .js-wpml-ls-sub-menu {
top: unset !important;
bottom: 100% !important;
border: none !important;
transition: all 0.3s ease-in-out;
}
.footer-inner .bottom .ft-search-container .lang-container .wpml-ls-legacy-dropdown-click ul li .js-wpml-ls-sub-menu li {
margin-bottom: 10px;
}
.footer-inner .bottom .ft-search-container .lang-container .wpml-ls-legacy-dropdown-click ul li .js-wpml-ls-sub-menu li a {
background: #869298;
border: 1px solid #869298;
border-radius: 50%;
color: #090015;
width: 48px;
height: 48px;
font-size: 16px;
font-size: 1.6rem;
display: flex;
justify-content: center;
align-items: center;
justify-content: center;
align-items: center;
text-align: center;
padding: 0;
transition: all 0.3s ease-in-out;
}
.footer-inner .bottom .ft-search-container .lang-container .wpml-ls-legacy-dropdown-click ul li .js-wpml-ls-sub-menu li a:hover {
background: #05000F;
border: 1px solid #869298;
color: #FFFFFF;
}
.footer-inner .bottom .ft-socials-container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
@media (min-width: 1200px) {
.footer-inner .bottom .ft-socials-container {
display: none;
}
}
.footer-inner .bottom .ft-socials-container span.label {
display: inline-block;
font-size: 20px;
font-size: 2rem;
line-height: 1;
margin: 0 16px 0 0;
}
.footer-inner .bottom .ft-socials-container .socials {
display: flex;
justify-content: center;
align-items: center;
}
.footer-inner .bottom .ft-socials-container .socials a.link-social {
display: inline-block;
margin-right: 10px;
width: 29px;
height: 29px;
}
@media (min-width: 1200px) {
.footer-inner .bottom .ft-socials-container .socials a.link-social {
height: 40px;
width: 40px;
}
}
.footer-inner .bottom .ft-privacy-container {
text-align: center;
margin-top: 26px;
margin-bottom: 100px;
}
@media (min-width: 1200px) {
.footer-inner .bottom .ft-privacy-container {
margin-top: 0;
margin-bottom: 0;
}
}
@media (min-width: 1600px) {
.footer-inner .bottom .ft-privacy-container {
display: none;
}
}
@media (min-width: 1200px) {
.footer-inner .bottom .ft-privacy-container ul {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
}
}
.footer-inner .bottom .ft-privacy-container ul li a {
text-decoration: none;
display: block;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.25;
color: #929CA3;
margin-bottom: 26px;
transition: all 0.3s ease-in-out;
text-decoration: underline;
text-decoration-color: transparent;
text-underline-offset: 5px;
}
.footer-inner .bottom .ft-privacy-container ul li a:hover {
text-decoration-color: inherit;
}
@media (min-width: 1200px) {
.footer-inner .bottom .ft-privacy-container ul li a {
margin-bottom: 0;
margin-right: 80px;
}
}
.footer-inner .bottom .ft-privacy-container ul li:last-child a {
margin-bottom: 0;
}
.footer-inner .bottom .ft-vat-container {
display: none;
}
@media (min-width: 1200px) {
.footer-inner .bottom .ft-vat-container {
display: block;
}
}
.footer-inner .bottom .ft-vat-container p {
color: #929CA3;
}
.footer-inner .bottom .ft-address-container {
display: none;
}
@media (min-width: 1200px) {
.footer-inner .bottom .ft-address-container {
display: block;
text-align: right;
}
}
@media (min-width: 1600px) {
.footer-inner .bottom .ft-address-container {
margin-left: 80px;
}
}
.footer-inner .bottom .ft-address-container p {
color: #929CA3;
}
.footer-inner .ft-scroll-container-desktop {
display: none;
position: absolute;
top: 52px;
right: 137px;
}
@media (min-width: 1200px) {
.footer-inner .ft-scroll-container-desktop {
display: block;
}
}
.footer-inner .ft-scroll-container-desktop button {
transform: rotate(180deg);
}
header {
position: absolute;
z-index: 99;
inset: 0;
width: 100%;
background-color: #090015;
height: fit-content;
transition: all 0.5s ease-in-out;
}
header.fixed {
position: fixed;
}
header.nav-up {
transform: translateY(-100%);
}
.header-max {
max-width: 1932px;
margin: 0 auto;
}
.header-inner {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 1fr 53px;
gap: 0;
padding: 24px 15px 28px 15px;
}
@media (min-width: 600px) {
.header-inner {
grid-template-columns: 175px 1fr;
}
}
@media (min-width: 1200px) {
.header-inner {
padding: 28px 120px;
}
}
@media (min-width: 1600px) {
.header-inner {
padding: 28px 140px;
grid-template-columns: 175px 1fr 275px;
gap: 32px;
align-items: center;
}
}
.header-inner .left {
margin-bottom: 6px;
}
.header-inner .left a.link-empty {
display: flex;
justify-content: center;
align-items: center;
justify-content: start;
}
@media (min-width: 600px) {
.header-inner .left a.link-empty {
justify-content: start;
}
}
.header-inner .left .icon {
margin-right: 10px;
}
.header-inner .left img {
display: block;
width: 100%;
height: auto;
height: 42.5px;
width: auto;
}
.header-inner .middle {
display: none;
--count: var(--count);
}
@media (min-width: 1600px) {
.header-inner .middle {
display: block;
}
}
.header-inner .middle .wrap-menu-container ul {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
align-items: flex-start;
}
.header-inner .middle .wrap-menu-container ul li {
margin-bottom: 18px;
}
.header-inner .middle .wrap-menu-container ul li.menu-item-has-children {
position: relative;
}
.header-inner .middle .wrap-menu-container ul li.menu-item-has-children > a {
margin-right: 0;
}
.header-inner .middle .wrap-menu-container ul li.menu-item-has-children > a + button {
background: transparent;
color: #CE321A;
border: none;
visibility: visible;
display: inline-block;
margin-left: 2px;
font-size: 16px;
font-size: 1.6rem;
}
.header-inner .middle .wrap-menu-container ul li.menu-item-has-children > a + button span {
display: block;
transform: rotate(90deg);
transition: all 0.3s ease-in-out;
}
.header-inner .middle .wrap-menu-container ul li.menu-item-has-children:hover ul.sub-menu {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.header-inner .middle .wrap-menu-container ul li.menu-item-has-children ul.sub-menu {
background: #090015;
padding-bottom: 18px;
position: absolute;
display: none;
width: fit-content;
}
.header-inner .middle .wrap-menu-container ul li.menu-item-has-children ul.sub-menu li {
padding-top: 18px;
width: 100%;
margin-bottom: 0;
}
.header-inner .middle .wrap-menu-container ul li.menu-item-has-children ul.sub-menu li:first-of-type {
margin-top: 0;
}
.header-inner .middle .wrap-menu-container ul li.menu-item-has-children ul.sub-menu li a {
white-space: nowrap;
width: 100%;
}
.header-inner .middle .wrap-menu-container ul li a {
text-decoration: none;
color: #FFFFFF;
font-size: calc(100px / var(--count));
font-size: calc(10rem / var(--count));
font-family: pp-medium, sans-serif;
font-weight: 500;
line-height: 1.2;
margin: 0 18px;
}
@media (min-width: 1900px) {
.header-inner .middle .wrap-menu-container ul li a {
font-size: calc(120px / var(--count));
font-size: calc(12rem / var(--count));
}
}
.header-inner .middle .wrap-menu-container ul li a + button {
display: none;
visibility: hidden;
}
@media (min-width: 600px) {
.header-inner .right {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 1fr 48px 51px;
align-items: center;
gap: 18px;
}
}
@media (min-width: 1600px) {
.header-inner .right {
grid-template-columns: 1fr 48px;
}
}
.header-inner .right .search-container {
display: none;
border: 1px solid #869298;
border-radius: 36px;
max-width: 250px;
margin: 0 0 0 auto;
}
@media (min-width: 600px) {
.header-inner .right .search-container {
display: block;
}
}
@media (min-width: 1600px) {
.header-inner .right .search-container {
max-width: 200px;
}
}
.header-inner .right .search-container form {
height: 48px;
}
.header-inner .right .search-container form .form-items {
display: flex;
justify-content: center;
align-items: center;
justify-content: space-between;
height: 100%;
padding: 0 24px;
}
.header-inner .right .search-container form input {
background: transparent;
border: none;
color: #F2EFE9;
outline: none;
font-size: 16px;
font-size: 1.6rem;
width: calc(100% - 24px);
}
@media (min-width: 1600px) {
.header-inner .right .search-container form input {
max-width: 89%;
}
}
.header-inner .right .search-container form input::placeholder {
color: #F2EFE9;
}
.header-inner .right .search-container form button {
background: none;
border: none;
width: 24px;
}
.header-inner .right .search-container form button svg {
display: block;
width: 18px;
height: auto;
}
.header-inner .right .lang-container {
display: none; }
@media (min-width: 600px) {
.header-inner .right .lang-container {
display: flex;
justify-content: center;
align-items: center;
}
}
.header-inner .right .lang-container .wpml-ls-legacy-dropdown-click ul li {
width: fit-content;
color: #F2EFE9;
font-size: 16px;
font-size: 1.6rem;
display: flex;
justify-content: center;
align-items: center;
}
.header-inner .right .lang-container .wpml-ls-legacy-dropdown-click ul li.wpml-ls-current-language:hover a.js-wpml-ls-item-toggle {
background: transparent;
border: 1px solid #869298;
color: #F2EFE9;
}
.header-inner .right .lang-container .wpml-ls-legacy-dropdown-click ul li a {
color: #F2EFE9;
text-decoration: none;
line-height: 1;
}
.header-inner .right .lang-container .wpml-ls-legacy-dropdown-click ul li a span {
line-height: 1;
width: 100%;
}
.header-inner .right .lang-container .wpml-ls-legacy-dropdown-click ul li a.js-wpml-ls-item-toggle {
background: transparent;
border: 1px solid #869298;
border-radius: 50%;
color: #F2EFE9;
width: 48px;
height: 48px;
font-size: 16px;
font-size: 1.6rem;
display: flex;
justify-content: center;
align-items: center;
justify-content: center;
align-items: center;
text-align: center;
padding: 0;
}
.header-inner .right .lang-container .wpml-ls-legacy-dropdown-click ul li a.js-wpml-ls-item-toggle::after {
content: "";
display: none;
}
.header-inner .right .lang-container .wpml-ls-legacy-dropdown-click ul li .js-wpml-ls-sub-menu {
border: none !important;
transition: all 0.3s ease-in-out;
}
.header-inner .right .lang-container .wpml-ls-legacy-dropdown-click ul li .js-wpml-ls-sub-menu li {
margin-top: 10px;
}
.header-inner .right .lang-container .wpml-ls-legacy-dropdown-click ul li .js-wpml-ls-sub-menu li a {
background: #869298;
border: 1px solid #869298;
border-radius: 50%;
color: #090015;
width: 48px;
height: 48px;
font-size: 16px;
font-size: 1.6rem;
display: flex;
justify-content: center;
align-items: center;
justify-content: center;
align-items: center;
text-align: center;
padding: 0;
transition: all 0.3s ease-in-out;
}
.header-inner .right .lang-container .wpml-ls-legacy-dropdown-click ul li .js-wpml-ls-sub-menu li a:hover {
background: #05000F;
border: 1px solid #869298;
color: #FFFFFF;
}
.header-inner .right button#menu-nav {
border: none;
background: transparent;
display: block;
width: 100%;
cursor: pointer;
position: relative;
height: 40px;
max-width: 51px;
}
@media (min-width: 600px) {
.header-inner .right button#menu-nav {
margin-top: 12px;
}
}
@media (min-width: 1600px) {
.header-inner .right button#menu-nav {
display: none;
}
}
.header-inner .right button#menu-nav.open span:nth-of-type(1) {
width: 0;
}
.header-inner .right button#menu-nav.open span:nth-of-type(2) {
transform: rotate(36deg);
}
.header-inner .right button#menu-nav.open span:nth-of-type(3) {
transform: rotate(-36deg);
}
.header-inner .right button#menu-nav.open span:nth-of-type(4) {
width: 0;
}
.header-inner .right button#menu-nav span {
width: 100%;
height: 4px;
border-radius: 50px;
background: #FAFAFA;
display: block;
position: absolute;
left: 0;
transition: all 0.3s ease-in-out;
}
.header-inner .right button#menu-nav span:nth-of-type(1) {
top: 0;
}
.header-inner .right button#menu-nav span:nth-of-type(2) {
top: 12px;
}
.header-inner .right button#menu-nav span:nth-of-type(3) {
top: 12px;
}
.header-inner .right button#menu-nav span:last-of-type {
top: 24px;
}
#site-navigation {
--header: 100px;
position: fixed;
background: #090015;
transform: translateX(-100%);
transition: all 0.3s ease;
margin: 0;
top: var(--header);
bottom: 0;
left: 0;
width: 100%;
z-index: 10;
overflow-y: auto;
}
#site-navigation::-webkit-scrollbar {
width: 10px; height: 10px; }
#site-navigation::-webkit-scrollbar-thumb { background: #CE321A;
border-radius: 15px;
transition: all 0.3s ease-in-out;
}
#site-navigation::-webkit-scrollbar-thumb:hover {
background: #CE321A;
}
#site-navigation::-webkit-scrollbar-track { background: #929CA3;
border-radius: 15px;
}
#site-navigation.active {
transform: translateX(0);
}
#site-navigation .slide-navigation-inner {
height: fit-content;
padding-left: 28px;
padding-right: 28px;
padding-top: 30px;
padding-bottom: 95px; }
@media (min-width: 420px) {
#site-navigation .slide-navigation-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
#site-navigation .slide-navigation-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
#site-navigation .slide-navigation-inner {
padding-left: 140px;
padding-right: 140px;
}
}
#site-navigation .slide-navigation-inner .slide-wrap-menu-container ul {
display: grid;
grid-template-columns: 100%;
gap: 18px;
}
@media (min-width: 1200px) {
#site-navigation .slide-navigation-inner .slide-wrap-menu-container ul {
gap: 32px;
}
}
#site-navigation .slide-navigation-inner .slide-wrap-menu-container ul li.menu-item-has-children > a + button {
background: transparent;
color: #CE321A;
border: none;
visibility: visible;
display: inline-block;
margin-left: 30px;
font-size: 24px;
font-size: 2.4rem;
cursor: pointer;
}
#site-navigation .slide-navigation-inner .slide-wrap-menu-container ul li.menu-item-has-children > a + button.open span {
display: block;
transform: rotate(90deg);
transition: all 0.3s ease-in-out;
}
#site-navigation .slide-navigation-inner .slide-wrap-menu-container ul li.menu-item-has-children ul.sub-menu {
display: none;
margin-top: 18px;
margin-left: 18px;
}
@media (min-width: 1200px) {
#site-navigation .slide-navigation-inner .slide-wrap-menu-container ul li.menu-item-has-children ul.sub-menu {
margin-top: 32px;
}
}
#site-navigation .slide-navigation-inner .slide-wrap-menu-container ul li.menu-item-has-children ul.sub-menu li {
margin-top: 18px;
}
@media (min-width: 1200px) {
#site-navigation .slide-navigation-inner .slide-wrap-menu-container ul li.menu-item-has-children ul.sub-menu li {
margin-top: 32px;
}
}
#site-navigation .slide-navigation-inner .slide-wrap-menu-container ul li.menu-item-has-children ul.sub-menu li:first-of-type {
margin-top: 0;
}
#site-navigation .slide-navigation-inner .slide-wrap-menu-container ul li a {
text-decoration: none;
color: #FFFFFF;
font-size: 24px;
font-size: 2.4rem;
font-family: pp-medium, sans-serif;
font-weight: 500;
line-height: 1.2;
}
@media (min-width: 600px) {
#site-navigation .slide-navigation-inner .slide-wrap-menu-container ul li a {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 1200px) {
#site-navigation .slide-navigation-inner .slide-wrap-menu-container ul li a {
font-size: 38px;
font-size: 3.8rem;
}
}
#site-navigation .slide-navigation-inner .slide-wrap-menu-container ul li a + button {
display: none;
visibility: hidden;
}
#site-navigation .slide-navigation-inner .search-container {
border: 1px solid #869298;
border-radius: 36px;
max-width: 250px;
margin: 45px auto 0 auto;
}
@media (min-width: 600px) {
#site-navigation .slide-navigation-inner .search-container {
display: none;
}
}
#site-navigation .slide-navigation-inner .search-container form {
height: 48px;
}
#site-navigation .slide-navigation-inner .search-container form .form-items {
display: flex;
justify-content: center;
align-items: center;
justify-content: space-between;
height: 100%;
padding: 0 24px;
}
#site-navigation .slide-navigation-inner .search-container form input {
background: transparent;
border: none;
color: #F2EFE9;
outline: none;
font-size: 16px;
font-size: 1.6rem;
width: calc(100% - 24px);
}
#site-navigation .slide-navigation-inner .search-container form input::placeholder {
color: #F2EFE9;
}
#site-navigation .slide-navigation-inner .search-container form button {
background: none;
border: none;
width: 24px;
}
#site-navigation .slide-navigation-inner .search-container form button svg {
display: block;
width: 18px;
height: auto;
}
#site-navigation .slide-navigation-inner .lang-container {
margin-top: 45px;
display: flex;
justify-content: center;
align-items: center;
}
@media (min-width: 600px) {
#site-navigation .slide-navigation-inner .lang-container {
display: none;
}
}
#site-navigation .slide-navigation-inner .lang-container .wpml-ls-current-language {
display: none;
}
#site-navigation .slide-navigation-inner .lang-container a {
color: #FFFFFF;
text-decoration: none;
font-size: 18px;
font-size: 1.8rem;
text-transform: uppercase;
border: 1px solid #FFFFFF;
margin: 0 15px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
height: 48px;
width: 48px;
}
section.ft-newsletter-signup {
background: #CC241D;
position: relative;
}
section.ft-newsletter-signup .ft-image-outer {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
@media (min-width: 1200px) {
section.ft-newsletter-signup .ft-image-outer[data-size=mobile] {
display: none;
}
}
@media (min-width: 1200px) {
section.ft-newsletter-signup .ft-image-outer[data-size=desktop] {
display: block;
}
}
section.ft-newsletter-signup .ft-image-outer img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.5;
}
div.ft-newsletter-signup-inner {
display: grid;
grid-template-columns: 100%;
gap: 46px;
padding: 89px 25px;
position: relative;
z-index: 2;
}
@media (min-width: 1200px) {
div.ft-newsletter-signup-inner {
padding: 78px 120px;
gap: 15px;
}
}
@media (min-width: 1600px) {
div.ft-newsletter-signup-inner {
grid-template-columns: minmax(30%, 652px) 1fr;
gap: 74px;
padding: 120px 120px;
}
}
@media (min-width: 1932px) {
div.ft-newsletter-signup-inner {
padding-left: 140px;
padding-right: 140px;
}
}
div.ft-newsletter-signup-inner .left h1, div.ft-newsletter-signup-inner .left h2 {
color: #090015;
font-size: 45px;
font-size: 4.5rem;
font-family: pp-regular, sans-serif;
font-weight: 400;
}
@media (min-width: 900px) {
div.ft-newsletter-signup-inner .left h1, div.ft-newsletter-signup-inner .left h2 {
font-size: 47px;
font-size: 4.7rem;
}
}
@media (min-width: 1200px) {
div.ft-newsletter-signup-inner .left h1, div.ft-newsletter-signup-inner .left h2 {
max-width: unset;
}
}
div.ft-newsletter-signup-inner .left h1 span, div.ft-newsletter-signup-inner .left h2 span {
color: #F2EFE9;
}
div.ft-newsletter-signup-inner .left .custom-text {
margin-top: 20px;
}
div.ft-newsletter-signup-inner .right .ft-form-container .gform_wrapper { }
div.ft-newsletter-signup-inner .right .ft-form-container .gform_wrapper .gfield_label {
color: #090015;
margin-bottom: 0;
margin-top: 12px;
}
div.ft-newsletter-signup-inner .right .ft-form-container .gform_wrapper .gfield_label + .ginput_container {
margin-top: -2px;
}
@media (min-width: 1200px) {
div.ft-newsletter-signup-inner .right .ft-form-container .gform_wrapper .gform_body .gfield input[type=text], div.ft-newsletter-signup-inner .right .ft-form-container .gform_wrapper .gform_body .gfield input[type=email] {
padding-bottom: 11px !important;
}
}
@media (min-width: 1600px) {
div.ft-newsletter-signup-inner .right .ft-form-container .gform_wrapper .gform_body .gfield input[type=text], div.ft-newsletter-signup-inner .right .ft-form-container .gform_wrapper .gform_body .gfield input[type=email] {
padding-bottom: 11px !important;
}
}
div.ft-newsletter-signup-inner .right .ft-form-container .gform_wrapper .ginput_container_consent * {
color: #090015;
}
div.ft-newsletter-signup-inner .right .ft-form-container .gform_wrapper .ginput_container_consent label::before {
border-color: #090015;
}
div.ft-newsletter-signup-inner .right .ft-form-container .gform_wrapper .ginput_container_consent label::after {
background: #090015;
}
div.ft-newsletter-signup-inner .right .ft-form-container .gform_wrapper input[type=submit], div.ft-newsletter-signup-inner .right .ft-form-container .gform_wrapper button.gform_button {
background: #090015;
color: #FFFFFF;
border: #090015;
margin: 0;
}
div.ft-newsletter-signup-inner .right .ft-form-container .gform_wrapper input[type=submit] span.icon, div.ft-newsletter-signup-inner .right .ft-form-container .gform_wrapper button.gform_button span.icon {
color: #FFFFFF;
margin-left: 11px;
}
div.ft-newsletter-signup-inner .right .ft-form-container .gform_wrapper .gform_footer {
margin: 0;
padding: 0;
}
section.f-hero {
position: relative;
height: fit-content;
}
section.f-hero .f-image-outer {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@supports (inset: 0) {
section.f-hero .f-image-outer {
inset: 0;
}
}
section.f-hero .f-image-outer img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
section.f-hero .f-image-outer .layer {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@supports (inset: 0) {
section.f-hero .f-image-outer .layer {
inset: 0;
}
}
@media (min-width: 1600px) {
div.f-hero-inner .left .f-breadcrumb-container a, div.f-hero-inner .top .f-breadcrumb-container a {
font-size: 24px;
font-size: 2.4rem;
}
}
div.f-hero-inner .left .f-tagline-container span, div.f-hero-inner .top .f-tagline-container span {
font-size: 20px;
font-size: 2rem;
display: block;
}
@media (min-width: 1600px) {
div.f-hero-inner .left .f-tagline-container span, div.f-hero-inner .top .f-tagline-container span {
font-size: 24px;
font-size: 2.4rem;
}
}
@media (min-width: 1200px) {
div.f-hero-inner .left h1, div.f-hero-inner .left h2, div.f-hero-inner .top h1, div.f-hero-inner .top h2 {
font-size: 70px;
font-size: 7rem;
line-height: 1.14;
}
}
@media (min-width: 1200px) {
div.f-hero-inner .left h1, div.f-hero-inner .left h2, div.f-hero-inner .top h1, div.f-hero-inner .top h2 {
font-size: 100px;
font-size: 10rem;
line-height: 1.1;
}
}
@media (min-width: 1200px) {
div.f-hero-inner .right .custom-text, div.f-hero-inner .left .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 1600px) {
div.f-hero-inner .right .custom-text, div.f-hero-inner .left .custom-text {
font-size: 20px;
font-size: 2rem;
max-width: 395px;
}
}
div.f-hero-inner[data-type=spaced] {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 100%;
gap: 100px;
padding-left: 28px;
padding-right: 28px;
padding-top: 62px;
padding-bottom: 31px;
}
@media (min-width: 420px) {
div.f-hero-inner[data-type=spaced] {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.f-hero-inner[data-type=spaced] {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-hero-inner[data-type=spaced] {
padding-left: 140px;
padding-right: 140px;
}
}
@media (min-width: 900px) {
div.f-hero-inner[data-type=spaced] {
grid-template-columns: 1fr minmax(auto, 300px);
gap: 38px 100px;
}
}
@media (min-width: 1600px) {
div.f-hero-inner[data-type=spaced] {
gap: 0 150px;
}
}
div.f-hero-inner[data-type=spaced] .left {
text-align: center;
}
@media (min-width: 900px) {
div.f-hero-inner[data-type=spaced] .left {
text-align: left;
grid-column: auto/span 1;
}
}
div.f-hero-inner[data-type=spaced] .left .f-breadcrumb-container {
margin-bottom: 20px;
}
@media (min-width: 1200px) {
div.f-hero-inner[data-type=spaced] .left .f-breadcrumb-container {
margin-bottom: 25px;
}
}
div.f-hero-inner[data-type=spaced] .left .f-tagline-container {
margin-bottom: 15px;
}
@media (min-width: 1200px) {
div.f-hero-inner[data-type=spaced] .left .f-tagline-container {
margin-bottom: 15px;
}
}
div.f-hero-inner[data-type=spaced] .left .f-tagline-container span.tagline {
color: #929CA3;
}
div.f-hero-inner[data-type=spaced] .left h1, div.f-hero-inner[data-type=spaced] .left h2 {
line-height: 1;
}
div.f-hero-inner[data-type=spaced] .left .custom-text {
text-align: center;
max-width: 500px;
margin: 20px auto 0 auto;
}
@media (min-width: 900px) {
div.f-hero-inner[data-type=spaced] .left .custom-text {
margin: 37px 0 0 0;
text-align: left;
}
}
@media (min-width: 900px) {
div.f-hero-inner[data-type=spaced] .right {
grid-column: auto/span 1;
}
}
div.f-hero-inner[data-type=spaced] .right .f-link-container {
margin-top: 20px;
display: flex;
justify-content: center;
align-items: center;
}
@media (min-width: 900px) {
div.f-hero-inner[data-type=spaced] .right .f-link-container {
justify-content: flex-end;
margin-top: 0;
}
}
div.f-hero-inner[data-type=centered] {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 100%;
gap: 20px;
padding-left: 28px;
padding-right: 28px;
padding-top: 62px;
padding-bottom: 31px;
}
@media (min-width: 420px) {
div.f-hero-inner[data-type=centered] {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.f-hero-inner[data-type=centered] {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-hero-inner[data-type=centered] {
padding-left: 140px;
padding-right: 140px;
}
}
@media (min-width: 1200px) {
div.f-hero-inner[data-type=centered] .top {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 48% 1fr;
}
}
div.f-hero-inner[data-type=centered] .top .f-breadcrumb-container {
margin-bottom: 20px;
text-align: center;
}
@media (min-width: 1200px) {
div.f-hero-inner[data-type=centered] .top .f-breadcrumb-container {
margin-bottom: 25px;
text-align: left;
}
}
div.f-hero-inner[data-type=centered] .top .f-tagline-container {
text-align: center;
}
@media (min-width: 1200px) {
div.f-hero-inner[data-type=centered] .top .f-tagline-container {
text-align: left;
}
}
div.f-hero-inner[data-type=centered] .top .f-tagline-container span.tagline {
color: #929CA3;
}
div.f-hero-inner[data-type=centered] .bottom .left h1, div.f-hero-inner[data-type=centered] .bottom .left h2 {
text-align: center;
margin-bottom: 30px;
}
@media (min-width: 900px) {
div.f-hero-inner[data-type=centered] .bottom .left h1, div.f-hero-inner[data-type=centered] .bottom .left h2 {
max-width: 70%;
margin: 0 auto 30px auto;
}
}
@media (min-width: 1200px) {
div.f-hero-inner[data-type=centered] .bottom .left h1, div.f-hero-inner[data-type=centered] .bottom .left h2 {
line-height: 1.14;
max-width: 80%;
margin: 0 auto 54px auto;
}
}
@media (min-width: 1600px) {
div.f-hero-inner[data-type=centered] .bottom .left h1, div.f-hero-inner[data-type=centered] .bottom .left h2 {
max-width: 1090px;
}
}
div.f-hero-inner[data-type=centered] .bottom .left h1 span, div.f-hero-inner[data-type=centered] .bottom .left h2 span {
color: #CE321A;
}
div.f-hero-inner[data-type=centered] .bottom .left .custom-text {
text-align: center;
}
@media (min-width: 900px) {
div.f-hero-inner[data-type=centered] .bottom .left .custom-text {
max-width: 700px;
margin: 0 auto 0 auto;
}
}
div.f-hero-inner[data-type=centered] .bottom .right .f-link-container {
margin-top: 20px;
display: flex;
justify-content: center;
align-items: center;
}
@media (min-width: 1200px) {
div.f-hero-inner[data-type=centered] .bottom .right .f-link-container {
margin-top: 37px;
}
}
@media (min-width: 1600px) {
div.f-hero-inner[data-type=centered] .bottom .right .f-link-container {
justify-content: flex-end;
margin-top: 0;
transform: translateY(-100%);
}
}
section.f-hero-full {
--header: 122px;
padding-top: var(--header);
position: relative; min-height: min(60vh, 768px);
height: fit-content;
}
@media (min-width: 768px) {
section.f-hero-full {
min-height: min(75vh, 632px);
}
}
@media (min-width: 1600px) {
section.f-hero-full {
--header: 160px;
}
}
@media (min-width: 1900px) {
section.f-hero-full {
min-height: 60vh;
}
}
section.f-hero-full .f-image-outer {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@supports (inset: 0) {
section.f-hero-full .f-image-outer {
inset: 0;
}
}
section.f-hero-full .f-image-outer img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
section.f-hero-full .f-image-outer .layer {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@supports (inset: 0) {
section.f-hero-full .f-image-outer .layer {
inset: 0;
}
}
div.f-hero-full-inner {
text-align: center;
position: relative;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
flex: 0 0 100%;
padding-left: 28px;
padding-right: 28px;
padding-top: 62px;
padding-bottom: 31px;
padding-bottom: 62px;
}
@media (min-width: 420px) {
div.f-hero-full-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.f-hero-full-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-hero-full-inner {
padding-left: 140px;
padding-right: 140px;
}
}
div.f-hero-full-inner .f-content-container {
width: 100%;
flex: 0 0 100%;
}
@media (min-width: 1600px) {
div.f-hero-full-inner .f-content-container .bottom {
display: grid;
grid-template-columns: 100%;
align-items: end;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 191px;
grid-template-columns: 100%;
gap: 0px;
}
}
div.f-hero-full-inner span.tagline {
font-size: 18px;
font-size: 1.8rem;
display: block;
color: #929CA3;
font-family: pp-regular, sans-serif;
font-weight: 400;
margin-bottom: 20px;
overflow: hidden;
line-height: 1.2;
}
@media (min-width: 420px) {
div.f-hero-full-inner span.tagline {
font-size: 20px;
font-size: 2rem;
}
}
div.f-hero-full-inner span.tagline div {
overflow: hidden;
display: inline-block;
}
div.f-hero-full-inner h1, div.f-hero-full-inner h2 {
overflow: hidden;
font-style: normal;
font-size: 42px;
font-size: 4.2rem;
line-height: 1.15;
}
div.f-hero-full-inner h1 span, div.f-hero-full-inner h2 span {
color: #CE321A;
}
@media (min-width: 420px) {
div.f-hero-full-inner h1, div.f-hero-full-inner h2 {
font-size: 50px;
font-size: 5rem;
}
}
@media (min-width: 900px) {
div.f-hero-full-inner h1, div.f-hero-full-inner h2 {
font-size: 70px;
font-size: 7rem;
}
}
@media (min-width: 1200px) {
div.f-hero-full-inner h1, div.f-hero-full-inner h2 {
font-size: 80px;
font-size: 8rem;
}
}
@media (min-width: 1600px) {
div.f-hero-full-inner h1, div.f-hero-full-inner h2 {
font-size: 100px;
font-size: 10rem;
}
}
div.f-hero-full-inner .f-scroll-container {
position: absolute;
bottom: 36px;
}
@media (min-width: 1600px) {
div.f-hero-full-inner .f-scroll-container {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
width: 100%;
pointer-events: none;
}
}
div.f-hero-full-inner .f-scroll-container button {
pointer-events: initial;
}
div.f-hero-full-inner .f-links-container {
margin-top: 46px;
}
@media (min-width: 1200px) {
div.f-hero-full-inner .f-links-container {
max-width: 729px;
margin: 46px auto 0 auto;
}
}
@media (min-width: 1600px) {
div.f-hero-full-inner .f-links-container {
width: 100%;
}
}
div.f-hero-full-inner .f-links-container span.label, div.f-hero-full-inner .f-links-container h2.label {
font-family: pp-regular, sans-serif;
font-weight: 400;
font-size: 20px;
font-size: 2rem;
color: #929CA3;
text-align: left;
display: block;
line-height: 1.16;
margin-bottom: 26px;
}
@media (min-width: 420px) {
div.f-hero-full-inner .f-links-container span.label, div.f-hero-full-inner .f-links-container h2.label {
font-size: 24px;
font-size: 2.4rem;
}
}
div.f-hero-full-inner .f-links-container .list-container {
display: grid;
grid-template-columns: 100%;
gap: 18px;
}
@media (min-width: 1200px) {
div.f-hero-full-inner .f-links-container .list-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px 77px;
}
}
@media (min-width: 1600px) {
div.f-hero-full-inner .f-links-container .list-container {
grid-template-columns: 100%;
}
}
div.f-hero-full-inner .f-links-container .list-container a.link-list {
font-size: 20px;
font-size: 2rem;
line-height: 1.16;
}
@media (min-width: 420px) {
div.f-hero-full-inner .f-links-container .list-container a.link-list {
font-size: 24px;
font-size: 2.4rem;
}
}
div.f-hero-full-inner .f-article-container {
margin-top: 75px;
}
@media (min-width: 1200px) {
div.f-hero-full-inner .f-article-container {
max-width: 729px;
margin: 46px auto 0 auto;
}
}
@media (min-width: 1600px) {
div.f-hero-full-inner .f-article-container {
display: block;
}
}
div.f-hero-full-inner .f-article-container span.label, div.f-hero-full-inner .f-article-container h2.label {
font-family: pp-regular, sans-serif;
font-weight: 400;
font-size: 20px;
font-size: 2rem;
color: #929CA3;
text-align: center;
display: block;
line-height: 1.16;
margin-bottom: 26px;
}
@media (min-width: 420px) {
div.f-hero-full-inner .f-article-container span.label, div.f-hero-full-inner .f-article-container h2.label {
font-size: 24px;
font-size: 2.4rem;
}
}
@media (min-width: 1600px) {
div.f-hero-full-inner .f-article-container span.label, div.f-hero-full-inner .f-article-container h2.label {
text-align: left;
padding-left: 38px;
}
}
div.f-hero-full-inner .f-article-container .article {
border: 1px solid #869298;
border-radius: 36px;
padding: 22px;
}
@media (min-width: 600px) {
div.f-hero-full-inner .f-article-container .article {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 1fr auto;
gap: 30px;
padding: 25px 38px;
}
}
div.f-hero-full-inner .f-article-container .article h3 {
text-align: left;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.25;
margin-bottom: 5px;
}
div.f-hero-full-inner .f-article-container .article a.link-article {
display: block;
text-align: right;
}
div.f-hero-full-inner .split-parent {
overflow: hidden;
}
div.f-hero-full-inner .split-child, div.f-hero-full-inner .split-word {
display: inline-block;
}
div.f-banner-inner {
padding-left: 28px;
padding-right: 28px;
padding-top: 67px;
padding-bottom: 67px;
}
@media (min-width: 420px) {
div.f-banner-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.f-banner-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-banner-inner {
padding-left: 140px;
padding-right: 140px;
}
}
@media (min-width: 1200px) {
div.f-banner-inner {
padding-top: 84px;
padding-bottom: 84px;
}
}
@media (min-width: 1600px) {
div.f-banner-inner {
padding-top: 161px;
padding-bottom: 161px;
}
}
div.f-banner-inner[data-padding=full-half] {
padding-bottom: 33.5px;
}
@media (min-width: 1200px) {
div.f-banner-inner[data-padding=full-half] {
padding-bottom: 42px;
}
}
@media (min-width: 1600px) {
div.f-banner-inner[data-padding=full-half] {
padding-bottom: 80.5px;
}
}
div.f-banner-inner[data-padding=half-full] {
padding-top: 33.5px;
}
@media (min-width: 1200px) {
div.f-banner-inner[data-padding=half-full] {
padding-top: 42px;
}
}
@media (min-width: 1600px) {
div.f-banner-inner[data-padding=half-full] {
padding-top: clac(161px/2);
}
}
div.f-banner-inner[data-padding=half-half] {
padding-top: 33.5px;
padding-bottom: 33.5px;
}
@media (min-width: 1200px) {
div.f-banner-inner[data-padding=half-half] {
padding-top: 42px;
padding-bottom: 42px;
}
}
@media (min-width: 1600px) {
div.f-banner-inner[data-padding=half-half] {
padding-top: clac(161px/2);
padding-bottom: 80.5px;
}
}
div.f-banner-inner .f-border-container {
position: relative;
border-radius: 50px;
overflow: hidden;
padding: 72px 28px;
background: #090015;
}
@media (min-width: 1200px) {
div.f-banner-inner .f-border-container {
padding: 72px;
min-height: 400px;
display: flex;
justify-content: center;
align-items: center;
}
}
@media (min-width: 1600px) {
div.f-banner-inner .f-border-container {
padding: 72px 78px;
min-height: 400px;
}
}
div.f-banner-inner .f-border-container .f-image-container {
z-index: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
div.f-banner-inner .f-border-container .f-image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
div.f-banner-inner .f-border-container .f-layer-container {
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
div.f-banner-inner .f-border-container .f-content-container {
position: relative;
z-index: 2;
width: 100%;
}
div.f-banner-inner .f-border-container .f-content-container[data-type=row] .top {
text-align: center;
}
@media (min-width: 1200px) {
div.f-banner-inner .f-border-container .f-content-container[data-type=row] .top {
display: grid;
grid-template-columns: 100%;
}
}
@media (min-width: 1200px) {
div.f-banner-inner .f-border-container .f-content-container[data-type=row] .top .left h2 {
font-size: 46px;
font-size: 4.6rem;
margin-bottom: 30px;
}
}
@media (min-width: 1600px) {
div.f-banner-inner .f-border-container .f-content-container[data-type=row] .top .left h2 {
font-size: 66px;
font-size: 6.6rem;
margin-bottom: 40px;
}
}
div.f-banner-inner .f-border-container .f-content-container[data-type=row] .top .right, div.f-banner-inner .f-border-container .f-content-container[data-type=row] .top .right.left-with-tagline {
padding-top: 0;
}
div.f-banner-inner .f-border-container .f-content-container[data-type=row] .top .right .custom-text, div.f-banner-inner .f-border-container .f-content-container[data-type=row] .top .right.left-with-tagline .custom-text {
max-width: 545px;
margin: 0 auto;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
div.f-banner-inner .f-border-container .f-content-container[data-type=row] .bottom {
margin-top: 20px;
}
@media (min-width: 1200px) {
div.f-banner-inner .f-border-container .f-content-container[data-type=row] .bottom {
margin-top: 30px;
}
}
@media (min-width: 1600px) {
div.f-banner-inner .f-border-container .f-content-container[data-type=row] .bottom {
margin-top: 54px;
}
}
div.f-banner-inner .f-border-container .f-content-container[data-type=row] .bottom .f-link-container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
div.f-banner-inner .f-border-container .f-content-container[data-type=row] .bottom .f-link-container a {
margin: 10px;
}
@media (min-width: 1200px) {
div.f-banner-inner .f-border-container .f-content-container[data-type=column] .top {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 1fr 300px;
gap: 85px;
}
}
@media (min-width: 1600px) {
div.f-banner-inner .f-border-container .f-content-container[data-type=column] .top {
grid-template-columns: 1fr 400px;
}
}
@media (min-width: 1600px) {
div.f-banner-inner .f-border-container .f-content-container[data-type=column] .top .left h1, div.f-banner-inner .f-border-container .f-content-container[data-type=column] .top .left h2 {
margin: 0;
}
}
div.f-banner-inner .f-border-container .f-content-container[data-type=column] .top .right .custom-text {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.5;
}
@media (min-width: 420px) {
div.f-banner-inner .f-border-container .f-content-container[data-type=column] .top .right .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
div.f-banner-inner .f-border-container .f-content-container[data-type=column] .top .right .f-link-container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: flex-end;
margin-top: 60px;
}
div.f-banner-inner .f-border-container .f-content-container[data-type=column] .bottom {
margin-top: 20px;
}
@media (min-width: 1200px) {
div.f-banner-inner .f-border-container .f-content-container[data-type=column] .bottom {
margin-top: 138px;
}
}
@media (min-width: 1600px) {
div.f-banner-inner .f-border-container .f-content-container[data-type=column] .bottom {
margin-top: 60px;
}
}
div.f-banner-inner .f-border-container .f-content-container[data-type=column] .bottom .f-link-container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: flex-end;
}
div.f-banner-inner .f-border-container .f-content-container .top .left span.tagline {
display: block;
margin-bottom: 28px;
font-size: 20px;
font-size: 2rem;
line-height: 1.16;
color: #929CA3;
}
@media (min-width: 420px) {
div.f-banner-inner .f-border-container .f-content-container .top .left span.tagline {
font-size: 24px;
font-size: 2.4rem;
}
}
div.f-banner-inner .f-border-container .f-content-container .top .left h1, div.f-banner-inner .f-border-container .f-content-container .top .left h2 {
font-size: 30px;
font-size: 3rem;
line-height: 1.2;
margin-bottom: 20px;
}
@media (min-width: 420px) {
div.f-banner-inner .f-border-container .f-content-container .top .left h1, div.f-banner-inner .f-border-container .f-content-container .top .left h2 {
font-size: 35px;
font-size: 3.5rem;
}
}
@media (min-width: 1600px) {
div.f-banner-inner .f-border-container .f-content-container .top .left h1, div.f-banner-inner .f-border-container .f-content-container .top .left h2 {
font-size: 46px;
font-size: 4.6rem;
max-width: 900px;
margin: 0 auto 0 auto;
}
}
div.f-banner-inner .f-border-container .f-content-container .top .left h1 span, div.f-banner-inner .f-border-container .f-content-container .top .left h2 span {
color: #CE321A;
}
@media (min-width: 1200px) {
div.f-banner-inner .f-border-container .f-content-container .top .right.left-with-tagline {
padding-top: 54px;
}
}
div.f-usp-inner {
padding-left: 28px;
padding-right: 28px;
padding-top: 67px;
padding-bottom: 67px;
}
@media (min-width: 420px) {
div.f-usp-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.f-usp-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-usp-inner {
padding-left: 140px;
padding-right: 140px;
}
}
@media (min-width: 1200px) {
div.f-usp-inner {
padding-top: 109px;
padding-bottom: 109px;
}
}
@media (min-width: 1600px) {
div.f-usp-inner {
padding-top: 160px;
padding-bottom: 160px;
}
}
div.f-usp-inner[data-padding=half-half] {
padding-top: 33.5px;
padding-bottom: 33.5px;
}
@media (min-width: 1200px) {
div.f-usp-inner[data-padding=half-half] {
padding-top: 54.5px;
padding-bottom: 54.5px;
}
}
@media (min-width: 1600px) {
div.f-usp-inner[data-padding=half-half] {
padding-top: 80px;
padding-bottom: 80px;
}
}
div.f-usp-inner[data-padding=full-half] {
padding-bottom: 33.5px;
}
@media (min-width: 1200px) {
div.f-usp-inner[data-padding=full-half] {
padding-bottom: 54.5px;
}
}
@media (min-width: 1600px) {
div.f-usp-inner[data-padding=full-half] {
padding-bottom: 80px;
}
}
div.f-usp-inner[data-padding=half-full] {
padding-top: 33.5px;
}
@media (min-width: 1200px) {
div.f-usp-inner[data-padding=half-full] {
padding-top: 54.5px;
}
}
@media (min-width: 1600px) {
div.f-usp-inner[data-padding=half-full] {
padding-top: 80px;
}
}
div.f-usp-inner .f-border-container {
position: relative;
border-radius: 50px;
overflow: hidden; }
div.f-usp-inner .f-border-container[data-bg=blue-light] {
background: #090015;
padding: 86px 28px 86px 28px; }
@media (min-width: 600px) {
div.f-usp-inner .f-border-container[data-bg=blue-light] {
padding: 86px 48px 86px 48px;
}
}
@media (min-width: 900px) {
div.f-usp-inner .f-border-container[data-bg=blue-light] {
padding: 86px 68px 86px 68px;
}
}
@media (min-width: 1200px) {
div.f-usp-inner .f-border-container[data-bg=blue-light] {
padding: 86px 86px 86px 86px;
}
}
@media (min-width: 1600px) {
div.f-usp-inner .f-border-container[data-bg=blue-light] {
padding: 86px 100px 86px 100px;
}
}
div.f-usp-inner .f-border-container[data-bg=transparent] {
background: transparent;
padding: 15px;
}
@media (min-width: 1200px) {
div.f-usp-inner .f-border-container {
padding: 59px 77px;
}
}
@media (min-width: 1600px) {
div.f-usp-inner .f-border-container {
padding: 91px 100px;
}
}
div.f-usp-inner .f-border-container .f-title-container {
margin-bottom: 63px;
}
@media (min-width: 1200px) {
div.f-usp-inner .f-border-container .f-title-container {
margin-bottom: 46px;
}
}
@media (min-width: 1600px) {
div.f-usp-inner .f-border-container .f-title-container {
margin-bottom: 138px;
}
}
@media (min-width: 1200px) {
div.f-usp-inner .f-border-container .f-title-container[data-align=left] {
text-align: left;
}
}
@media (min-width: 1200px) {
div.f-usp-inner .f-border-container .f-title-container[data-align=center] {
text-align: center;
}
}
@media (min-width: 1200px) {
div.f-usp-inner .f-border-container .f-title-container[data-align=right] {
text-align: right;
}
}
div.f-usp-inner .f-border-container .f-title-container span.tagline {
display: block;
margin-bottom: 28px;
font-size: 20px;
font-size: 2rem;
line-height: 1.16;
color: #929CA3;
}
@media (min-width: 420px) {
div.f-usp-inner .f-border-container .f-title-container span.tagline {
font-size: 24px;
font-size: 2.4rem;
}
}
div.f-usp-inner .f-border-container .f-title-container h1, div.f-usp-inner .f-border-container .f-title-container h2 {
font-size: 40px;
font-size: 4rem;
line-height: 1.2;
}
@media (min-width: 420px) {
div.f-usp-inner .f-border-container .f-title-container h1, div.f-usp-inner .f-border-container .f-title-container h2 {
font-size: 45px;
font-size: 4.5rem;
}
}
div.f-usp-inner .f-border-container .f-title-container h1 span, div.f-usp-inner .f-border-container .f-title-container h2 span {
color: #CE321A;
}
div.f-usp-inner .f-border-container .f-usp-container {
display: grid;
grid-template-columns: 100%;
gap: 55px;
position: relative;
}
@media (min-width: 768px) {
div.f-usp-inner .f-border-container .f-usp-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
div.f-usp-inner .f-border-container .f-usp-container .usp-container .content h3 {
font-size: 25px;
font-size: 2.5rem;
line-height: 1.17;
margin-bottom: 18px;
}
@media (min-width: 420px) {
div.f-usp-inner .f-border-container .f-usp-container .usp-container .content h3 {
font-size: 28px;
font-size: 2.8rem;
}
}
@media (min-width: 1200px) {
div.f-usp-inner .f-border-container .f-usp-container .usp-container .content h3 {
font-size: 35px;
font-size: 3.5rem;
}
}
@media (min-width: 1600px) {
div.f-usp-inner .f-border-container .f-usp-container .usp-container .content h3 {
font-size: 46px;
font-size: 4.6rem;
}
}
div.f-usp-inner .f-border-container .f-usp-container .usp-container .content h3[data-color=orange] {
color: #CE321A;
}
div.f-usp-inner .f-border-container .f-usp-container .usp-container .content h3 span {
color: #CE321A;
}
div.f-usp-inner .f-border-container .f-usp-container .usp-container .content h4 {
font-size: 20px;
font-size: 2rem;
line-height: 1.17;
margin-bottom: 18px;
color: #CE321A;
}
@media (min-width: 420px) {
div.f-usp-inner .f-border-container .f-usp-container .usp-container .content h4 {
font-size: 22px;
font-size: 2.2rem;
}
}
@media (min-width: 1200px) {
div.f-usp-inner .f-border-container .f-usp-container .usp-container .content h4 {
font-size: 24px;
font-size: 2.4rem;
}
}
@media (min-width: 1600px) {
div.f-usp-inner .f-border-container .f-usp-container .usp-container .content h4 {
font-size: 26px;
font-size: 2.6rem;
}
}
div.f-usp-inner .f-border-container .f-usp-container .usp-container .content .custom-text {
color: #CED2D4;
}
div.f-usp-inner .f-border-container .f-link-container {
margin-top: 70px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
@media (min-width: 1200px) {
div.f-usp-inner .f-border-container .f-link-container {
margin-top: 32px;
}
}
@media (min-width: 1600px) {
div.f-usp-inner .f-border-container .f-link-container {
margin-top: 122px;
}
}
section.f-clients-testimonials {
overflow: hidden;
margin-top: -1px;
}
div.f-clients-testimonials-inner {
padding-top: 74px;
padding-bottom: 74px;
padding-left: 28px;
padding-right: 28px;
display: grid;
grid-template-columns: 100%;
gap: 95px;
}
@media (min-width: 420px) {
div.f-clients-testimonials-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.f-clients-testimonials-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-clients-testimonials-inner {
padding-left: 140px;
padding-right: 140px;
}
}
@media (min-width: 1600px) {
div.f-clients-testimonials-inner {
padding-bottom: 107px;
}
}
@media (min-width: 1600px) {
div.f-clients-testimonials-inner {
grid-template-columns: calc(50% - 100px - 1px) 1px calc(50% - 100px - 1px);
gap: 100px;
padding-bottom: 167px;
}
}
div.f-clients-testimonials-inner[data-padding=full-half] {
padding-bottom: 37px;
}
@media (min-width: 1600px) {
div.f-clients-testimonials-inner[data-padding=full-half] {
padding-bottom: 53.5px;
}
}
@media (min-width: 1600px) {
div.f-clients-testimonials-inner[data-padding=full-half] {
padding-bottom: 83.5px;
}
}
div.f-clients-testimonials-inner[data-padding=half-full] {
padding-top: 37px;
}
div.f-clients-testimonials-inner[data-padding=half-half] {
padding-top: 37px;
padding-bottom: 37px;
}
@media (min-width: 1600px) {
div.f-clients-testimonials-inner[data-padding=half-half] {
padding-bottom: 53.5px;
}
}
@media (min-width: 1600px) {
div.f-clients-testimonials-inner[data-padding=half-half] {
padding-bottom: 83.5px;
}
}
div.f-clients-testimonials-inner .f-client-container .f-title-container {
text-align: center;
margin-bottom: 50px;
}
@media (min-width: 1600px) {
div.f-clients-testimonials-inner .f-client-container .f-title-container {
margin-bottom: 94px;
}
}
div.f-clients-testimonials-inner .f-client-container .f-post-container {
margin: 0 -20px;
}
@media (min-width: 420px) {
div.f-clients-testimonials-inner .f-client-container .f-post-container {
margin: 0 -30px;
}
}
@media (min-width: 900px) {
div.f-clients-testimonials-inner .f-client-container .f-post-container {
overflow: hidden;
margin: 0;
}
}
@media (min-width: 900px) {
div.f-clients-testimonials-inner .f-client-container .f-post-container {
margin: 0 -50px 0 -100%;
overflow: unset;
}
}
div.f-clients-testimonials-inner .f-client-container .f-post-container .image-container {
width: 60px;
height: 60px;
margin: 0 20px;
}
@media (min-width: 420px) {
div.f-clients-testimonials-inner .f-client-container .f-post-container .image-container {
margin: 0 30px;
width: 80px;
height: 80px;
}
}
div.f-clients-testimonials-inner .f-client-container .f-post-container .image-container img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
height: 100%;
}
div.f-clients-testimonials-inner .f-client-container .f-text-container {
margin-top: 50px;
}
@media (min-width: 1600px) {
div.f-clients-testimonials-inner .f-client-container .f-text-container {
margin-top: 100px;
}
}
div.f-clients-testimonials-inner .f-client-container .f-text-container .custom-text {
max-width: 395px;
text-align: center;
margin: 0 auto;
}
div.f-clients-testimonials-inner hr {
all: unset;
height: 1px;
width: 100%;
background: #707070;
}
@media (min-width: 900px) {
div.f-clients-testimonials-inner hr {
display: none;
}
}
@media (min-width: 1600px) {
div.f-clients-testimonials-inner hr {
display: block;
width: 1px;
height: 100%;
}
}
div.f-clients-testimonials-inner .f-testimonial-outer-container {
max-width: 627px;
margin: 0 auto;
width: 100%;
}
div.f-clients-testimonials-inner .f-testimonial-container {
width: 100%;
}
div.f-clients-testimonials-inner .f-testimonial-container .f-title-container {
text-align: center;
margin-bottom: 41px;
}
@media (min-width: 1600px) {
div.f-clients-testimonials-inner .f-testimonial-container .f-title-container {
margin-bottom: 36px;
}
}
div.f-clients-testimonials-inner .f-testimonial-container .f-post-top-container {
position: relative;
}
div.f-clients-testimonials-inner .f-testimonial-container .f-post-container .cc .cc-inner .text-container .custom-text {
max-width: 395px;
text-align: center;
margin: 0 auto;
}
@media (min-width: 900px) {
div.f-clients-testimonials-inner .f-testimonial-container .f-post-container.f-post-bottom {
margin-top: 74px;
}
}
div.f-clients-testimonials-inner .f-testimonial-container .f-buttons-container {
display: flex;
justify-content: center;
align-items: center;
margin: 33px 0;
}
@media (min-width: 900px) {
div.f-clients-testimonials-inner .f-testimonial-container .f-buttons-container {
margin: 0;
position: absolute;
width: 100%;
bottom: calc(50% - 67px);
justify-content: space-between;
}
}
@media (min-width: 1600px) {
div.f-clients-testimonials-inner .f-testimonial-container .f-buttons-container {
bottom: calc(50% - 50px);
}
}
div.f-clients-testimonials-inner .f-testimonial-container .f-buttons-container button {
all: unset;
cursor: pointer;
font-size: 24px;
font-size: 2.4rem;
margin: 0 5px;
background: transparent;
border: 1px solid #090015;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
aspect-ratio: 1/1;
text-align: center;
line-height: 38px;
transition: all 0.3s ease-in-out;
}
div.f-clients-testimonials-inner .f-testimonial-container .f-buttons-container button.slick-prev span {
transform: rotate(180deg) translateY(-1.5px);
transition: all 0.3s ease-in-out;
}
div.f-clients-testimonials-inner .f-testimonial-container .f-buttons-container button::before, div.f-clients-testimonials-inner .f-testimonial-container .f-buttons-container button::after {
display: none;
}
div.f-clients-testimonials-inner .f-testimonial-container .f-buttons-container button:hover {
background: #090015;
}
div.f-clients-testimonials-inner .f-testimonial-container .f-buttons-container button:hover span {
color: #FFFFFF;
}
div.f-clients-inner {
padding-top: 74px;
padding-bottom: 74px;
padding-left: 28px;
padding-right: 28px;
display: grid;
grid-template-columns: 100%;
gap: 95px;
}
@media (min-width: 420px) {
div.f-clients-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.f-clients-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-clients-inner {
padding-left: 140px;
padding-right: 140px;
}
}
@media (min-width: 1600px) {
div.f-clients-inner {
padding-bottom: 107px;
}
}
@media (min-width: 1600px) {
div.f-clients-inner {
padding-bottom: 167px;
}
}
div.f-clients-inner[data-padding=full-half] {
padding-bottom: 37px;
}
@media (min-width: 1600px) {
div.f-clients-inner[data-padding=full-half] {
padding-bottom: 53.5px;
}
}
@media (min-width: 1600px) {
div.f-clients-inner[data-padding=full-half] {
padding-bottom: 83.5px;
}
}
div.f-clients-inner[data-padding=half-full] {
padding-top: 37px;
}
div.f-clients-inner[data-padding=half-half] {
padding-top: 37px;
padding-bottom: 37px;
}
@media (min-width: 1600px) {
div.f-clients-inner[data-padding=half-half] {
padding-bottom: 53.5px;
}
}
@media (min-width: 1600px) {
div.f-clients-inner[data-padding=half-half] {
padding-bottom: 83.5px;
}
}
div.f-clients-inner .f-title-container {
text-align: center;
margin-bottom: 50px;
}
@media (min-width: 1600px) {
div.f-clients-inner .f-title-container {
margin-bottom: 94px;
}
}
div.f-clients-inner .f-post-container {
margin: 0 -20px;
}
@media (min-width: 420px) {
div.f-clients-inner .f-post-container {
margin: 0 -30px;
}
}
@media (min-width: 900px) {
div.f-clients-inner .f-post-container {
overflow: hidden;
margin: 0;
}
}
@media (min-width: 900px) {
div.f-clients-inner .f-post-container {
margin: 0 -50px 0 -50px;
overflow: unset;
}
}
div.f-clients-inner .f-post-container .image-container {
width: 60px;
height: 60px;
margin: 0 20px;
}
@media (min-width: 420px) {
div.f-clients-inner .f-post-container .image-container {
margin: 0 30px;
width: 80px;
height: 80px;
}
}
div.f-clients-inner .f-post-container .image-container img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
height: 100%;
}
div.f-clients-inner .f-text-container {
margin-top: 50px;
}
@media (min-width: 1600px) {
div.f-clients-inner .f-text-container {
margin-top: 100px;
}
}
div.f-clients-inner .f-text-container .custom-text {
max-width: 395px;
text-align: center;
margin: 0 auto;
}
div.f-selection-blogs-inner {
padding-left: 28px;
padding-right: 28px;
padding-top: 114px;
padding-bottom: 133px;
}
@media (min-width: 420px) {
div.f-selection-blogs-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.f-selection-blogs-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-selection-blogs-inner {
padding-left: 140px;
padding-right: 140px;
}
}
div.f-selection-blogs-inner[data-padding=full-half] {
padding-bottom: 57px;
}
div.f-selection-blogs-inner[data-padding=half-full] {
padding-top: 57px;
}
div.f-selection-blogs-inner[data-padding=half-half] {
padding-top: 57px;
padding-bottom: 57px;
}
div.f-selection-blogs-inner .f-title-container {
margin-bottom: 50px;
text-align: center;
}
@media (min-width: 1200px) {
div.f-selection-blogs-inner .f-title-container {
text-align: left;
}
}
div.f-selection-blogs-inner .f-title-container h1 span, div.f-selection-blogs-inner .f-title-container h2 span {
color: #CE321A;
}
div.f-selection-blogs-inner .f-post-container {
display: grid;
grid-template-columns: 100%;
gap: 70px;
}
@media (min-width: 1200px) {
div.f-selection-blogs-inner .f-post-container[data-type=featured] {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 47px 21px;
}
}
div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc {
position: relative;
}
@media (min-width: 1200px) {
div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc .cc-inner {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 218px 1fr;
gap: 16px;
}
}
@media (min-width: 1200px) {
div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc .cc-inner {
grid-template-columns: 268px 1fr;
gap: 50px;
align-items: end;
}
}
@media (min-width: 1200px) {
div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc .cc-inner .image-container {
min-height: 168px;
height: 100%;
}
}
@media (min-width: 1200px) {
div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc .cc-inner .image-container {
min-height: 206;
}
}
@media (min-width: 1200px) {
div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc .cc-inner .text-container {
text-align: left;
margin-top: 0;
}
}
@media (min-width: 1200px) {
div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc .cc-inner .text-container .cc-title-container h3 {
font-size: 30px;
font-size: 3rem;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc .cc-inner .text-container .custom-text {
display: none;
}
@media (min-width: 1200px) {
div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(1), div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(2) {
min-height: 500px;
border-radius: 20px;
overflow: hidden;
}
}
@media (min-width: 1600px) {
div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(1), div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(2) {
min-height: 750px;
}
}
@media (min-width: 1200px) {
div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(1) .cc-inner, div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(2) .cc-inner {
display: block;
position: relative;
z-index: 2;
background: var(--layer);
width: 100%;
height: 100%;
padding: 57px 53px;
}
}
@media (min-width: 1600px) {
div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(1) .cc-inner, div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(2) .cc-inner {
padding: 120px 71px 54px 47px;
}
}
@media (min-width: 1200px) {
div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(1) .image-outer-container, div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(2) .image-outer-container {
display: block;
}
}
@media (min-width: 1200px) {
div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(1) .image-container, div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(2) .image-container {
display: none;
}
}
@media (min-width: 1200px) {
div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(1) .text-container, div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(2) .text-container {
margin-top: 0;
}
}
@media (min-width: 1200px) {
div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(1) .text-container .custom-text, div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(2) .text-container .custom-text {
display: block;
}
}
@media (min-width: 1600px) {
div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(1) .text-container .custom-text, div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(2) .text-container .custom-text {
max-width: 395px;
margin-bottom: 50px;
}
}
@media (min-width: 1600px) {
div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(1) .text-container span.article-tagline, div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(2) .text-container span.article-tagline {
margin-bottom: 50px;
}
}
@media (min-width: 1200px) {
div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(1) .text-container .cc-title-container, div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(2) .text-container .cc-title-container {
min-height: 186px;
}
}
@media (min-width: 1600px) {
div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(1) .text-container .cc-title-container, div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(2) .text-container .cc-title-container {
margin-bottom: 50px;
min-height: 307px;
}
}
div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(1) .text-container .cc-title-container h3, div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(2) .text-container .cc-title-container h3 {
font-size: 20px;
font-size: 2rem;
line-height: 1.16;
display: block;
}
@media (min-width: 420px) {
div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(1) .text-container .cc-title-container h3, div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(2) .text-container .cc-title-container h3 {
font-size: 24px;
font-size: 2.4rem;
}
}
@media (min-width: 900px) {
div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(1) .text-container .cc-title-container h3, div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(2) .text-container .cc-title-container h3 {
font-size: 30px;
font-size: 3rem;
}
}
@media (min-width: 1200px) {
div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(1) .text-container .cc-title-container h3, div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(2) .text-container .cc-title-container h3 {
font-size: 40px;
font-size: 4rem;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 4;
}
}
@media (min-width: 1600px) {
div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(1) .text-container .cc-title-container h3, div.f-selection-blogs-inner .f-post-container[data-type=featured] .cc:nth-of-type(2) .text-container .cc-title-container h3 {
font-size: 66px;
font-size: 6.6rem;
}
}
@media (min-width: 900px) {
div.f-selection-blogs-inner .f-post-container[data-type=grid] {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 47px 21px;
}
}
@media (min-width: 1200px) {
div.f-selection-blogs-inner .f-post-container[data-type=grid] {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 47px 21px;
}
}
div.f-selection-blogs-inner .f-post-container[data-type=grid] .cc .cc-inner .text-container {
margin-top: 30px;
text-align: left;
}
@media (min-width: 1200px) {
div.f-selection-blogs-inner .f-post-container[data-type=grid] .cc .cc-inner .text-container h3 {
font-size: 30px;
font-size: 3rem;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
div.f-selection-blogs-inner .f-post-container[data-type=grid] .cc .cc-inner .link-container a {
font-size: 16px;
font-size: 1.6rem;
}
div.f-selection-blogs-inner .f-link-container {
margin-top: 75px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
@media (min-width: 1200px) {
div.f-selection-blogs-inner .f-link-container {
margin-top: 67px;
}
}
@media (min-width: 1600px) {
div.f-selection-blogs-inner .f-link-container {
margin-top: 163px;
}
}
div.f-selection-industries-inner {
padding-left: 28px;
padding-right: 28px;
padding-top: 90px;
padding-bottom: 84px;
}
@media (min-width: 420px) {
div.f-selection-industries-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.f-selection-industries-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-selection-industries-inner {
padding-left: 140px;
padding-right: 140px;
}
}
@media (min-width: 1200px) {
div.f-selection-industries-inner {
padding-top: 171px;
padding-bottom: 101px;
}
}
@media (min-width: 1600px) {
div.f-selection-industries-inner {
padding-top: 161px;
padding-bottom: 161px;
}
}
div.f-selection-industries-inner[data-padding=half-half] {
padding-top: 45;
padding-bottom: 42px;
}
@media (min-width: 1200px) {
div.f-selection-industries-inner[data-padding=half-half] {
padding-top: 85.5px;
padding-bottom: 50.5px;
}
}
@media (min-width: 1600px) {
div.f-selection-industries-inner[data-padding=half-half] {
padding-top: 80.5px;
padding-bottom: 80.5px;
}
}
div.f-selection-industries-inner[data-padding=full-half] {
padding-bottom: 42px;
}
@media (min-width: 1200px) {
div.f-selection-industries-inner[data-padding=full-half] {
padding-bottom: 50.5px;
}
}
@media (min-width: 1600px) {
div.f-selection-industries-inner[data-padding=full-half] {
padding-bottom: 80.5px;
}
}
div.f-selection-industries-inner[data-padding=half-full] {
padding-top: 45;
}
@media (min-width: 1200px) {
div.f-selection-industries-inner[data-padding=half-full] {
padding-top: 85.5px;
}
}
@media (min-width: 1600px) {
div.f-selection-industries-inner[data-padding=half-full] {
padding-top: 80.5px;
}
}
div.f-selection-industries-inner .split-parent {
overflow: hidden;
}
div.f-selection-industries-inner .split-child {
display: inline-block;
}
div.f-selection-industries-inner .f-title-container {
display: grid;
grid-template-columns: 100%;
gap: 25px;
}
@media (min-width: 900px) {
div.f-selection-industries-inner .f-title-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0;
}
}
@media (min-width: 1600px) {
div.f-selection-industries-inner .f-title-container {
grid-template-columns: 2fr 1fr;
gap: calc(60px + 45px);
}
}
@media (min-width: 900px) {
div.f-selection-industries-inner .f-title-container h1, div.f-selection-industries-inner .f-title-container h2 {
padding-right: 60px;
}
}
div.f-selection-industries-inner .f-title-container .custom-text {
overflow: hidden;
font-size: 18px;
font-size: 1.8rem;
}
@media (min-width: 1600px) {
div.f-selection-industries-inner .f-title-container .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
div.f-selection-industries-inner .f-post-container-border {
position: relative;
}
div.f-selection-industries-inner .f-post-container-border::after {
content: "";
position: absolute;
inset: 1px;
background: #707070;
z-index: -1;
}
div.f-selection-industries-inner .f-post-container {
display: grid;
grid-template-columns: 100%;
gap: 1px 0;
}
@media (min-width: 900px) {
div.f-selection-industries-inner .f-post-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1200px) {
div.f-selection-industries-inner .f-post-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1600px) {
div.f-selection-industries-inner .f-post-container {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
div.f-selection-industries-inner .f-post-container .cc {
background: #090015;
border: 1px solid #090015;
padding-top: 63px;
padding-bottom: 40px;
--mw: calc(1600px - 1px);
position: relative;
}
div.f-selection-industries-inner .f-post-container .cc.scroll-animation * {
opacity: 1;
transform: translateY(0) scale(1);
}
div.f-selection-industries-inner .f-post-container .cc * { }
div.f-selection-industries-inner .f-post-container .cc:first-child {
padding-top: 40px;
}
@media (min-width: 900px) {
div.f-selection-industries-inner .f-post-container .cc:first-child {
padding-top: 63px;
}
div.f-selection-industries-inner .f-post-container .cc:nth-child(odd) {
padding-right: 62.5px;
}
div.f-selection-industries-inner .f-post-container .cc:nth-child(even) {
padding-left: 62.5px;
}
div.f-selection-industries-inner .f-post-container .cc:nth-child(even)::before {
content: "";
position: absolute;
height: calc(100% - 58px - 58px);
width: 1px;
left: 0;
top: 58px;
background: #707070;
}
}
@media (min-width: 1200px) {
div.f-selection-industries-inner .f-post-container .cc {
padding-top: 75px;
padding-bottom: 75px;
}
}
@media (min-width: 1600px) {
div.f-selection-industries-inner .f-post-container .cc {
padding-bottom: 39px;
padding-top: 52px;
}
div.f-selection-industries-inner .f-post-container .cc:nth-child(odd), div.f-selection-industries-inner .f-post-container .cc:nth-child(even) {
padding-left: 0;
padding-right: 0;
}
div.f-selection-industries-inner .f-post-container .cc:nth-child(odd)::before, div.f-selection-industries-inner .f-post-container .cc:nth-child(even)::before {
display: none;
}
div.f-selection-industries-inner .f-post-container .cc:nth-child(3n+1) {
padding-right: 93.75px;
}
div.f-selection-industries-inner .f-post-container .cc:nth-child(3n+2) {
padding-left: 46.875px;
padding-right: 46.875px;
}
div.f-selection-industries-inner .f-post-container .cc:nth-child(3n+2)::before {
content: "";
position: absolute;
height: calc(100% - 58px - 58px);
width: 1px;
left: -31.25px;
top: 58px;
background: #707070;
display: block;
}
div.f-selection-industries-inner .f-post-container .cc:nth-child(3n+3) {
padding-left: 93.75px;
}
div.f-selection-industries-inner .f-post-container .cc:nth-child(3n+3)::before {
content: "";
position: absolute;
height: calc(100% - 58px - 58px);
width: 1px;
left: 31.25px;
top: 58px;
background: #707070;
display: block;
}
}
@media (min-width: 1932px) {
div.f-selection-industries-inner .f-post-container .cc:nth-child(3n+1) {
padding-right: 105px;
}
div.f-selection-industries-inner .f-post-container .cc:nth-child(3n+2) {
padding-left: 52.5px;
padding-right: 52.5px;
}
div.f-selection-industries-inner .f-post-container .cc:nth-child(3n+2)::before {
content: "";
position: absolute;
height: calc(100% - 58px - 58px);
width: 1px;
left: -35px;
top: 58px;
background: #707070;
display: block;
}
div.f-selection-industries-inner .f-post-container .cc:nth-child(3n+3) {
padding-left: 105px;
}
div.f-selection-industries-inner .f-post-container .cc:nth-child(3n+3)::before {
content: "";
position: absolute;
height: calc(100% - 58px - 58px);
width: 1px;
left: 35px;
top: 58px;
background: #707070;
display: block;
}
}
@media (min-width: 1600px) {
div.f-selection-industries-inner .f-post-container .cc .cc-inner {
padding-top: 12px;
}
}
@media (min-width: 1600px) {
div.f-selection-industries-inner .f-post-container .cc .cc-inner .custom-text {
max-width: 398px;
}
}
@media (min-width: 1600px) {
div.f-selection-industries-inner .f-post-container .cc .cc-inner .products-group {
max-width: 398px;
}
}
section.f-selection-logos[data-bg=gradient] {
position: relative;
}
section.f-selection-logos .f-image-outer {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
@supports not (inset: 0) {
section.f-selection-logos .f-image-outer {
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
section.f-selection-logos .f-image-outer img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
div.f-selection-logos-inner {
padding-top: 60px;
padding-bottom: 60px;
}
@media (min-width: 1200px) {
div.f-selection-logos-inner {
padding-top: 95px;
padding-bottom: 90px;
}
}
@media (min-width: 1600px) {
div.f-selection-logos-inner {
padding-top: 160px;
padding-bottom: 160px;
}
}
div.f-selection-logos-inner[data-padding=half-half] {
padding-top: 30px;
padding-bottom: 30px;
}
@media (min-width: 1200px) {
div.f-selection-logos-inner[data-padding=half-half] {
padding-top: 47.5px;
padding-bottom: 45px;
}
}
@media (min-width: 1600px) {
div.f-selection-logos-inner[data-padding=half-half] {
padding-top: 80px;
padding-bottom: 80px;
}
}
div.f-selection-logos-inner[data-padding=full-half] {
padding-bottom: 30px;
}
@media (min-width: 1200px) {
div.f-selection-logos-inner[data-padding=full-half] {
padding-bottom: 45px;
}
}
@media (min-width: 1600px) {
div.f-selection-logos-inner[data-padding=full-half] {
padding-bottom: 80px;
}
}
div.f-selection-logos-inner[data-padding=half-full] {
padding-top: 30px;
}
@media (min-width: 1200px) {
div.f-selection-logos-inner[data-padding=half-full] {
padding-top: 47.5px;
}
}
@media (min-width: 1600px) {
div.f-selection-logos-inner[data-padding=half-full] {
padding-top: 80px;
}
}
div.f-selection-logos-inner .f-block-container {
background: #090015;
border-radius: 50px;
padding: 68px 20px;
position: relative;
overflow: hidden;
}
@media (min-width: 400px) {
div.f-selection-logos-inner .f-block-container {
padding: 68px 30px;
}
}
@media (min-width: 600px) {
div.f-selection-logos-inner .f-block-container {
padding: 68px 40px;
}
}
@media (min-width: 900px) {
div.f-selection-logos-inner .f-block-container {
padding: 74px 40px;
}
}
@media (min-width: 1600px) {
div.f-selection-logos-inner .f-block-container {
padding-top: 171px;
padding-bottom: 200px;
}
}
div.f-selection-logos-inner .f-block-container .f-image-container {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 45%;
display: none;
transform: translateX(0) scale(1);
transition: all 0.8s ease-in;
}
@media (min-width: 900px) {
div.f-selection-logos-inner .f-block-container .f-image-container {
display: block;
}
}
div.f-selection-logos-inner .f-block-container .f-image-container.scroll-animation {
transform: translateX(0) scale(1);
}
div.f-selection-logos-inner .f-block-container .f-image-container img {
display: block;
width: 100%;
height: auto;
width: 106%;
height: 106%;
transform: translateX(-5%) translateY(-5%);
}
div.f-selection-logos-inner .f-block-container .f-title-container {
text-align: center;
margin-bottom: 45px;
}
@media (min-width: 900px) {
div.f-selection-logos-inner .f-block-container .f-title-container {
margin-bottom: 98px;
}
}
div.f-selection-logos-inner .f-block-container .f-title-container h1, div.f-selection-logos-inner .f-block-container .f-title-container h2 {
color: #F2EFE9;
}
div.f-selection-logos-inner .f-block-container .f-post-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
align-items: center;
max-width: 884px;
margin: 0 auto;
position: relative;
z-index: 2;
}
@media (min-width: 768px) {
div.f-selection-logos-inner .f-block-container .f-post-container {
flex-direction: row;
flex-wrap: wrap;
}
}
@media (min-width: 1600px) {
div.f-selection-logos-inner .f-block-container .f-post-container {
max-width: 1400px;
}
}
div.f-selection-logos-inner .f-block-container .f-post-container .cc { margin-bottom: 37px;
margin-right: auto;
margin-left: auto;
flex: 0 0 100%;
width: 100%;
}
@media (min-width: 400px) {
div.f-selection-logos-inner .f-block-container .f-post-container .cc {
margin-left: 30px;
margin-right: 30px;
}
}
div.f-selection-logos-inner .f-block-container .f-post-container .cc:last-child {
margin-bottom: 0;
}
@media (min-width: 900px) {
div.f-selection-logos-inner .f-block-container .f-post-container .cc {
flex: 1 1 calc(33% - 60px);
width: unset;
margin-right: 30px;
margin-left: 30px;
margin-bottom: 78px;
}
div.f-selection-logos-inner .f-block-container .f-post-container .cc:last-child {
margin-bottom: 78px;
}
}
div.f-selection-logos-inner .f-block-container .f-post-container .cc .cc-inner {
display: flex;
justify-content: center;
align-items: center;
align-items: center;
justify-content: center;
}
section.f-selection-cases[data-bg=light] .f-title-container h1, section.f-selection-cases[data-bg=light] .f-title-container h2 {
color: #090015;
}
section.f-selection-cases[data-bg=light] .f-title-container h1 span, section.f-selection-cases[data-bg=light] .f-title-container h2 span {
color: #CE321A;
}
section.f-selection-cases[data-bg=light] .f-post-container .cc {
background: #090015;
color: #FFFFFF;
}
section.f-selection-cases[data-bg=light] .f-post-container .cc .custom-text {
color: #FFFFFF;
}
section.f-selection-cases[data-bg=dark] .f-post-container .cc {
background: #A8BDC6;
}
section.f-selection-cases[data-bg=dark] .f-post-container .cc .custom-text {
color: #090015;
}
section.f-selection-cases[data-bg=dark] .f-post-container .cc .link-container a.link-a {
border-color: #090015;
color: #090015;
}
div.f-selection-cases-inner[data-padding=half-half] {
padding: 30px 28px;
}
@media (min-width: 420px) {
div.f-selection-cases-inner[data-padding=half-half] {
padding: 43px 36px;
}
}
@media (min-width: 900px) {
div.f-selection-cases-inner[data-padding=half-half] {
padding: 43px 60px;
}
}
@media (min-width: 1200px) {
div.f-selection-cases-inner[data-padding=half-half] {
padding: 45px 140px;
}
}
div.f-selection-cases-inner[data-padding=full-half] {
padding-left: 28px;
padding-right: 28px;
padding-top: 60px;
padding-bottom: 30px;
}
@media (min-width: 420px) {
div.f-selection-cases-inner[data-padding=full-half] {
padding-left: 36px;
padding-right: 36px;
padding-top: 86px;
padding-bottom: 43px;
}
}
@media (min-width: 900px) {
div.f-selection-cases-inner[data-padding=full-half] {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-selection-cases-inner[data-padding=full-half] {
padding-left: 140px;
padding-right: 140px;
padding-top: 90px;
padding-bottom: 45px;
}
}
div.f-selection-cases-inner[data-padding=half-full] {
padding-left: 28px;
padding-right: 28px;
padding-bottom: 60px;
padding-top: 30px;
}
@media (min-width: 420px) {
div.f-selection-cases-inner[data-padding=half-full] {
padding-left: 36px;
padding-right: 36px;
padding-bottom: 86px;
padding-top: 43px;
}
}
@media (min-width: 900px) {
div.f-selection-cases-inner[data-padding=half-full] {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-selection-cases-inner[data-padding=half-full] {
padding-left: 140px;
padding-right: 140px;
padding-bottom: 90px;
padding-top: 45px;
}
}
div.f-selection-cases-inner .f-title-container {
text-align: center;
margin-bottom: 60px;
}
@media (min-width: 1200px) {
div.f-selection-cases-inner .f-title-container {
margin-bottom: 90px;
}
}
@media (min-width: 1600px) {
div.f-selection-cases-inner .f-title-container {
margin-bottom: 120px;
}
}
div.f-selection-cases-inner .f-post-container {
display: grid;
grid-template-columns: 100%;
gap: 30px 15px;
}
@media (min-width: 900px) {
div.f-selection-cases-inner .f-post-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1600px) {
div.f-selection-cases-inner .f-post-container {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
div.f-selection-solution-inner {
padding-left: 28px;
padding-right: 28px;
padding-top: 86px;
padding-bottom: 86px;
}
@media (min-width: 420px) {
div.f-selection-solution-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.f-selection-solution-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-selection-solution-inner {
padding-left: 140px;
padding-right: 140px;
}
}
div.f-selection-solution-inner[data-padding=half-half] {
padding-top: 43px;
padding-bottom: 43px;
}
div.f-selection-solution-inner[data-padding=full-half] {
padding-bottom: 43px;
}
div.f-selection-solution-inner[data-padding=half-full] {
padding-top: 43px;
}
div.f-selection-solution-inner .f-title-container {
display: grid;
grid-template-columns: 100%;
gap: 30px;
margin-bottom: 60px;
text-align: center;
}
@media (min-width: 1200px) {
div.f-selection-solution-inner .f-title-container {
grid-template-columns: auto 325px;
margin-bottom: 100px;
text-align: left;
}
}
@media (min-width: 1600px) {
div.f-selection-solution-inner .f-title-container {
grid-template-columns: auto 395px;
gap: 100px;
margin-bottom: 150px;
}
}
div.f-selection-solution-inner .f-post-container {
display: grid;
grid-template-columns: 100%;
gap: 60px;
}
@media (min-width: 900px) {
div.f-selection-solution-inner .f-post-container {
grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
}
}
@media (min-width: 1200px) {
div.f-selection-solution-inner .f-post-container {
gap: 90px;
}
}
@media (min-width: 1600px) {
div.f-selection-solution-inner .f-post-container {
gap: 107.5px 150px;
}
}
div.f-selection-solution-inner .f-post-container .cc {
position: relative;
}
@media (min-width: 900px) {
div.f-selection-solution-inner .f-post-container .cc:nth-of-type(odd) + hr {
height: 100%;
width: 1px;
}
}
@media (min-width: 900px) {
div.f-selection-solution-inner .f-post-container .cc:nth-of-type(even) + hr {
grid-column: auto/span 3;
}
}
div.f-selection-solution-inner .f-post-container hr {
width: 100%;
height: 1px;
border: none;
background: #707070;
padding: 0;
margin: 0;
}
div.f-selection-solution-inner .f-post-container hr:last-of-type {
display: none;
}
div.f-selection-vacancies-inner[data-padding=half-half] {
padding: 30px 28px;
}
@media (min-width: 420px) {
div.f-selection-vacancies-inner[data-padding=half-half] {
padding: 43px 36px;
}
}
@media (min-width: 900px) {
div.f-selection-vacancies-inner[data-padding=half-half] {
padding: 43px 60px;
}
}
@media (min-width: 1200px) {
div.f-selection-vacancies-inner[data-padding=half-half] {
padding: 45px 140px;
}
}
div.f-selection-vacancies-inner[data-padding=full-half] {
padding-left: 28px;
padding-right: 28px;
padding-top: 60px;
padding-bottom: 30px;
}
@media (min-width: 420px) {
div.f-selection-vacancies-inner[data-padding=full-half] {
padding-left: 36px;
padding-right: 36px;
padding-top: 86px;
padding-bottom: 43px;
}
}
@media (min-width: 900px) {
div.f-selection-vacancies-inner[data-padding=full-half] {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-selection-vacancies-inner[data-padding=full-half] {
padding-left: 140px;
padding-right: 140px;
padding-top: 90px;
padding-bottom: 45px;
}
}
div.f-selection-vacancies-inner[data-padding=half-full] {
padding-left: 28px;
padding-right: 28px;
padding-bottom: 60px;
padding-top: 30px;
}
@media (min-width: 420px) {
div.f-selection-vacancies-inner[data-padding=half-full] {
padding-left: 36px;
padding-right: 36px;
padding-bottom: 86px;
padding-top: 43px;
}
}
@media (min-width: 900px) {
div.f-selection-vacancies-inner[data-padding=half-full] {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-selection-vacancies-inner[data-padding=half-full] {
padding-left: 140px;
padding-right: 140px;
padding-bottom: 90px;
padding-top: 45px;
}
}
div.f-selection-vacancies-inner .f-title-container {
margin-bottom: 60px;
}
@media (min-width: 1200px) {
div.f-selection-vacancies-inner .f-title-container {
margin-bottom: 100px;
}
}
@media (min-width: 1600px) {
div.f-selection-vacancies-inner .f-title-container {
margin-bottom: 150px;
}
}
div.f-selection-vacancies-inner .f-title-container h1, div.f-selection-vacancies-inner .f-title-container h2 {
text-align: center;
max-width: 975px;
margin: 0 auto;
}
div.f-selection-vacancies-inner .f-post-container {
display: grid;
grid-template-columns: 100%;
gap: 80px 60px;
}
@media (min-width: 900px) {
div.f-selection-vacancies-inner .f-post-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1600px) {
div.f-selection-vacancies-inner .f-post-container {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
div.f-selection-vacancies-inner .f-post-container .cc + hr {
display: none;
}
div.f-selection-team-inner {
padding-left: 28px;
padding-right: 28px;
padding-top: 86px;
padding-bottom: 86px;
}
@media (min-width: 420px) {
div.f-selection-team-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.f-selection-team-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-selection-team-inner {
padding-left: 140px;
padding-right: 140px;
}
}
div.f-selection-team-inner[data-padding=half-half] {
padding-top: 43px;
padding-bottom: 43px;
}
div.f-selection-team-inner[data-padding=full-half] {
padding-bottom: 43px;
}
div.f-selection-team-inner[data-padding=half-full] {
padding-top: 43px;
}
div.f-selection-team-inner .f-title-container {
display: grid;
grid-template-columns: 100%;
gap: 30px;
margin-bottom: 60px;
text-align: center;
}
@media (min-width: 1200px) {
div.f-selection-team-inner .f-title-container {
grid-template-columns: auto 325px;
margin-bottom: 100px;
text-align: left;
}
}
@media (min-width: 1600px) {
div.f-selection-team-inner .f-title-container {
grid-template-columns: auto 395px;
gap: 100px;
margin-bottom: 150px;
}
}
div.f-selection-team-inner .f-title-container .left h1 span, div.f-selection-team-inner .f-title-container .left h2 span {
color: #CE321A;
}
div.f-selection-team-inner .f-post-container {
display: grid;
grid-template-columns: 100%;
gap: 20px;
}
@media (min-width: 900px) {
div.f-selection-team-inner .f-post-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
div.f-selection-team-inner .f-post-container .cc h3, div.f-selection-team-inner .f-post-container .cc h2 {
color: #FFFFFF;
}
div.f-selection-team-inner .f-post-container .cc h3 span, div.f-selection-team-inner .f-post-container .cc h2 span {
color: #CE321A;
}
section.f-newsletter-signup {
background: #CC241D;
position: relative;
}
section.f-newsletter-signup .f-image-outer {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
@media (min-width: 1200px) {
section.f-newsletter-signup .f-image-outer[data-size=mobile] {
display: none;
}
}
@media (min-width: 1200px) {
section.f-newsletter-signup .f-image-outer[data-size=desktop] {
display: block;
}
}
section.f-newsletter-signup .f-image-outer img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.5;
}
div.f-newsletter-signup-inner {
display: grid;
grid-template-columns: 100%;
gap: 46px;
padding: 89px 25px;
position: relative;
z-index: 2;
}
@media (min-width: 1200px) {
div.f-newsletter-signup-inner {
padding: 78px 120px;
gap: 15px;
}
}
@media (min-width: 1600px) {
div.f-newsletter-signup-inner {
grid-template-columns: minmax(30%, 652px) 1fr;
gap: 74px;
padding: 161px 120px;
}
}
@media (min-width: 1932px) {
div.f-newsletter-signup-inner {
padding-left: 140px;
padding-right: 140px;
}
}
div.f-newsletter-signup-inner[data-padding=full-half] {
padding: 89px 25px 44.5px 25px;
}
@media (min-width: 1200px) {
div.f-newsletter-signup-inner[data-padding=full-half] {
padding: 78px 120px 39px 120px;
}
}
@media (min-width: 1600px) {
div.f-newsletter-signup-inner[data-padding=full-half] {
padding: 161px 120px 80.5px 120px;
}
}
div.f-newsletter-signup-inner[data-padding=half-full] {
padding: 44.5px 25px 89px 25px;
}
@media (min-width: 1200px) {
div.f-newsletter-signup-inner[data-padding=half-full] {
padding: 39px 120px 78px 120px;
}
}
@media (min-width: 1600px) {
div.f-newsletter-signup-inner[data-padding=half-full] {
padding: 80.5px 120px 161px 120px;
}
}
div.f-newsletter-signup-inner[data-padding=half-half] {
padding: 44.5px 25px;
}
@media (min-width: 1200px) {
div.f-newsletter-signup-inner[data-padding=half-half] {
padding: 39px 120px;
}
}
@media (min-width: 1600px) {
div.f-newsletter-signup-inner[data-padding=half-half] {
padding: 80.5px 120px;
}
}
div.f-newsletter-signup-inner .left h1, div.f-newsletter-signup-inner .left h2 {
color: #090015;
font-size: 45px;
font-size: 4.5rem;
font-family: pp-regular, sans-serif;
font-weight: 400;
}
@media (min-width: 900px) {
div.f-newsletter-signup-inner .left h1, div.f-newsletter-signup-inner .left h2 {
font-size: 47px;
font-size: 4.7rem;
max-width: 461px;
}
}
@media (min-width: 1200px) {
div.f-newsletter-signup-inner .left h1, div.f-newsletter-signup-inner .left h2 {
font-size: 66px;
font-size: 6.6rem;
max-width: unset;
}
}
div.f-newsletter-signup-inner .left h1 span, div.f-newsletter-signup-inner .left h2 span {
color: #F2EFE9;
}
div.f-newsletter-signup-inner .right .f-form-container .gform_wrapper { }
div.f-slider-blogs-inner[data-padding=half-half] {
padding: 30px 28px;
}
@media (min-width: 420px) {
div.f-slider-blogs-inner[data-padding=half-half] {
padding: 43px 36px;
}
}
@media (min-width: 900px) {
div.f-slider-blogs-inner[data-padding=half-half] {
padding: 43px 60px;
}
}
@media (min-width: 1200px) {
div.f-slider-blogs-inner[data-padding=half-half] {
padding: 45px 140px;
}
}
div.f-slider-blogs-inner[data-padding=full-half] {
padding-left: 28px;
padding-right: 28px;
padding-top: 60px;
padding-bottom: 30px;
}
@media (min-width: 420px) {
div.f-slider-blogs-inner[data-padding=full-half] {
padding-left: 36px;
padding-right: 36px;
padding-top: 86px;
padding-bottom: 43px;
}
}
@media (min-width: 900px) {
div.f-slider-blogs-inner[data-padding=full-half] {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-slider-blogs-inner[data-padding=full-half] {
padding-left: 140px;
padding-right: 140px;
padding-top: 90px;
padding-bottom: 45px;
}
}
div.f-slider-blogs-inner[data-padding=half-full] {
padding-left: 28px;
padding-right: 28px;
padding-bottom: 60px;
padding-top: 30px;
}
@media (min-width: 420px) {
div.f-slider-blogs-inner[data-padding=half-full] {
padding-left: 36px;
padding-right: 36px;
padding-bottom: 86px;
padding-top: 43px;
}
}
@media (min-width: 900px) {
div.f-slider-blogs-inner[data-padding=half-full] {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-slider-blogs-inner[data-padding=half-full] {
padding-left: 140px;
padding-right: 140px;
padding-bottom: 90px;
padding-top: 45px;
}
}
div.f-slider-blogs-inner .f-title-container {
margin-bottom: 30px;
}
div.f-slider-blogs-inner .f-title-container h1, div.f-slider-blogs-inner .f-title-container h2 {
margin-bottom: 15px;
}
@media (min-width: 600px) {
div.f-slider-blogs-inner .f-post-container {
margin: 0 -30px;
}
}
@media (min-width: 1932px) {
div.f-slider-blogs-inner .f-post-container {
margin: 0 -15px;
}
}
@media (min-width: 600px) {
div.f-slider-blogs-inner .f-post-container .card-blog {
margin: 0 15px;
}
}
div.f-slider-blogs-inner .f-link-container {
margin-top: 30px;
display: flex;
justify-content: center;
align-items: center;
}
div.f-text-image-inner {
padding-left: 28px;
padding-right: 28px;
padding-bottom: 93px;
padding-top: 93px;
}
@media (min-width: 420px) {
div.f-text-image-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.f-text-image-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-text-image-inner {
padding-left: 140px;
padding-right: 140px;
}
}
@media (min-width: 1600px) {
div.f-text-image-inner {
padding-bottom: 172px;
padding-top: 172px;
}
}
div.f-text-image-inner[data-padding=half-half] {
padding-bottom: 46.5px;
padding-top: 46.5px;
}
@media (min-width: 1600px) {
div.f-text-image-inner[data-padding=half-half] {
padding-bottom: 86px;
padding-top: 86px;
}
}
div.f-text-image-inner[data-padding=full-half] {
padding-bottom: 46.5px;
}
@media (min-width: 1600px) {
div.f-text-image-inner[data-padding=full-half] {
padding-bottom: 86px;
}
}
div.f-text-image-inner[data-padding=half-full] {
padding-top: 46.5px;
}
@media (min-width: 1600px) {
div.f-text-image-inner[data-padding=half-full] {
padding-top: 86px;
}
}
div.f-text-image-inner .f-border-container {
display: grid;
grid-template-columns: 100%;
gap: 62px;
}
@media (min-width: 900px) {
div.f-text-image-inner .f-border-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: space-between;
gap: 0;
align-items: flex-start;
}
}
@media (min-width: 900px) {
div.f-text-image-inner .f-border-container[data-position=left] {
flex-direction: row;
}
}
div.f-text-image-inner .f-border-container[data-position=right] {
flex-direction: row-reverse;
}
@media (min-width: 900px) {
div.f-text-image-inner .f-border-container .left {
flex: 0 0 50%;
width: 50%;
}
}
@media (min-width: 1200px) {
div.f-text-image-inner .f-border-container .left {
flex: 0 0 52%;
width: 52%;
}
}
div.f-text-image-inner .f-border-container .left img {
display: block;
width: 100%;
height: auto;
}
@media (min-width: 1200px) {
div.f-text-image-inner .f-border-container .left img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
height: 100%;
width: auto;
max-width: 100%;
}
}
div.f-text-image-inner .f-border-container .right {
text-align: center;
}
@media (min-width: 900px) {
div.f-text-image-inner .f-border-container .right {
flex: 0 0 calc(50% - 30px);
width: calc(50% - 30px);
text-align: left;
}
}
@media (min-width: 1200px) {
div.f-text-image-inner .f-border-container .right {
flex: 0 0 calc(48% - 30px);
width: calc(48% - 30px);
}
}
@media (min-width: 1600px) {
div.f-text-image-inner .f-border-container .right {
max-width: 671px;
}
}
div.f-text-image-inner .f-border-container .right .h1, div.f-text-image-inner .f-border-container .right h2 {
margin-bottom: 34px;
font-family: pp-regular, sans-serif;
font-weight: 400;
}
@media (min-width: 1200px) {
div.f-text-image-inner .f-border-container .right .h1, div.f-text-image-inner .f-border-container .right h2 {
font-size: 50px;
font-size: 5rem;
}
}
@media (min-width: 1600px) {
div.f-text-image-inner .f-border-container .right .h1, div.f-text-image-inner .f-border-container .right h2 {
font-size: 66px;
font-size: 6.6rem;
margin-bottom: 48px;
}
}
div.f-text-image-inner .f-border-container .right .h1 span, div.f-text-image-inner .f-border-container .right h2 span {
color: #CE321A;
}
@media (min-width: 1600px) {
div.f-text-image-inner .f-border-container .right .custom-text {
max-width: 395px;
}
}
div.f-text-image-inner .f-border-container .right .f-link-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-top: 44px;
}
@media (min-width: 900px) {
div.f-text-image-inner .f-border-container .right .f-link-container {
align-items: flex-start;
}
}
@media (min-width: 1600px) {
div.f-text-image-inner .f-border-container .right .f-link-container {
margin-top: 81px;
}
}
div.f-text-image-inner .f-border-container .right .f-link-container a, div.f-text-image-inner .f-border-container .right .f-link-container button {
margin-bottom: 15px;
}
div.f-text-image-inner .f-border-container .right .f-link-container a.orange, div.f-text-image-inner .f-border-container .right .f-link-container button.orange {
color: #FFFFFF;
}
div.f-text-image-inner .f-border-container .right .f-link-container a:last-child, div.f-text-image-inner .f-border-container .right .f-link-container button:last-child {
margin-bottom: 0;
}
section.f-text-image-banner {
background: #A8BDC6;
}
div.f-text-image-banner-inner {
padding-left: 28px;
padding-right: 28px;
}
@media (min-width: 420px) {
div.f-text-image-banner-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.f-text-image-banner-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-text-image-banner-inner {
padding-left: 140px;
padding-right: 140px;
}
}
div.f-text-image-banner-inner[data-padding=half-half] {
padding: 30px 28px;
}
@media (min-width: 420px) {
div.f-text-image-banner-inner[data-padding=half-half] {
padding: 43px 36px;
}
}
@media (min-width: 900px) {
div.f-text-image-banner-inner[data-padding=half-half] {
padding: 43px 60px;
}
}
@media (min-width: 1200px) {
div.f-text-image-banner-inner[data-padding=half-half] {
padding: 45px 140px;
}
}
div.f-text-image-banner-inner[data-padding=full-half] {
padding-left: 28px;
padding-right: 28px;
padding-top: 60px;
padding-bottom: 30px;
}
@media (min-width: 420px) {
div.f-text-image-banner-inner[data-padding=full-half] {
padding-left: 36px;
padding-right: 36px;
padding-top: 86px;
padding-bottom: 43px;
}
}
@media (min-width: 900px) {
div.f-text-image-banner-inner[data-padding=full-half] {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-text-image-banner-inner[data-padding=full-half] {
padding-left: 140px;
padding-right: 140px;
padding-top: 90px;
padding-bottom: 45px;
}
}
div.f-text-image-banner-inner[data-padding=half-full] {
padding-left: 28px;
padding-right: 28px;
padding-bottom: 60px;
padding-top: 30px;
}
@media (min-width: 420px) {
div.f-text-image-banner-inner[data-padding=half-full] {
padding-left: 36px;
padding-right: 36px;
padding-bottom: 86px;
padding-top: 43px;
}
}
@media (min-width: 900px) {
div.f-text-image-banner-inner[data-padding=half-full] {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-text-image-banner-inner[data-padding=half-full] {
padding-left: 140px;
padding-right: 140px;
padding-bottom: 90px;
padding-top: 45px;
}
}
div.f-text-image-banner-inner .f-border-container {
background: #090015;
border-radius: 50px;
display: grid;
grid-template-columns: 100%;
gap: 0;
overflow: hidden;
color: #FFFFFF;
width: 100%;
}
@media (min-width: 1200px) {
div.f-text-image-banner-inner .f-border-container {
gap: 0;
display: flex;
justify-content: center;
align-items: center;
align-items: stretch;
}
}
@media (min-width: 1200px) {
div.f-text-image-banner-inner .f-border-container .left, div.f-text-image-banner-inner .f-border-container .right {
width: 50%;
flex: 0 0 50%;
}
}
@media (min-width: 1200px) {
div.f-text-image-banner-inner .f-border-container[data-position=left] .right {
padding-right: 50px;
padding-left: 84px;
}
}
@media (min-width: 1600px) {
div.f-text-image-banner-inner .f-border-container[data-position=left] .right {
padding-right: 74px;
}
}
@media (min-width: 1200px) {
div.f-text-image-banner-inner .f-border-container[data-position=right] {
flex-direction: row-reverse;
}
}
@media (min-width: 1200px) {
div.f-text-image-banner-inner .f-border-container[data-position=right] .right {
padding-left: 50px;
padding-right: 84px;
}
}
@media (min-width: 1600px) {
div.f-text-image-banner-inner .f-border-container[data-position=right] .right {
padding-left: 74px;
}
}
div.f-text-image-banner-inner .f-border-container .left {
position: relative;
}
div.f-text-image-banner-inner .f-border-container .left img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
max-height: 500px;
min-height: 100%;
}
div.f-text-image-banner-inner .f-border-container .left .f-slider-container img {
max-height: 550px;
}
@media (min-width: 1200px) {
div.f-text-image-banner-inner .f-border-container .left .f-slider-container img {
height: 550px;
}
}
div.f-text-image-banner-inner .f-border-container .left .f-button-container {
position: absolute;
bottom: 30px;
left: 30px;
width: 100%;
height: fit-content;
display: flex;
justify-content: center;
align-items: center;
justify-content: space-between;
max-width: 80px;
}
div.f-text-image-banner-inner .f-border-container .left .f-button-container button {
font-family: pp-medium, sans-serif;
font-weight: 500;
color: #CE321A;
font-size: 40px;
border: none;
padding: 0;
margin: 0;
background: transparent;
cursor: pointer;
}
div.f-text-image-banner-inner .f-border-container .right {
padding: 40px 30px 40px 30px;
}
@media (min-width: 1200px) {
div.f-text-image-banner-inner .f-border-container .right {
padding-bottom: 90px;
padding-top: 50px;
align-self: center;
}
}
@media (min-width: 1600px) {
div.f-text-image-banner-inner .f-border-container .right {
padding-bottom: 70px;
padding-top: 70px;
}
}
div.f-text-image-banner-inner .f-border-container .right span.tagline {
color: #929CA3;
margin-bottom: 32px;
display: block;
}
div.f-text-image-banner-inner .f-border-container .right h1, div.f-text-image-banner-inner .f-border-container .right h2 {
color: #F2EFE9;
font-size: 35px;
font-size: 3.5rem;
}
@media (min-width: 1200px) {
div.f-text-image-banner-inner .f-border-container .right h1, div.f-text-image-banner-inner .f-border-container .right h2 {
font-size: 40px;
font-size: 4rem;
}
}
@media (min-width: 1600px) {
div.f-text-image-banner-inner .f-border-container .right h1, div.f-text-image-banner-inner .f-border-container .right h2 {
font-size: 46px;
font-size: 4.6rem;
}
}
div.f-text-image-banner-inner .f-border-container .right h1 span, div.f-text-image-banner-inner .f-border-container .right h2 span {
color: #CE321A;
}
@media (min-width: 1200px) {
div.f-text-image-banner-inner .f-border-container .right h1 + .custom-text, div.f-text-image-banner-inner .f-border-container .right h2 + .custom-text {
margin-top: 100px;
}
}
@media (min-width: 1600px) {
div.f-text-image-banner-inner .f-border-container .right h1 + .custom-text, div.f-text-image-banner-inner .f-border-container .right h2 + .custom-text {
margin-top: 180px;
}
}
div.f-text-image-banner-inner .f-border-container .right .custom-text {
color: #F2EFE9;
font-size: 20px;
font-size: 2rem;
}
div.f-text-image-banner-inner .f-border-container .right .custom-text * {
color: #F2EFE9;
}
@media (min-width: 1200px) {
div.f-text-image-banner-inner .f-border-container .right .custom-text {
font-size: 24px;
font-size: 2.4rem;
}
}
@media (min-width: 1600px) {
div.f-text-image-banner-inner .f-border-container .right .custom-text {
max-width: 476px;
}
}
div.f-text-image-banner-inner .f-border-container .right .f-link-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
align-items: flex-end;
justify-content: flex-end;
margin-top: 30px;
}
@media (min-width: 1200px) {
div.f-text-image-banner-inner .f-border-container .right .f-link-container {
align-items: center;
}
}
@media (min-width: 1600px) {
div.f-text-image-banner-inner .f-border-container .right .f-link-container {
max-width: 476px;
}
}
div.f-text-image-banner-inner .f-border-container .right .f-link-container a, div.f-text-image-banner-inner .f-border-container .right .f-link-container button {
margin: 0 0 15px 15px;
}
@media (min-width: 1200px) {
div.f-text-image-banner-inner .f-border-container .right .f-link-container a, div.f-text-image-banner-inner .f-border-container .right .f-link-container button {
margin: 0 15px 15px 15px;
}
}
div.f-text-video-inner {
display: flex;
justify-content: space-between;
}
div.f-text-video-inner[data-position=right] {
flex-direction: column;
}
@media (min-width: 900px) {
div.f-text-video-inner[data-position=right] {
flex-direction: row-reverse;
}
}
div.f-text-video-inner[data-position=left] {
flex-direction: column;
}
@media (min-width: 900px) {
div.f-text-video-inner[data-position=left] {
flex-direction: row;
}
}
div.f-text-video-inner .left {
margin-bottom: 30px;
width: 100%;
}
@media (min-width: 900px) {
div.f-text-video-inner .left {
margin-bottom: 0;
width: 47%;
}
}
div.f-text-video-inner .left video, div.f-text-video-inner .left iframe {
width: 100%;
height: auto;
aspect-ratio: 16/9;
--p-mob-s: $s + $s;
--p-mob-l: $m + $m;
--p-tab-l: $l + $l;
--max-w: $max-width;
}
@supports not (aspect-ratio: 16/9) {
div.f-text-video-inner .left video, div.f-text-video-inner .left iframe {
min-height: calc(100vw - var(--p-mob-s));
}
@media (min-width: 600px) {
div.f-text-video-inner .left video, div.f-text-video-inner .left iframe {
min-height: calc(100vw - var(--p-mob-l));
}
}
@media (min-width: 900px) {
div.f-text-video-inner .left video, div.f-text-video-inner .left iframe {
min-height: calc(50vw - var(--p-mob-l));
}
}
@media (min-width: 1024px) {
div.f-text-video-inner .left video, div.f-text-video-inner .left iframe {
min-height: calc(50vw - var(--p-tab-l));
}
}
@media (min-width: 1932px) {
div.f-text-video-inner .left video, div.f-text-video-inner .left iframe {
min-height: calc(var(--max-w) / 2 - var(--p-tab-l));
}
}
}
div.f-text-video-inner .right {
width: 100%;
}
div.f-text-video-inner .right h2, div.f-text-video-inner .right h1 {
margin-bottom: 15px;
}
@media (min-width: 900px) {
div.f-text-video-inner .right {
width: 47%;
}
}
div.f-text-video-inner .right .f-link-container {
margin-top: 30px;
display: flex;
justify-content: flex-end;
align-items: center;
}
section.f-text-columns[data-bg=dark] .custom-text {
color: #CED2D4;
}
div.f-text-columns-inner {
max-width: 1498px;
margin: 0 auto;
padding-left: 28px;
padding-right: 28px;
}
@media (min-width: 420px) {
div.f-text-columns-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.f-text-columns-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-text-columns-inner {
padding-left: 140px;
padding-right: 140px;
}
}
div.f-text-columns-inner[data-padding=half-half] {
padding: 30px 28px;
}
@media (min-width: 420px) {
div.f-text-columns-inner[data-padding=half-half] {
padding: 43px 36px;
}
}
@media (min-width: 900px) {
div.f-text-columns-inner[data-padding=half-half] {
padding: 43px 60px;
}
}
@media (min-width: 1200px) {
div.f-text-columns-inner[data-padding=half-half] {
padding: 45px 140px;
}
}
div.f-text-columns-inner[data-padding=full-half] {
padding-left: 28px;
padding-right: 28px;
padding-top: 60px;
padding-bottom: 30px;
}
@media (min-width: 420px) {
div.f-text-columns-inner[data-padding=full-half] {
padding-left: 36px;
padding-right: 36px;
padding-top: 86px;
padding-bottom: 43px;
}
}
@media (min-width: 900px) {
div.f-text-columns-inner[data-padding=full-half] {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-text-columns-inner[data-padding=full-half] {
padding-left: 140px;
padding-right: 140px;
padding-top: 90px;
padding-bottom: 45px;
}
}
div.f-text-columns-inner[data-padding=half-full] {
padding-left: 28px;
padding-right: 28px;
padding-bottom: 60px;
padding-top: 30px;
}
@media (min-width: 420px) {
div.f-text-columns-inner[data-padding=half-full] {
padding-left: 36px;
padding-right: 36px;
padding-bottom: 86px;
padding-top: 43px;
}
}
@media (min-width: 900px) {
div.f-text-columns-inner[data-padding=half-full] {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-text-columns-inner[data-padding=half-full] {
padding-left: 140px;
padding-right: 140px;
padding-bottom: 90px;
padding-top: 45px;
}
}
div.f-text-columns-inner .f-title-container {
margin-bottom: 40px;
}
@media (min-width: 1600px) {
div.f-text-columns-inner .f-title-container {
margin-bottom: 60px;
}
}
@media (min-width: 1600px) {
div.f-text-columns-inner .f-title-container {
margin-bottom: 83px;
max-width: 975px;
}
}
div.f-text-columns-inner .f-title-container h1, div.f-text-columns-inner .f-title-container h2 {
line-height: 1.19;
font-size: 35px;
font-size: 3.5rem;
}
@media (min-width: 1200px) {
div.f-text-columns-inner .f-title-container h1, div.f-text-columns-inner .f-title-container h2 {
font-size: 40px;
font-size: 4rem;
}
}
@media (min-width: 1600px) {
div.f-text-columns-inner .f-title-container h1, div.f-text-columns-inner .f-title-container h2 {
font-size: 46px;
font-size: 4.6rem;
}
}
div.f-text-columns-inner .f-columns-container {
display: grid;
grid-template-columns: 100%;
gap: 40px 75px;
}
div.f-text-columns-inner .f-columns-container[data-count="2"] div.empty-div {
display: none;
}
@media (min-width: 1200px) {
div.f-text-columns-inner .f-columns-container[data-count="2"] div.empty-div {
display: none;
}
}
div.f-text-columns-inner .f-columns-container[data-count="1"] div.empty-div:first-of-type {
display: none;
}
@media (min-width: 1200px) {
div.f-text-columns-inner .f-columns-container[data-count="1"] div.empty-div:first-of-type {
display: none;
}
}
div.f-text-columns-inner .f-columns-container div.empty-div {
display: none;
}
@media (min-width: 900px) {
div.f-text-columns-inner .f-columns-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1200px) {
div.f-text-columns-inner .f-columns-container {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
div.f-text-image-columns-inner {
padding-left: 28px;
padding-right: 28px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column-reverse;
padding-bottom: 93px;
padding-top: 93px;
}
@media (min-width: 420px) {
div.f-text-image-columns-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.f-text-image-columns-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-text-image-columns-inner {
padding-left: 140px;
padding-right: 140px;
}
}
div.f-text-image-columns-inner[data-padding=half-half] {
padding-bottom: 46.5px;
padding-top: 46.5px;
}
div.f-text-image-columns-inner[data-padding=full-half] {
padding-bottom: 46.5px;
}
div.f-text-image-columns-inner[data-padding=half-full] {
padding-top: 46.5px;
}
@media (min-width: 1200px) {
div.f-text-image-columns-inner {
flex-direction: row;
padding-top: 119px;
padding-bottom: 108px;
justify-content: space-between;
align-items: inherit;
}
}
@media (min-width: 1600px) {
div.f-text-image-columns-inner {
padding-top: 169px;
padding-bottom: 158px;
}
}
@media (min-width: 1200px) {
div.f-text-image-columns-inner[data-position=right] {
flex-direction: row;
}
}
@media (min-width: 1200px) {
div.f-text-image-columns-inner[data-position=left] {
flex-direction: row-reverse;
}
}
@media (min-width: 1200px) {
div.f-text-image-columns-inner .left {
width: calc(100% - 480px - 80px);
padding: 60px 0;
align-self: center;
}
}
@media (min-width: 1600px) {
div.f-text-image-columns-inner .left {
width: calc(100% - 674px - 180px);
padding: 0;
}
}
@media (min-width: 1900px) {
div.f-text-image-columns-inner .left {
width: calc(100% - 674px - 225px);
}
}
div.f-text-image-columns-inner .left .f-title-container {
margin-bottom: 40px;
}
@media (min-width: 1600px) {
div.f-text-image-columns-inner .left .f-title-container {
margin-bottom: 80px;
}
}
@media (min-width: 1600px) {
div.f-text-image-columns-inner .left .f-title-container {
margin-bottom: 114px;
max-width: 671px;
}
}
div.f-text-image-columns-inner .left .f-title-container h1, div.f-text-image-columns-inner .left .f-title-container h2 {
line-height: 1.19;
font-size: 35px;
font-size: 3.5rem;
}
@media (min-width: 1200px) {
div.f-text-image-columns-inner .left .f-title-container h1, div.f-text-image-columns-inner .left .f-title-container h2 {
font-size: 40px;
font-size: 4rem;
}
}
@media (min-width: 1600px) {
div.f-text-image-columns-inner .left .f-title-container h1, div.f-text-image-columns-inner .left .f-title-container h2 {
font-size: 46px;
font-size: 4.6rem;
}
}
div.f-text-image-columns-inner .left .f-columns-container {
display: grid;
grid-template-columns: 100%;
gap: 40px 50px;
}
@media (min-width: 900px) {
div.f-text-image-columns-inner .left .f-columns-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1200px) {
div.f-text-image-columns-inner .left .f-columns-container {
grid-template-columns: 100%;
}
}
@media (min-width: 1600px) {
div.f-text-image-columns-inner .left .f-columns-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
div.f-text-image-columns-inner .left .f-link-container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: flex-end;
margin-top: 30px;
}
@media (min-width: 1600px) {
div.f-text-image-columns-inner .left .f-link-container {
margin-top: 64px;
}
}
div.f-text-image-columns-inner .left .f-link-container a {
margin-left: 15px;
margin-bottom: 15px;
}
div.f-text-image-columns-inner .right {
height: 250px;
margin-bottom: 30px;
border-radius: 50px;
overflow: hidden;
width: 100%;
}
@media (min-width: 600px) {
div.f-text-image-columns-inner .right {
height: 300px;
}
}
@media (min-width: 900px) {
div.f-text-image-columns-inner .right {
height: 350px;
}
}
@media (min-width: 1200px) {
div.f-text-image-columns-inner .right {
height: unset;
margin-bottom: 0;
width: 480px;
min-height: 560px;
}
}
@media (min-width: 1600px) {
div.f-text-image-columns-inner .right {
width: 674px;
min-height: 666px;
}
}
div.f-text-image-columns-inner .right img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
div.f-timeline-inner {
padding-left: 28px;
padding-right: 28px;
}
@media (min-width: 420px) {
div.f-timeline-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.f-timeline-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-timeline-inner {
padding-left: 140px;
padding-right: 140px;
}
}
div.f-timeline-inner[data-padding=half-half] {
padding: 30px 28px;
}
@media (min-width: 420px) {
div.f-timeline-inner[data-padding=half-half] {
padding: 43px 36px;
}
}
@media (min-width: 900px) {
div.f-timeline-inner[data-padding=half-half] {
padding: 43px 60px;
}
}
@media (min-width: 1200px) {
div.f-timeline-inner[data-padding=half-half] {
padding: 45px 140px;
}
}
div.f-timeline-inner[data-padding=full-half] {
padding-left: 28px;
padding-right: 28px;
padding-top: 60px;
padding-bottom: 30px;
}
@media (min-width: 420px) {
div.f-timeline-inner[data-padding=full-half] {
padding-left: 36px;
padding-right: 36px;
padding-top: 86px;
padding-bottom: 43px;
}
}
@media (min-width: 900px) {
div.f-timeline-inner[data-padding=full-half] {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-timeline-inner[data-padding=full-half] {
padding-left: 140px;
padding-right: 140px;
padding-top: 90px;
padding-bottom: 45px;
}
}
div.f-timeline-inner[data-padding=half-full] {
padding-left: 28px;
padding-right: 28px;
padding-bottom: 60px;
padding-top: 30px;
}
@media (min-width: 420px) {
div.f-timeline-inner[data-padding=half-full] {
padding-left: 36px;
padding-right: 36px;
padding-bottom: 86px;
padding-top: 43px;
}
}
@media (min-width: 900px) {
div.f-timeline-inner[data-padding=half-full] {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-timeline-inner[data-padding=half-full] {
padding-left: 140px;
padding-right: 140px;
padding-bottom: 90px;
padding-top: 45px;
}
}
div.f-timeline-inner .item {
padding-bottom: 60px;
display: grid;
grid-template-columns: 100%;
gap: 20px;
position: relative;
height: fit-content;
}
div.f-timeline-inner .item:last-child::after {
display: none;
}
@media (min-width: 1200px) {
div.f-timeline-inner .item {
grid-template-columns: 1fr 120px 1fr;
justify-content: space-between;
gap: 40px;
padding-bottom: 100px;
}
}
@media (min-width: 1600px) {
div.f-timeline-inner .item {
grid-template-columns: 1fr 145px 735px;
justify-content: space-between;
gap: 40px;
padding-bottom: 160px;
}
}
div.f-timeline-inner .item::after {
content: "";
position: absolute;
top: unset;
bottom: 30px;
left: 50%;
display: none;
height: calc(100% - 120px - 30px);
width: 1px;
background: #707070;
}
@media (min-width: 1200px) {
div.f-timeline-inner .item::after {
display: block;
height: calc(100% - 120px - 50px);
bottom: 25px;
}
}
@media (min-width: 1600px) {
div.f-timeline-inner .item::after {
height: calc(100% - 145px - 40px);
bottom: 20px;
left: unset;
right: 847.5px;
}
}
div.f-timeline-inner .item .left {
grid-column: auto/span 1;
grid-row: 2/span 1;
}
@media (min-width: 1200px) {
div.f-timeline-inner .item .left {
padding-top: 19px;
grid-row: auto/span 1;
}
}
@media (min-width: 1200px) {
div.f-timeline-inner .item .left {
padding-top: 24px;
}
}
div.f-timeline-inner .item .left span, div.f-timeline-inner .item .left h2 {
display: inline-block;
line-height: 1.1;
}
div.f-timeline-inner .item .left span {
color: #CE321A;
font-size: 34px;
font-size: 3.4rem;
margin-right: 21px;
}
@media (min-width: 1200px) {
div.f-timeline-inner .item .left span {
font-size: 34px;
font-size: 3.4rem;
}
}
@media (min-width: 1600px) {
div.f-timeline-inner .item .left span {
font-size: 50px;
font-size: 5rem;
}
}
div.f-timeline-inner .item .left h2 {
font-size: 32px;
font-size: 3.2rem;
}
@media (min-width: 1200px) {
div.f-timeline-inner .item .left h2 {
font-size: 32px;
font-size: 3.2rem;
display: inline;
}
}
@media (min-width: 1600px) {
div.f-timeline-inner .item .left h2 {
font-size: 46px;
font-size: 4.6rem;
}
}
div.f-timeline-inner .item .middle {
grid-column: auto/span 1;
grid-row: 1/span 1;
position: relative;
z-index: 2;
}
@media (min-width: 1200px) {
div.f-timeline-inner .item .middle {
grid-row: auto/span 1;
}
}
div.f-timeline-inner .item .middle img {
display: block;
width: 100%;
height: auto;
max-width: 120px;
}
@media (min-width: 1200px) {
div.f-timeline-inner .item .middle img {
max-width: 145px;
}
}
div.f-timeline-inner .item .right {
grid-column: auto/span 1;
grid-row: 3/span 1;
}
@media (min-width: 1200px) {
div.f-timeline-inner .item .right {
padding-top: 24px;
grid-row: auto/span 1;
}
}
@media (min-width: 1200px) {
div.f-timeline-inner .item .right {
padding-top: 29px;
padding-left: 135px;
}
}
div.f-timeline-inner .item .right .custom-text {
font-size: 16px;
font-size: 1.6rem;
}
div.f-gallery-inner[data-padding=half-half] {
padding: 30px 28px;
}
@media (min-width: 420px) {
div.f-gallery-inner[data-padding=half-half] {
padding: 43px 36px;
}
}
@media (min-width: 900px) {
div.f-gallery-inner[data-padding=half-half] {
padding: 43px 60px;
}
}
@media (min-width: 1200px) {
div.f-gallery-inner[data-padding=half-half] {
padding: 45px 140px;
}
}
div.f-gallery-inner[data-padding=full-half] {
padding-left: 28px;
padding-right: 28px;
padding-top: 60px;
padding-bottom: 30px;
}
@media (min-width: 420px) {
div.f-gallery-inner[data-padding=full-half] {
padding-left: 36px;
padding-right: 36px;
padding-top: 86px;
padding-bottom: 43px;
}
}
@media (min-width: 900px) {
div.f-gallery-inner[data-padding=full-half] {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-gallery-inner[data-padding=full-half] {
padding-left: 140px;
padding-right: 140px;
padding-top: 90px;
padding-bottom: 45px;
}
}
div.f-gallery-inner[data-padding=half-full] {
padding-left: 28px;
padding-right: 28px;
padding-bottom: 60px;
padding-top: 30px;
}
@media (min-width: 420px) {
div.f-gallery-inner[data-padding=half-full] {
padding-left: 36px;
padding-right: 36px;
padding-bottom: 86px;
padding-top: 43px;
}
}
@media (min-width: 900px) {
div.f-gallery-inner[data-padding=half-full] {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-gallery-inner[data-padding=half-full] {
padding-left: 140px;
padding-right: 140px;
padding-bottom: 90px;
padding-top: 45px;
}
}
div.f-gallery-inner .f-title-container {
text-align: center;
margin-bottom: 60px;
}
div.f-gallery-inner .f-title-container span {
color: #CE321A;
}
@media (min-width: 900px) {
div.f-gallery-inner .f-title-container {
margin-bottom: 80px;
}
}
@media (min-width: 1600px) {
div.f-gallery-inner .f-title-container {
margin-bottom: 132px;
}
}
div.f-gallery-inner .f-gallery-container {
display: grid;
grid-template-columns: 100%;
gap: 10px;
}
@media (min-width: 600px) {
div.f-gallery-inner .f-gallery-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 900px) {
div.f-gallery-inner .f-gallery-container {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 1600px) {
div.f-gallery-inner .f-gallery-container {
gap: 17px;
}
}
div.f-gallery-inner .f-gallery-container .image-container {
min-height: 200px;
border-radius: 50px;
overflow: hidden;
}
div.f-gallery-inner .f-gallery-container .image-container[data-size=small] {
grid-column: auto/span 1;
}
@media (min-width: 900px) {
div.f-gallery-inner .f-gallery-container .image-container[data-size=small] {
grid-column: auto/span 1;
grid-row: auto/span 1;
min-height: 240px;
}
}
@media (min-width: 1600px) {
div.f-gallery-inner .f-gallery-container .image-container[data-size=small] {
min-height: 397px;
}
}
div.f-gallery-inner .f-gallery-container .image-container[data-size=big] {
grid-column: auto/span 1;
}
@media (min-width: 900px) {
div.f-gallery-inner .f-gallery-container .image-container[data-size=big] {
grid-column: auto/span 2;
grid-row: auto/span 2;
}
}
div.f-gallery-inner .f-gallery-container .image-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
div.f-gallery-inner .f-masonry-container {
columns: 1 100%;
column-gap: 16px;
}
@media (min-width: 768px) {
div.f-gallery-inner .f-masonry-container {
columns: 2;
}
}
@media (min-width: 1024px) {
div.f-gallery-inner .f-masonry-container {
columns: 3;
}
}
@media (min-width: 1200px) {
div.f-gallery-inner .f-masonry-container {
columns: 4;
column-gap: 16px;
}
}
div.f-gallery-inner .f-masonry-container .image-container {
position: relative;
}
div.f-gallery-inner .f-masonry-container .image-container::after {
content: "";
position: absolute;
width: 40px;
height: 40px;
top: 30px;
right: 30px;
background-image: var(--icon_scroll);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transform: rotate(-135deg);
transition: all 0.3s ease-in-out;
display: none;
}
@media (hover: hover) {
div.f-gallery-inner .f-masonry-container .image-container::after {
display: block;
opacity: 0;
}
}
@media (hover: hover) {
div.f-gallery-inner .f-masonry-container .image-container:hover::after {
opacity: 1;
}
}
div.f-gallery-inner .f-masonry-container .image-container img {
display: block;
width: 100%;
height: auto;
margin-bottom: 16px;
border-radius: 50px;
}
div.f-form-inner .f-title-container {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 30px;
text-align: center;
}
div.f-table-links-inner[data-padding=half-half] {
padding: 30px 28px;
}
@media (min-width: 420px) {
div.f-table-links-inner[data-padding=half-half] {
padding: 43px 36px;
}
}
@media (min-width: 900px) {
div.f-table-links-inner[data-padding=half-half] {
padding: 43px 60px;
}
}
@media (min-width: 1200px) {
div.f-table-links-inner[data-padding=half-half] {
padding: 45px 140px;
}
}
div.f-table-links-inner[data-padding=full-half] {
padding-left: 28px;
padding-right: 28px;
padding-top: 60px;
padding-bottom: 30px;
}
@media (min-width: 420px) {
div.f-table-links-inner[data-padding=full-half] {
padding-left: 36px;
padding-right: 36px;
padding-top: 86px;
padding-bottom: 43px;
}
}
@media (min-width: 900px) {
div.f-table-links-inner[data-padding=full-half] {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-table-links-inner[data-padding=full-half] {
padding-left: 140px;
padding-right: 140px;
padding-top: 90px;
padding-bottom: 45px;
}
}
div.f-table-links-inner[data-padding=half-full] {
padding-left: 28px;
padding-right: 28px;
padding-bottom: 60px;
padding-top: 30px;
}
@media (min-width: 420px) {
div.f-table-links-inner[data-padding=half-full] {
padding-left: 36px;
padding-right: 36px;
padding-bottom: 86px;
padding-top: 43px;
}
}
@media (min-width: 900px) {
div.f-table-links-inner[data-padding=half-full] {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.f-table-links-inner[data-padding=half-full] {
padding-left: 140px;
padding-right: 140px;
padding-bottom: 90px;
padding-top: 45px;
}
}
div.f-table-links-inner .f-border-container {
position: relative;
border-radius: 50px;
overflow: hidden;
padding: 72px 28px;
background: #0A0219;
}
@media (min-width: 1200px) {
div.f-table-links-inner .f-border-container {
padding: 72px;
}
}
@media (min-width: 1600px) {
div.f-table-links-inner .f-border-container {
padding: 72px 78px;
}
}
div.f-table-links-inner .f-border-container .top {
display: grid;
grid-template-columns: 100%;
gap: 30px;
margin-bottom: 40px;
}
@media (min-width: 1200px) {
div.f-table-links-inner .f-border-container .top {
margin-bottom: 67px;
grid-template-columns: minmax(auto, 60%) 1fr;
}
}
@media (min-width: 1600px) {
div.f-table-links-inner .f-border-container .top {
margin-bottom: 97px;
grid-template-columns: 838px 1fr;
gap: 127px;
}
}
div.f-table-links-inner .f-border-container .top h1, div.f-table-links-inner .f-border-container .top h2 {
line-height: 1.19;
color: #FFFFFF;
}
div.f-table-links-inner .f-border-container .top h1 span, div.f-table-links-inner .f-border-container .top h2 span {
color: #CE321A;
}
div.f-table-links-inner .f-border-container .top .custom-text {
font-size: 20px;
font-size: 2rem;
line-height: 1.5;
color: #FFFFFF;
}
div.f-table-links-inner .f-border-container .top .custom-text * {
color: #FFFFFF;
}
@media (min-width: 1600px) {
div.f-table-links-inner .f-border-container .top .custom-text {
max-width: 395px;
margin: 0 0 0 auto;
}
}
div.f-table-links-inner .f-border-container .bottom .f-link-container {
display: grid;
grid-template-columns: 100%;
gap: 14px 18px;
}
@media (min-width: 1200px) {
div.f-table-links-inner .f-border-container .bottom .f-link-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
div.f-table-links-inner .f-border-container .bottom .f-link-container .link a.link-table {
background: #A8BDC6;
}
.sf-image .sf-image-inner img {
display: block;
width: 100%;
height: auto;
}
.sf-quote-inner figure {
padding-left: 26px;
position: relative;
}
.sf-quote-inner figure::before {
content: "“";
font-size: 36px;
font-size: 3.6rem;
line-height: 1;
color: #CE321A;
position: absolute;
left: 0;
}
.sf-quote-inner figure blockquote {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.17;
}
@media (min-width: 420px) {
.sf-quote-inner figure blockquote {
font-size: 28px;
font-size: 2.8rem;
}
}
.sf-quote-inner figure figcaption {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.17;
font-style: italic;
margin-top: 12px;
}
.sf-quote-inner figure figcaption::before {
content: "-";
margin-right: 8px;
}
@media (min-width: 420px) {
.sf-quote-inner figure figcaption {
font-size: 22px;
font-size: 2.2rem;
}
}
.sf-text-inner .custom-text h2 {
font-size: 28px;
font-size: 2.8rem;
font-family: pp-medium, sans-serif;
font-weight: 500;
list-style: 1.08;
}
@media (min-width: 420px) {
.sf-text-inner .custom-text h2 {
font-size: 28px;
font-size: 2.8rem;
}
}
@media (min-width: 1024px) {
.sf-text-inner .custom-text h2 {
font-size: 28px;
font-size: 2.8rem;
}
}
@media (min-width: 1200px) {
.sf-text-inner .custom-text h2 {
font-size: 28px;
font-size: 2.8rem;
}
}
@media (min-width: 1600px) {
.sf-text-inner .custom-text h2 {
font-size: 28px;
font-size: 2.8rem;
}
}
.sf-slider-inner .sf-slider-container {
margin: 0 -10px;
}
.sf-slider-inner .sf-slider-container .image-wrapper {
height: 259px;
margin: 0 10px;
}
@media (min-width: 900px) {
.sf-slider-inner .sf-slider-container .image-wrapper {
height: 400px;
}
}
@media (min-width: 1200px) {
.sf-slider-inner .sf-slider-container .image-wrapper {
height: 500px;
}
}
@media (min-width: 1600px) {
.sf-slider-inner .sf-slider-container .image-wrapper {
height: 600px;
}
}
.sf-slider-inner .sf-slider-container .image-wrapper img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
.sf-slider-inner figure {
position: relative;
}
.sf-slider-inner figcaption {
margin-top: 10px;
position: relative;
padding-left: 17px;
font-family: pp-medium, sans-serif;
font-weight: 500;
font-size: 16px;
font-size: 1.6rem;
color: #F2EFE9;
}
.sf-slider-inner figcaption::before {
content: "";
position: absolute;
width: 7px;
height: 7px;
background: #CE321A;
border-radius: 50%;
left: 0;
top: 10px;
}
.sf-slider-inner .sf-button-container {
display: flex;
justify-content: center;
align-items: center;
margin-top: 26px;
}
@media (min-width: 1200px) {
.sf-slider-inner .sf-button-container {
margin-top: 0;
position: absolute;
top: 227px;
left: -23px;
width: calc(100% + 46px);
justify-content: space-between;
}
}
@media (min-width: 1600px) {
.sf-slider-inner .sf-button-container {
top: 277px;
}
}
.sf-slider-inner .sf-button-container button {
cursor: pointer;
background: #FFFFFF;
border: 1px solid #FFFFFF;
color: #CE321A;
border-radius: 50%;
width: 46px;
height: 46px;
line-height: 1;
margin: 0 5px;
}
@media (min-width: 1200px) {
.sf-slider-inner .sf-button-container button {
margin: 0;
}
}
.sf-slider-inner .sf-button-container button.button-left {
transform: rotate(180deg);
}
div.tp-contact-form-inner .top {
display: grid;
grid-template-columns: 100%;
margin-bottom: 55px;
padding-bottom: 5px;
display: none;
}
@media (min-width: 1200px) {
div.tp-contact-form-inner .top {
border-bottom: 1px solid #707070;
grid-template-columns: auto 1fr;
gap: 55px;
}
}
@media (min-width: 1600px) {
div.tp-contact-form-inner .top {
grid-template-columns: 1fr 950px;
}
}
div.tp-contact-form-inner .top .right .tp-company-container {
display: none;
}
@media (min-width: 1200px) {
div.tp-contact-form-inner .top .right .tp-company-container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
height: 100%;
}
}
div.tp-contact-form-inner .bottom {
display: grid;
grid-template-columns: 100%;
gap: 55px;
}
@media (min-width: 1200px) {
div.tp-contact-form-inner .bottom {
grid-template-columns: 20% 1fr;
}
}
@media (min-width: 1600px) {
div.tp-contact-form-inner .bottom {
grid-template-columns: 1fr 950px;
}
}
div.tp-contact-form-inner .bottom .left h1 + .custom-text, div.tp-contact-form-inner .bottom .left h2 + .custom-text {
margin-top: 30px;
}
@media (min-width: 1600px) {
div.tp-contact-form-inner .bottom .left .custom-text {
max-width: 395px;
}
}
div.tp-contact-form-inner .bottom .left .tp-company-container {
margin-top: 18px;
display: grid;
grid-template-columns: 100%;
gap: 10px;
}
div.tp-contact-form-inner .bottom .left .tp-company-container a, div.tp-contact-form-inner .bottom .left .tp-company-container p {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.25;
}
div.tp-contact-form-inner .bottom .left .tp-socials-container {
margin-top: 18px;
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
div.tp-contact-form-inner .bottom .left .tp-socials-container a {
margin-right: 9px;
}
div.tp-contact-team-inner {
padding-left: 28px;
padding-right: 28px;
padding-top: 86px;
padding-bottom: 86px;
}
@media (min-width: 420px) {
div.tp-contact-team-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.tp-contact-team-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.tp-contact-team-inner {
padding-left: 140px;
padding-right: 140px;
}
}
div.tp-contact-team-inner .tp-title-container {
display: grid;
grid-template-columns: 100%;
gap: 30px;
margin-bottom: 60px;
text-align: center;
}
@media (min-width: 1200px) {
div.tp-contact-team-inner .tp-title-container {
grid-template-columns: auto 325px;
margin-bottom: 100px;
text-align: left;
}
}
@media (min-width: 1600px) {
div.tp-contact-team-inner .tp-title-container {
grid-template-columns: auto 395px;
gap: 100px;
margin-bottom: 150px;
}
}
div.tp-contact-team-inner .tp-title-container .left h1 span, div.tp-contact-team-inner .tp-title-container .left h2 span {
color: #CE321A;
}
div.tp-contact-team-inner .tp-post-container {
display: grid;
grid-template-columns: 100%;
gap: 20px;
}
@media (min-width: 1024px) {
div.tp-contact-team-inner .tp-post-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
section.tp-industry-hero {
position: relative;
min-height: min(40vh, 650px);
height: fit-content;
}
@media (min-width: 768px) {
section.tp-industry-hero {
min-height: min(40vh, 832px);
}
}
@media (min-width: 1200px) {
section.tp-industry-hero {
min-height: min(40vh, 512px);
}
}
@media (min-width: 1600px) {
section.tp-industry-hero {
min-height: min(40vh, 607px);
}
}
section.tp-industry-hero .tp-image-outer {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
}
@supports (inset: 0) {
section.tp-industry-hero .tp-image-outer {
inset: 0;
}
}
section.tp-industry-hero .tp-image-outer img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
section.tp-industry-hero .tp-image-outer .layer {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@supports (inset: 0) {
section.tp-industry-hero .tp-image-outer .layer {
inset: 0;
}
}
div.tp-industry-hero-inner {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 100%;
gap: 100px;
padding-left: 28px;
padding-right: 28px;
padding-top: 62px;
padding-bottom: 31px;
}
@media (min-width: 420px) {
div.tp-industry-hero-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.tp-industry-hero-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.tp-industry-hero-inner {
padding-left: 140px;
padding-right: 140px;
}
}
@media (min-width: 900px) {
div.tp-industry-hero-inner {
grid-template-columns: 1fr 1fr;
gap: 38px 100px;
}
}
@media (min-width: 1200px) {
div.tp-industry-hero-inner {
padding-bottom: 60px;
}
}
@media (min-width: 1600px) {
div.tp-industry-hero-inner {
gap: 0 150px;
}
}
div.tp-industry-hero-inner .left {
text-align: center;
}
@media (min-width: 900px) {
div.tp-industry-hero-inner .left {
text-align: left;
grid-column: auto/span 2;
}
}
div.tp-industry-hero-inner .left .tp-breadcrumb-container {
margin-bottom: 20px;
}
@media (min-width: 1200px) {
div.tp-industry-hero-inner .left .tp-breadcrumb-container {
margin-bottom: 25px;
}
}
@media (min-width: 1200px) {
div.tp-industry-hero-inner .left h1 {
font-size: 70px;
font-size: 7rem;
line-height: 1;
}
}
@media (min-width: 1200px) {
div.tp-industry-hero-inner .left h1 {
font-size: 100px;
font-size: 10rem;
line-height: 1;
}
}
div.tp-industry-hero-inner .left .custom-text {
text-align: center;
max-width: 500px;
margin: 20px auto 0 auto;
}
@media (min-width: 900px) {
div.tp-industry-hero-inner .left .custom-text {
margin: 37px 0 0 0;
text-align: left;
}
}
@media (min-width: 1200px) {
div.tp-industry-hero-inner .left .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 1600px) {
div.tp-industry-hero-inner .left .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 900px) {
div.tp-industry-hero-inner .right {
grid-column: auto/span 2;
}
}
div.tp-industry-hero-inner .right .tp-link-container {
margin-top: 20px;
display: flex;
justify-content: center;
align-items: center;
}
@media (min-width: 900px) {
div.tp-industry-hero-inner .right .tp-link-container {
justify-content: flex-end;
margin-top: 0;
}
}
.tp-industry-posts-section-wrapper {
padding-top: 76px;
padding-bottom: 72px;
display: grid;
grid-template-columns: 100%;
gap: 72px;
}
@media (min-width: 1200px) {
.tp-industry-posts-section-wrapper {
padding-top: 65px;
gap: 88px;
padding-bottom: 91px;
}
}
@media (min-width: 1600px) {
.tp-industry-posts-section-wrapper {
gap: 130px;
padding-top: 65px;
padding-bottom: 136px;
}
}
@media (min-width: 1200px) {
.tp-industry-posts-section-wrapper section:nth-of-type(odd) .section-inner {
flex-direction: row;
}
}
@media (min-width: 1200px) {
.tp-industry-posts-section-wrapper section:nth-of-type(even) .section-inner {
flex-direction: row-reverse;
}
}
.tp-industry-posts-section-wrapper section:first-of-type {
padding-top: 0;
}
.tp-industry-posts-section-wrapper hr {
all: unset;
width: 100%;
height: 1px;
max-width: 1932px;
margin: 0 auto;
background: #707070;
width: calc(100% - 56px);
overflow: hidden;
border: none;
box-sizing: border-box;
}
@media (min-width: 420px) {
.tp-industry-posts-section-wrapper hr {
width: calc(100% - 72px);
}
}
@media (min-width: 900px) {
.tp-industry-posts-section-wrapper hr {
width: calc(100% - 120px);
}
}
@media (min-width: 1200px) {
.tp-industry-posts-section-wrapper hr {
width: calc(100% - 280px);
}
}
.tp-industry-posts-section-wrapper hr:first-of-type {
display: none;
}
div.card-industry-section-inner {
padding-left: 28px;
padding-right: 28px;
padding-top: 0;
padding-bottom: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
@media (min-width: 420px) {
div.card-industry-section-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.card-industry-section-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.card-industry-section-inner {
padding-left: 140px;
padding-right: 140px;
}
}
@media (min-width: 1200px) {
div.card-industry-section-inner {
align-items: stretch;
flex-direction: row;
justify-content: space-between;
}
}
@media (min-width: 1600px) {
div.card-industry-section-inner {
align-items: center;
}
}
div.card-industry-section-inner .left, div.card-industry-section-inner .right {
width: 100%;
flex: 0 0 100%;
}
div.card-industry-section-inner .left {
margin-bottom: 50px;
}
@media (min-width: 1200px) {
div.card-industry-section-inner .left {
margin-bottom: 0;
width: calc(45% - 25px);
flex: 0 0 calc(45% - 25px);
}
}
@media (min-width: 1600px) {
div.card-industry-section-inner .left {
width: calc(45% - 60px);
flex: 0 0 calc(45% - 60px);
}
}
div.card-industry-section-inner .left h2 {
margin-bottom: 29px;
font-size: 46px;
font-size: 4.6rem;
line-height: 1.19;
}
@media (min-width: 1200px) {
div.card-industry-section-inner .left h2 {
font-size: 35px;
font-size: 3.5rem;
line-height: 1.2;
}
}
@media (min-width: 1600px) {
div.card-industry-section-inner .left h2 {
font-size: 46px;
font-size: 4.6rem;
line-height: 1.19;
}
}
div.card-industry-section-inner .left .custom-text {
font-size: 20px;
font-size: 2rem;
line-height: 1.5;
}
@media (min-width: 1600px) {
div.card-industry-section-inner .left .custom-text {
max-width: 525px;
}
}
div.card-industry-section-inner .left .product-groups {
margin-top: 15px;
}
@media (min-width: 1200px) {
div.card-industry-section-inner .left .product-groups {
margin-top: 25px;
}
}
@media (min-width: 1600px) {
div.card-industry-section-inner .left .product-groups {
max-width: 525px;
margin: 25px 0 0 0;
}
}
div.card-industry-section-inner .left .product-groups span {
display: inline;
color: #929CA3;
font-size: 16px;
font-size: 1.6rem;
font-family: pp-regular, sans-serif;
font-weight: 400;
}
div.card-industry-section-inner .left .product-groups span::after {
content: " | ";
}
div.card-industry-section-inner .left .product-groups span:last-of-type::after {
content: "";
}
div.card-industry-section-inner .left .link-container {
margin-top: 50px;
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
}
@media (min-width: 1200px) {
div.card-industry-section-inner .right {
height: unset;
width: calc(55% - 25px);
flex: 0 0 calc(55% - 25px);
}
}
@media (min-width: 1600px) {
div.card-industry-section-inner .right {
width: calc(55% - 60px);
flex: 0 0 calc(55% - 60px);
}
}
div.card-industry-section-inner .right img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
border-radius: 50px;
min-height: 245px;
}
@media (min-width: 1200px) {
div.card-industry-section-inner .right img {
min-height: 309px;
}
}
@media (min-width: 1600px) {
div.card-industry-section-inner .right img {
min-height: 555px;
border-radius: 40px;
}
}
section.tp-post-featured + .section-divider {
display: none;
}
@media (min-width: 900px) {
section.tp-post-featured + .section-divider {
display: block;
}
}
section.tp-post-featured + .section-divider .section-inner {
padding-top: 0;
padding-bottom: 0;
}
section.tp-post-featured + .section-divider .section-inner hr {
all: unset;
display: block;
width: 100%;
height: 1px;
border: none;
box-shadow: none;
background: #707070;
}
div.tp-post-featured-inner .tp-breadcrumb-container {
text-align: center;
margin-bottom: 20px;
}
@media (min-width: 900px) {
div.tp-post-featured-inner .tp-breadcrumb-container {
text-align: left;
}
}
div.tp-post-featured-inner .tp-title-container {
margin-bottom: 0;
}
@media (min-width: 900px) {
div.tp-post-featured-inner .tp-title-container {
margin-bottom: 60px;
}
}
@media (min-width: 1200px) {
div.tp-post-featured-inner .tp-title-container {
margin-bottom: 60px;
}
}
@media (min-width: 1600px) {
div.tp-post-featured-inner .tp-title-container {
margin-bottom: 86px;
}
}
div.tp-post-featured-inner .tp-title-container .title-container {
display: grid;
grid-template-columns: 100%;
justify-content: space-between;
align-items: center;
gap: 50px;
}
@media (min-width: 900px) {
div.tp-post-featured-inner .tp-title-container .title-container {
grid-template-columns: auto auto;
}
}
div.tp-post-featured-inner .tp-title-container .title-container .left {
text-align: center;
}
@media (min-width: 900px) {
div.tp-post-featured-inner .tp-title-container .title-container .left {
text-align: left;
}
}
div.tp-post-featured-inner .tp-title-container .title-container .right {
display: none;
position: relative;
min-width: var(--min);
}
@media (min-width: 1200px) {
div.tp-post-featured-inner .tp-title-container .title-container .right {
display: block;
}
}
div.tp-post-featured-inner .tp-title-container .title-container .right .select-wrapper {
position: relative;
width: fit-content;
}
div.tp-post-featured-inner .tp-title-container .title-container .right .select-wrapper button {
-webkit-appearance: none;
-moz-appearance: none;
padding: 14px 38px 14px 22px;
background: #090015;
color: #CED2D4;
border: 1px solid #FFFFFF;
border-radius: 36px;
cursor: pointer;
}
div.tp-post-featured-inner .tp-title-container .title-container .right .select-wrapper::after {
content: "";
position: absolute;
content: "+";
color: #CE321A;
right: 16px;
font-size: 16px;
line-height: 1;
top: calc(50% - 8px);
}
div.tp-post-featured-inner .tp-title-container .title-container .right ul {
display: none;
list-style: none;
background: #090015;
border: 1px solid #090015;
margin-top: 20px;
position: absolute;
z-index: 10;
width: 100%;
border-radius: 16px;
overflow: hidden;
}
div.tp-post-featured-inner .tp-title-container .title-container .right ul li {
color: #090015;
background: #A8BDC6;
transition: all 0.3s ease-in-out;
}
div.tp-post-featured-inner .tp-title-container .title-container .right ul li:hover {
background: #090015;
color: #FFFFFF;
}
div.tp-post-featured-inner .tp-title-container .title-container .right ul li:first-of-type button {
padding: 22px 22px 10px 22px;
}
div.tp-post-featured-inner .tp-title-container .title-container .right ul li:last-of-type button {
padding: 10px 22px 22px 22px;
}
div.tp-post-featured-inner .tp-title-container .title-container .right ul li button {
border: none;
color: inherit;
background: transparent;
cursor: pointer;
width: 100%;
height: 100%;
padding: 10px 22px 10px 22px;
text-align: left;
}
div.tp-post-featured-inner .tp-post-container {
display: grid;
grid-template-columns: 100%;
gap: 44px;
display: none;
}
@media (min-width: 900px) {
div.tp-post-featured-inner .tp-post-container {
display: grid;
grid-template-columns: 100%;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 44px;
}
}
@media (min-width: 1200px) {
div.tp-post-featured-inner .tp-post-container {
grid-template-columns: 1fr 1fr 1fr;
gap: 44px;
}
}
@media (min-width: 1600px) {
div.tp-post-featured-inner .tp-post-container {
grid-template-columns: 750px 1fr;
gap: 96px 26px;
}
}
@media (min-width: 1932px) {
div.tp-post-featured-inner .tp-post-container {
grid-template-columns: 812px 1fr;
}
}
div.tp-post-featured-inner .tp-post-container .cc {
transition: all 0.3s ease-in-out;
}
@media (min-width: 1200px) {
div.tp-post-featured-inner .tp-post-container .cc:first-child {
grid-column: auto/span 3;
position: relative;
border-radius: 20px;
overflow: hidden;
}
}
@media (min-width: 1600px) {
div.tp-post-featured-inner .tp-post-container .cc:first-child {
grid-column: auto/span 1;
grid-row: 1/span 3;
position: relative;
border-radius: 20px;
overflow: hidden;
}
}
@media (min-width: 1200px) {
div.tp-post-featured-inner .tp-post-container .cc:first-child .image-outer-container {
display: block;
}
}
div.tp-post-featured-inner .tp-post-container .cc:first-child .image-outer-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
@media (min-width: 1200px) {
div.tp-post-featured-inner .tp-post-container .cc:first-child .cc-inner {
display: block;
position: relative;
z-index: 2;
background: var(--layer);
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
align-items: flex-end;
padding-top: 54px;
padding-bottom: 54px;
padding-left: 46px;
padding-right: 46px;
}
}
@media (min-width: 1600px) {
div.tp-post-featured-inner .tp-post-container .cc:first-child .cc-inner {
display: block;
position: relative;
z-index: 2;
background: var(--layer);
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
align-items: flex-end;
padding-top: 54px;
padding-bottom: 54px;
padding-left: 46px;
padding-right: 94px;
}
}
@media (min-width: 1200px) {
div.tp-post-featured-inner .tp-post-container .cc:first-child .cc-inner .image-container {
display: none;
}
}
@media (min-width: 1200px) {
div.tp-post-featured-inner .tp-post-container .cc:first-child .cc-inner .text-container h3 {
-webkit-line-clamp: 4;
font-size: 50px;
font-size: 5rem;
line-height: 1.19;
max-width: 100%;
}
}
@media (min-width: 1600px) {
div.tp-post-featured-inner .tp-post-container .cc:first-child .cc-inner .text-container h3 {
-webkit-line-clamp: 4;
font-size: 66px;
font-size: 6.6rem;
line-height: 1.19;
max-width: 100%;
}
}
@media (min-width: 1200px) {
div.tp-post-featured-inner .tp-post-container .cc:first-child .cc-inner .text-container .custom-text {
display: block;
max-width: 395px;
margin-top: 28px;
}
}
@media (min-width: 1200px) {
div.tp-post-featured-inner .tp-post-container .cc:first-child .cc-inner .text-container a.link-article {
margin-top: 28px;
}
}
@media (min-width: 1200px) {
div.tp-post-featured-inner .tp-post-container .cc .cc-inner {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 1fr;
gap: 16px;
align-items: center;
}
}
@media (min-width: 1600px) {
div.tp-post-featured-inner .tp-post-container .cc .cc-inner {
grid-template-columns: 268px 1fr;
gap: 50px;
align-items: center;
}
}
@media (min-width: 1200px) {
div.tp-post-featured-inner .tp-post-container .cc .cc-inner .image-container {
min-height: 168px;
height: 100%;
}
}
@media (min-width: 1200px) {
div.tp-post-featured-inner .tp-post-container .cc .cc-inner .image-container {
min-height: 206;
}
}
@media (min-width: 1200px) {
div.tp-post-featured-inner .tp-post-container .cc .cc-inner .text-container {
text-align: left;
margin-top: 0;
}
}
@media (min-width: 1200px) {
div.tp-post-featured-inner .tp-post-container .cc .cc-inner .text-container h3 {
font-size: 30px;
font-size: 3rem;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
@media (min-width: 1600px) {
div.tp-post-featured-inner .tp-post-container .cc .cc-inner .text-container h3 { }
}
div.tp-post-featured-inner .tp-post-container .cc .cc-inner .text-container .custom-text {
display: none;
}
div.tp-post-overview-inner {
padding-top: 0;
}
div.tp-post-overview-inner .tp-filter-container {
position: relative;
width: fit-content;
min-width: var(--min);
margin: 0 auto 40px auto;
}
@media (min-width: 1200px) {
div.tp-post-overview-inner .tp-filter-container {
display: none;
}
}
@media (min-width: 1200px) {
div.tp-post-overview-inner .tp-filter-container {
margin: 0 auto 60px auto;
}
}
@media (min-width: 1600px) {
div.tp-post-overview-inner .tp-filter-container {
margin: 0 auto 80px auto;
}
}
div.tp-post-overview-inner .tp-filter-container .select-wrapper {
position: relative;
width: fit-content;
margin: 0 auto;
}
@media (min-width: 900px) {
div.tp-post-overview-inner .tp-filter-container .select-wrapper {
margin: 0 0 0 auto;
}
}
div.tp-post-overview-inner .tp-filter-container .select-wrapper button {
-webkit-appearance: none;
-moz-appearance: none;
padding: 14px 38px 14px 22px;
background: #090015;
color: #CED2D4;
border: 1px solid #FFFFFF;
border-radius: 36px;
cursor: pointer;
}
div.tp-post-overview-inner .tp-filter-container .select-wrapper::after {
content: "";
position: absolute;
content: "+";
color: #CE321A;
right: 16px;
font-size: 16px;
line-height: 1;
top: calc(50% - 8px);
}
div.tp-post-overview-inner .tp-filter-container ul {
display: none;
list-style: none;
background: #090015;
border: 1px solid #090015;
margin-top: 20px;
position: absolute;
z-index: 10;
width: 100%;
border-radius: 16px;
overflow: hidden;
}
div.tp-post-overview-inner .tp-filter-container ul li {
color: #090015;
background: #A8BDC6;
transition: all 0.3s ease-in-out;
}
div.tp-post-overview-inner .tp-filter-container ul li:hover {
background: #090015;
color: #FFFFFF;
}
div.tp-post-overview-inner .tp-filter-container ul li:first-of-type button {
padding: 22px 22px 10px 22px;
}
div.tp-post-overview-inner .tp-filter-container ul li:last-of-type button {
padding: 10px 22px 22px 22px;
}
div.tp-post-overview-inner .tp-filter-container ul li button {
border: none;
color: inherit;
background: transparent;
cursor: pointer;
width: 100%;
height: 100%;
padding: 10px 22px 10px 22px;
text-align: left;
}
div.tp-post-overview-inner .tp-filter-container ul li button:disabled {
cursor: not-allowed;
background: #707070;
}
div.tp-post-overview-inner .tp-post-container {
display: grid;
grid-template-columns: 100%;
gap: 44px;
}
@media (min-width: 900px) {
div.tp-post-overview-inner .tp-post-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 44px;
}
}
@media (min-width: 1200px) {
div.tp-post-overview-inner .tp-post-container {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 44px 26px;
}
}
@media (min-width: 1600px) {
div.tp-post-overview-inner .tp-post-container {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 44px 26px;
}
}
div.tp-post-overview-inner .tp-post-container .cc {  }
@media (min-width: 1200px) {
div.tp-post-overview-inner .tp-post-container .cc {  }
}
div.tp-post-overview-inner .tp-post-container .cc .cc-inner .text-container {
margin-top: 30px;
text-align: left;
}
@media (min-width: 1200px) {
div.tp-post-overview-inner .tp-post-container .cc .cc-inner .text-container h3 {
font-size: 30px;
font-size: 3rem;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
@media (min-width: 1600px) {
div.tp-post-overview-inner .tp-post-container .cc .cc-inner .text-container h3 { }
}
div.tp-post-overview-inner .tp-load-container {
display: flex;
justify-content: center;
align-items: center;
width: fit-content;
position: relative;
margin: 60px auto 0 auto;
}
@media (min-width: 1200px) {
div.tp-post-overview-inner .tp-load-container {
margin: 100px auto 0 auto;
}
}
@media (min-width: 1600px) {
div.tp-post-overview-inner .tp-load-container {
margin: 147px auto 0 auto;
}
}
div.tp-post-overview-inner .tp-load-container button {
-webkit-appearance: none;
-moz-appearance: none;
padding: 14px 38px 14px 22px;
background: #090015;
color: #CED2D4;
border: 1px solid #FFFFFF;
border-radius: 36px;
cursor: pointer;
}
div.tp-post-overview-inner .tp-load-container button[disabled] {
filter: grayscale(1);
cursor: not-allowed;
background: #707070;
}
div.tp-post-overview-inner .tp-load-container::after {
content: "";
position: absolute;
content: "+";
color: #CE321A;
right: 16px;
font-size: 16px;
line-height: 1;
top: calc(50% - 8px);
}
section.tp-vacancy-hero {
--header: 119px;
position: relative;
min-height: min(100vh, 650px);
height: fit-content;
}
@media (min-width: 768px) {
section.tp-vacancy-hero {
min-height: min(85vh, 832px);
}
}
@media (min-width: 1200px) {
section.tp-vacancy-hero {
min-height: min(85vh, 512px);
}
}
@media (min-width: 1600px) {
section.tp-vacancy-hero {
min-height: min(85vh, 607px);
}
}
section.tp-vacancy-hero .tp-image-outer {
position: absolute;
width: 100%;
height: 100%;
max-height: 100vh;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@supports (inset: 0) {
section.tp-vacancy-hero .tp-image-outer {
inset: 0;
}
}
@media (min-width: 1200px) {
section.tp-vacancy-hero .tp-image-outer {
max-height: unset;
}
}
section.tp-vacancy-hero .tp-image-outer img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
section.tp-vacancy-hero .tp-image-outer .layer {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@supports (inset: 0) {
section.tp-vacancy-hero .tp-image-outer .layer {
inset: 0;
}
}
div.tp-vacancy-hero-inner {
position: relative;
z-index: 2;
padding-left: 28px;
padding-right: 28px;
padding-top: 62px;
padding-bottom: 31px;
display: grid;
grid-template-columns: 100%;
gap: 39px;
}
@media (min-width: 420px) {
div.tp-vacancy-hero-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.tp-vacancy-hero-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.tp-vacancy-hero-inner {
padding-left: 140px;
padding-right: 140px;
}
}
@media (min-width: 1200px) {
div.tp-vacancy-hero-inner {
padding-top: 40px;
padding-bottom: 36px;
grid-template-columns: 421px 1fr;
gap: 32px;
}
}
@media (min-width: 1600px) {
div.tp-vacancy-hero-inner {
grid-template-columns: 1fr 674px;
gap: 60px;
}
}
div.tp-vacancy-hero-inner .left {
text-align: center;
}
@media (min-width: 1200px) {
div.tp-vacancy-hero-inner .left {
text-align: left;
}
}
div.tp-vacancy-hero-inner .left .tp-breadcrumb-container {
margin-bottom: 20px;
}
@media (min-width: 1200px) {
div.tp-vacancy-hero-inner .left .tp-breadcrumb-container {
margin-bottom: 25px;
}
}
@media (min-width: 1600px) {
div.tp-vacancy-hero-inner .left .tp-breadcrumb-container a {
font-size: 24px;
font-size: 2.4rem;
}
}
@media (min-width: 1200px) {
div.tp-vacancy-hero-inner .left h1 {
font-size: 70px;
font-size: 7rem;
line-height: 1.14;
}
}
@media (min-width: 1600px) {
div.tp-vacancy-hero-inner .left h1 {
font-size: 100px;
font-size: 10rem;
line-height: 1.1;
}
}
div.tp-vacancy-hero-inner .left .custom-text {
margin-top: 39px;
}
@media (min-width: 1200px) {
div.tp-vacancy-hero-inner .left .custom-text {
margin-top: 33px;
max-width: 312px;
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 1600px) {
div.tp-vacancy-hero-inner .left .custom-text {
max-width: 395px;
}
}
div.tp-vacancy-hero-inner .left .tp-link-container {
margin-top: 28px;
display: flex;
justify-content: center;
align-items: center;
}
@media (min-width: 1200px) {
div.tp-vacancy-hero-inner .left .tp-link-container {
margin-top: 37px;
justify-content: flex-end;
flex-wrap: wrap;
max-width: 312px;
}
}
@media (min-width: 1600px) {
div.tp-vacancy-hero-inner .left .tp-link-container {
max-width: 395px;
}
}
div.tp-vacancy-hero-inner .right {
display: grid;
grid-template-columns: 100%;
gap: 15px;
}
@media (min-width: 1200px) {
div.tp-vacancy-hero-inner .right {
grid-template-rows: unset;
align-items: start;
height: fit-content;
gap: 18px;
}
}
@media (min-width: 1600px) {
div.tp-vacancy-hero-inner .right {
gap: 20px;
}
}
div.tp-vacancy-hero-inner .right .cc {
height: fit-content;
}
div.tp-vacancy-hero-inner .right .cc.card-vacancy-bullet-spontaneous .cc-inner .cc-right a.link-bullet {
color: inherit;
}
div.tp-spontaneous-hero-inner .tp-breadcrumb-container {
margin-bottom: 45px;
}
@media (min-width: 1600px) {
div.tp-spontaneous-hero-inner .tp-breadcrumb-container {
margin-bottom: 93px;
}
}
div.tp-spontaneous-hero-inner .tp-content-container {
display: grid;
grid-template-columns: 100%;
gap: 38px;
}
@media (min-width: 1600px) {
div.tp-spontaneous-hero-inner .tp-content-container {
grid-template-columns: 1fr 949px;
gap: 64px;
}
}
div.tp-spontaneous-hero-inner .tp-content-container .left .custom-text {
margin-top: 35px;
}
@media (min-width: 1600px) {
div.tp-spontaneous-hero-inner .tp-content-container .left .custom-text {
max-width: 395px;
}
}
div.tp-spontaneous-hero-inner .tp-content-container .left .tp-contact-container {
margin-top: 62px;
}
div.tp-spontaneous-hero-inner .tp-content-container .left .tp-contact-container span.label {
color: #CE321A;
font-size: 20px;
font-size: 2rem;
display: block;
line-height: 1;
margin-bottom: 8px;
}
div.tp-spontaneous-hero-inner .tp-content-container .left .tp-contact-container .contacts {
display: grid;
grid-template-columns: 100%;
gap: 8px;
}
div.tp-spontaneous-hero-inner .tp-content-container .left .tp-contact-container .contacts a, div.tp-spontaneous-hero-inner .tp-content-container .left .tp-contact-container .contacts p {
color: #FFFFFF;
line-height: 1;
}
section.tp-spontaneous-other {
background: #A8BDC6;
}
div.tp-spontaneous-other-inner .tp-title-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: space-between;
}
div.tp-spontaneous-other-inner .tp-title-container h2 {
color: #090015;
}
div.tp-spontaneous-other-inner .tp-title-container h2 span {
color: #CE321A;
}
div.tp-spontaneous-other-inner .tp-post-container {
display: grid;
grid-template-columns: 100%;
gap: 60px;
margin-top: 60px;
}
@media (min-width: 900px) {
div.tp-spontaneous-other-inner .tp-post-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 45px;
}
}
@media (min-width: 1600px) {
div.tp-spontaneous-other-inner .tp-post-container {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 60px;
}
}
div.tp-case-posts-inner .tp-title-container {
margin-bottom: 80px;
}
@media (min-width: 1200px) {
div.tp-case-posts-inner .tp-title-container {
margin-bottom: 80px;
}
}
@media (min-width: 1600px) {
div.tp-case-posts-inner .tp-title-container {
margin-bottom: 109px;
}
}
div.tp-case-posts-inner .tp-title-container .title-container {
display: grid;
grid-template-columns: 100%;
justify-content: space-between;
align-items: center;
gap: 50px;
}
@media (min-width: 900px) {
div.tp-case-posts-inner .tp-title-container .title-container {
grid-template-columns: auto auto;
}
}
div.tp-case-posts-inner .tp-title-container .title-container .right {
position: relative;
min-width: var(--min);
}
@media (min-width: 1600px) {
div.tp-case-posts-inner .tp-title-container .title-container .right {
display: block;
}
}
div.tp-case-posts-inner .tp-title-container .title-container .right .select-wrapper {
position: relative;
width: fit-content;
}
div.tp-case-posts-inner .tp-title-container .title-container .right .select-wrapper button {
-webkit-appearance: none;
-moz-appearance: none;
padding: 14px 38px 14px 22px;
background: #090015;
color: #CED2D4;
border: 1px solid #FFFFFF;
border-radius: 36px;
cursor: pointer;
}
div.tp-case-posts-inner .tp-title-container .title-container .right .select-wrapper::after {
content: "";
position: absolute;
content: "+";
color: #CE321A;
right: 16px;
font-size: 16px;
line-height: 1;
top: calc(50% - 8px);
}
div.tp-case-posts-inner .tp-title-container .title-container .right ul {
display: none;
list-style: none;
background: #090015;
border: 1px solid #090015;
margin-top: 20px;
position: absolute;
z-index: 10;
width: 100%;
border-radius: 16px;
overflow: hidden;
}
div.tp-case-posts-inner .tp-title-container .title-container .right ul li {
color: #090015;
background: #A8BDC6;
transition: all 0.3s ease-in-out;
}
div.tp-case-posts-inner .tp-title-container .title-container .right ul li:hover {
background: #090015;
color: #FFFFFF;
}
div.tp-case-posts-inner .tp-title-container .title-container .right ul li button {
border: none;
color: inherit;
background: transparent;
cursor: pointer;
width: 100%;
height: 100%;
padding: 22px 22px 22px 22px;
text-align: left;
}
div.tp-case-posts-inner .tp-post-container {
display: grid;
grid-template-columns: 100%;
gap: 63px 15px;
}
@media (min-width: 900px) {
div.tp-case-posts-inner .tp-post-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1600px) {
div.tp-case-posts-inner .tp-post-container {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
div.tp-case-posts-inner .tp-load-container {
display: flex;
justify-content: center;
align-items: center;
width: fit-content;
position: relative;
margin: 60px auto 0 auto;
}
@media (min-width: 1200px) {
div.tp-case-posts-inner .tp-load-container {
margin: 100px auto 0 auto;
}
}
@media (min-width: 1600px) {
div.tp-case-posts-inner .tp-load-container {
margin: 147px auto 0 auto;
}
}
div.tp-case-posts-inner .tp-load-container button {
-webkit-appearance: none;
-moz-appearance: none;
padding: 14px 38px 14px 22px;
background: #090015;
color: #CED2D4;
border: 1px solid #FFFFFF;
border-radius: 36px;
cursor: pointer;
}
div.tp-case-posts-inner .tp-load-container::after {
content: "";
position: absolute;
content: "+";
color: #CE321A;
right: 16px;
font-size: 16px;
line-height: 1;
top: calc(50% - 8px);
}
section.tp-contact-industry-hero {
position: relative;
min-height: min(100vh, 650px);
height: fit-content;
}
@media (min-width: 768px) {
section.tp-contact-industry-hero {
min-height: min(85vh, 832px);
}
}
@media (min-width: 1200px) {
section.tp-contact-industry-hero {
min-height: min(85vh, 512px);
}
}
@media (min-width: 1600px) {
section.tp-contact-industry-hero {
min-height: min(85vh, 607px);
}
}
section.tp-contact-industry-hero .tp-image-outer {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@supports (inset: 0) {
section.tp-contact-industry-hero .tp-image-outer {
inset: 0;
}
}
section.tp-contact-industry-hero .tp-image-outer img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
section.tp-contact-industry-hero .tp-image-outer .layer {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@supports (inset: 0) {
section.tp-contact-industry-hero .tp-image-outer .layer {
inset: 0;
}
}
div.tp-contact-industry-hero-inner {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 100%;
gap: 100px;
padding-left: 28px;
padding-right: 28px;
padding-top: 62px;
padding-bottom: 31px;
}
@media (min-width: 420px) {
div.tp-contact-industry-hero-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.tp-contact-industry-hero-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.tp-contact-industry-hero-inner {
padding-left: 140px;
padding-right: 140px;
}
}
@media (min-width: 900px) {
div.tp-contact-industry-hero-inner {
grid-template-columns: 1fr 1fr;
gap: 38px 100px;
}
}
@media (min-width: 1600px) {
div.tp-contact-industry-hero-inner {
gap: 0 150px;
}
}
div.tp-contact-industry-hero-inner .left {
text-align: center;
}
@media (min-width: 900px) {
div.tp-contact-industry-hero-inner .left {
text-align: left;
grid-column: auto/span 2;
}
}
div.tp-contact-industry-hero-inner .left .tp-breadcrumb-container {
margin-bottom: 20px;
}
@media (min-width: 1200px) {
div.tp-contact-industry-hero-inner .left .tp-breadcrumb-container {
margin-bottom: 25px;
}
}
@media (min-width: 1600px) {
div.tp-contact-industry-hero-inner .left .tp-breadcrumb-container a {
font-size: 24px;
font-size: 2.4rem;
}
}
@media (min-width: 1200px) {
div.tp-contact-industry-hero-inner .left h1 {
font-size: 70px;
font-size: 7rem;
line-height: 1;
max-width: 80%;
}
}
@media (min-width: 1200px) {
div.tp-contact-industry-hero-inner .left h1 {
font-size: 100px;
font-size: 10rem;
line-height: 1;
max-width: calc(100% - 150px);
}
}
div.tp-contact-industry-hero-inner .left h1 span {
color: #CE321A;
}
@media (min-width: 900px) {
div.tp-contact-industry-hero-inner .right {
grid-column: auto/span 2;
}
}
div.tp-contact-industry-hero-inner .right .custom-text {
text-align: center;
max-width: 500px;
margin: 0 auto;
}
@media (min-width: 900px) {
div.tp-contact-industry-hero-inner .right .custom-text {
max-width: 312px;
margin: 0 0 0 auto;
text-align: left;
}
}
@media (min-width: 1200px) {
div.tp-contact-industry-hero-inner .right .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 1600px) {
div.tp-contact-industry-hero-inner .right .custom-text {
font-size: 20px;
font-size: 2rem;
max-width: 395px;
}
}
div.tp-contact-industry-hero-inner .right .tp-link-container {
margin-top: 20px;
display: flex;
justify-content: center;
align-items: center;
}
@media (min-width: 900px) {
div.tp-contact-industry-hero-inner .right .tp-link-container {
justify-content: flex-end;
}
}
@media (min-width: 1200px) {
div.tp-contact-industry-hero-inner .right .tp-link-container {
margin-top: 37px;
}
}
div.tp-contact-industry-content-inner .tp-post-container {
display: grid;
grid-template-columns: 100%;
gap: 20px;
}
@media (min-width: 900px) {
div.tp-contact-industry-content-inner .tp-post-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1600px) {
div.tp-contact-industry-content-inner .tp-post-container {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
div.tp-contact-industry-content-inner .tp-post-container + hr {
border: none;
width: 100%;
height: 1px;
padding: 0;
margin: 40px auto 40px auto;
background: #707070;
}
@media (min-width: 1600px) {
div.tp-contact-industry-content-inner .tp-post-container + hr {
margin: 101px auto 78px auto;
}
}
div.tp-contact-industry-content-inner .tp-content-container {
display: grid;
grid-template-columns: 100%;
gap: 60px;
}
@media (min-width: 1200px) {
div.tp-contact-industry-content-inner .tp-content-container {
grid-template-columns: 22% 1fr;
}
}
@media (min-width: 1600px) {
div.tp-contact-industry-content-inner .tp-content-container {
grid-template-columns: 1fr 950px;
}
}
div.tp-contact-industry-content-inner .tp-content-container .left h2 {
font-size: 28px;
font-size: 2.8rem;
margin-bottom: 20px;
}
@media (min-width: 420px) {
div.tp-contact-industry-content-inner .tp-content-container .left h2 {
font-size: 32px;
font-size: 3.2rem;
}
}
@media (min-width: 1024px) {
div.tp-contact-industry-content-inner .tp-content-container .left h2 {
font-size: 38px;
font-size: 3.8rem;
}
}
@media (min-width: 1200px) {
div.tp-contact-industry-content-inner .tp-content-container .left h2 {
font-size: 42px;
font-size: 4.2rem;
}
}
@media (min-width: 1600px) {
div.tp-contact-industry-content-inner .tp-content-container .left h2 {
font-size: 46px;
font-size: 4.6rem;
margin-bottom: 64px;
max-width: 80%;
}
}
div.tp-contact-industry-content-inner .tp-content-container .left h2 span {
color: #CE321A;
}
div.tp-contact-industry-content-inner .tp-content-container .left .custom-text {
margin-bottom: 18px;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
@media (min-width: 1600px) {
div.tp-contact-industry-content-inner .tp-content-container .left .custom-text {
font-size: 20px;
font-size: 2rem;
max-width: 395px;
}
}
div.tp-contact-industry-content-inner .tp-content-container .left .tp-company-container {
margin-top: 18px;
display: grid;
grid-template-columns: 100%;
gap: 10px;
}
div.tp-contact-industry-content-inner .tp-content-container .left .tp-company-container a, div.tp-contact-industry-content-inner .tp-content-container .left .tp-company-container p {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.25;
}
div.tp-contact-industry-content-inner .tp-content-container .left .tp-socials-container {
margin-top: 18px;
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
div.tp-contact-industry-content-inner .tp-content-container .left .tp-socials-container a {
margin-right: 9px;
}
section.tp-technology-hero {
position: relative;
min-height: min(40vh, 650px);
height: fit-content;
}
@media (min-width: 768px) {
section.tp-technology-hero {
min-height: min(40vh, 832px);
}
}
@media (min-width: 1200px) {
section.tp-technology-hero {
min-height: min(40vh, 512px);
}
}
@media (min-width: 1600px) {
section.tp-technology-hero {
min-height: min(40vh, 607px);
}
}
section.tp-technology-hero .tp-image-outer {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
}
@supports (inset: 0) {
section.tp-technology-hero .tp-image-outer {
inset: 0;
}
}
section.tp-technology-hero .tp-image-outer img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
section.tp-technology-hero .tp-image-outer .layer {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@supports (inset: 0) {
section.tp-technology-hero .tp-image-outer .layer {
inset: 0;
}
}
div.tp-technology-hero-inner {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 100%;
gap: 100px;
padding-left: 28px;
padding-right: 28px;
padding-top: 62px;
padding-bottom: 31px;
}
@media (min-width: 420px) {
div.tp-technology-hero-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.tp-technology-hero-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.tp-technology-hero-inner {
padding-left: 140px;
padding-right: 140px;
}
}
@media (min-width: 900px) {
div.tp-technology-hero-inner {
grid-template-columns: 1fr 1fr;
gap: 38px 100px;
}
}
@media (min-width: 1600px) {
div.tp-technology-hero-inner {
gap: 0 150px;
}
}
div.tp-technology-hero-inner .left {
text-align: center;
}
@media (min-width: 900px) {
div.tp-technology-hero-inner .left {
text-align: left;
grid-column: auto/span 1;
}
}
div.tp-technology-hero-inner .left .tp-breadcrumb-container {
margin-bottom: 20px;
}
@media (min-width: 1200px) {
div.tp-technology-hero-inner .left .tp-breadcrumb-container {
margin-bottom: 25px;
}
}
@media (min-width: 1600px) {
div.tp-technology-hero-inner .left .tp-breadcrumb-container a {
font-size: 24px;
font-size: 2.4rem;
}
}
@media (min-width: 1200px) {
div.tp-technology-hero-inner .left h1 {
font-size: 70px;
font-size: 7rem;
line-height: 1.14;
max-width: 80%;
}
}
@media (min-width: 1200px) {
div.tp-technology-hero-inner .left h1 {
font-size: 100px;
font-size: 10rem;
line-height: 1.1;
max-width: calc(100% - 150px);
}
}
div.tp-technology-hero-inner .left h1 span {
color: #CE321A;
}
div.tp-technology-hero-inner .left .custom-text {
text-align: center;
max-width: 500px;
margin: 20px auto 0 auto;
}
@media (min-width: 900px) {
div.tp-technology-hero-inner .left .custom-text {
margin: 37px 0 0 0;
text-align: left;
}
}
@media (min-width: 1200px) {
div.tp-technology-hero-inner .left .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 1600px) {
div.tp-technology-hero-inner .left .custom-text {
font-size: 20px;
font-size: 2rem;
}
}
@media (min-width: 900px) {
div.tp-technology-hero-inner .right {
grid-column: auto/span 1;
align-self: end;
}
}
div.tp-technology-hero-inner .right .tp-link-container {
margin-top: 20px;
display: flex;
justify-content: center;
align-items: center;
}
@media (min-width: 900px) {
div.tp-technology-hero-inner .right .tp-link-container {
justify-content: flex-end;
margin-top: 0;
align-items: flex-end;
}
}
div.tp-technology-content-inner .tp-filter-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
align-items: center;
}
@media (min-width: 600px) {
div.tp-technology-content-inner .tp-filter-container {
flex-wrap: wrap;
flex-direction: row;
align-items: flex-start;
}
}
@media (min-width: 900px) {
div.tp-technology-content-inner .tp-filter-container {
justify-content: flex-start;
align-items: flex-start;
width: fit-content;
}
}
div.tp-technology-content-inner .tp-filter-container button.load-all {
-webkit-appearance: none;
-moz-appearance: none;
padding: 14px 22px 14px 22px;
background: #090015;
color: #CED2D4;
border: 1px solid #FFFFFF;
border-radius: 36px;
cursor: pointer;
width: fit-content;
margin-bottom: 25px;
}
@media (min-width: 600px) {
div.tp-technology-content-inner .tp-filter-container button.load-all {
margin-right: 15px;
}
}
@media (min-width: 900px) {
div.tp-technology-content-inner .tp-filter-container button.load-all {
margin-bottom: 20px;
margin-right: 20px;
}
}
div.tp-technology-content-inner .tp-filter-container .select-wrapper {
position: relative;
width: fit-content;
}
div.tp-technology-content-inner .tp-filter-container .select-wrapper button {
-webkit-appearance: none;
-moz-appearance: none;
padding: 14px 38px 14px 22px;
background: #090015;
color: #CED2D4;
border: 1px solid #FFFFFF;
border-radius: 36px;
cursor: pointer;
}
div.tp-technology-content-inner .tp-filter-container .select-wrapper::after {
content: "";
position: absolute;
content: "+";
color: #CE321A;
right: 16px;
font-size: 16px;
line-height: 1;
top: calc(50% - 8px);
}
div.tp-technology-content-inner .tp-filter-container ul {
display: none;
list-style: none;
background: #090015;
border: 1px solid #090015;
margin-top: 20px;
position: absolute;
z-index: 10;
width: 100%;
border-radius: 16px;
overflow: hidden;
width: fit-content;
}
div.tp-technology-content-inner .tp-filter-container ul li {
color: #090015;
background: #A8BDC6;
transition: all 0.3s ease-in-out;
}
div.tp-technology-content-inner .tp-filter-container ul li:hover {
background: #090015;
color: #FFFFFF;
}
div.tp-technology-content-inner .tp-filter-container ul li button {
border: none;
color: inherit;
background: transparent;
cursor: pointer;
width: 100%;
height: 100%;
padding: 22px 22px 22px 22px;
text-align: left;
}
div.tp-technology-content-inner .tp-filter-container ul li button:disabled {
cursor: not-allowed;
background: #707070;
}
div.tp-technology-post-container {
display: grid;
grid-template-columns: 100%;
gap: 0;
}
div.tp-search-content-inner {
display: grid;
grid-template-columns: 100%;
}
@media (min-width: 1200px) {
div.tp-search-content-inner {
grid-template-columns: 65% 1fr;
gap: 100px;
}
}
@media (min-width: 1600px) {
div.tp-search-content-inner {
grid-template-columns: 75% 1fr;
}
}
div.tp-search-content-inner .left .tp-title-container {
margin-bottom: 60px;
}
div.tp-search-content-inner .left .tp-post-container {
display: grid;
grid-template-columns: 100%;
gap: 45px;
}
@media (min-width: 1200px) {
div.tp-search-content-inner .left .tp-post-container {
gap: 60px;
}
}
div.tp-search-content-inner .left .text-highlight {
all: unset;
background-repeat: no-repeat;
background-size: 0% 100%;
transition: all 0.3s ease-in; }
div.tp-search-content-inner .left .text-highlight.active {
color: #CE321A;
}
div.tp-search-content-inner .right {
display: none;
position: relative;
}
@media (min-width: 1200px) {
div.tp-search-content-inner .right {
display: block;
}
}
div.tp-search-content-inner .right::after {
content: "";
position: absolute;
top: 0;
left: -50px;
width: 1px;
height: 100%;
background: #CE321A;
}
div.tp-search-content-inner .right span.tagline-sitemap {
font-size: 40px;
font-size: 4rem;
line-height: 1.2;
display: block;
}
div.tp-search-content-inner .right .tp-sitemap-container .tp-map-container {
margin-top: 45px;
display: grid;
grid-template-columns: 100%;
gap: 5px;
}
div.tp-search-content-inner .right .tp-sitemap-container .tp-map-container h2 {
font-size: 26px;
font-size: 2.6rem;
line-height: 1.2;
margin-bottom: 15px;
color: #CE321A;
}
div.tp-search-content-inner .right .tp-sitemap-container .tp-map-container a {
text-decoration: none;
color: inherit;
transition: all 0.3s ease-in-out;
}
div.tp-search-content-inner .right .tp-sitemap-container .tp-map-container a.has-parent {
padding-left: 5%;
}
div.tp-search-content-inner .right .tp-sitemap-container .tp-map-container a:hover {
color: #CE321A;
}
div.tp-error-content-inner {
display: grid;
grid-template-columns: 100%;
gap: 30px;
}
@media (min-width: 900px) {
div.tp-error-content-inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 90px;
}
}
div.tp-error-content-inner .left img {
display: block;
width: 100%;
height: auto;
max-width: 300px;
margin: 0 auto;
}
@media (min-width: 900px) {
div.tp-error-content-inner .left img {
max-width: 100%;
}
}
div.tp-error-content-inner .right h1, div.tp-error-content-inner .right h2 {
margin-bottom: 30px;
}
div.tp-error-content-inner .right .tp-link-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 30px;
}
div.tp-error-content-inner .right .tp-link-container a, div.tp-error-content-inner .right .tp-link-container button {
margin: 0 15px 15px 0;
}
section.sp-post-hero {
--header: 119px;
position: relative;
}
section.sp-post-hero .sp-image-outer {
display: none;
position: absolute;
width: calc(50% - 51.5px + 19px);
height: calc(100% - var(--header));
top: var(--header);
right: 0;
}
@media (min-width: 1200px) {
section.sp-post-hero .sp-image-outer {
display: block;
display: none;
}
}
section.sp-post-hero .sp-image-outer img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
div.sp-post-hero-inner {
display: grid;
grid-template-columns: 100%;
padding-left: 28px;
padding-right: 28px;
gap: 54px;
}
@media (min-width: 420px) {
div.sp-post-hero-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.sp-post-hero-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.sp-post-hero-inner {
padding-left: 140px;
padding-right: 140px;
}
}
@media (min-width: 1200px) {
div.sp-post-hero-inner {
grid-template-columns: 1fr 1fr;
gap: 60px;
}
}
@media (min-width: 1600px) {
div.sp-post-hero-inner {
gap: 60px;
}
}
div.sp-post-hero-inner .left .sp-breadcrumb-container {
margin-bottom: 30px;
}
div.sp-post-hero-inner .left h1 {
margin-bottom: 37px;
}
@media (min-width: 1200px) {
div.sp-post-hero-inner .left h1 {
font-size: 50px;
font-size: 5rem;
line-height: 1.2;
}
}
@media (min-width: 1600px) {
div.sp-post-hero-inner .left h1 {
font-size: 60px;
font-size: 6rem;
line-height: 1.21;
}
}
div.sp-post-hero-inner .left .custom-text {
font-size: 20px;
font-size: 2rem;
}
@media (min-width: 1200px) {
div.sp-post-hero-inner .left .custom-text {
max-width: 412px;
}
}
@media (min-width: 1600px) {
div.sp-post-hero-inner .left .custom-text {
max-width: 495px;
}
}
div.sp-post-hero-inner .left .sp-info-container {
margin-top: 30px;
}
@media (min-width: 1200px) {
div.sp-post-hero-inner .left .sp-info-container {
display: none;
}
}
@media (min-width: 1200px) {
div.sp-post-hero-inner .left .sp-info-container dl {
display: grid;
grid-template-columns: 100%;
grid-template-columns: auto auto;
justify-content: space-between;
gap: 30px 26px;
}
}
div.sp-post-hero-inner .left .sp-info-container dl div {
display: grid;
grid-template-columns: 100%;
grid-template-columns: auto 1fr;
gap: 30px 26px;
}
@media (min-width: 1200px) {
div.sp-post-hero-inner .left .sp-info-container dl div {
display: grid;
grid-template-columns: 100%;
gap: 5px;
}
}
div.sp-post-hero-inner .left .sp-info-container dl dt {
color: #CE321A;
font-size: 20px;
font-size: 2rem;
line-height: 1.25;
}
div.sp-post-hero-inner .left .sp-info-container dl dd {
font-size: 20px;
font-size: 2rem;
line-height: 1.25;
color: #FFFFFF;
}
div.sp-post-hero-inner .sp-share-container {
margin-top: 26px;
}
@media (min-width: 1200px) {
div.sp-post-hero-inner .sp-share-container {
display: none;
}
}
div.sp-post-hero-inner .sp-share-container span.label {
display: block;
font-size: 20px;
font-size: 2rem;
line-height: 1.25;
margin-bottom: 10px;
color: #CE321A;
}
div.sp-post-hero-inner .sp-share-container .socials .addtoany_share_save {
display: none;
}
div.sp-post-hero-inner .sp-share-container .socials a {
margin-right: 6px;
margin-bottom: 13px;
}
div.sp-post-hero-inner .sp-share-container .socials a:last-child {
margin-right: 0;
}
div.sp-post-hero-inner .sp-share-container .socials a span {
border-radius: 50% !important;
display: flex;
justify-content: center;
align-items: center;
}
div.sp-post-hero-inner .sp-share-container .socials a span svg {
width: 80%;
height: 80%;
}
div.sp-post-hero-inner .right img {
display: block;
width: 100%;
height: auto;
}
div.sp-post-content-inner {
padding-left: 28px;
padding-right: 28px;
}
@media (min-width: 420px) {
div.sp-post-content-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.sp-post-content-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.sp-post-content-inner {
padding-left: 140px;
padding-right: 140px;
}
}
@media (min-width: 1200px) {
div.sp-post-content-inner {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 150px calc(100% - 150px - 103px);
gap: 103px;
position: relative;
}
}
@media (min-width: 1600px) {
div.sp-post-content-inner {
grid-template-columns: 150px calc(100% - 150px - 228px);
gap: 228px;
}
}
div.sp-post-content-inner .left {
position: relative;
}
div.sp-post-content-inner .left::after {
display: none;
content: "";
position: absolute;
height: 100%;
width: 1px;
top: 0;
left: calc(100% + 51.5px);
background: #707070;
}
@media (min-width: 1200px) {
div.sp-post-content-inner .left::after {
display: block;
}
}
@media (min-width: 1600px) {
div.sp-post-content-inner .left::after {
left: calc(100% + 114px);
}
}
div.sp-post-content-inner .left .sp-share-container {
margin-top: 26px;
display: none;
}
@media (min-width: 1200px) {
div.sp-post-content-inner .left .sp-share-container {
display: block;
}
}
div.sp-post-content-inner .left .sp-share-container span.label {
display: block;
font-size: 20px;
font-size: 2rem;
line-height: 1.25;
color: #FFFFFF;
margin-bottom: 10px;
color: #CE321A;
}
div.sp-post-content-inner .left .sp-share-container .socials .addtoany_share_save {
display: none;
}
div.sp-post-content-inner .left .sp-share-container .socials a {
margin-right: 6px;
margin-bottom: 13px;
}
div.sp-post-content-inner .left .sp-share-container .socials a:last-child {
margin-right: 0;
}
div.sp-post-content-inner .left .sp-share-container .socials a span {
border-radius: 50% !important;
display: flex;
justify-content: center;
align-items: center;
}
div.sp-post-content-inner .left .sp-share-container .socials a span svg {
width: 80%;
height: 80%;
}
div.sp-post-content-inner .left .sp-info-container {
margin-top: 30px;
display: none;
}
@media (min-width: 1200px) {
div.sp-post-content-inner .left .sp-info-container {
display: block;
}
}
@media (min-width: 1200px) {
div.sp-post-content-inner .left .sp-info-container dl {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 100%;
justify-content: space-between;
gap: 30px 26px;
}
}
div.sp-post-content-inner .left .sp-info-container dl div {
display: grid;
grid-template-columns: 100%;
grid-template-columns: auto 1fr;
gap: 30px 26px;
}
@media (min-width: 1200px) {
div.sp-post-content-inner .left .sp-info-container dl div {
display: grid;
grid-template-columns: 100%;
gap: 5px;
}
}
div.sp-post-content-inner .left .sp-info-container dl dt {
color: #CE321A;
font-size: 20px;
font-size: 2rem;
line-height: 1.25;
}
div.sp-post-content-inner .left .sp-info-container dl dd {
font-size: 20px;
font-size: 2rem;
line-height: 1.25;
color: #FFFFFF;
}
div.sp-post-content-inner .right {
display: grid;
grid-template-columns: 100%;
gap: 40px;
padding-bottom: 90px;
}
section.sp-post-related {
background-color: #A8BDC6;
}
div.sp-post-related-inner {
padding-left: 28px;
padding-right: 28px;
}
@media (min-width: 420px) {
div.sp-post-related-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.sp-post-related-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.sp-post-related-inner {
padding-left: 140px;
padding-right: 140px;
}
}
div.sp-post-related-inner .sp-border-container {
background: #090015;
border-radius: 50px;
overflow: hidden;
padding: 86px 28px 86px 28px;
}
@media (min-width: 1200px) {
div.sp-post-related-inner .sp-border-container {
padding: 84px 78px 113px 78px;
}
}
div.sp-post-related-inner .sp-border-container .sp-title-container {
margin-bottom: 56px;
}
@media (min-width: 1200px) {
div.sp-post-related-inner .sp-border-container .sp-title-container {
display: flex;
justify-content: center;
align-items: center;
justify-content: space-between;
align-items: flex-start;
}
}
div.sp-post-related-inner .sp-border-container .sp-title-container h2 {
font-size: 45px;
font-size: 4.5rem;
text-align: center;
line-height: 1.2;
}
@media (min-width: 1200px) {
div.sp-post-related-inner .sp-border-container .sp-title-container h2 {
font-size: 50px;
font-size: 5rem;
}
}
@media (min-width: 1200px) {
div.sp-post-related-inner .sp-border-container .sp-title-container h2 {
font-size: 66px;
font-size: 6.6rem;
}
}
div.sp-post-related-inner .sp-border-container .sp-title-container .sp-link-container {
display: none;
margin-top: 0;
}
@media (min-width: 1200px) {
div.sp-post-related-inner .sp-border-container .sp-title-container .sp-link-container {
display: block;
margin-left: 30px;
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-end;
}
}
@media (min-width: 1200px) {
div.sp-post-related-inner .sp-border-container .sp-title-container .sp-link-container {
min-width: 373px;
}
}
div.sp-post-related-inner .sp-border-container .sp-post-container {
display: grid;
grid-template-columns: 100%;
gap: 55px;
}
@media (min-width: 1200px) {
div.sp-post-related-inner .sp-border-container .sp-post-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 41px;
}
}
@media (min-width: 1600px) {
div.sp-post-related-inner .sp-border-container .sp-post-container {
gap: 110px;
}
}
@media (min-width: 1200px) {
div.sp-post-related-inner .sp-border-container .sp-post-container .cc {
display: flex;
justify-content: center;
align-items: center;
align-items: stretch;
}
}
div.sp-post-related-inner .sp-border-container .sp-post-container .cc .custom-text {
display: none;
}
@media (min-width: 1200px) {
div.sp-post-related-inner .sp-border-container .sp-post-container .cc .cc-inner {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 173px 1fr;
gap: 20px;
height: 100%;
grid-template-rows: unset;
}
}
@media (min-width: 1600px) {
div.sp-post-related-inner .sp-border-container .sp-post-container .cc .cc-inner {
grid-template-columns: 268px 1fr;
gap: 50px;
align-items: end;
}
}
@media (min-width: 1200px) {
div.sp-post-related-inner .sp-border-container .sp-post-container .cc .cc-inner .image-container {
min-height: 134px;
height: 100%;
}
}
@media (min-width: 1200px) {
div.sp-post-related-inner .sp-border-container .sp-post-container .cc .cc-inner .image-container {
min-height: 206;
}
}
@media (min-width: 1200px) {
div.sp-post-related-inner .sp-border-container .sp-post-container .cc .cc-inner .text-container {
text-align: left;
margin-top: 0;
}
}
@media (min-width: 1200px) {
div.sp-post-related-inner .sp-border-container .sp-post-container .cc .cc-inner .text-container span.article-tagline {
font-size: 20px;
font-size: 2rem;
line-height: 1.125;
}
}
@media (min-width: 1600px) {
div.sp-post-related-inner .sp-border-container .sp-post-container .cc .cc-inner .text-container span.article-tagline {
font-size: 24px;
font-size: 2.4rem;
}
}
@media (min-width: 1200px) {
div.sp-post-related-inner .sp-border-container .sp-post-container .cc .cc-inner .text-container h3 {
font-size: 20px;
font-size: 2rem;
line-height: 1.16;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
@media (min-width: 1600px) {
div.sp-post-related-inner .sp-border-container .sp-post-container .cc .cc-inner .text-container h3 {
font-size: 24px;
font-size: 2.4rem;
-webkit-line-clamp: 4;
}
}
@media (min-width: 1200px) {
div.sp-post-related-inner .sp-border-container .sp-post-container .cc .cc-inner .text-container a.link-article {
font-size: 20px;
font-size: 2rem;
line-height: 1.16;
}
}
@media (min-width: 1600px) {
div.sp-post-related-inner .sp-border-container .sp-post-container .cc .cc-inner .text-container a.link-article {
font-size: 24px;
font-size: 2.4rem;
}
}
div.sp-post-related-inner .sp-border-container .sp-link-container {
display: flex;
justify-content: center;
align-items: center;
margin-top: 55px;
}
@media (min-width: 1200px) {
div.sp-post-related-inner .sp-border-container .sp-link-container {
display: none;
}
}
section.sp-industry-hero {
position: relative;
min-height: min(55vh, 650px);
height: fit-content;
}
@media (min-width: 768px) {
section.sp-industry-hero {
min-height: min(35vh, 832px);
}
}
@media (min-width: 1200px) {
section.sp-industry-hero {
min-height: min(35vh, 512px);
}
}
@media (min-width: 1600px) {
section.sp-industry-hero {
min-height: min(35vh, 607px);
}
}
section.sp-industry-hero .sp-image-outer {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@supports (inset: 0) {
section.sp-industry-hero .sp-image-outer {
inset: 0;
}
}
section.sp-industry-hero .sp-image-outer img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
section.sp-industry-hero .sp-image-outer .layer {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@supports (inset: 0) {
section.sp-industry-hero .sp-image-outer .layer {
inset: 0;
}
}
div.sp-industry-hero-inner {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 100%;
gap: 100px;
padding-left: 28px;
padding-right: 28px;
padding-top: 62px;
padding-bottom: 31px;
}
@media (min-width: 420px) {
div.sp-industry-hero-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.sp-industry-hero-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.sp-industry-hero-inner {
padding-left: 140px;
padding-right: 140px;
}
}
@media (min-width: 900px) {
div.sp-industry-hero-inner {
grid-template-columns: 1fr max-content;
gap: 38px 100px;
}
}
@media (min-width: 1200px) {
div.sp-industry-hero-inner {
padding-bottom: 60px;
}
}
@media (min-width: 1600px) {
div.sp-industry-hero-inner {
gap: 0 150px;
}
}
div.sp-industry-hero-inner .left {
text-align: center;
}
@media (min-width: 900px) {
div.sp-industry-hero-inner .left {
text-align: left;
grid-column: auto/span 1;
}
}
div.sp-industry-hero-inner .left .sp-breadcrumb-container {
margin-bottom: 20px;
}
@media (min-width: 1200px) {
div.sp-industry-hero-inner .left .sp-breadcrumb-container {
margin-bottom: 25px;
}
}
@media (min-width: 1600px) {
div.sp-industry-hero-inner .left .sp-breadcrumb-container a {
font-size: 24px;
font-size: 2.4rem;
}
}
@media (min-width: 900px) {
div.sp-industry-hero-inner .left h1 {
text-align: left;
}
}
@media (min-width: 1200px) {
div.sp-industry-hero-inner .left h1 {
font-size: 70px;
font-size: 7rem;
line-height: 1.14;
max-width: 80%;
}
}
@media (min-width: 1200px) {
div.sp-industry-hero-inner .left h1 {
font-size: 100px;
font-size: 10rem;
line-height: 1.1;
max-width: calc(100% - 150px);
}
}
div.sp-industry-hero-inner .left h1 span {
color: #CE321A;
}
div.sp-industry-hero-inner .left .custom-text {
text-align: center;
max-width: 500px;
margin: 20px auto 0 auto;
}
@media (min-width: 900px) {
div.sp-industry-hero-inner .left .custom-text {
max-width: 312px;
text-align: left;
margin: 20px 0 0 0;
}
}
@media (min-width: 1200px) {
div.sp-industry-hero-inner .left .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 1600px) {
div.sp-industry-hero-inner .left .custom-text {
font-size: 20px;
font-size: 2rem;
max-width: 395px;
}
}
@media (min-width: 900px) {
div.sp-industry-hero-inner .right {
grid-column: auto/span 1;
display: flex;
justify-content: center;
align-items: center;
align-items: flex-end;
}
}
div.sp-industry-hero-inner .right .sp-link-container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
@media (min-width: 900px) {
div.sp-industry-hero-inner .right .sp-link-container {
justify-content: flex-end;
flex-direction: row;
align-items: flex-end;
flex-wrap: wrap;
}
}
@media (min-width: 1200px) {
div.sp-industry-hero-inner .right .sp-link-container {
margin-top: 37px;
}
}
div.sp-industry-hero-inner .right .sp-link-container a, div.sp-industry-hero-inner .right .sp-link-container button {
margin: 15px;
}
@media (min-width: 900px) {
div.sp-industry-hero-inner .right .sp-link-container a, div.sp-industry-hero-inner .right .sp-link-container button {
margin: 0 0 15px 15px;
}
}
section.sp-vacancy-hero {
--header: 119px;
position: relative;
}
@media (min-width: 1600px) {
section.sp-vacancy-hero {
min-height: 695px;
}
}
section.sp-vacancy-hero .sp-image-outer {
display: none;
position: absolute;
width: calc(50% - 51.5px + 19px);
height: calc(100% - var(--header));
top: var(--header);
right: 0;
}
@media (min-width: 1200px) {
section.sp-vacancy-hero .sp-image-outer {
display: block;
display: none;
}
}
section.sp-vacancy-hero .sp-image-outer img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
div.sp-vacancy-hero-inner {
display: grid;
grid-template-columns: 100%;
padding-left: 28px;
padding-right: 28px;
gap: 54px;
}
@media (min-width: 420px) {
div.sp-vacancy-hero-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.sp-vacancy-hero-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.sp-vacancy-hero-inner {
padding-left: 140px;
padding-right: 140px;
}
}
@media (min-width: 1200px) {
div.sp-vacancy-hero-inner {
grid-template-columns: 1fr 1fr;
gap: 60px;
}
}
div.sp-vacancy-hero-inner .left .sp-breadcrumb-container {
margin-bottom: 30px;
}
div.sp-vacancy-hero-inner .left h1 {
margin-bottom: 37px;
}
@media (min-width: 1200px) {
div.sp-vacancy-hero-inner .left h1 {
font-size: 50px;
font-size: 5rem;
line-height: 1.2;
}
}
@media (min-width: 1600px) {
div.sp-vacancy-hero-inner .left h1 {
font-size: 60px;
font-size: 6rem;
line-height: 1.21;
}
}
div.sp-vacancy-hero-inner .left .custom-text {
font-size: 20px;
font-size: 2rem;
}
@media (min-width: 1200px) {
div.sp-vacancy-hero-inner .left .custom-text {
max-width: 412px;
}
}
@media (min-width: 1600px) {
div.sp-vacancy-hero-inner .left .custom-text {
max-width: 495px;
}
}
div.sp-vacancy-hero-inner .left .sp-specifics-container {
margin-top: 30px;
}
@media (min-width: 1200px) {
div.sp-vacancy-hero-inner .left .sp-specifics-container {
display: none;
}
}
div.sp-vacancy-hero-inner .left .sp-specifics-container dl {
display: grid;
grid-template-columns: 100%;
grid-template-columns: auto 1fr;
gap: 30px 26px;
}
@media (min-width: 1200px) {
div.sp-vacancy-hero-inner .left .sp-specifics-container dl {
display: grid;
grid-template-columns: 100%;
grid-template-columns: auto auto;
justify-content: space-between;
gap: 30px 26px;
}
}
div.sp-vacancy-hero-inner .left .sp-specifics-container dl div {
display: contents; }
@media (min-width: 1200px) {
div.sp-vacancy-hero-inner .left .sp-specifics-container dl div {
display: grid;
grid-template-columns: 100%;
gap: 5px;
}
}
div.sp-vacancy-hero-inner .left .sp-specifics-container dl dt {
color: #CE321A;
font-size: 20px;
font-size: 2rem;
line-height: 1.25;
}
div.sp-vacancy-hero-inner .left .sp-specifics-container dl dd {
font-size: 20px;
font-size: 2rem;
line-height: 1.25;
color: #FFFFFF;
}
div.sp-vacancy-hero-inner .sp-share-container {
margin-top: 26px;
}
@media (min-width: 1200px) {
div.sp-vacancy-hero-inner .sp-share-container {
display: none;
}
}
div.sp-vacancy-hero-inner .sp-share-container span.label {
display: block;
font-size: 20px;
font-size: 2rem;
line-height: 1.25;
color: #FFFFFF;
margin-bottom: 10px;
color: #CE321A;
}
div.sp-vacancy-hero-inner .sp-share-container .socials .addtoany_share_save {
display: none;
}
div.sp-vacancy-hero-inner .sp-share-container .socials a {
margin-right: 6px;
margin-bottom: 13px;
}
div.sp-vacancy-hero-inner .sp-share-container .socials a:last-child {
margin-right: 0;
}
div.sp-vacancy-hero-inner .sp-share-container .socials a span {
border-radius: 50% !important;
display: flex;
justify-content: center;
align-items: center;
}
div.sp-vacancy-hero-inner .sp-share-container .socials a span svg {
width: 80%;
height: 80%;
}
@media (min-width: 1200px) {
div.sp-vacancy-hero-inner .right {
height: 100%;
max-height: 600px;
}
}
div.sp-vacancy-hero-inner .right img {
display: block;
width: 100%;
height: auto;
}
@media (min-width: 1200px) {
div.sp-vacancy-hero-inner .right img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
height: 100%;
}
}
div.sp-vacancy-content-inner {
padding-left: 28px;
padding-right: 28px;
}
@media (min-width: 420px) {
div.sp-vacancy-content-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.sp-vacancy-content-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.sp-vacancy-content-inner {
padding-left: 140px;
padding-right: 140px;
}
}
@media (min-width: 1200px) {
div.sp-vacancy-content-inner {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 150px calc(100% - 150px - 103px);
gap: 103px;
position: relative;
}
}
@media (min-width: 1600px) {
div.sp-vacancy-content-inner {
grid-template-columns: 150px calc(100% - 150px - 228px);
gap: 228px;
}
}
div.sp-vacancy-content-inner .left {
position: relative;
}
div.sp-vacancy-content-inner .left::after {
display: none;
content: "";
position: absolute;
height: 100%;
width: 1px;
top: 0;
left: calc(100% + 51.5px);
background: #707070;
}
@media (min-width: 1200px) {
div.sp-vacancy-content-inner .left::after {
display: block;
}
}
@media (min-width: 1600px) {
div.sp-vacancy-content-inner .left::after {
left: calc(100% + 114px);
}
}
div.sp-vacancy-content-inner .left .sp-share-container {
margin-top: 26px;
display: none;
}
@media (min-width: 1200px) {
div.sp-vacancy-content-inner .left .sp-share-container {
display: block;
}
}
div.sp-vacancy-content-inner .left .sp-share-container span.label {
display: block;
font-size: 20px;
font-size: 2rem;
line-height: 1.25;
color: #FFFFFF;
margin-bottom: 10px;
color: #CE321A;
}
div.sp-vacancy-content-inner .left .sp-share-container .socials .addtoany_share_save {
display: none;
}
div.sp-vacancy-content-inner .left .sp-share-container .socials a {
margin-right: 6px;
margin-bottom: 13px;
}
div.sp-vacancy-content-inner .left .sp-share-container .socials a:last-child {
margin-right: 0;
}
div.sp-vacancy-content-inner .left .sp-share-container .socials a span {
border-radius: 50% !important;
display: flex;
justify-content: center;
align-items: center;
}
div.sp-vacancy-content-inner .left .sp-share-container .socials a span svg {
width: 80%;
height: 80%;
}
div.sp-vacancy-content-inner .left .sp-specifics-container {
margin-top: 30px;
display: none;
}
@media (min-width: 1200px) {
div.sp-vacancy-content-inner .left .sp-specifics-container {
display: block;
margin-top: 0;
}
}
@media (min-width: 1200px) {
div.sp-vacancy-content-inner .left .sp-specifics-container dl {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 100%;
justify-content: space-between;
gap: 30px 26px;
}
}
div.sp-vacancy-content-inner .left .sp-specifics-container dl div {
display: grid;
grid-template-columns: 100%;
grid-template-columns: auto 1fr;
gap: 30px 26px;
}
@media (min-width: 1200px) {
div.sp-vacancy-content-inner .left .sp-specifics-container dl div {
display: grid;
grid-template-columns: 100%;
gap: 5px;
}
}
div.sp-vacancy-content-inner .left .sp-specifics-container dl dt {
color: #CE321A;
font-size: 20px;
font-size: 2rem;
line-height: 1.25;
}
div.sp-vacancy-content-inner .left .sp-specifics-container dl dd {
font-size: 20px;
font-size: 2rem;
line-height: 1.25;
color: #FFFFFF;
}
div.sp-vacancy-content-inner .right {
display: grid;
grid-template-columns: 100%;
gap: 40px;
padding-bottom: 90px;
}
div.sp-vacancy-contact-inner {
display: grid;
grid-template-columns: 100%;
gap: 38px;
}
@media (min-width: 1600px) {
div.sp-vacancy-contact-inner {
grid-template-columns: 1fr 949px;
gap: 64px;
}
}
div.sp-vacancy-contact-inner .left h2 {
font-size: 38px;
font-size: 3.8rem;
line-height: 1.2;
}
@media (min-width: 420px) {
div.sp-vacancy-contact-inner .left h2 {
font-size: 45px;
font-size: 4.5rem;
}
}
@media (min-width: 1024px) {
div.sp-vacancy-contact-inner .left h2 {
font-size: 46px;
font-size: 4.6rem;
}
}
@media (min-width: 1200px) {
div.sp-vacancy-contact-inner .left h2 {
font-size: 46px;
font-size: 4.6rem;
}
}
@media (min-width: 1600px) {
div.sp-vacancy-contact-inner .left h2 {
font-size: 46px;
font-size: 4.6rem;
}
}
div.sp-vacancy-contact-inner .left h2 span {
color: #CE321A;
}
div.sp-vacancy-contact-inner .left .custom-text {
margin-top: 26px;
}
@media (min-width: 1600px) {
div.sp-vacancy-contact-inner .left .custom-text {
max-width: 395px;
margin-top: 60px;
}
}
div.sp-vacancy-contact-inner .right-full {
grid-column: auto/span 1;
}
@media (min-width: 1600px) {
div.sp-vacancy-contact-inner .right-full {
grid-column: auto/span 2;
}
}
section.sp-vacancy-other {
background: #A8BDC6;
}
div.sp-vacancy-other-inner .sp-title-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
}
@media (min-width: 900px) {
div.sp-vacancy-other-inner .sp-title-container {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
}
div.sp-vacancy-other-inner .sp-title-container h2 {
color: #090015;
margin-bottom: 30px;
}
@media (min-width: 900px) {
div.sp-vacancy-other-inner .sp-title-container h2 {
margin-bottom: 0;
}
}
div.sp-vacancy-other-inner .sp-title-container h2 span {
color: #CE321A;
}
div.sp-vacancy-other-inner .sp-title-container .sp-link-container {
min-width: max-content;
}
div.sp-vacancy-other-inner .sp-post-container {
display: grid;
grid-template-columns: 100%;
gap: 60px;
margin-top: 60px;
}
@media (min-width: 900px) {
div.sp-vacancy-other-inner .sp-post-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 45px;
}
}
@media (min-width: 1600px) {
div.sp-vacancy-other-inner .sp-post-container {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 60px;
}
}
section.sp-case-hero {
--header: 119px;
position: relative;
}
@media (min-width: 1600px) {
section.sp-case-hero {
min-height: 695px;
}
}
section.sp-case-hero .sp-image-outer {
display: none;
position: absolute;
width: calc(50% - 51.5px + 19px);
height: calc(100% - var(--header));
top: var(--header);
right: 0;
}
@media (min-width: 1200px) {
section.sp-case-hero .sp-image-outer {
display: block;
}
}
section.sp-case-hero .sp-image-outer img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
div.sp-case-hero-inner {
display: grid;
grid-template-columns: 100%;
padding-left: 28px;
padding-right: 28px;
gap: 54px;
}
@media (min-width: 420px) {
div.sp-case-hero-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.sp-case-hero-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.sp-case-hero-inner {
padding-left: 140px;
padding-right: 140px;
}
}
@media (min-width: 1200px) {
div.sp-case-hero-inner {
grid-template-columns: 390px 1fr;
gap: 103px;
}
}
@media (min-width: 1600px) {
div.sp-case-hero-inner {
grid-template-columns: calc(50% - 114px) calc(50% - 114px);
gap: 228px;
}
}
div.sp-case-hero-inner .left .sp-breadcrumb-container {
margin-bottom: 30px;
}
div.sp-case-hero-inner .left h1 {
margin-bottom: 37px;
}
@media (min-width: 1200px) {
div.sp-case-hero-inner .left h1 {
font-size: 50px;
font-size: 5rem;
line-height: 1.2;
}
}
@media (min-width: 1600px) {
div.sp-case-hero-inner .left h1 {
font-size: 70px;
font-size: 7rem;
line-height: 1.21;
}
}
div.sp-case-hero-inner .left .custom-text {
font-size: 20px;
font-size: 2rem;
}
@media (min-width: 1200px) {
div.sp-case-hero-inner .left .custom-text {
max-width: 312px;
}
}
@media (min-width: 1600px) {
div.sp-case-hero-inner .left .custom-text {
max-width: 395px;
}
}
div.sp-case-hero-inner .left .sp-info-container {
margin-top: 30px;
}
@media (min-width: 1200px) {
div.sp-case-hero-inner .left .sp-info-container {
display: none;
}
}
@media (min-width: 1200px) {
div.sp-case-hero-inner .left .sp-info-container dl {
display: grid;
grid-template-columns: 100%;
grid-template-columns: auto auto;
justify-content: space-between;
gap: 30px 26px;
}
}
div.sp-case-hero-inner .left .sp-info-container dl div {
display: grid;
grid-template-columns: 100%;
grid-template-columns: auto 1fr;
gap: 30px 26px;
}
@media (min-width: 1200px) {
div.sp-case-hero-inner .left .sp-info-container dl div {
display: grid;
grid-template-columns: 100%;
gap: 5px;
}
}
div.sp-case-hero-inner .left .sp-info-container dl dt {
color: #CE321A;
font-size: 20px;
font-size: 2rem;
line-height: 1.25;
}
div.sp-case-hero-inner .left .sp-info-container dl dd {
font-size: 20px;
font-size: 2rem;
line-height: 1.25;
color: #FFFFFF;
}
div.sp-case-hero-inner .sp-share-container {
margin-top: 26px;
}
@media (min-width: 1200px) {
div.sp-case-hero-inner .sp-share-container {
display: none;
}
}
div.sp-case-hero-inner .sp-share-container span.label {
display: block;
font-size: 20px;
font-size: 2rem;
line-height: 1.25;
color: #FFFFFF;
margin-bottom: 10px;
}
div.sp-case-hero-inner .sp-share-container .socials .addtoany_share_save {
display: none;
}
div.sp-case-hero-inner .sp-share-container .socials a {
margin-right: 6px;
margin-bottom: 13px;
}
div.sp-case-hero-inner .sp-share-container .socials a:last-child {
margin-right: 0;
}
div.sp-case-hero-inner .sp-share-container .socials a span {
border-radius: 50% !important;
display: flex;
justify-content: center;
align-items: center;
}
div.sp-case-hero-inner .sp-share-container .socials a span svg {
width: 80%;
height: 80%;
}
div.sp-case-hero-inner .right img {
display: block;
width: 100%;
height: auto;
}
@media (min-width: 1200px) {
div.sp-case-hero-inner .right img {
display: none;
}
}
div.sp-case-content-inner {
padding-left: 28px;
padding-right: 28px;
}
@media (min-width: 420px) {
div.sp-case-content-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.sp-case-content-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.sp-case-content-inner {
padding-left: 140px;
padding-right: 140px;
}
}
@media (min-width: 1200px) {
div.sp-case-content-inner {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 390px calc(100% - 390px - 103px);
gap: 103px;
position: relative;
}
}
@media (min-width: 1600px) {
div.sp-case-content-inner {
grid-template-columns: calc(50% - 114px) calc(50% - 114px);
gap: 228px;
}
}
div.sp-case-content-inner .left {
position: relative;
}
div.sp-case-content-inner .left::after {
display: none;
content: "";
position: absolute;
height: 100%;
width: 1px;
top: 0;
left: calc(100% + 51.5px);
background: #707070;
}
@media (min-width: 1200px) {
div.sp-case-content-inner .left::after {
display: block;
}
}
@media (min-width: 1600px) {
div.sp-case-content-inner .left::after {
left: calc(100% + 114px);
}
}
div.sp-case-content-inner .left .sp-share-container {
margin-top: 26px;
display: none;
}
@media (min-width: 1200px) {
div.sp-case-content-inner .left .sp-share-container {
display: block;
}
}
div.sp-case-content-inner .left .sp-share-container span.label {
display: block;
font-size: 20px;
font-size: 2rem;
line-height: 1.25;
color: #FFFFFF;
margin-bottom: 10px;
}
div.sp-case-content-inner .left .sp-share-container .socials .addtoany_share_save {
display: none;
}
div.sp-case-content-inner .left .sp-share-container .socials a {
margin-right: 6px;
margin-bottom: 13px;
}
div.sp-case-content-inner .left .sp-share-container .socials a:last-child {
margin-right: 0;
}
div.sp-case-content-inner .left .sp-share-container .socials a span {
border-radius: 50% !important;
display: flex;
justify-content: center;
align-items: center;
}
div.sp-case-content-inner .left .sp-share-container .socials a span svg {
width: 80%;
height: 80%;
}
div.sp-case-content-inner .left .sp-info-container {
margin-top: 30px;
display: none;
}
@media (min-width: 1200px) {
div.sp-case-content-inner .left .sp-info-container {
display: grid;
grid-template-columns: 100%;
grid-template-columns: auto auto;
justify-content: space-between;
gap: 30px 26px;
margin-top: 0;
}
}
@media (min-width: 1600px) {
div.sp-case-content-inner .left .sp-info-container {
max-width: 395px;
}
}
@media (min-width: 1200px) {
div.sp-case-content-inner .left .sp-info-container dl {
display: grid;
grid-template-columns: 100%;
grid-template-columns: auto auto;
justify-content: space-between;
gap: 30px 26px;
}
}
div.sp-case-content-inner .left .sp-info-container dl div {
display: grid;
grid-template-columns: 100%;
grid-template-columns: auto 1fr;
gap: 30px 26px;
}
@media (min-width: 1200px) {
div.sp-case-content-inner .left .sp-info-container dl div {
display: grid;
grid-template-columns: 100%;
gap: 5px;
}
}
div.sp-case-content-inner .left .sp-info-container dl dt {
color: #CE321A;
font-size: 20px;
font-size: 2rem;
line-height: 1.25;
}
div.sp-case-content-inner .left .sp-info-container dl dd {
font-size: 20px;
font-size: 2rem;
line-height: 1.25;
color: #FFFFFF;
}
div.sp-case-content-inner .right {
display: grid;
grid-template-columns: 100%;
gap: 40px;
padding-bottom: 90px;
}
section.sp-solution-hero {
position: relative;
min-height: min(40vh, 650px);
height: fit-content;
}
@media (min-width: 768px) {
section.sp-solution-hero {
min-height: min(40vh, 832px);
}
}
@media (min-width: 1200px) {
section.sp-solution-hero {
min-height: min(40vh, 512px);
}
}
@media (min-width: 1600px) {
section.sp-solution-hero {
min-height: min(40vh, 607px);
}
}
section.sp-solution-hero .sp-image-outer {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@supports (inset: 0) {
section.sp-solution-hero .sp-image-outer {
inset: 0;
}
}
section.sp-solution-hero .sp-image-outer img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--x, 50%) var(--y, 50%);
}
section.sp-solution-hero .sp-image-outer .layer {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@supports (inset: 0) {
section.sp-solution-hero .sp-image-outer .layer {
inset: 0;
}
}
div.sp-solution-hero-inner {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 100%;
gap: 20px;
padding-left: 28px;
padding-right: 28px;
padding-top: 31px;
padding-bottom: 31px;
}
@media (min-width: 420px) {
div.sp-solution-hero-inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 900px) {
div.sp-solution-hero-inner {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1200px) {
div.sp-solution-hero-inner {
padding-left: 140px;
padding-right: 140px;
}
}
@media (min-width: 1200px) {
div.sp-solution-hero-inner .top {
display: grid;
grid-template-columns: 100%;
grid-template-columns: 48% 1fr;
}
}
div.sp-solution-hero-inner .top .sp-breadcrumb-container {
margin-bottom: 20px;
text-align: center;
}
@media (min-width: 1200px) {
div.sp-solution-hero-inner .top .sp-breadcrumb-container {
margin-bottom: 25px;
text-align: left;
}
}
@media (min-width: 1200px) {
div.sp-solution-hero-inner .top .sp-breadcrumb-container.no-tagline-container {
grid-column: auto/span 2;
}
}
@media (min-width: 1600px) {
div.sp-solution-hero-inner .top .sp-breadcrumb-container a {
font-size: 24px;
font-size: 2.4rem;
}
}
div.sp-solution-hero-inner .top .sp-tagline-container {
text-align: center;
}
@media (min-width: 1200px) {
div.sp-solution-hero-inner .top .sp-tagline-container {
text-align: left;
}
}
div.sp-solution-hero-inner .top .sp-tagline-container span {
font-size: 20px;
font-size: 2rem;
display: block;
}
@media (min-width: 1600px) {
div.sp-solution-hero-inner .top .sp-tagline-container span {
font-size: 24px;
font-size: 2.4rem;
}
}
div.sp-solution-hero-inner .bottom .left h1 {
text-align: center;
margin-bottom: 30px;
}
@media (min-width: 900px) {
div.sp-solution-hero-inner .bottom .left h1 {
max-width: 70%;
margin: 0 auto 30px auto;
}
}
@media (min-width: 1200px) {
div.sp-solution-hero-inner .bottom .left h1 {
font-size: 70px;
font-size: 7rem;
line-height: 1.14;
max-width: 80%;
margin: 0 auto 54px auto;
}
}
@media (min-width: 1200px) {
div.sp-solution-hero-inner .bottom .left h1 {
font-size: 100px;
font-size: 10rem;
line-height: 1.1;
}
}
@media (min-width: 1600px) {
div.sp-solution-hero-inner .bottom .left h1 {
max-width: 1090px;
}
}
div.sp-solution-hero-inner .bottom .left h1 span {
color: #CE321A;
}
div.sp-solution-hero-inner .bottom .left .custom-text {
text-align: center;
}
@media (min-width: 900px) {
div.sp-solution-hero-inner .bottom .left .custom-text {
max-width: 395px;
margin: 0 auto 0 auto;
}
}
@media (min-width: 1200px) {
div.sp-solution-hero-inner .bottom .left .custom-text {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 1600px) {
div.sp-solution-hero-inner .bottom .left .custom-text {
font-size: 20px;
font-size: 2rem;
max-width: 395px;
}
}
div.sp-solution-hero-inner .bottom .right .sp-link-container {
margin-top: 20px;
display: flex;
justify-content: center;
align-items: center;
}
@media (min-width: 1200px) {
div.sp-solution-hero-inner .bottom .right .sp-link-container {
margin-top: 37px;
}
}
@media (min-width: 1600px) {
div.sp-solution-hero-inner .bottom .right .sp-link-container {
justify-content: center;
}
}