/* Minimal Swiper 4 base CSS for Mexant hero slider.
   Keeps slides inside the viewport and prevents horizontal page overflow. */
.swiper-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0);
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  z-index: 10;
  width: 44px;
  height: 64px;
  margin-top: -32px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.swiper-button-prev { left: 30px; right: auto; }
.swiper-button-next { right: 30px; left: auto; }
.swiper-button-prev::after,
.swiper-button-next::after {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 72px;
  line-height: 1;
  font-weight: 200;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,.2);
}
.swiper-button-prev::after { content: '‹'; }
.swiper-button-next::after { content: '›'; }
@media (max-width: 767px) {
  .swiper-button-next,
  .swiper-button-prev {
    display: none;
  }
}