#banner { width: 100vw; z-index: 3; }
#banner .info:after{content:'';width: 1200px;height: 1200px;background: var(--primary);position: absolute;bottom: 55%;left: -7%;border-radius: 110px;transform: rotate(45deg);z-index: 0;}
#banner img { width: 100vw; min-height: 75vh; height: 75vh; }
#banner .pos_abs {width: 100vw;height: 75vh;top: 0;left: 0;}
#banner .info {height: 75vh;}
#banner .info .txt {margin: auto;width: 1300px;margin-left: 20%;position: relative;z-index: 1;margin-bottom: calc(20% + 25px);}
#banner .info .txt * { font-weight: 400; color: var(--white); opacity: 0; -webkit-transform: translateX(-10px); transform: translateX(-10px); }
#banner .info .txt h3 {font-size: 72px;text-transform: uppercase;font-family: 'Oswald', sans-serif;letter-spacing: 9px;}
#banner .info .txt p { font-size: 17px;padding-left: 10%;letter-spacing: 2px;font-weight: 400; }
#banner .info .txt p.title {font-size: 24px;padding-left: 30px;letter-spacing: 15px;font-weight: 400;line-height: 190%;}
#banner a.pos_abs {z-index: 5;}
#banner video , #banner iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#banner .baScro {position:absolute;bottom: 0;right:calc(50% - 25px);}
#banner .baScro a{font-family: 'Nunito', sans-serif;color: var(--white);font-size: 12px;letter-spacing: 2px;display: inline-flex;flex-direction: column;align-items: center;}
#banner .baScro a:after{content:'';display: block;height: 50px;width: 1px;background: var(--white);opacity: .5;margin-top: 15px;animation-name: fish;animation-direction: alternate;animation-iteration-count: infinite;animation-timing-function: ease-in-out;animation-duration: 1s;}

/* 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;}

@keyframes fish{0%{margin-top:15px;}100%{margin-top:25px;}}

@media screen and (min-width: 761px){
	#banner img { min-height: 100vh; height: 100vh; }
	#banner .pos_abs { height: 100vh; }
}
@media screen and (max-width: 1440px){
	#banner .info .txt{width: 90%;margin-left: 10%;margin-bottom: 15%;}
	#banner .info:after{width: 970px;height: 970px;}
	#banner .info .txt h3{letter-spacing:5px}
}
@media screen and (max-width: 1024px){
	#banner .info .txt{width: 80%;}
	#banner .info:after{width: 970px;height: 970px;}
	#banner .info .txt h3{letter-spacing:5px}
}
@media screen and (max-width: 768px){
	#banner .info:after{width: 600px;height: 600px;bottom: 65%;left: -10%;}
	#banner .info .txt h3{letter-spacing:5px}
	#banner .info .txt{margin-bottom: 40%;}
}
@media screen and (max-width: 550px){
	#banner .info:after{width: 390px;height: 390px;bottom: 65%;left: -25%;border-radius: 50px;}
	#banner .info .txt h3 {font-size: 40px;letter-spacing: 2.5px;}
	#banner .info .txt p{font-size:14px;}
	#banner .info .txt p.title{font-size:18px;}
	#banner .info .txt{margin-left:5%;width: 90%;}
	#banner .baScro{display:none;}
	#banner img { min-height: 70vh; height: 70vh; }
	#banner .pos_abs { height: 70vh; }
}