.swiper-css-mode>.swiper-wrapper{
    overflow:auto;
    scrollbar-width:none;
    -ms-overflow-style:none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{
    display:none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide{
    scroll-snap-align:start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper{
    scroll-snap-type:x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper{
    scroll-snap-type:y mandatory
}

.swiper-centered>.swiper-wrapper>.swiper-slide{
    scroll-snap-align:center center
}

.swiper-scrollbar{
    border-radius:10px;
    position:relative;
    -ms-touch-action:none;
    background:rgba(0,0,0,.1)
}
.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{
    display:none!important
}
.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{
    position:absolute;
    left:1%;
    bottom:3px;
    z-index:50;
    height:5px;
    width:98%
}
.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{
    position:absolute;
    right:3px;
    top:1%;
    z-index:50;
    width:5px;
    height:98%
}
.swiper-scrollbar-drag{
    height:100%;
    width:100%;
    position:relative;
    background:rgba(0,0,0,.5);
    border-radius:10px;
    left:0;
    top:0
}
.swiper-scrollbar-cursor-drag{
    cursor:move
}
.swiper-scrollbar-lock{
    display:none
}

/* body::-webkit-scrollbar{
    display:none
} */
html.has-scroll-smooth{
    overflow:hidden
}
html.has-scroll-dragging{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.has-scroll-smooth body{
    overflow:unset;
}
.has-scroll-smooth.has-gsap-horizontal [data-scroll-container]{
    overflow-y:auto!important
}
[data-scroll-direction=horizontal] [data-scroll-container]{
    display:inline-block;
    height:100vh;
    white-space:nowrap
}
[data-scroll-direction=horizontal] [data-scroll-section]{
    display:inline-block;
    height:100%;
    vertical-align:top;
    white-space:nowrap
}

.c-scrollbar{
    height:100%;
    opacity:0;
    position:absolute;
    right:0;
    top:0;
    -webkit-transform-origin:center right;
    -ms-transform-origin:center right;
    transform-origin:center right;
    -webkit-transition:opacity .3s,-webkit-transform .3s;
    transition:opacity .3s,-webkit-transform .3s;
    transition:transform .3s,opacity .3s;
    transition:transform .3s,opacity .3s,-webkit-transform .3s;
    width:11px
}
.c-scrollbar:hover{
    -webkit-transform:scaleX(1.45);
    -ms-transform:scaleX(1.45);
    transform:scaleX(1.45)
}
.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{
    opacity:1
}
[data-scroll-direction=horizontal] .c-scrollbar{
    bottom:0;
    height:10px;
    top:auto;
    -webkit-transform:scaleY(1);
    -ms-transform:scaleY(1);
    transform:scaleY(1);
    width:100%
}
[data-scroll-direction=horizontal] .c-scrollbar:hover{
    -webkit-transform:scaleY(1.3);
    -ms-transform:scaleY(1.3);
    transform:scaleY(1.3)
}
.c-scrollbar_thumb{
    background-color:#000;
    border-radius:10px;
    cursor:-webkit-grab;
    cursor:grab;
    margin:2px;
    opacity:.5;
    position:absolute;
    right:0;
    top:0;
    width:7px
}
.has-scroll-dragging .c-scrollbar_thumb{
    cursor:-webkit-grabbing;
    cursor:grabbing
}
[data-scroll-direction=horizontal] .c-scrollbar_thumb{
    bottom:0;
    right:auto
}

.scroll-to{
    bottom:6.2%;
    left:4vw;
    opacity:0;
    padding-left:.625vw;
    position:absolute;
    -webkit-transition:opacity .6s;
    transition:opacity .6s;
    width:1.25vw;
    z-index:3
}
.scroll-to.is-inview{
    opacity:1
}
@media only screen and (max-width:1600px){
    .scroll-to{
        padding-left:10px;
        width:20px
    }
}
.scroll-to .rectangle{
    margin-bottom:4.313vw;
    margin-left:-.25vw
}
@media only screen and (max-width:1600px){
    .scroll-to .rectangle{
        margin-bottom:69px;
        margin-left:-4px
    }
}
.scroll-to__title{
    color:#adaba7;
    font-size:.875vw;
    letter-spacing:.22vw;
    line-height:1;
    padding:.375vw 0;
    text-transform:uppercase;
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin:0 50%;
    -ms-transform-origin:0 50%;
    transform-origin:0 50%
}
@media only screen and (max-width:1600px){
    .scroll-to__title{
        font-size:14px;
        letter-spacing:.2em;
        padding:6px 0
    }
}
.scroll-to__line{
    background:#5c5c5a;
    height:263px;
    overflow:hidden;
    position:relative;
    width:1px
}
@media only screen and (max-width:1199px){
    .scroll-to__line{
        height:150px
    }
}
.scroll-to__line span{
    background-color:#fff;
    height:161px;
    left:0;
    position:absolute;
    top:0;
    width:1px
}
@media only screen and (max-width:1199px){
    .scroll-to__line span{
        height:50px
    }
}
body:not(.opened-intro-animation) .scroll-to__line span{
    -webkit-animation:amin-height 6s ease-in-out infinite;
    animation:amin-height 6s ease-in-out infinite
}
@media only screen and (max-width:1199px){
    body:not(.opened-intro-animation) .scroll-to__line span{
        -webkit-animation:amin-height 3s ease-in-out infinite;
        animation:amin-height 3s ease-in-out infinite
    }
}
@-webkit-keyframes amin-height{
    0%{
        top:-161px
    }
    to{
        top:100%
    }
}
@keyframes amin-height{
    0%{
        top:-161px
    }
    to{
        top:100%
    }
}
@media only screen and (max-width:1199px){
    @-webkit-keyframes amin-height{
        0%{
            top:-50px
        }
        to{
            top:100%
        }
    }
    @keyframes amin-height{
        0%{
            top:-50px
        }
        to{
            top:100%
        }
    }
}

.project-intro .scroll-to{
    bottom:5.2%
}
@media only screen and (max-width:991px){
    .project-intro .scroll-to{
        left:36px
    }
}