#banner { width: 100vw; z-index: 3; }
#banner img {width: 100vw;height: 100vh;}
#banner .pos_abs {width: 100vw;height: 100vh;top: 0;left: 0;}
#banner .info {padding-bottom: 10vh;height: 80vh;display: none;}
#banner .info .txt { margin: auto; }
#banner .info .txt * { font-weight: 400; color: var(--white); opacity: 0; -webkit-transform: translateY(15px); transform: translateY(15px); }
#banner .info .txt h3 { letter-spacing: 5px; font-size: 50px;  }
#banner .info .txt p { font-weight: 300; font-size: 18px; }
#banner a.pos_abs { z-index: 2; }
#banner video , #banner iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

/* slick-current */
#banner .slick-current .info .txt * { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition-delay: .3s; -webkit-transition-delay: .3s; }
#banner .slick-current .info .txt p { letter-spacing: 2px; transition-delay: .6s; -webkit-transition-delay: .6s; }


#scrolldown {position:absolute;bottom:20px;right:calc(50% - 25px);display: flex;flex-direction: column;align-items: center;}
#scrolldown span{
    color: var(--primary);
    -webkit-animation: fishing 2s ease infinite;
    animation: fishing 2s ease infinite;
}
#scrolldown a span{
    display: block;
    color: white;
    text-align: center;
    font-size: 14px;
    font-family: 'Cantarell', sans-serif;
    font-weight: normal;
}
#scrolldown .line img{
    width: 20px;
    height: 15px;
    object-fit: fill;
}
@-webkit-keyframes fishing {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    15% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }

    30% {
        -webkit-transform: translateY(-7.5%);
        transform: translateY(-7.5%)
    }

    50% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }

    70% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fishing {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    15% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }

    30% {
        -webkit-transform: translateY(-7.5%);
        transform: translateY(-7.5%)
    }

    50% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }

    70% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@media screen and (min-width: 1281px){
	header #webmenu .top_btn {}
}

@media screen and (max-width: 640px){
#banner img {
    width: 100vw;
    height: 50vh;
}

}