#banner {width: 100vw;z-index: 3;padding-top: 87px;}
#banner .slick-slide { min-width: 100vw; }
#banner:after{content:'';position:absolute;width: 25%;height: 100px;background: #f8f8f8;right: 0;}
#banner img.img_cover {width: 100vw;min-height: 100vh;height: 100vh;}
#banner .pos_abs { width: 100vw; height: 75vh; top: 0; left: 0; }
#banner .info {height: 75vh;}
#banner .info .txt {margin: 10% 0 0 10%;width: 30%;}
#banner .info .txt * {text-align:left;font-weight: 400;color: var(--black);opacity: 0;-webkit-transform: translateX(-10px);transform: translateX(-10px);}
#banner .info .txt >h3 {font-size: 80px;font-weight: 700;background: linear-gradient(100deg, var(--primary), var(--secondary));-webkit-background-clip: text;color: transparent;display: inline-block;letter-spacing: 7px;word-spacing: 100vw;max-width: 100%;line-height: 130%;text-align: left;}
#banner .info .txt >p {font-weight: 400;font-size: 30px;width: 70%;letter-spacing: 5px;margin-top: 20px;}
#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: 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; }

#banner .info .txt .call{background: linear-gradient(90deg, var(--primary), var(--secondary));transform: skewX(-20deg);padding: 5px 100px;display: inline-block;margin-top: 20px;animation-name: color;animation-direction: alternate;animation-iteration-count: infinite;animation-timing-function: ease-in-out;animation-duration: 2s;}
#banner .info .txt .call img{width:30px;height: 30px;margin-right: 10px;}
#banner .info .txt .call p{font-size:31px;display: flex;align-items: center;transform: skewX(20deg);color: #fff;letter-spacing: 2px;}
@keyframes color{0%{background: linear-gradient(90deg, var(--primary), var(--secondary));}100%{background: linear-gradient(90deg, var(--primary), var(--primary));}}

@media screen and (min-width: 761px){
	#banner img.img_cover { min-height: 100vh; height: 100vh; }
	#banner .pos_abs { height: 100vh; }
	#banner .info { padding-bottom: 10vh; height: 90vh; }
}
@media screen and (max-width: 1680px){
	#banner .info .txt{width:40%;}
}
@media screen and (max-width: 1366px){
	#banner .info .txt >h3 {font-size: 70px;}
	#banner .info .txt >p {font-size: 27px;}
}
@media screen and (max-width: 1024px){
	#banner .info .txt{margin-left:5%;}
	#banner img.img_cover { min-height: 85vh; height: 85vh; }
	#banner .pos_abs { height: 85vh; }
	#banner .info .txt >h3 {font-size: 50px;}
	#banner .info .txt >p {font-size: 22px;width:90%;}
	#banner .info .txt .call{padding:5px 50px;}
	#banner .info .txt .call p{font-size: 22px;}
}
@media screen and (max-width: 768px){
	#banner img.img_cover {min-height: 55vh;height: 55vh;object-position: 95% 0;}
	#banner .pos_abs{position:relative;height: auto;}
	#banner .info .txt{width:90%;margin: 0 auto;}
}
@media screen and (max-width: 550px){
	#banner:after{display:none;}
	#banner img.img_cover {min-height: 35vh;height: 35vh;}
	#banner .info .txt >h3 {font-size: 40px;}
}