.so-widget-hero-video-style-d75171398898-9 .section--hero {
height: 880px;
max-height: 100vh;
max-width: 100%;
overflow: hidden;
position: relative;
}
@media (max-height: 760px) {
.so-widget-hero-video-style-d75171398898-9 .section--hero {
max-height: 80vh;
}
}
@media (max-width: 640px) {
.so-widget-hero-video-style-d75171398898-9 .section--hero {
max-height: 540px;
}
}
@media (max-height: 480px) {
.so-widget-hero-video-style-d75171398898-9 .section--hero {
height: auto;
}
}
.so-widget-hero-video-style-d75171398898-9 .section--hero .title {
font-size: 2.125rem;
line-height: 1.2;
margin-bottom: 90px;
max-width: 720px;
}
@media (max-width: 960px) {
.so-widget-hero-video-style-d75171398898-9 .section--hero .title {
margin-bottom: 48px;
}
}
@media (max-width: 740px) {
.so-widget-hero-video-style-d75171398898-9 .section--hero .title {
font-size: 2.143rem;
line-height: 1.33;
}
}
@media (max-width: 640px) {
.so-widget-hero-video-style-d75171398898-9 .section--hero .title {
margin-bottom: 24px;
}
}
@media (max-width: 380px) {
.so-widget-hero-video-style-d75171398898-9 .section--hero .title {
font-size: 1.571rem;
line-height: 1.33;
}
}
.so-widget-hero-video-style-d75171398898-9 .section__video {
height: auto;
left: 50%;
min-height: 100%;
min-width: 100%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: auto;
}
@media (max-width: 640px) {
.so-widget-hero-video-style-d75171398898-9 .section__video {
top: 0;
transform: translate(-50%, 0);
}
}
.so-widget-hero-video-style-d75171398898-9 .section__mask {
background-color: rgba(0, 0, 0, 0.5);
bottom: 100px;
left: 0;
position: absolute;
right: 0;
top: 0;
}
@media (max-width: 640px), (max-height: 650px) {
.so-widget-hero-video-style-d75171398898-9 .section__mask {
bottom: 60px;
}
}
@media (max-width: 860px) {
.so-widget-hero-video-style-d75171398898-9 .section__mask {
bottom: 80px;
}
}
.so-widget-hero-video-style-d75171398898-9 .section__row {
display: flex !important;
flex-direction: column;
justify-content: center;
height: 100%;
position: relative;
}
.so-widget-hero-video-style-d75171398898-9 .section__row .container {
width: 100%;
}
@media (max-height: 480px) {
.so-widget-hero-video-style-d75171398898-9 .section__text {
margin-bottom: 100px;
margin-top: 80px;
}
}
.so-widget-hero-video-style-d75171398898-9 .section__slider {
height: 100%;
margin-bottom: 0 !important;
}
@media (max-height: 480px) {
.so-widget-hero-video-style-d75171398898-9 .section__slider {
max-height: 500px;
}
}
.so-widget-hero-video-style-d75171398898-9 .section__slider .slick-list,
.so-widget-hero-video-style-d75171398898-9 .section__slider .slick-track {
height: 100%;
}
.so-widget-hero-video-style-d75171398898-9 .section__slider .slick-dots {
background-color: rgba(0, 0, 0, 0.6);
border-top: 1px solid rgba(255, 255, 255, 0.35);
bottom: 0;
display: flex;
}
.so-widget-hero-video-style-d75171398898-9 .section__slider .slick-dots li {
flex: 1;
height: auto;
margin: 0;
position: relative;
width: auto;
}
.so-widget-hero-video-style-d75171398898-9 .section__slider .slick-dots li + li + li {
border-left: 1px solid rgba(255, 255, 255, 0.35);
}
.so-widget-hero-video-style-d75171398898-9 .section__slider .slick-dots li:first-child {
display: none;
}
.so-widget-hero-video-style-d75171398898-9 .section__slider .slick-dots img {
position: relative;
vertical-align: middle;
}
.so-widget-hero-video-style-d75171398898-9 .section__slider .logo {
padding: 10px 10px;
width: 100%;
height: 100px;
align-items: center;
display: flex;
justify-content: center;
}
@media (max-width: 640px), (max-height: 650px) {
.so-widget-hero-video-style-d75171398898-9 .section__slider .logo {
padding: 20px 5px 30px;
height: 100px;
}
}
.so-widget-hero-video-style-d75171398898-9 .section__slider .slick-active .slider-progress {
animation-name: progress1;
animation-fill-mode: forwards;
}
.so-widget-hero-video-style-d75171398898-9 .section__slider .slick-active .active .slider-progress {
animation-name: progress2;
}
.so-widget-hero-video-style-d75171398898-9 .section__slider.slick-initialized + .section__slider-logos {
display: none;
}
.so-widget-hero-video-style-d75171398898-9 .section__slider-logos {
background-color: rgba(0, 0, 0, 0.6);
border-top: 1px solid rgba(255, 255, 255, 0.35);
bottom: 0;
display: flex;
left: 0;
position: absolute;
right: 0;
}
@media (max-width: 860px) {
.so-widget-hero-video-style-d75171398898-9 .section__slider-logos {
display: flex !important;
}
}
@media (max-width: 860px) {
.so-widget-hero-video-style-d75171398898-9 .section__slider-logos.slick-initialized {
display: block !important;
}
}
.so-widget-hero-video-style-d75171398898-9 .section__slider-logos.slick-initialized .slider-logo--first {
display: block;
overflow: hidden;
width: 0;
}
.so-widget-hero-video-style-d75171398898-9 .section__slider-logos .slider-logo {
align-items: center;
display: flex;
flex: 1;
height: 100px;
justify-content: center;
padding: 25px 0;
position: relative;
}
@media (max-width: 860px) {
.so-widget-hero-video-style-d75171398898-9 .section__slider-logos .slider-logo {
height: 80px;
flex: 0 0 180px;
width: 180px;
}
}
.so-widget-hero-video-style-d75171398898-9 .section__slider-logos .slider-logo + .slider-logo {
border-left: 1px solid rgba(255, 255, 255, 0.35);
}
.so-widget-hero-video-style-d75171398898-9 .section__slider-logos .slider-logo--first {
display: none;
}
.so-widget-hero-video-style-d75171398898-9 .section__slider-logos .slider-logo img {
height: auto;
position: relative;
vertical-align: middle;
}
.so-widget-hero-video-style-d75171398898-9 .section__slider-logos .slick-current .slider-progress {
animation-name: progress1;
animation-fill-mode: forwards;
}
.so-widget-hero-video-style-d75171398898-9 .section--ar .section__slider .slick-dots li + li + li {
border-right: 1px solid rgba(255, 255, 255, 0.35);
border-left: none;
}
.so-widget-hero-video-style-d75171398898-9 .section--ar .section__slider-logos .slider-logo + .slider-logo {
border-right: 1px solid rgba(255, 255, 255, 0.35);
border-left: none;
}
.so-widget-hero-video-style-d75171398898-9 .section--ar .slider-progress {
left: auto;
right: 0;
}
.so-widget-hero-video-style-d75171398898-9 .section--ua.section--hero .title {
max-width: 820px;
}
.so-widget-hero-video-style-d75171398898-9 .slider-progress {
animation-timing-function: linear;
background-color: #0045E6;
bottom: 0;
left: 0;
position: absolute;
top: 0;
width: 100%;
transform: scaleX(0);
transform-origin: left;
}
@supports (backdrop-filter: blur(20px)) {
.section__slider .slick-dots,
.section__slider-logos {
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
background-color: rgba(255, 255, 255, 0.01);
}
}
@keyframes progress1 {
from {
transform: scaleX(0);
}
to {
transform: scaleX(1);
}
}
@keyframes progress2 {
from {
transform: scaleX(0);
}
to {
transform: scaleX(1);
}
}