.landing-swiper {
    min-height: calc(100vh - 7.5rem);
    position: relative;
}

.landing-swiper .swiper-slide {
    position: relative;
    min-height: calc(100vh - 7.5rem);
    background-size: cover;
    background-position: center;
}

.landing-swiper .text {
    position: absolute;
    top: 37%;
    left: 5rem;
    transition: .3s all;
}

.landing-swiper .text.hide {
    opacity: 0;
    visibility: hidden;
}

.landing-swiper h1 {
    margin-bottom: 15px;
    width: calc(100vw - 10rem);
    max-width: 40rem;
    color: white;
}

.landing-swiper .pop-up {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(.8);
    -ms-transform: translate(-50%, -50%) scale(.8);
    transform: translate(-50%, -50%) scale(.8);
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@media (orientation: landscape) {
    .landing-swiper .pop-up {
        width: 100vh;
    }
}

@media (orientation: portrait) {
    .landing-swiper .pop-up {
        width: calc(100vw - 10rem);
    }
}

.landing-swiper .pop-up.visible {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.pop-up .video {
    padding: 0 0 56.25%;
    position: relative;
    height: 0;
}

.pop-up .video > iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.hide-video {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.hide-video.visible {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.landing-swiper .swiper-button-prev {
    width: 50%;
    height: 8rem;
    left: 0;
    bottom: 0;
    top: unset;
    background-image: url(/wp-content/assets/img/arrow-prev.svg);
    background-size: .8rem 1.5rem;
    transition: .2s all;
}

.landing-swiper .swiper-button-next {
    width: 50%;
    height: 8rem;
    right: 0;
    bottom: 0;
    top: unset;
    background-image: url(/wp-content/assets/img/arrow-next.svg);
    background-size: .8rem 1.5rem;
    transition: .2s all;
}

.landing-swiper .swiper-button-next:hover, .landing-swiper .swiper-button-prev:hover {
    background-color: rgba(0,0,0,.6);
}

.landing-swiper .swiper-container-horizontal>.swiper-pagination-bullets, .landing-swiper .swiper-pagination-custom, .landing-swiper .swiper-pagination-fraction, .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 4rem;
    transform: translateY(50%);
    pointer-events: none;
}

.landing-swiper .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .7rem;
}

.landing-swiper .swiper-pagination-bullet {
    height: .45rem;
    width: .45rem;
    opacity: 1;
    background: #FFFFFF;
}

.landing-swiper .swiper-pagination-bullet-active {
    background: #005CC8;
}