#banner { width: 100vw; z-index: 3; }
#banner:before{content:'';position:absolute;width: 1px;height: 100%;right: 170px;top: 0;background: #fff;opacity: .3;z-index: 5;}
#banner .slick-slide { min-width: 100vw; }
#banner img { width: 100vw; min-height: 75vh; height: 75vh; }
#banner .pos_abs { width: 100vw; height: 75vh; top: 0; left: 0; }
#banner .info { height: 75vh; background: rgba(var(--black-rgb), .25); }
#banner .info .txt {margin: auto auto 5% 15%;width: 37%;position: relative;}
#banner .info .txt * { font-weight: 400; color: var(--white); opacity: 0; -webkit-transform: translateX(-10px); transform: translateX(-10px); }
#banner .info .txt h3 {font-size: 60px;font-weight: 500;letter-spacing: 3px;margin: 20px 0 30px;}
#banner .info .txt em{font-style:unset;color: var(--primary);font-size: 60px;word-spacing: 100vw;text-transform: uppercase;line-height: 1.3;letter-spacing: 3px;font-family: "Lato", sans-serif;}
#banner .info .txt p {font-weight: 300;font-size: 24px;}
#banner a.pos_abs { z-index: 2; }
#banner video , #banner iframe {position: absolute;width: 100%;top: 0;left: 0;}
#banner .info .more_btn{position: absolute;right: 0;bottom: 0;color: #2b2b2d;}
#banner .item:hover .more_btn{background:#2b2b2b;color:#fff;}
#banner .item:hover .more_btn span{background:#fff;}

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

@media screen and (min-width: 761px){
	#banner img { min-height: 95vh; height: 95vh; }
	#banner .pos_abs { height: 95vh; }
	#banner .info {height: 95vh;}
}
@media screen and (max-width: 1680px){
	#banner .info .txt{width: 45%;}
}
@media screen and (max-width: 1440px){
	#banner .info .txt{width: 55%;}
	#banner:before{right: 155px;}
	#banner .info .txt h3{font-size: 50px;}
}
@media screen and (max-width: 1280px){
	#banner .info .txt em{font-size:50px;}
	#banner .info .txt h3{font-size: 40px;}
	#banner .info .txt p{font-size:22px;}
	#banner .info .txt{margin-left: 10%;}
}
@media screen and (max-width: 1024px){
	#banner .info .more_btn{display:none;}
	#banner video, #banner iframe{height:100%;width: auto;}
}
@media screen and (max-width: 768px){
	#banner:before{right: 125px;}
}
@media screen and (max-width: 550px){
	#banner img {  min-height: 55vh; height: 55vh; }
	#banner .pos_abs {  height: 55vh;}
	#banner .info .txt{width:70%;margin-bottom: 10%;}
	#banner:before{right: 75px;}
	#banner .info .txt em{font-size:17px;}
	#banner .info .txt h3{font-size:24px;}
	#banner .info .txt p{font-size:16px;}
}