#banner { width: 100vw; z-index: 3;position:relative; }
#banner img { width: 100vw; height: 90vh; }
#banner .pos_abs {width: 100vw;height: 90vh;top: 0;left: 0;}
#banner .info {height: 90vh;background: rgba(var(--secondary-rgb), .25);}
#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;text-align: left;margin-top: 100px;margin-bottom: 0;line-height: 130%;}
#banner .info .txt p {letter-spacing: 5px;font-size: 50px;text-align: left;margin-bottom: 0;line-height: 130%;}
#banner .info .txt h6{    display: inline-block;    border: 1px solid #fff;    margin-top: 40px;    padding: 10px 30px;}
#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: 5px;transition-delay: .6s;-webkit-transition-delay: .6s;}

@media screen and (min-width: 1281px){
	header #webmenu .top_btn { height: 90vh; }
}
@media screen and (max-width: 480px){
    #banner .info .txt h3{font-size: 30px;}
    #banner .info .txt p{font-size: 30px;}
    #banner .info .txt h6{font-size:15px;}
    #banner .info {height: 80vh;}
    #banner img { height: 80vh; }
    
}