.slides {display: flex;flex-direction: column;align-items: center;justify-content: center;max-width: 1920px;height: 100vh;height: 100dvh;min-height: 648px;max-height: 1080px;margin: 0 auto; } .slides .carousel {display: block;position: relative;width: 100%;height: 100%; } .slides .carousel .holder {height: 100%;overflow: hidden; } .slides .carousel .holder .row {flex-wrap: nowrap;position: relative;height: 100%;width: 100%; } .slides .carousel .holder .col {flex-shrink: 0;height: 100%; } .slides .carousel .holder .item {position: relative;border: 0;width: 100%;height: 100vh;height: 100dvh;min-height: 648px;max-height: 1080px; } .slides .carousel .holder .transition {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.2);display: none; } @media (max-width: 991.98px) {.slides .carousel .holder .transition {display: block;} } .slides .carousel .holder .slide {height: 100%; } .slides .carousel .holder .slide-media {position: relative;width: 100%;height: 100%; } .slides .carousel .holder .no-mobile {display: none; } @media (min-width: 768px) {.slides .carousel .holder .no-mobile {display: block;} } @media (min-width: 768px) {.slides .carousel .holder .video-mobile {display: none;} } .slides .carousel .holder .video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; } .slides .carousel .holder .image {width: 100%;height: 100%; } @media (orientation: landscape) {.slides .carousel .holder .image.image-landscape {display: block;} } @media (orientation: portrait) {.slides .carousel .holder .image.image-landscape {display: none;} } @media (orientation: landscape) {.slides .carousel .holder .image.image-portrait {display: none;} } @media (orientation: portrait) {.slides .carousel .holder .image.image-portrait {display: block;} } .slides .carousel .holder .img-fluid {width: 100%;height: 100%;object-fit: cover; } @media (min-width: 768px) {.slides .carousel .holder .img-fluid.mobile-img {display: none;} } .slides .carousel .holder .container {display: flex;align-items: center;justify-content: center;flex-direction: column;position: absolute;z-index: 1;height: 100%;top: 0;left: 50%;transform: translateX(-50%); } @media (max-width: 650.98px) {.slides .carousel .btn-prev svg, .slides .carousel .btn-next svg {width: 2.5rem;} } @media (max-width: 650.98px) {.slides .carousel .btn-prev {left: 0;} } @media (max-width: 650.98px) {.slides .carousel .btn-next {right: 0;} } .slides h1, .slides .h1 {font-size: 5rem;line-height: 6rem;text-transform: uppercase;color: var(--primary);font-weight: 300;text-align: left;padding: 0;margin-bottom: 1.25rem; } @media (max-width: 650.98px) {.slides h1, .slides .h1 {font-size: 3.875rem;line-height: 1.2;text-align: center;} } @media (max-width: 650.98px) {.slides h1 span, .slides .h1 span {font-size: 2.875rem;} } .slides h1 b, .slides .h1 b {font-weight: 900;font-style: italic;color: white; } .slides h3, .slides .h3 {text-transform: uppercase;color: var(--primary);font-weight: 400; } .slides p {margin-bottom: 2.5rem; } .slides p span {color: var(--primary);font-weight: 900; } @media (max-width: 650.98px) {.slides .btn {margin: 0 auto;} } .slides .slide-text {font-size: 1.375rem;font-weight: 600; } .slides .slide-content {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;color: white;height: 100%;padding-left: 3.125rem; } @media (max-width: 650.98px) {.slides .slide-content {padding-left: 1.875rem;padding-right: 1.875rem;text-align: center;align-items: center;} } @media (max-width: 650.98px) {.slides .slide-content.bottom {justify-content: flex-end;padding-bottom: 5rem;} } @media (max-width: 650.98px) {.slides .slide-content.top {justify-content: flex-start;padding-top: 7.5rem;} } .slides .slide-style-1 h1, .slides .slide-style-1 .h1 {} .slides .slide-style-2 h1, .slides .slide-style-2 .h1 {font-size: 3.75rem;line-height: 4.3125rem;position: relative;} @media (max-width: 650.98px) {.slides .slide-style-2 h1, .slides .slide-style-2 .h1 {font-size: 3rem;line-height: 1.4;} }