#banner {width: 100vw;margin-top: 80px;}
#banner img {width: 100vw;height: 90vh;}
#banner .pos_abs { width: 100vw; height: 90vh; top: 0; left: 0; }
#banner .info {padding-bottom: 0vh;height: 80vh;}
#banner .info .txt {margin: auto;left: 90px;position: relative;}
#banner .info .txt * {font-weight: 400;color: #fff;opacity: 0;-webkit-transform: translateY(15px);transform: translateY(15px);}
#banner .info .txt h3 {line-height: 160%;letter-spacing: 5px;font-size: 38px;margin-bottom: 40px;}
#banner .info .txt p {font-weight: 400;font-size: 18px;border-left: 1px solid #acacac;padding-left: 30px;word-spacing: 100vw;line-height: 180%;margin-left: 20px;}
#banner .info .txt .topTxt{font-family: 'Belleza', sans-serif;font-size: 17px;letter-spacing: 19.2px;margin-bottom: 0px;color: #ffffff;}
#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;font-weight: 300;}

@media screen and (min-width: 1281px){
	header #webmenu .top_btn { height: 90vh; }
}
@media screen and (max-width: 1140px){
	#banner img,#banner,#banner .info{
    height: 60vh;
}
	#banner{
    /* margin-top: 120px; */
}
}
@media screen and (max-width: 768px){
	#banner img,#banner{
    height: 35vh;
}
	#banner .info{
    height: 28vh;
}
	#banner .item{
    margin-top: 60px;
}
	#banner .info .txt h3{
    font-size: 22px;
    margin-bottom: 10px;
    line-height: 140%;
    word-spacing: 100vw;
    letter-spacing: 3px;
}
	#banner .info .txt p{
    font-size: 14px;
    padding-left: 20px;
    line-height: 170%;
}
}