/* Banner --------------------------------------------------------------------------------------------------------*/
.banner .slick-dots{position:absolute;bottom:20px;max-width:1420px;padding:0 15px;margin:0 auto;width:100%;left:50%;transform:translateX(-50%);}
.banner-slide{position:relative;}
.banner-slide::before{background:linear-gradient(180deg,rgba(0,0,0,0) 40.88%,rgba(0,0,0,0.8) 86.62%);content:"";width:100%;height:100%;position:absolute;left:0;bottom:0; display:none;}
.banner-img{width:100%;height:100%;height:auto;display:block;background-repeat:no-repeat;background-size:cover;background-position:center;}
.banner-content{position:absolute;z-index:2;bottom:52px;left:0;width:100%;align-self:flex-end;}
.banner-content .btn{width:100%;}
.banner-title{color:#fff;font-weight:700;font-size:2.125rem;line-height:2.625rem;margin-bottom:30px;}
.video-container{width:100%;height:100%; background: #000;}
.banner-img video{object-fit: cover;width: 100%;height: auto; display: flex;}




/* Responsive Media Queries --------------------------------------------------------------------------------------------------------*/
@media (min-width:768px){
  .banner .slick-dots{bottom:86px;justify-content:flex-start;width:calc(100% - 70px);}
  .banner-slide:before{background:linear-gradient(270deg,rgba(0,0,0,0) 43.46%,rgba(0,0,0,0.8) 97.84%);}
 
  .banner-content{max-width:938px;align-self:center;bottom:53px;transform:translateX(-50%);left:50%;text-align:center;}
  .banner-content .btn{width:auto;text-transform:uppercase;}
  .banner-title{font-size:48px;line-height:4.5625rem;letter-spacing:1.15px;color:#FFFFFF;text-transform:uppercase;margin-bottom:25px;letter-spacing:0.58px;}
}
@media (min-width:1024px){
  .banner .slick-dots{width:calc(100% - 140px);}
}
@media (max-width:1330px){
  .banner-img{height:auto;}
  .banner-title{font-size:40px;line-height:3rem;letter-spacing:1.15px;color:#FFFFFF;text-transform:uppercase;margin-bottom:25px;letter-spacing:0.58px;}
}
@media (max-width:1023px){
  .banner-img{height:auto;}
  .banner-title{font-size:32px;line-height:2rem;margin-bottom:18px;}
  .banner-content{max-width:938px;align-self:center;bottom:33px; text-align:center;}
}
@media (max-width:767.98px){
  .version-2 .banner-img,.version-2 .banner-slide::before{height:320px;top:0;bottom:auto;}
  .version-2 .banner-content{position:relative;bottom:auto;padding:20px 0 56px;background:#fff;}
  .version-2 .banner-title{color:#36424A;}
  .banner-content{position:relative;text-align:center;z-index:2;bottom:0;left:0;width:100%;align-self:flex-end;background:#F1F1F1}
  .banner-title{color:#003366;font-weight:700;font-size:24px;line-height:28px;margin-bottom:20px;letter-spacing:0.58px;}
  .slick-list{width:100%;}
  .banner-img{height:auto;    padding-bottom: 56.25%;}
  .banner-content .btn{width:auto;}
   
  .banner-content .container{max-width:442px;padding-top:20px;padding-bottom:100px;}
  .banner-slider .slick-arrow{top:auto;bottom:36px;transform:none;}
  .banner-slider .slick-arrow.slick-prev{left:calc(100% - 66%);}
  .banner-slider .slick-arrow.slick-next{right:calc(100% - 66%);}

  .banner-img iframe{position:absolute;top:50%;left:50%;width:122vw;height:112vh;transform:translate(-50%,-50%);}
  .video-container + .banner-content{margin-top: -11px;}
}