#video-slider .film_roll_wrapper {
    transition: all 1s ease;
}

#video-slider {
    width: 100vw;
}

#video-slider .film_roll_child {
    z-index: 98;
    transition: all 1s ease;
}

#video-slider .film_roll_child.active {
    transform: translateX(0) scale(1) !important;
    z-index: 99;
    opacity: 1 !important;
}

#video-slider-streams .film_roll_wrapper {
    transition: all 1s ease;
}

#video-slider-streams {
    width: 100vw;
}

#video-slider-streams .film_roll_child {
    z-index: 98;
    transition: all 1s ease;
}

#video-slider-streams .film_roll_child.active {
    transform: translateX(0) scale(1) !important;
    z-index: 99;
    opacity: 1 !important;
}

#spaces-slider .film_roll_wrapper {
    transition: all 1s ease;
}

#spaces-slider {
    width: 100vw;
}

#spaces-slider .film_roll_child {
    z-index: 98;
    transition: all 1s ease;
}

#spaces-slider .film_roll_child.active .spaces-slide-container {
    background: linear-gradient(180deg, #2c4981 0%, #0c0c41 100%);
    z-index: 110;
    opacity: 1 !important;
}

.arrow-slider {
    width: 3.9vw;
    height: auto;
    transition: all 300ms ease-in-out;
    opacity: 0.6;
}

.arrow-slider:hover {
    transform: scale(1.2);
    cursor: pointer;
    opacity: 1;
}

.film_roll_pager {
    margin: 0 0 1vw 0 !important;
}

.film_roll_pager a {
    width: 0.75vw !important;
    height: 0.75vw !important;
    border: 0 !important;
    border-radius: 50% !important;
    display: inline-block !important;
    margin: 0 0.4vw 0 0 !important;
    transition: all 1s ease !important;
    background: #fff !important;
}
.film_roll_pager a:hover {
    background: #f0f0f0 !important;
}
.film_roll_pager a.active {
    background: linear-gradient(90deg, #5d81c7 0%, #0c0c41 100%) !important;
}

#slider-spaces-left,
#slider-streams-left,
#slider-videos-left,
#slider-left,
#slider-spaces-right,
#slider-streams-right,
#slider-videos-right,
#slider-right {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    fill: #fff;
    background: #fff;
    border-radius: 50%;
    width: 4vw;
    height: 4vw;
    top: 40%;
    z-index: 100;
    position: absolute;
    transition: all 0.4s ease-in-out;
    opacity: 0.3;
}

#slider-spaces-left,
#slider-streams-left,
#slider-videos-left,
#slider-left {
    left: 4vw;
}

#slider-spaces-right,
#slider-streams-right,
#slider-videos-right,
#slider-right {
    right: 4vw;
}

.arrow-slider {
    width: 0.7vw;
    height: auto;
    transition: all 0.4s ease-in-out;
}

#slider-spaces-left:hover,
#slider-spaces-right:hover,
#slider-streams-left:hover,
#slider-streams-right:hover,
#slider-videos-left:hover,
#slider-videos-right:hover,
#slider-left:hover,
#slider-right:hover {
    opacity: 1;
    animation: sliderNextPrevious 1s infinite;
}

@keyframes sliderNextPrevious {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

#slider-spaces-left:hover .arrow-slider,
#slider-spaces-right:hover .arrow-slider,
#slider-streams-left:hover .arrow-slider,
#slider-streams-right:hover .arrow-slider,
#slider-videos-left:hover .arrow-slider,
#slider-videos-right:hover .arrow-slider,
#slider-left:hover .arrow-slider,
#slider-right:hover .arrow-slider {
    animation: sliderNextPreviousArrow 1s infinite;
}

@keyframes sliderNextPreviousArrow {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1);
    }
}

#slider-spaces-left:hover,
#slider-spaces-right:hover,
#slider-streams-left:hover,
#slider-streams-right:hover,
#slider-videos-left:hover,
#slider-videos-right:hover,
#slider-left:hover,
#slider-right:hover {
    cursor: pointer;
    opacity: 1;
}

#slider-spaces-left:hover .arrow-slider,
#slider-spaces-right:hover .arrow-slider,
#slider-streams-left:hover .arrow-slider,
#slider-streams-right:hover .arrow-slider,
#slider-videos-left:hover .arrow-slider,
#slider-videos-right:hover .arrow-slider,
#slider-left:hover .arrow-slider,
#slider-right:hover .arrow-slider {
    opacity: 1;
}

@media screen and (max-width: 600px) and (orientation: portrait) {
    #video-slider {
        width: 100%;
    }

    #video-slider-streams {
        width: 100%;
    }

    #slider-spaces-left,
    #slider-spaces-right,
    #slider-streams-left,
    #slider-streams-right,
    #slider-videos-left,
    #slider-videos-right,
    #slider-left,
    #slider-right {
        border-radius: 50%;
        width: 16vw;
        height: 16vw;
        top: 35%;
    }

    #slider-spaces-left,
    #slider-streams-left,
    #slider-videos-left,
    #slider-left {
        left: 4vw;
    }

    #slider-spaces-right,
    #slider-streams-right,
    #slider-videos-right,
    #slider-right {
        right: 4vw;
    }

    .arrow-slider {
        width: 4vw;
    }

    .film_roll_pager {
        margin: 0 0 0 0 !important;
    }

    .film_roll_pager a {
        width: 3.5vw !important;
        height: 3.5vw !important;
        margin: 0 2.5vw 0 0 !important;
    }
}

#slider .film_roll_wrapper {
    transition: all 1s ease;
}

#slider {
    width: 100vw;
}

#slider .film_roll_child {
    transform: translateX(0) scale(0.9);
    z-index: 98;
    transition: all 1s ease;
}

#slider .film_roll_child.active {
    transform: translateX(0) scale(1) !important;
    z-index: 99;
    opacity: 1 !important;
}

/* #slider .film_roll_child:nth-of-type(1),
#slider .film_roll_child:nth-of-type(5) {
    transform: translateX(0) scale(0.8);
    z-index: 97;
    opacity: 0.6;
} */

/* #slider .film_roll_child:nth-of-type(2) {
    margin-right: -1vw;
}

#slider .film_roll_child:nth-of-type(1) {
    margin-right: -3vw;
}

#slider .film_roll_child:nth-of-type(4) {
    margin-left: -1vw;
}

#slider .film_roll_child:nth-of-type(5) {
    margin-left: -2vw;
} */

/* #slider-left {
    position: absolute;
    left: 6.5vw;
    top: 50%;
    z-index: 10000;
}
#slider-right {
    position: absolute;
    right: 6.5vw;
    top: 50%;
    z-index: 10000;
} */

@media screen and (max-width: 600px) and (orientation: portrait) {
    #slider {
        width: 100%;
    }

    #slider .film_roll_child:nth-of-type(1),
    #slider .film_roll_child:nth-of-type(5) {
        transform: translateX(0) scale(0.85);
        opacity: 0.9;
    }

    /*     #slider-left {
        left: 5vw;
    }
    #slider-right {
        right: 5vw;
    } */

    /*     #slider .film_roll_child:nth-of-type(2) {
        margin-right: 0;
    }

    #slider .film_roll_child:nth-of-type(1) {
        margin-right: 0;
    }

    #slider .film_roll_child:nth-of-type(4) {
        margin-left: 0;
    }

    #slider .film_roll_child:nth-of-type(5) {
        margin-left: 0;
    } */
}