/**
* Block Name: hero_video
*/

.hero_video .swiper-container {
  overflow: hidden;
}

.hero_video .swiper-wrapper {
  will-change: transform;
   height: 350px;
}

.hero_video .swiper-slide {
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  transition: all 300ms ease-in-out;
}

.bg_static_cover,
.hero_video .swiper-slide > video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1.2s ease;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  z-index: 0;
}

section.hero_video .pagination {
  position: absolute;
  width: 100%;
  bottom: 20px;
}

section.hero_video .swiper-pagination {
  width: inherit;
  position: relative;
  text-align: left;
}

section.hero_video .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  border-radius: 0;
  margin-right: 11px;
  background: rgba(255, 255, 255, 0.6);
  position: relative;
  overflow: hidden;
  transition: width 0.5s linear;
  opacity: 1;
}

section.hero_video .swiper-pagination span {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

section.hero_video .swiper-pagination-bullet .fill {
  display: block;
  height: 100%;
  width: 0%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}

section.hero_video .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 50px;
}

section.hero_video
  .swiper-pagination-bullet.swiper-pagination-bullet-active
  .fill {
  width: 100%;
  transition: width 7s linear;
}

section.hero_video .swiper-slide > img {
  position: absolute;
}

section.hero_video .swiper-slide video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  border-radius: 1px;
  z-index: 0;
}

section.hero_video .title_wrapper {
  overflow-x: hidden;
  z-index: 2;
  position: relative;
 margin-bottom: 50px;
}

section.hero_video .title_wrapper .btn-primary {
  padding: 7px 15px;
}
section.hero_video .title_wrapper .btn-primary:not(:hover) {
  background: transparent;
  border: 1px solid #5a5a56;
}

section.hero_video .title_wrapper .btn-primary::before {
  background-color: rgba(255, 255, 255, 0.7);
}

section.hero_video .title_wrapper .btn-primary:hover::before {
  background-color: #002f6b;
}

section.hero_video svg.fuss {
  position: absolute;
  height: 100%;
}
section.hero_video svg.fuss.fuss2 {
  mix-blend-mode: screen;
  opacity: 0.8;
}

section.hero_video .slogan {
  position: absolute;
  top: 50%;
}

section.hero_video img.bg_static_cover {
  z-index: -1;
}
section.hero_video > .logo_banner {
  z-index: 2;
}

@media (min-width: 768px) {
  section.hero_video .swiper-wrapper {
    height: 577px;
  }

  section.hero_video .pagination {
    bottom: 35px;
  }

  section.hero_video > .logo_banner {
    background: #fff;
    top: 30%;
    right: 0px;
    padding: 20px;
    padding-right: 45px;
  }

  section.hero_video > .logo_banner > svg {
    width: 168px;
  }
	
	  section.hero_video .title_wrapper {
    margin-bottom: 100px;
  }


  section.hero_video .title_wrapper .btn-primary {
    padding: 15px 30px;
  }
}

@media (min-width: 992px) {
  section.hero_video .swiper-wrapper {
    height: calc(100vh - 116px);
    min-height: 600px;
  }

  section.hero_video > .logo_banner {
    padding: 25px;
    padding-right: 57.5px;
  }

  section.hero_video > .logo_banner > svg {
    width: 211px;
  }
}

@media (min-width: 1200px) {
  section.hero_video .swiper-wrapper {
    height: calc(100vh - 123px);
  }

  section.hero_video > .logo_banner {
    padding: 30px;
    padding-right: 70px;
  }

  section.hero_video > .logo_banner > svg {
    width: 252px;
  }
}

@media (max-width: 992px) {
  section.hero_video {
    overflow: hidden;
  }

  section.hero_video div.svg_container .slogan {
    transform: scale(0.8) translateY(-50%);
  }
}