#banner { margin-top: 81px; }
#banner * { transition: none; }
#banner .slick-prev { position: absolute; z-index: 998; width: 100px; }
#banner .slick-prev:before { content: "❬"; font-size: 43px; background: #9ebfa3; padding: 25px 24px; }
#banner .slick-next { position: absolute; z-index: 998; width: 100px; }
#banner .slick-next:before { content: "❭"; font-size: 43px; background: #9ebfa3; padding: 25px 24px; }
#banner,#banner .item { overflow: hidden; position: relative; background: #fff; z-index: 100; }
#banner .item a { width: 100%; height: 100%; top: 0; left: 0; z-index: 2; position: absolute; }
#banner .info { position: absolute; width: 100%; top: 30vh; left: 0; z-index: 3; }
#banner .info >* { -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -ms-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; }
#banner .info h3 { display: block; line-height: 110%; text-align: center; font-size: 80px; font-weight: 700; color: #fff; -webkit-transform: translateY(-30px); transform: translateY(-30px); opacity: 0; }
#banner .info p { margin-top: 30px; text-align: center; line-height: 160%; font-weight: 100; font-size: 25px; color: #fff; -webkit-transform: translateY(30px); transform: translateY(30px); transition-delay: .5s; opacity: 0; }
#banner .img { position: relative; width: 100vw; height: 830px; background: no-repeat 50%/cover; }
#banner .img video,#banner .img iframe { position: absolute; width: 100vw; height: 830px; top: 0; left: 0; object-fit: cover; }
#banner .slick-active .img { -webkit-transform: scale(1); transform: scale(1); }
#banner .slick-active .info >* { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
@-webkit-keyframes banerBg {
  0% { -webkit-transform: scale(1); }
  100% { -webkit-transform: scale(1.1); }
}
@keyframes banerBg {
  0% { transform: scale(1); }
  100% { transform: scale(1.1); }
}
@media screen and (max-width:1470px) {
  #banner .img { height: 620px; }
  #banner .img video,#banner .img iframe { height: 620px; }
}
@media screen and (max-width:1024px) {
  #banner .img video,#banner .img iframe,#banner .img { height: 500px; }
  #banner { margin-top: 54px; }
}
@media screen and (max-width:768px) {
  #banner .info h3 { font-size: 50px; }
  #banner .info p { font-size: 20px; }
  #banner .img video,#banner .img iframe,#banner .img { height: 400px; }
  #banner .img { background-position: 35% 50%; }
}
@media screen and (max-width:640px) {
  #banner .img video,#banner .img iframe,#banner .img { height: 230px; }
  .under-waves { display: none!important; }
}
@media screen and (max-width:480px) {
  #banner .img { height: 230px; background-position: 60% 50%; }
  #banner { margin-top: 55px; }
  #banner .slick-prev:before,#banner .slick-next:before { display: none; }
}