.section.slides {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100vh;min-height: 390px;max-height: 400px;margin: 0 auto;max-width: 1920px; } .section.slides.no-header-img {z-index: 150; } .section.slides.no-header-img.section-first {margin-top: 0; } @media (min-width: 768px) {.section.slides.no-header-img.section-first {margin-top: -11.9444444444rem;} } @media (min-width: 768px) {.section.slides {min-height: 806px;max-height: 1080px;} } .section.slides .carousel {display: block;position: relative;width: 100%;height: 100%; } .section.slides .carousel .holder {height: 100%;overflow: hidden; } .section.slides .carousel .holder .row {flex-wrap: nowrap;position: relative;height: 100%; } .section.slides .carousel .holder .col {flex-shrink: 0;height: 100%; } .section.slides .carousel .holder .item {position: relative;border: 0;width: 100%;height: 100vh;min-height: 390px;max-height: 400px; } @media (min-width: 768px) {.section.slides .carousel .holder .item {min-height: 806px;max-height: 1080px;} } .section.slides .carousel .holder .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.75);z-index: 1; } .section.slides .carousel .holder .slide {height: 100%;position: relative; } .section.slides .carousel .holder .video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; } .section.slides .carousel .holder .img-fluid {width: 100%;height: 100%;object-fit: cover; } .section.slides .carousel .holder .container {display: flex;align-items: center;justify-content: center;flex-direction: column;position: absolute;z-index: 1;top: 55%;left: 50%;transform: translateX(-50%) translateY(-50%); } @media (max-width: 991.98px) {.section.slides .carousel .holder .container {top: 69%;} } .section.slides .slide-content {background: transparent;padding: 0;border: 0;border-radius: 0;color: var(--white);display: flex;flex-direction: column;align-items: flex-start;align-self: flex-start;min-height: 10rem;margin-top: 2.5rem;max-width: 54.4444444444rem;text-shadow: 0 0.1111111111rem 1rem rgba(0, 0, 0, 0.45); } .section.slides .slide-content h1, .section.slides .slide-content .h1 {color: var(--white);padding: 0;font-size: 2.7777777778rem;font-weight: 900;text-align: left;line-height: 1.2;margin-bottom: 1.3333333333rem; } @media (min-width: 768px) {.section.slides .slide-content h1, .section.slides .slide-content .h1 {font-size: 4.2222222222rem;} } .section.slides .slide-content p {margin-bottom: 0; } .section.slides .slide-content .content {font-size: 1.7777777778rem;padding-left: 0;line-height: 1.2;max-width: 50rem; } @media (min-width: 768px) {.section.slides .slide-content .content {font-size: 2.8888888889rem;} } .section.slides .slide-content .rotating-text {position: relative;min-height: 3.7777777778rem;margin-top: 0.5555555556rem;padding-left: 0;font-size: 2.7777777778rem;font-weight: 900;line-height: 1.2;color: var(--white); } @media (min-width: 768px) {.section.slides .slide-content .rotating-text {min-height: 5.7777777778rem;font-size: 4.7777777778rem;} } .section.slides .slide-content .rotating-text-item {position: absolute;top: 0;left: 0;opacity: 0;transform: translateY(0.6666666667rem);transition-property: opacity, transform;transition-duration: 500ms;transition-timing-function: ease;white-space: nowrap; } .section.slides .slide-content .rotating-text-item.active {opacity: 1;transform: translateY(0); } .section.slides .slide-content .rotating-text-item.leaving {opacity: 0;transform: translateY(-0.6666666667rem); }