.swiper-container{width:100%;height:auto;padding-bottom:15px!important;padding-top:15px;display:-ms-flexbox;display:flex}.swiper-wrapper{height:auto;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.dica_divi_carousel .dica_divi_carouselitem{font-size:14px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:start;margin-bottom:0!important}.dica_divi_carouselitem{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.dica_divi_carousel .dica_divi_carouselitem .dica-item-content h4{font-size:20px}.dica_divi_carousel .dica_divi_carouselitem .dica-item-content{font-size:14px}.dica_divi_carousel .dica_divi_carouselitem .dica-image-container img{border-style:solid;display:block}.dica_divi_carousel .dica_divi_carouselitem{border-style:solid}.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{background-image:none!important;width:56px;height:auto;background-color:#fff}.swiper-container .swiper-button-next{right:-100px;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.swiper-container:hover .swiper-button-next{right:10px}.swiper-container .swiper-button-prev{left:-100px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.swiper-container:hover .swiper-button-prev{left:10px}.swiper-button-next:before{content:"5"}.swiper-button-prev:before{content:"4"}.swiper-button-next:before,.swiper-button-prev:before{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:ETmodules;font-size:53px;font-weight:400;font-style:normal;font-variant:normal;-webkit-font-smoothing:antialiased;line-height:58px;text-transform:none;color:#0c71c3;speak:none}.dica_divi_carousel .swiper-pagination-bullet{opacity:1}.swiper-container .et_pb_button_wrapper{margin-top:10px}@font-face {
font-family: 'Montserrat';
src: url(https://www.universal-transmissions.de/wp-content/themes/divi-child/css/fonts/F-Montserrat-Light.woff2) format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(https://www.universal-transmissions.de/wp-content/themes/divi-child/css/fonts/F-Montserrat-Regular.woff2) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(https://www.universal-transmissions.de/wp-content/themes/divi-child/css/fonts/F-Montserrat-Medium.woff2) format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(https://www.universal-transmissions.de/wp-content/themes/divi-child/css/fonts/F-Montserrat-SemiBold.woff2) format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(https://www.universal-transmissions.de/wp-content/themes/divi-child/css/fonts/F-Montserrat-Bold.woff2) format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(https://www.universal-transmissions.de/wp-content/themes/divi-child/css/fonts/F-Montserrat-Black.woff2) format('woff2');
font-weight: 900;
font-style: normal;
font-display: swap;
}.fade-in-on-view {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.7s ease, transform 0.7s ease;
will-change: opacity, transform;
}
.fade-in-on-view-static {
opacity: 0;
transition: opacity 2s ease;
will-change: opacity;
}
.fade-in-on-view-static.is-visible {
opacity: 1;
}
.fade-in-on-view.is-visible {
opacity: 1;
transform: translateY(0);
}
.delay-1 {
transition-delay: 0.15s;
}
.delay-2 {
transition-delay: 0.3s;
}
.delay-3 {
transition-delay: 0.45s;
}
.delay-4 {
transition-delay: 0.9s;
} .scroll-slider-slide-1 .scroll-slider-slide-image-container {
opacity: 1;
transition: transform 0.9s ease, opacity 0.9s ease;
will-change: transform, opacity;
}
.scroll-slider-slide-1 .scroll-slider-slide-image-container.scroll-animate-init {
opacity: 0;
transform: translateX(-120px);
}
.scroll-slider-slide-1 .scroll-slider-slide-image-container.scroll-animate-in {
opacity: 1;
transform: translateX(0);
}
@media (prefers-reduced-motion: reduce) {
.scroll-slider-slide-1 .scroll-slider-slide-image-container {
transition: none;
opacity: 1 !important;
transform: none !important;
}
}
@media (max-width: 980px) { 
.scroll-slider-mobile-text-item {
opacity: 0;
transition: opacity 0.35s ease;
will-change: opacity;
}
.scroll-slider-mobile-text-item.is-active {
opacity: 1;
}
.scroll-slider-mobile-text-item.is-leaving {
opacity: 0;
}
}
@media (max-width: 375px) {
.scroll-slider-slide-text-container.fade-in-on-view {
transform: translateY(10px);
transition: opacity 1.2s ease-out, transform 1.2s ease-out;
}
}html {
overflow-x: hidden;
}
.homepage-section-1,
.homepage-section-2 .et_pb_code_inner,
.homepage-section-3 .et_pb_code_inner,
.homepage-section-4 .et_pb_code_inner {
display: flex;
justify-content: center;
width: 100%;
}
.custom-section-container .et_pb_code_inner {
display: flex;
justify-content: center;
width: 100%;
}
.custom-content-box-container {
width: 90%;
max-width: 1600px;
} .top-bar-container {
background-color: #434F58;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 0 24px;
padding: 12px 0;
}
.top-bar-container-type2 {
background-color: #DEE2E6;
}
.top-bar {
display: flex;
justify-content: center;
align-items: center;
gap: 0 24px;
}
.hero-image-container {
max-width: 100%;
width: 100%;
display: flex;
flex-direction: column;
position: relative;
height: clamp(700px, 150vh, 928px);
align-items: center;
}
.hero-image-container picture {
display: block;
width: 100%;
height: 100%;
}
.homepage-hero-image {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
object-fit: cover;
object-position: top center;
}
.hero-image-header-container {
z-index: 2;
display: flex;
flex-direction: column;
color: white;
padding-bottom: 70px;
}
.homepage-headline {
font-family: 'Montserrat', sans-serif;
font-weight: 900;
font-size: 74px;
line-height: 1;
color: white;
}
.homepage-headline-dynamic {
display: inline-block;
white-space: nowrap;
}
.header-text-tag {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 26px;
line-height: 30px;
margin-top: 10px;
display: block;
max-width: 383px;
padding: 0;
}
.link-element {
text-decoration: none;
cursor: pointer;
display: block;
}
.homepage-header-link {
margin-top: 38px;
max-width: fit-content;
}
.homepage-header-link a {
color: white;
border: 1px solid white;
border-radius: 24px;
padding: 8px 22px;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 400;
transition: background-color 0.4s ease;
}
.homepage-header-link a:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.homepage-header-link a:active {
background-color: rgba(255, 255, 255, 0.6);
} .homepage-section-2 {
background-color: #434F58;
}
.homepage-section-2-container {
padding: 120px 0;
}
.homepage-section-2-text-tag {
font-family: 'Montserrat', sans-serif;
font-size: 26px;
line-height: 48px;
font-weight: 300;
color: white;
}
.homepage-section-2-helper-container {
display: flex;
justify-content: space-between;
gap: 0 clamp(20px, 6vh, 60px);
margin-top: 84px;
}
.homepage-section-2-helper-container-1 {
display: flex;
flex-direction: column;
align-items: flex-start;
min-width: 243px;
border-top: 1px solid white;
padding-top: 12px;
}
.homepage-section-2-helper-container-1-text {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: white;
}
.homepage-section-2-helper-container-1-svg {
margin-top: 22px;
}
.homepage-section-2-helper-container-2 .text-tag {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: white;
padding: 0;
}
.homepage-section-2-helper-container-2-text-2 {
margin-top: 26px;
} .homepage-section-3 {
background-color: #434F58;
}
.scroll-slider-container {
width: 100%;
display: flex;
flex-direction: column;
}
.scroll-slider-slide {
display: flex;
flex-direction: row;
gap: 0 clamp(20px, 6vw, 56px);
}
.scroll-slider-slide>div:first-child {
flex: 1 1 56%;
}
.scroll-slider-slide>div:last-child {
flex: 1 1 44%;
}
.scroll-slider-slide-image-container {
display: flex;
justify-content: flex-end;
}
.scroll-slider-slide-text-container {
display: flex;
flex-direction: column;
justify-content: center;
}
.scroll-slider-slide-text-1 {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
line-height: 26px;
font-weight: 600;
color: white;
padding: 0;
}
.scroll-slider-slide-text-2 {
font-family: 'Montserrat', sans-serif;
font-size: 26px;
line-height: 30px;
font-weight: 900;
color: white;
padding: 0;
margin-top: 14px;
}
.scroll-slider-slide-text-3 {
font-family: 'Montserrat', sans-serif;
font-size: 26px;
line-height: 30px;
font-weight: 400;
color: white;
max-width: 404px;
}
.homepage-scroll-slider-arrow {
width: 40px;
margin-top: 30px;
}
.scroll-slider-slide-2 .homepage-scroll-slider-arrow,
.scroll-slider-slide-3 .homepage-scroll-slider-arrow,
.scroll-slider-slide-4 .homepage-scroll-slider-arrow {
transform: rotate(-90deg);
}
.scroll-slider-slide-1 {
position: relative;
z-index: 1;
}
.scroll-slider-slide-2 {
position: relative;
z-index: 2;
}
.scroll-slider-slide-3 {
position: relative;
z-index: 3;
}
.scroll-slider-slide-4 {
position: relative;
z-index: 4;
}
.scroll-slider-container .scroll-slider-slide-2 {
margin-top: -3.5%
}
.scroll-slider-container .scroll-slider-slide-3 {
margin-top: -3.4%;
}
.scroll-slider-container .scroll-slider-slide-4 {
margin-top: -3.5%;
} .homepage-section-4 {
background-color: #434F58;
}
.homepage-section-4-container {
display: flex;
justify-content: space-between;
gap: 0 clamp(20px, 6vw, 60px);
padding: 148px 0;
}
.homepage-section-4-text-conteiner {
display: flex;
flex-direction: column;
max-width: 280px;
}
.homepage-section-4-brands-container {
display: flex;
flex: 1;
justify-content: space-between;
align-items: center;
gap: 0 clamp(20px, 6vw, 46px);
}
.homepage-section-4-text-conteiner h3 {
font-family: 'Montserrat', sans-serif;
font-size: 26px;
line-height: 26px;
font-weight: 900;
color: white;
margin: 0;
padding: 0;
border-bottom: 1px solid white;
padding-bottom: 15px;
width: 243px;
}
.homepage-section-4-text-conteiner p {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: white;
margin: 0;
padding: 0;
margin-top: 15px;
}
.homepage-section-4-text-conteiner a {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
line-height: 18px;
font-weight: 700;
color: white;
margin: 0;
padding: 0;
text-decoration: none;
}
.homepage-section-4-brands-container img {
width: 140px;
height: auto;
}
.scroll-slider-dots {
display: none;
}
.scroll-slider-slide-link span {
display: none;
}
#homepage-section-3-container {
scroll-margin-top: 90px;
}
.scroll-slider-text-container-smaller-devices {
display: none;
width: 100%;
}
.scroll-slider-text-container-smaller-devices .scroll-slider-text-container-smaller-devices {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
} @media (max-width: 1800px) {
.custom-content-box-container {
width: 80%;
}
.homepage-section-4-brands-container {
gap: 0 clamp(20px, 2.5vw, 46px);
justify-content: flex-start;
}
} @media (max-width: 1800px) {
.scroll-slider-container .scroll-slider-slide-2 {
margin-top: -3.92%;
}
.scroll-slider-container .scroll-slider-slide-3,
.scroll-slider-container .scroll-slider-slide-4 {
margin-top: -3.86%;
}
}
@media (max-width: 1700px) {
.scroll-slider-container .scroll-slider-slide-2 {
margin-top: -4.1%;
}
.scroll-slider-container .scroll-slider-slide-3,
.scroll-slider-container .scroll-slider-slide-4 {
margin-top: -4%;
margin-left: -2px;
}
}
@media (max-width: 1600px) {
.scroll-slider-container .scroll-slider-slide-2 {
margin-top: -4.1%;
}
.scroll-slider-container .scroll-slider-slide-3 {
margin-top: -4.11%;
margin-left: -2px;
}
.scroll-slider-container .scroll-slider-slide-4 {
margin-top: -4.1%;
margin-left: 2px;
}
}
@media (max-width: 1500px) {
.scroll-slider-container .scroll-slider-slide-2,
.scroll-slider-container .scroll-slider-slide-3,
.scroll-slider-container .scroll-slider-slide-4 {
margin-top: -4.1%;
}
}
@media (max-width: 1366px) {
.hero-image-container {
height: clamp(550px, 100vh, 719px);
}
.hero-image-header-container {
padding-bottom: 40px;
}
.homepage-section-2-container {
padding: 100px 0;
}
.scroll-slider-image {
max-height: 340px;
} .scroll-slider-container .scroll-slider-slide-2 {
margin-top: -4.2%;
}
.scroll-slider-container .scroll-slider-slide-3,
.scroll-slider-container .scroll-slider-slide-4 {
margin-top: -4.2%;
margin-left: 0;
}
}
@media (max-width: 1280px) {
.scroll-slider-container .scroll-slider-slide-2 {
margin-top: -4.2%;
}
.scroll-slider-container .scroll-slider-slide-3,
.scroll-slider-container .scroll-slider-slide-4 {
margin-top: -4.13%;
}
.scroll-slider-container .scroll-slider-slide-3 {
margin-left: -2px;
}
.scroll-slider-container .scroll-slider-slide-4 {
margin-left: -1px;
}
}
@media (max-width: 1200px) {
.scroll-slider-container .scroll-slider-slide-2 {
margin-top: -4.1%;
}
.scroll-slider-container .scroll-slider-slide-3 {
margin-top: -4.3%;
margin-left: -2px;
}
.scroll-slider-container .scroll-slider-slide-4 {
margin-top: -4.29%;
margin-left: 2px;
}
}
@media (max-width: 1100px) {
.homepage-section-4-text-conteiner h3 {
width: auto;
}
.homepage-scroll-slider-arrow {
width: 35px;
margin-top: 16px;
}
.scroll-slider-container .scroll-slider-slide-2 {
margin-top: -4.3%;
}
.scroll-slider-container .scroll-slider-slide-3,
.scroll-slider-container .scroll-slider-slide-4 {
margin-top: -4.31%;
margin-left: -2px;
}
.scroll-slider-container .scroll-slider-slide-3 {
margin-left: -2px;
}
.scroll-slider-container .scroll-slider-slide-4 {
margin-left: -1px;
}
} @media (max-width: 980px) {
.et_pb_section,
.et_pb_column .et_pb_row_inner,
.et_pb_row {
padding: 0;
}
.custom-content-box-container {
width: 90%;
}
.top-bar {
width: 90%;
justify-content: space-between;
gap: 0 clamp(10px, 2.5vw, 15px);
}
.hero-image-container {
height: clamp(550px, 118vh, 982px);
}
.hero-image-header-container {
padding-bottom: 57px;
}
.homepage-headline-dynamic {
min-width: fit-content;
}
.homepage-section-2-container {
padding: 72px 0;
}
.homepage-section-2-helper-container {
margin-top: 42px;
flex-direction: column;
gap: 42px 0;
}
.homepage-section-2-helper-container-1 {
order: 2;
}
.homepage-section-2-helper-container-2 {
order: 1;
}
.homepage-section-3-container {
overflow: visible;
position: relative;
}
.scroll-slider-container {
display: flex;
flex-direction: row;
overflow: visible;
width: 100%;
max-width: unset;
position: relative;
}
.scroll-slider-slide {
position: relative;
flex: 0 0 82%;
width: 100%;
max-width: 100%;
display: flex;
flex-direction: column;
overflow: visible;
padding-top: 0;
}
.scroll-slider-slide>div:first-child,
.scroll-slider-slide>div:last-child {
flex: unset;
}
.scroll-slider-slide>div:last-child {
display: none;
}
.scroll-slider-text-container-smaller-devices {
display: flex;
margin-top: 20px;
}
.scroll-slider-mobile-text-item {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 210px;
}
.scroll-slider-slide-image-container {
position: relative;
width: 100%;
overflow: visible;
z-index: 1;
}
.scroll-slider-slide-image-container picture {
display: block;
width: 100%;
overflow: visible;
}
.scroll-slider-slide-image-container img {
display: block;
max-width: none;
height: auto;
width: 118%;
overflow: visible;
max-height: unset;
max-width: unset;
object-fit: contain;
}
.scroll-slider-slide-1 .scroll-slider-slide-image-container img {
margin-left: -20%;
}
.scroll-slider-slide-text-container {
position: relative;
z-index: 2;
width: 100%;
margin-top: 7%;
}
.scroll-slider-container .scroll-slider-slide .scroll-slider-slide-text-container {
text-align: center;
align-items: center;
}
.scroll-slider-container .scroll-slider-slide-1 .scroll-slider-slide-text-container {
padding-left: 32%;
min-height: 209.8px;
}
.scroll-slider-container .scroll-slider-slide-2 .scroll-slider-slide-text-container {
padding-left: 0;
margin-left: -15.8%;
}
.scroll-slider-container .scroll-slider-slide-3 .scroll-slider-slide-text-container {
padding-left: 0;
margin-left: -13.9%;
}
.scroll-slider-container .scroll-slider-slide-4 .scroll-slider-slide-text-container {
padding-left: 0;
margin-left: -16.1%;
}
.scroll-slider-container .scroll-slider-slide-2,
.scroll-slider-container .scroll-slider-slide-3,
.scroll-slider-container .scroll-slider-slide-4 {
margin-top: 0;
}
.scroll-slider-container .scroll-slider-slide-2 {
margin-left: -7.7%;
}
.scroll-slider-container .scroll-slider-slide-3,
.scroll-slider-container .scroll-slider-slide-4 {
margin-left: -31.5%;
}
.homepage-section-4-container {
flex-direction: column;
gap: 43px 0;
}
.homepage-section-4-text-conteiner {
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
}
.homepage-section-4-text-conteiner h3 {
width: 100%;
}
.homepage-section-4-text-conteiner p,
.homepage-section-4-text-conteiner a {
max-width: fit-content;
}
.homepage-section-4-text-conteiner p br {
display: none;
}
.homepage-section-4-text-conteiner a {
margin-left: 6px;
}
.scroll-slider-slide-link img {
display: none;
}
.scroll-slider-slide-link {
text-decoration: none;
max-width: fit-content;
}
.scroll-slider-slide-link span {
display: block;
color: white;
border: 1px solid white;
border-radius: 24px;
padding: 8px 22px;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 400;
max-width: fit-content;
cursor: pointer;
margin: 0 auto;
margin-top: 14px;
}
.scroll-slider-slide-text-1 {
font-size: 14px;
line-height: 14px;
text-align: center;
max-width: fit-content;
}
.scroll-slider-slide-text-2 {
text-align: center;
max-width: fit-content;
}
.scroll-slider-slide-text-3 {
text-align: center;
max-width: 286px;
}
.homepage-section-4-text-conteiner {
max-width: 100%;
}
}
@media (max-width: 768px) {
.top-bar-section-container .et_pb_row {
width: 90%;
}
.top-bar-container {
padding: 15px 0;
}
.top-bar {
width: 100%;
gap: 0 16px;
}
.homepage-section-4-brands-container {
justify-content: space-between;
}
.homepage-top-bar-image-2 {
width: 112px;
height: auto;
}
.homepage-top-bar-image-3 {
width: 121px;
height: auto;
}
.homepage-top-bar-image-4 {
width: 101px;
height: auto;
}
.homepage-top-bar-image-5 {
width: 117px;
height: auto;
}
.homepage-top-bar-image-6 {
width: 97px;
height: auto;
}
}
@media (max-width: 577px) {
.homepage-section-4-text-conteiner a {
margin-left: 0;
}
}
@media (max-width: 630px) {
.top-bar img {
max-width: 100%;
height: auto;
flex: 1 1 0;
min-width: 0;
object-fit: contain;
}
.top-bar img:first-child {
display: none;
}
.hero-image-header-container {
padding-bottom: 52px;
}
.hero-image-container {
height: clamp(550px, 100vh, 624px);
}
.homepage-headline {
font-size: 40px;
}
.header-text-tag {
font-size: 22px;
line-height: 24px;
margin-top: 5px;
}
.homepage-header-link {
margin-top: 30px;
}
.homepage-header-link a {
font-size: 14px;
}
#homepage-section-2-text-1 {
scroll-margin-top: 50px;
}
.homepage-section-2-container {
padding: 48px 0;
}
.homepage-section-2-text-tag {
font-size: 20px;
line-height: 32px;
}
.homepage-section-2-helper-container-2 .text-tag {
font-size: 15px;
line-height: 23px;
}
.homepage-section-2-helper-container-1-text {
font-size: 13px;
line-height: 18px;
}
.homepage-section-2-helper-container-1-svg {
width: 30px;
}
.scroll-slider-mobile-text-item {
min-height: 172px;
}
.scroll-slider-slide-text-1 {
font-size: 13px;
line-height: 14px;
}
.scroll-slider-slide-text-2 {
font-size: 23px;
line-height: 22px;
}
.scroll-slider-slide-text-3 {
font-size: 20px;
line-height: 22px;
}
.scroll-slider-slide-link span {
font-size: 14px;
line-height: 18px;
}
.scroll-slider-dots {
margin-top: 60px;
}
.homepage-section-4-container {
padding: 82px 0;
padding-bottom: 56px;
gap: 49px 0;
}
.homepage-section-4-text-conteiner h3 {
font-size: 23px;
line-height: 26px;
}
.homepage-section-4-brands-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: max(45px, 6vw);
row-gap: 38px;
align-items: center;
}
.homepage-section-4-brands-container img {
width: clamp(140px, 18vw, 220px);
max-width: 100%;
height: auto;
object-fit: contain;
}
.homepage-section-4-brands-container img:nth-child(odd) {
justify-self: start;
}
.homepage-section-4-brands-container img:nth-child(even) {
justify-self: end;
}
}
@media (max-width: 375px) {
.homepage-section-4-brands-container img {
width: clamp(110px, 18vw, 220px);
}
.homepage-headline {
font-size: 36px;
}
.header-text-tag {
font-size: 19px;
}
.homepage-header-link {
margin-top: 15px;
}
}@media (max-width: 980px) {
.scroll-slider-container {
transition: transform 0.45s ease;
will-change: transform;
}
.scroll-slider-dots {
display: flex;
justify-content: center;
align-items: center;
gap: 26px;
margin-top: 62px;
}
.scroll-slider-dot {
width: 15px;
height: 15px;
border: 0;
border-radius: 50%;
padding: 0;
background: rgba(255, 255, 255, 0.35);
cursor: pointer;
transition: background 0.25s ease, transform 0.25s ease;
}
.scroll-slider-dot.is-active {
background: #ffffff;
transform: scale(1.1);
}
}.distribution-section-1 {
background-color: #434F58;
padding-top: 46px !important;
}
.distribution-section-1-container {
display: flex;
flex-direction: column;
position: relative;
}
.distribution-section-1-image-container {
width: 100%;
max-width: 1378px;
margin-left: auto;
}
.distribution-section-1-image-container img {
width: 100%;
height: auto;
object-fit: cover;
}
.distribution-section-1-text-container {
position: absolute;
display: flex;
flex-direction: column;
top: 50%;
transform: translateY(-50%);
}
.distribution-section-1-text-container * {
color: white;
}
.distribution-section-1-text-container h3 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 14px;
margin: 0;
padding: 0;
display: flex;
align-items: center;
letter-spacing: 2.1px;
}
.link-back {
padding-right: 9px;
}
.back-icon {
color: #fff;
}
.link-back:hover,
.link-back:hover>svg {
color: white;
}
.back-icon__outline,
.back-icon__filled {
transition: opacity .15s ease;
}
.back-icon__filled {
opacity: 0;
}
.back-icon:hover .back-icon__outline,
.back-icon:focus-visible .back-icon__outline {
opacity: 0;
}
.back-icon:hover .back-icon__filled,
.back-icon:focus-visible .back-icon__filled {
opacity: 1;
}
.distribution-section-1-text-container h1 {
font-family: 'Montserrat', sans-serif;
font-weight: 900;
font-size: 74px;
line-height: 70px;
margin: 0;
padding: 0;
margin-top: 8px;
max-width: 900px;
}
.distribution-section-1-text-container p {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 26px;
line-height: 30px;
margin: 0;
margin-top: 12px;
max-width: 460px;
}
.distribution-section-2 {
background-color: #434F58;
}
.distribution-section-2-container {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 0 clamp(30px, 15vw, 60px);
padding-top: 65px;
padding-bottom: 103px;
}
.distribution-section-2-column-1 {
display: flex;
flex-direction: column;
width: 100%;
max-width: 20%;
border-top: 1px solid white;
padding-top: 15px;
}
.distribution-section-2-column-1 p {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: white;
max-width: 250px;
}
.distribution-section-2-column-1 a {
text-decoration: none;
font-weight: 700;
display: block;
color: white;
cursor: pointer;
}
.distribution-section-2-column-1 img {
margin-top: 15px;
width: 43px;
height: auto;
}
.distribution-section-2-column-2 {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 75%;
}
.distribution-section-2-column-2-text {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: white;
margin: 0;
margin-bottom: 72px;
display: block;
}
.distribution-section-2-column-2-row {
display: flex;
justify-content: space-between;
align-items: stretch;
gap: 0 clamp(20px, 10vw, 40px);
margin-bottom: 60px;
width: 96%;
}
.distribution-section-2-column-2-row-3 {
margin-bottom: 0;
}
.distribution-section-2-column-2-card {
display: flex;
flex-direction: column;
width: 100%;
max-width: 384px;
}
.distribution-section-2-column-2-card-image-container {
display: flex;
justify-content: center;
}
.distribution-section-2-column-2-image {
width: 100%;
max-width: 275px;
height: auto;
object-fit: cover;
object-position: center;
}
.distribution-section-2-column-2-card-text-container {
display: flex;
flex-direction: column;
flex: 1;
}
.distribution-section-2-column-2-card-text-1 {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 35px;
color: white;
margin: 0;
margin-top: 34px;
display: block;
padding: 0;
letter-spacing: 2.1px;
text-transform: uppercase;
}
.distribution-section-2-column-2-card-text-2 {
font-family: 'Montserrat', sans-serif;
font-weight: 900;
font-size: 22px;
line-height: 24px;
color: white;
margin: 0;
margin-top: 10px;
display: block;
padding: 0;
text-transform: uppercase;
}
.distribution-section-2-column-2-card-text-3 {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: white;
margin: 0;
margin-top: 12px;
display: block;
margin-bottom: 26px;
}
.distribution-section-2-column-2-card-text-4 {
color: white;
border: 1px solid white;
border-radius: 24px;
padding: 2px 12px;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 400;
margin: 0;
margin-top: auto;
display: block;
max-width: fit-content;
text-decoration: none;
transition: background-color 0.4s ease;
}
.distribution-section-2-column-2-card-text-4:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.distribution-section-2-column-2-card-text-4:active {
background-color: rgba(255, 255, 255, 0.6);
}
.card-exception .distribution-section-2-column-2-card-text-4 {
margin-top: 26px;
}
.distribution-section-2-tablet-content {
display: none;
}
@media (max-width: 980px) {
.distribution-section-1 {
padding-top: 88px !important;
}
.distribution-section-1-container {
height: 75vh;
}
.distribution-section-1-image-container {
z-index: 1;
position: absolute;
max-width: unset;
top: 50%;
transform: translateY(-50%);
}
.distribution-section-1-image-container img {
width: 118%;
height: auto;
transform: translateX(5%);
max-width: none;
}
.distribution-section-1-text-container {
z-index: 2;
}
.distribution-section-1-text-container h1 {
font-size: 50px;
line-height: 70px;
max-width: 400px;
}
.distribution-section-2-container {
padding-top: 23px;
padding-bottom: 90px;
}
.distribution-section-2-column-1,
.distribution-section-2-column-2 {
display: none;
}
.distribution-section-2-tablet-content {
display: flex;
flex-direction: column;
width: 100%;
}
.distribution-section-2-tablet-content-text-1 {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: white;
margin: 0;
border-bottom: 1px solid white;
padding-bottom: 24px;
}
.distribution-section-2-tablet-content-text-2 {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: white;
margin-top: 15px;
}
.distribution-section-2-tablet-content-text-2 a {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
line-height: 26px;
font-weight: 700;
color: white;
text-decoration: none;
display: block;
}
.distribution-section-2-tablet-content-image-1 {
width: 43px;
height: auto;
object-fit: contain;
margin-top: 15px;
margin-bottom: 33px;
}
.distribution-section-2-column-2-row {
margin-bottom: 36px;
gap: 0 20px;
margin-left: auto;
margin-right: auto;
}
.distribution-section-2-column-2-row-3 .distribution-section-2-column-2-card {
width: calc(50% - 10px);
}
.distribution-section-2-column-2-row-3 {
margin-bottom: 0;
}
.distribution-section-2-column-2-image {
max-width: 235px;
}
.distribution-section-2-column-2-card-text-1 {
margin-top: 31px;
}
.distribution-section-2-column-2-card-text-3 {
margin-top: 14px;
margin-bottom: 23px;
}
.distribution-section-2-column-2-card-text-4 {
margin-top: auto;
}
}
@media (max-width: 630px) {
.distribution-section-1-container {
height: unset;
}
.distribution-section-1-image-container,
.distribution-section-1-text-container {
position: relative;
top: unset;
transform: translateY(0);
}
.distribution-section-1-image-container img {
transform: translateX(-40%);
width: 163%;
}
.distribution-section-1-text-container {
margin-top: 41px;
}
.distribution-section-1-text-container h3 {
font-size: 12px;
line-height: 13px;
}
.distribution-section-1-text-container h1 {
font-size: 40px;
line-height: 40px;
margin-top: 11px;
overflow-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.distribution-section-1-text-container p {
font-size: 23px;
line-height: 26px;
margin-top: 10px;
}
.distribution-section-2-container {
padding-top: 41px;
padding-bottom: 50px;
}
.distribution-section-2-tablet-content-text-1 {
font-size: 15px;
line-height: 23px;
padding-bottom: 14px;
}
.distribution-section-2-tablet-content-text-2 {
font-size: 13px;
line-height: 18px;
margin-top: 13px;
}
.distribution-section-2-tablet-content-image-1 {
width: 37px;
margin-top: 18px;
margin-bottom: 45px;
}
.distribution-section-2-column-2-row {
flex-direction: column;
justify-content: center;
align-items: center;
gap: 38px 0;
margin-bottom: 38px;
}
.distribution-section-2-column-2-row-3 {
margin-bottom: 0;
}
.distribution-section-2-column-2-card-text-1 {
margin-top: 35px;
font-size: 12px;
line-height: 13px;
letter-spacing: unset;
}
.distribution-section-2-column-2-card-text-2 {
margin-top: 10px;
font-size: 20px;
line-height: 23px;
}
.distribution-section-2-column-2-card-text-3 {
margin-top: 12px;
font-size: 15px;
line-height: 20px;
margin-bottom: 0;
}
.distribution-section-2-column-2-card-1 .distribution-section-2-column-2-card-text-4,
.distribution-section-2-column-2-card-3 .distribution-section-2-column-2-card-text-4,
.distribution-section-2-column-2-card-text-4 {
margin-top: 16px;
}
.distribution-section-2-column-2-row-3 .distribution-section-2-column-2-card {
width: 100%;
}
}
@media (max-width: 375px) {
.distribution-section-1-text-container h1 {
font-size: 36px;
}
.distribution-section-1-text-container p {
font-size: 19px;
}
}.subpages-template-section-1-container {
width: 100%;
max-width: 100%;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.subpages-template-section-1-image-container {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
}
.subpages-template-section-1-image-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
z-index: 2;
background-color: rgba(67, 79, 88, 0.7)
}
.subpages-template-section-1-image-container img {
position: absolute;
width: 100%;
height: auto;
object-fit: cover;
object-position: center;
}
.subpages-template-section-1-image-container,
.subpages-template-section-1-image-container img {
height: 85.5vh;
}
.subpages-template-section-1-text-container {
display: flex;
flex-direction: column;
align-items: center;
width: fit-content;
position: absolute;
z-index: 3;
color: white;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.subpages-template-section-1-text-container p {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 14px;
display: block;
max-width: max-content;
letter-spacing: 2.1px;
display: flex;
align-items: center;
}
.subpages-template-section-1-text-container img {
object-fit: contain;
width: 516px;
height: auto;
margin-top: 53px;
}
.subpages-template-section-2-column-desktop {
display: flex;
justify-content: space-between;
gap: 0 clamp(30px, 10vw, 60px);
padding-top: 94px;
padding-bottom: 74px;
}
.subpages-template-section-2-column-tablet {
display: none;
width: 100%;
}
.subpages-template-section-2-column-1 {
display: flex;
flex-direction: column;
width: 100%;
max-width: 20%;
}
.subpages-template-section-2-column-2 {
display: flex;
flex-direction: column;
width: 100%;
max-width: 80%;
}
.subpages-template-section-2-header {
font-family: 'Montserrat', sans-serif;
font-weight: 900;
font-size: 26px;
line-height: 26px;
color: #434F58;
margin: 0;
padding: 0;
display: block;
max-width: 243px;
text-transform: uppercase;
}
.subpages-template-section-2-text-1 {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: #434F58;
margin: 0;
margin-top: 16px;
display: block;
border-top: 1px solid #434F58;
padding-top: 19px;
max-width: 243px;
}
.subpages-template-section-2-text-1 a {
font-weight: 700;
display: block;
text-decoration: none;
cursor: pointer;
color: #434F58;
}
.subpages-section-2-icon {
width: 48px;
height: auto;
object-fit: contain;
margin-top: 16px;
}
.subpages-template-section-2-column-2-text-2,
.subpages-template-section-2-column-2-text-3 {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #434F58;
margin: 0;
padding: 0;
}
.subpages-template-section-2-column-2-text-3 {
margin-top: 20px;
}
.subpages-template-section-3-image-1-container {
width: 100%;
}
.subpages-template-section-3-image-1-container img {
width: 100%;
height: auto;
object-fit: cover;
object-position: center;
}
.subpages-template-section-3-text-1 {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 26px;
line-height: 48px;
color: #434F58;
margin: 0;
margin-top: 72px;
display: block;
}
.subpages-template-section-3-helper-container {
display: flex;
justify-content: space-between;
gap: 0 clamp(30px, 10vw, 60px);
margin-top: 72px;
}
.subpages-template-section-3-helper-column-1 {
display: flex;
flex-direction: column;
width: 100%;
max-width: 20%;
}
.subpages-template-section-3-helper-column-2 {
display: flex;
flex-direction: column;
width: 100%;
max-width: 80%;
}
.subpages-template-section-3-text-2 {
font-family: 'Montserrat', sans-serif;
font-weight: 900;
font-size: 26px;
line-height: 26px;
color: #434F58;
margin: 0;
padding: 0;
max-width: 243px;
text-transform: uppercase;
}
.subpages-template-section-3-text-3,
.subpages-template-section-3-text-4 {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #434F58;
margin: 0;
padding: 0;
}
.subpages-template-section-3-text-4 {
margin-top: 20px;
}
.subpages-template-section-4-container {
padding: 71px 0 101px 0;
}
.subpages-template-section-4-image-container {
width: 100%;
}
.subpages-template-section-4-image-container img {
width: 100%;
height: auto;
object-fit: cover;
object-position: center;
}
.subpages-template-section-4-text-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 70px;
}
.subpages-template-section-4-text-1 {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #434F58;
margin: 0;
text-align: center;
}
.subpages-template-section-4-image-2 {
width: 30px;
height: auto;
object-fit: contain;
margin-top: 13px;
}
.helper-column-2-tablet {
display: none;
}
@media (max-width: 980px) {
.subpages-template-section-1-text-container.custom-content-box-container,
.subpages-template-section-2-container.custom-content-box-container,
.subpages-template-section-3-container.custom-content-box-container,
.subpages-template-section-4-container.custom-content-box-container {
width: 83%;
}
.subpages-template-section-1-image-container,
.subpages-template-section-1-image-container img {
height: 98vh;
min-height: 781px;
}
.subpages-template-section-1-text-container img {
width: 460px;
margin-top: 44px;
}
.subpages-template-section-2-column-desktop {
display: none;
}
.subpages-template-section-2-column-tablet {
display: flex;
flex-direction: column;
padding-top: 64px;
padding-bottom: 50px;
}
.subpages-template-section-2-header {
max-width: unset;
}
.subpages-template-section-2-column-2-text-2 {
margin-top: 18px;
}
.subpages-template-section-2-column-2-text-3 {
border-bottom: 1px solid #434F58;
padding-bottom: 26px;
}
.subpages-template-section-2-text-1 {
border: none;
max-width: unset;
padding: 0;
margin-top: 15px;
}
.subpages-section-2-icon {
margin-top: 12px;
}
.subpages-template-section-3-image-1-container img {
max-height: 980px;
}
.subpages-template-section-3-text-1 {
font-size: 20px;
line-height: 32px;
margin-top: 51px;
}
.subpages-template-section-3-helper-container {
flex-direction: column;
gap: 16px 0;
margin-top: 61px;
}
.subpages-template-section-3-helper-column-1,
.subpages-template-section-3-helper-column-2 {
max-width: unset;
}
.subpages-template-section-3-text-2 {
max-width: unset;
}
.subpages-template-section-4-image-container img {
max-height: 860px;
}
.subpages-template-section-4-container {
padding: 51px 0 71px 0;
}
.subpages-template-section-4-text-container {
margin-top: 61px;
}
.helper-column-2-desktop {
display: none;
}
.helper-column-2-tablet {
display: flex;
}
}
@media (max-width: 630px) {
.subpages-template-section-1-text-container.custom-content-box-container,
.subpages-template-section-2-container.custom-content-box-container,
.subpages-template-section-3-container.custom-content-box-container,
.subpages-template-section-4-container.custom-content-box-container {
width: 90%;
}
.subpages-template-section-1-image-container,
.subpages-template-section-1-image-container img {
min-height: 515px;
}
.subpages-template-section-1-text-container img {
width: 269px;
margin-top: 31px;
}
.subpages-template-section-2-column-tablet {
padding: 35px 0 31px 0;
}
.subpages-template-section-2-header {
font-size: 20px;
line-height: 23px;
}
.subpages-template-section-2-column-2-text-2,
.subpages-template-section-2-column-2-text-3 {
font-size: 15px;
line-height: 23px;
}
.subpages-template-section-2-column-2-text-2 {
margin-top: 13px;
}
.subpages-template-section-2-column-2-text-3 {
padding-bottom: 32px;
}
.subpages-template-section-2-text-1 {
font-size: 13px;
line-height: 18px;
margin-top: 12px;
}
.subpages-section-2-icon {
width: 43px;
margin-top: 20px;
}
.subpages-template-section-3-image-1-container img {
max-height: 440px;
}
.subpages-template-section-3-text-1 {
font-size: 20px;
line-height: 32px;
margin-top: 33px;
}
.subpages-template-section-3-helper-container {
margin-top: 33px;
}
.subpages-template-section-3-text-2 {
font-size: 20px;
line-height: 23px;
}
.subpages-template-section-3-text-3,
.subpages-template-section-3-text-4 {
font-size: 15px;
line-height: 23px;
}
.subpages-template-section-4-image-container img {
max-height: 450px;
}
.subpages-template-section-4-container {
padding: 39px 0 74px 0;
}
.subpages-template-section-4-text-container {
margin-top: 38px;
}
.subpages-template-section-4-image-2 {
margin-top: 18px;
}
}.subpages-template-section-1-text-helper-container-type-2 {
width: 100%;
display: flex;
align-items: flex-end;
justify-content: center;
flex: 1;
padding-bottom: 115px;
}
.subpages-template-section-1-text-container-type-2 {
align-items: flex-start;
width: 90%;
position: relative;
top: auto;
left: auto;
transform: none;
}
.subpages-template-section-1-text-container-type-2 p {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
line-height: 14px;
letter-spacing: 2.1px;
font-weight: 500;
color: white;
margin: 0;
padding: 0;
}
.subpages-template-section-1-text-container-type-2 h1 {
font-family: 'Montserrat', sans-serif;
font-size: 74px;
line-height: 70px;
font-weight: 900;
color: white;
margin: 0;
padding: 0;
margin-top: 17px;
max-width: 514px;
}
.subpages-template-section-3-helper-container-type2 {
padding-bottom: 113px;
}
.subpages-template-section-3-helper-container-type2 .subpages-template-section-2-text-1 {
margin-top: 0;
}
.helper-span-type2 {
font-weight: 700;
}
.subpages-type2-section-2-container {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 0 90px;
padding: 37px 0 169px 0;
}
.subpages-template-type2-section-2-column-1 {
max-width: 243px;
width: 100%;
}
.subpages-template-type2-section-2-column-1 h2,
.subpages-template-type2-section-2-column-1 p {
color: white;
}
.subpages-template-type2-section-2-column-1 .subpages-template-section-2-text-1 {
border-top: 1px solid white;
}
.subpages-template-type2-section-2-column-1 .subpages-section-2-icon {
width: 43px;
}
.subpages-template-type2-section-2-column-2 {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 90px 60px;
align-items: stretch;
}
.event-card-image-wrapper {
width: 100%;
max-width: 321px;
padding: 0 23px;
}
.event-card-image-wrapper img {
width: 100%;
height: auto;
object-position: center;
object-fit: contain;
border-radius: 50%;
display: block;
}
.event-card-location {
letter-spacing: 2.1px;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
line-height: 26px;
font-weight: 500;
color: white;
margin: 0;
padding: 0;
margin-top: 34px;
display: block;
}
.event-card-title,
.event-card-date {
font-family: 'Montserrat', sans-serif;
font-size: 22px;
line-height: 26px;
font-weight: 500;
color: white;
margin: 0;
padding: 0;
display: block;
}
.event-card-title {
font-weight: 900;
margin-top: 8px;
}
.event-card-date {
max-width: 333px;
}
.event-card-date {
margin-top: 10px;
margin-bottom: 15px;
}
.event-card-btn {
color: white;
border: 1px solid white;
border-radius: 24px;
padding: 8px 22px;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 400;
margin: 0;
margin-top: auto;
display: block;
max-width: fit-content;
text-decoration: none;
transition: background-color 0.4s ease;
}
.event-card-btn:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.event-cards-dots {
display: none;
}
.subpages-template-section-4-text-type2 {
margin-top: 35px;
padding-left: 35.167%;
}
.subpages-template-section-4-text-type2 p {
font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
font-weight: 700;
font-size: 14px;
color: #434f58 !important;
line-height: 18px;
}
.event-ui-card {
display: flex;
flex-direction: column;
}
.event-card-content {
display: flex;
flex-direction: column;
flex: 1;
}
@media (max-width: 1800px) {
.subpages-template-section-1-text-container-type-2 {
width: 80%;
}
}
@media (max-width: 980px) {
.subpages-type2-template-section-1-container .subpages-template-section-1-image-container,
.subpages-type2-template-section-1-container .subpages-template-section-1-image-container img {
height: 95vh;
}
.subpages-template-section-1-text-container-type-2 {
width: 83%;
}
.subpages-template-section-1-text-helper-container-type-2 {
padding-bottom: 60px;
}
.subpages-template-section-3-helper-container-type2 {
padding-bottom: 71px;
}
.subpages-type2-section-2-container {
flex-direction: column;
gap: 40px 0;
}
.subpages-type2-section-2-container .subpages-template-section-2-text-1,
.subpages-type2-section-2-container .subpages-section-2-icon {
display: none;
}
.subpages-type2-section-2-container .subpages-template-section-2-column-2 {
max-width: 100%;
}
.event-card-image-wrapper {
max-width: 281px;
}
.shows-events-container .subpages-template-type2-section-2-column-1 {
max-width: 100%;
}
.shows-events-container .subpages-template-section-2-header {
display: none;
}
.shows-events-container.subpages-type2-section-2-container .subpages-section-2-icon {
display: block;
}
.shows-events-container .subpages-template-section-2-text-1 {
display: flex;
flex-direction: column;
margin: 0;
margin-bottom: 15px;
padding-top: 15px;
}
.subpages-template-section-4-text-type2 {
padding-left: 0;
text-align: center;
}
}
@media (max-width: 768px) {
.subpages-template-section-1-text-container-type-2 h1 {
font-size: 50px;
line-height: 50px;
}
.subpages-template-section-1-text-helper-container-type-2 {
padding-bottom: 50px;
}
.subpages-type2-section-2-container {
padding: 35px 0 51px 0;
}
}
@media (max-width: 630px) {
.subpages-type2-template-section-1-container .subpages-template-section-1-image-container,
.subpages-type2-template-section-1-container .subpages-template-section-1-image-container img {
max-height: 515px;
}
.subpages-template-section-1-text-container-type-2 {
width: 90%;
}
.subpages-template-section-3-helper-container-type2 {
padding-bottom: 74px;
}
}
@media (max-width: 480px) {
.subpages-template-section-1-text-container-type-2 h1 {
font-size: 30px;
line-height: 30px;
}
.shows-events-container .subpages-template-type2-section-2-column-2 {
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 30px 0;
}
.subpages-template-section-1-text-helper-container-type-2 {
padding-bottom: 67px;
}
}.contact-section-1 {
background-color: #434F58;
}
.contact-section-1-column-container {
display: flex;
flex-direction: column;
padding: 223px 0 108px 0;
}
.contact-header-text {
font-family: 'Montserrat', sans-serif;
font-weight: 900;
font-size: 74px;
line-height: 74px;
display: block;
max-width: max-content;
color: white;
margin: 0;
padding: 0;
}
.contact-subheader-text {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 26px;
line-height: 30px;
display: block;
max-width: max-content;
color: white;
margin: 0;
padding: 0;
margin-bottom: 14px;
display: flex;
align-items: center;
}
.contact-section-helper-row {
display: flex;
justify-content: space-between;
gap: 0 clamp(20px, 10vw, 60px);
margin-top: 108px;
}
.contact-column-1 {
display: flex;
flex-direction: column;
gap: 20px 0;
width: 100%;
max-width: 20%;
border-top: 1px solid white;
padding-top: 15px;
}
.contact-column-2 {
display: flex;
flex-direction: column;
width: 100%;
max-width: 80%;
}
.contact-column-1 p {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 18px;
display: block;
max-width: max-content;
color: white;
margin: 0;
padding: 0;
}
.contact-column-1 .contact-column-1-text-1 {
font-weight: 700;
}
.contact-column-2 .wpcf7-form {
display: flex;
flex-direction: column;
max-width: 890px;
}
.contact-column-2 .wpcf7-form p {
margin: 0;
padding: 0;
}
.contact-column-2 input::placeholder,
.contact-column-2 textarea::placeholder,
.contact-column-2 select {
color: #434F58;
}
.contact-column-2 select,
.contact-column-2 input {
width: 100%;
min-width: 0;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 16px;
display: block;
padding: 8px 23px;
color: #434F58;
}
.contact-column-2 .wpcf7-form>p:first-of-type,
.contact-form-row-1 p,
.contact-form-row-2 p {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 28px;
}
.contact-column-2 .wpcf7-form>p:first-of-type,
.contact-form-row-1,
.contact-form-row-2 {
margin-bottom: 23px;
}
.contact-column-2 textarea {
width: 100%;
min-width: 0;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 16px;
display: block;
padding: 8px 23px;
margin-bottom: 26px;
color: #434F58;
}
.contact-column-2 .wpcf7-submit.btn {
color: white;
border: 1px solid white;
border-radius: 6px;
padding: 8px 46px;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 400;
background-color: transparent;
max-width: fit-content;
cursor: pointer;
transition: background-color 0.4s ease;
}
.contact-column-2 .wpcf7-submit.btn:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.contact-column-2 .wpcf7-submit.btn:active {
background-color: rgba(255, 255, 255, 0.6);
}
.contact-form-row-1 p br,
.contact-form-row-2 p br {
display: none !important;
}
.contact-extra-info-text {
display: flex;
flex-direction: column;
margin-top: 31px;
}
.contact-extra-info-text-1,
.contact-extra-info-text-2 {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 18px;
display: block;
max-width: max-content;
color: white;
margin: 0;
padding: 0;
}
.contact-extra-info-text-2 {
margin-top: 6px;
}
.contact-extra-info-text-2 a {
color: white;
cursor: pointer;
}
.wpcf7-form br {
display: none !important;
}
@media (max-width: 980px) {
.contact-section-1-column-container {
padding: 190px 0 259px 0;
}
.contact-header-text {
font-size: 50px;
line-height: 70px;
}
.contact-subheader-text {
font-size: 24px;
line-height: 30px;
}
.contact-section-helper-row {
flex-direction: column;
justify-content: center;
align-items: center;
gap: 53px 0;
margin-top: 57px;
}
.contact-column-1,
.contact-column-2 {
max-width: 100%;
}
.contact-column-1 {
order: 2;
}
.contact-column-2 select,
.contact-column-2 input,
.contact-column-2 textarea {
font-size: 15px;
padding: 8px 10px;
}
.contact-extra-info-text {
margin-top: 16px;
}
.contact-column-1 {
border: none;
padding-top: 0;
flex-direction: row;
gap: 0 20px;
}
}
@media (max-width: 630px) {
.contact-section-1-column-container {
padding: 134px 0 48px 0;
}
.contact-header-text {
font-size: 40px;
line-height: 40px;
}
.contact-subheader-text {
font-size: 23px;
line-height: 26px;
}
.contact-section-helper-row {
gap: 44px 0;
margin-top: 38px;
}
.contact-column-2 .wpcf7-form>p:first-of-type,
.contact-form-row-1 p,
.contact-form-row-2 p {
grid-template-columns: 1fr;
row-gap: 23px;
}
.contact-column-1 {
flex-direction: column;
padding-top: 15px;
border-top: 1px solid white;
gap: 22px 0;
}
}.jobs-section-1 .et_pb_code_inner {
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.jobs-template-section-1-container {
display: flex;
flex-direction: column;
padding: 94px 0 74px 0;
}
.jobs-template-section-1-text-1 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 14px;
color: #434F58;
display: block;
max-width: max-content;
letter-spacing: 2.1px;
padding: 0;
margin: 0;
text-transform: uppercase;
}
.jobs-template-section-1-text-2 {
font-family: 'Montserrat', sans-serif;
font-weight: 900;
font-size: 26px;
line-height: 26px;
color: #434F58;
display: block;
max-width: max-content;
padding: 0;
margin: 0;
margin-top: 14px;
text-transform: uppercase;
}
.jobs-template-accordian-container {
width: 100%;
display: flex;
flex-direction: column;
}
.custom-accordion {
width: 100%;
border-top: 1px solid #434F58;
}
.jobs-template-accordian-container .custom-accordion:last-of-type {
border-bottom: 1px solid #434F58;
}
.custom-accordion-header {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
padding: 19px 0;
padding-right: 8px;
gap: 16px;
}
.custom-accordion-header span {
display: flex;
align-items: center;
}
.custom-accordion-header h2 {
font-family: 'Montserrat', sans-serif;
font-weight: 900;
font-size: 16px;
line-height: 26px;
color: #434F58;
display: block;
max-width: max-content;
letter-spacing: 2.1px;
padding: 0;
margin: 0;
text-transform: uppercase;
}
.custom-accordion-header img {
display: block;
width: 30px;
height: auto;
object-fit: contain;
flex-shrink: 0;
}
.custom-accordion-panel {
width: 100%;
max-height: 0;
overflow: hidden;
transition: max-height 0.35s ease, padding 0.35s ease;
white-space: pre-line;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #434F58;
margin: 0;
padding: 0;
}
.custom-accordion-panel.active::after {
content: "";
display: block;
height: 10px;
}
.jobs-template-helper-containier {
display: flex;
justify-content: space-between;
gap: 0 clamp(30px, 10vw, 60px);
}
.jobs-template-text-container {
display: flex;
flex-direction: column;
width: 100%;
max-width: 20%;
}
.jobs-template-section-1-text-container-1 {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 0 clamp(30px, 10vw, 60px);
margin-bottom: 40px;
}
.jobs-template-section-1-text-container-1 .jobs-template-text-container {
visibility: hidden;
}
@media (max-width: 980px) {
.jobs-template-section-1-containe {
padding: 73px 0 82px 0;
}
.section-1-text-container-1 {
margin-bottom: 36px;
}
.jobs-template-helper-containier {
flex-direction: column;
gap: 36px 0;
}
.jobs-template-text-container,
.jobs-template-accordian-container {
max-width: 100%;
}
.jobs-template-section-1-text-container-1 .jobs-template-text-container {
display: none;
}
}
@media (max-width: 630px) {
.jobs-template-section-1-containe {
padding: 58px 0 64px 0;
}
.jobs-template-section-1-text-2 {
font-size: 20px;
line-height: 23px;
}
.custom-accordion-header {
padding: 10px 0;
}
}.career-last-section-container {
display: flex;
justify-content: space-between;
gap: 0 clamp(30px, 10vw, 60px);
padding-bottom: 91px;
}
.career-last-section-container-column-1 {
display: flex;
flex-direction: column;
width: 100%;
max-width: 20%;
}
.career-last-section-container-column-2 {
display: flex;
flex-direction: column;
width: 100%;
max-width: 80%;
}
.career-last-section-container-column-2 .custom-accordion-panel {
white-space: normal;
}
.career-page-accordian-text {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 26px;
color: #434F58;
display: block;
padding: 0;
margin: 0;
margin-bottom: 20px;
}
.career-page-accordian-text:last-of-type {
margin-bottom: 0;
} .career-last-section-container-column-2 .custom-accordion-panel,
.career-last-section-container-column-2 .career-level-2-panel {
max-height: 0;
overflow: hidden;
transition: max-height 0.35s ease;
}
.career-last-section-container-column-2 .career-level-2-header {
cursor: pointer;
padding: 0;
}
.career-last-section-container-column-2 .career-level-2-header .career-page-accordian-text {
margin: 10px 0;
}
.career-last-section-container-column-2 .career-level-2-panel {
padding: 0;
}
.career-last-section-container-column-2 .career-level-2-panel .career-page-accordian-text {
margin: 0;
}
.career-page-accordian-subtext {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #434F58;
margin: 0;
padding: 0;
}
@media (max-width: 980px) {
.career-last-section-container {
flex-direction: column;
gap: 36px;
padding-bottom: 82px;
width: 83%;
}
.career-last-section-container-column-1,
.career-last-section-container-column-2 {
max-width: 100%;
margin: 0;
}
.career-last-section-container-column-1 .subpages-template-section-2-text-1 {
font-size: 16px;
line-height: 26px;
margin-top: 21px;
}
}
@media (max-width: 630px) {
.career-last-section-container {
gap: 36px 0;
padding-bottom: 64px;
width: 90%;
}
.career-last-section-container-column-1 .subpages-template-section-2-text-1 {
font-size: 15px;
line-height: 23px;
margin-top: 15px;
}
.career-last-section-container-column-2 .custom-accordion-header h2,
.career-page-accordian-text {
font-size: 15px;
line-height: 23px;
}
.career-page-accordian-text {
margin-bottom: 14px;
}
}