/* SWIPER */
#cursor {
    position: absolute;
    will-change: transform;
    pointer-events: none;
    z-index: 10101;
    /* width: 6rem;
    height: 6rem; */
    opacity: 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.6, 1.46, 0.53, 0.92);
    -o-transition: opacity 0.5s cubic-bezier(0.6, 1.46, 0.53, 0.92);
    transition: opacity 0.5s cubic-bezier(0.6, 1.46, 0.53, 0.92);
    -webkit-transform: translate(-100%);
        -ms-transform: translate(-100%);
            transform: translate(-100%);
}
@media(min-width: 1200px) {
    #cursor .btn-arrow {
        width: 90px;
        height: 90px;
        padding: 23px;
    }
}
#cursor.hide {
    opacity: 0!important;
}
#cursor .cursor-container {
    -webkit-transform: translate(-70%, -70%);
        -ms-transform: translate(-70%, -70%);
            transform: translate(-70%, -70%);
}
#cursor .close, #cursor.close .arrow {
    display: none;
}
#cursor.close .close {
    display: block;
}
.sectionSlider, .layout-vslider {
    /* height: 100vh;
    height: calc(var(--vh, 1vh) * 100); */
    overflow: hidden;
    /* max-height: 100vh; */
}
@media(min-width: 1200px) {
    .swiper {
        /* width: 100%;
        height: 100%; */
        /* aspect-ratio: 1530 / 738; */
    }
}
.swiper-slide {
    overflow: hidden;
}
.swiper-slide > img, .swiper-slide > video, .swiper-slide > .vimeo_player {
    /* position: absolute; */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
    /* border-radius: 6px; */
}
.swiper-slide iframe {
    top: 50%;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    min-width: 300vh;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
@media (min-width: 540px ) {
    .swiper-slide iframe {
        height: 130vh;
    }
}
@media(min-width: 1200px) {
    .swiper-slide iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        min-width: 0;
        left: 0;
        -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
                transform: scale(1.2);
    }
    /* .swiper-slide > .vimeo_player {
        padding-bottom: var(--bs-aspect-ratio);
    } */
}
@media(min-width: 1800px) {
    .swiper-slide iframe {
        height: 100%;
        /* transform: none; */
    }
}
.sliderContent {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s ease-out, visibility .2s ease-out;
    -o-transition: opacity .2s ease-out, visibility .2s ease-out;
    transition: opacity .2s ease-out, visibility .2s ease-out;
}
.slider_content.inactive .sliderContent {
    opacity: 0!important;
    pointer-events: none!important;
}
@media(min-width: 1200px) {
    .sliderContent {
        height: 100%;
    }
}
.videoButtons > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.sliderContent .content, .videoButtons > div {
    -webkit-transform: translateY(10%);
        -ms-transform: translateY(10%);
            transform: translateY(10%);
    opacity: 0;
    visibility: hidden;
}
.layout-vslider .btn-scroll {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 1;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: opacity .2s ease-out, visibility .2s ease-out;
    -o-transition: opacity .2s ease-out, visibility .2s ease-out;
    transition: opacity .2s ease-out, visibility .2s ease-out;
}
.layout-vslider.inactive .btn-scroll {
    opacity: 0;
    visibility: hidden;
}
/* .layout-vslider .head {
    max-width: 760px;
}
.layout-vslider .desc {
    max-width: 650px;
} */
/* .slider_content.inactive .sliderContent > .content {
    opacity: 0;
    pointer-events: none;
} */
.swiper-progress-bar {
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0;
    z-index: 1;
    -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}
.expanded .swiper-progress-bar, .expanded .content {
    opacity: 0;
    visibility: hidden;
}
.progress {
    height: 3px;
    background-color: var(--color-white);
    width: 0%;
}
.vcarousel-wrapper .swiper-pagination-bullets.swiper-pagination-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.vcarousel-wrapper .swiper-pagination-bullet {
    border-radius: 0;
    background: var(--color-black30);
    opacity: 1;
    width: 7px;
    height: 7px;
    margin: 0 10px!important;
    -webkit-transition: background .3s, -webkit-transform .3s;
    transition: background .3s, -webkit-transform .3s;
    -o-transition: transform .3s, background .3s;
    transition: transform .3s, background .3s;
    transition: transform .3s, background .3s, -webkit-transform .3s;
    -webkit-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
}
.vcarousel-wrapper .swiper-pagination-bullet-active {
    background: var(--color-blue);
    -webkit-transform: scale(1.7);
        -ms-transform: scale(1.7);
            transform: scale(1.7);
}
/* END SWIPER */

/* website specifics */
.layout-vslider .btn-spin:hover {
    transform: translate(50%, 50%) scale(1.2);
    animation-play-state: paused;
}
.layout-vslider .btn-spin img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: contain;
}
.layout-vslider .btn-spin img.text-spin {
    animation: textSpin 15s infinite linear;
}
@keyframes textSpin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.layout-vslider .btn-spin img.arrow {
    transition: transform .5s ease;
}
.layout-vslider .btn-spin:hover img.arrow {
    transform: scale(0.6);
}
.layout-vslider .ImageHeader {
    position: relative;
    z-index: 1;
    text-align: center;
}
.layout-vslider .cherry {
    position: absolute;
    top: 5%;
    width: 100%;
    padding: 0;
    z-index: 2;
}
.layout-vslider .cake {
    position: absolute;
    width: 20px;
    top: 5%;
    left: 5%;
    padding: 0;
    z-index: 2;
}
.layout-vslider .wheat {
    position: absolute;
    width: 100px;
    z-index: 2;
    padding: 0;
}
.layout-vslider .tomato {
    position: absolute;
    width: 30px;
    top: 15%;
    right: 2%;
    padding: 0;
    z-index: 2;
}
.layout-vslider .beans {
    width: 30px;
    padding: 0;
    z-index: 1;
}
.layout-vslider .watermelon {
    z-index: 1;
    width: 45px;
}
@media (min-width: 744px) {
    .layout-vslider .btn-spin {
        width: 140px;
        height: 140px;
    }
    .layout-vslider .ratioResponsive {
        padding-bottom: 95%;
    }
    .layout-vslider .cherry {
        left: 10%;
        width: 26px;
    }
    .layout-vslider .cake {
        top: 30%;
        width: 35px;
    }
    .layout-vslider .wheat {
        top: 61%;
        left: 5%;
        width: 33px;
    }
    .layout-vslider .tomato {
        right: 1%;
        top: 30%;
    }
    .layout-vslider .beans {
        transform: translateY(0px);
    }
    .layout-vslider .watermelon {
        width: 50px;
        /* top: 50%; */
    }
}
@media (min-width: 1200px) {
    .layout-vslider .btn-spin {
        position: absolute;
        display: inline-block;
        bottom: 0;
        right: 0;
        transform: translate(50%, 50%);
        width: 166px;
        height: 166px;
    }
    .layout-vslider .ratioResponsive {
        padding-bottom: 48%;
    }
    .layout-vslider .cherry {
        top: 8%;
        left: 3%;
    }
    .layout-vslider .cake {
        left: 7%;
        width: 57px;
    }
    .layout-vslider .wheat {
        top: 60%;
        left: 2%;
        width: 56px;
    }
    .layout-vslider .tomato {
        top: 12%;
        right: 7%;
        width: 53px;
    }
    .layout-vslider .beans {
        /* right: 25%;
        top: 60%; */
        width: 58px;
    }
    .layout-vslider .watermelon {
        /* top: 60%;
        right: 0; */
        width: 95px;
    }
}
@media (min-width: 1800px) {
    .layout-vslider .wheat {
        top: 66%;
    }
}