@import url('/css/animate.css');
.wow {animation: fadeIn 1.5s both;-webkit-animation: fadeIn 1.5s both;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;	}
#banner {width: 100%;z-index: 3;}
#banner img {width: 100%;height: 100vh;}
#banner .pos_abs { width: 100%; height: 100vh; top: 0; left: 0; }
#banner .info {padding-bottom: 0vh;height: 10vh;top: auto;bottom: 120px;}
#banner .info .txt {margin: 0 0  0px auto;transition: all 0.7s ease;width: 100%;padding-right: 6em;padding-left: 2em;}
#banner .info .txt * {font-weight: 200;color: var(--white);opacity: 0;-webkit-transform: translateY(45px);transform: translateY(45px);animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
#banner .info .txt h3 {letter-spacing: 4px;font-size: 42px;text-align: right;line-height: 170%;margin-bottom: 10px;font-weight: 500;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
#banner .info .txt article{text-align: right;font-family: 'Roboto', sans-serif;font-size: 22px;font-weight: 600;text-transform: uppercase;}
#banner .info .txt p {font-size: 24px;text-align: right;letter-spacing: 15px;}
#banner a.pos_abs { z-index: 2; }

/* slick-current */
#banner .slick-current .info .txt * {opacity: 1;-webkit-transform: translateY(10px);transform: translateY(10px);transition-delay: .3s;-webkit-transition-delay: .3s;}
#banner .info .txt p {letter-spacing: 2px;transition-delay: .6s;-webkit-transition-delay: .6s;font-weight: 100;animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;}

/* scrolldown */
#scrolldown {position: absolute;left: 50%;bottom: 50px;z-index: 1;width: 110px;padding-top: 0px;margin-left: -50px;font-size: 13px;letter-spacing: 2px;color: rgb(255 255 255);text-transform: uppercase;text-align: center;animation: godown 1s infinite linear;-webkit-animation: godown 1s infinite linear;font-family: 'Lato', sans-serif;}

#scrolldown::before {
    content: '';
    position: absolute;
    bottom: -60px;
    left: 50%;
    width: 1px;
    height: 50px;
    margin-left: -.5px;
    background: linear-gradient(to top, transparent 32%, #fff 0, #fff 66%, transparent 0, transparent 100%) 50% 100%/1px 300% no-repeat;
    -webkit-animation: 2.3s scrollDownAni linear both infinite;
    animation: 2.3s scrollDownAni linear both infinite;
}
@-webkit-keyframes scrollDownAni {
  0% {
    background-position-y: 100%;
  }
  100% {
    background-position-y: 0;
  }
}

@keyframes scrollDownAni {
  0% {
    background-position-y: 100%;
  }
  100% {
    background-position-y: 0;
  }
}

@media screen and (max-width: 1440px){
	#banner .info .txt {}
	#banner .info .txt h3{font-size: 43px;}

}
@media screen and (max-width: 960px){
	#banner .info .txt{margin: 70px auto 0;padding-right: 2em;}
	#banner .info .txt h3{font-size: 38px;}
	#banner .info .txt p{font-size: 18px;}
	#banner img {height: 80vh;}
	#scrolldown{    display: none;}
}
@media screen and (max-width: 480px){
	#banner .info{}
	#banner .info .txt{}
	#banner .info .txt h3{font-size: 28px;letter-spacing: 0.5px;}
	#banner .info .txt article{font-size: 18px;font-weight: 300;}
	#banner .info .txt p{font-size: 14px;}
	#banner .slick-current .info .txt p{letter-spacing: 1.2px;}
	#banner img {height: 50vh;}
	#banner .info .txt h3:before{bottom: -31px;width: 1px;height: 25px;}
}