/*----------------------------------
	Common HTML elements and more for easier usage
------------------------------------*/

/*----------------------------------
  Swiper
------------------------------------*/
.s-swiper {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* Arrows v1
------------------------------ */
.s-swiper__arrow-v1--left, .s-swiper__arrow-v1--right {
  position: absolute;
  top: 50%;
  z-index: 1;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

@media (max-width: 47.9em) {
  .s-swiper__arrow-v1--left, .s-swiper__arrow-v1--right {
    opacity: 0;
  }
}

.s-swiper__arrow-v1--left {
  left: 2rem;
}

.s-swiper__arrow-v1--right {
  right: 2rem;
}

@media (max-width: 47.9em) {
  .s-swiper:hover .s-swiper__arrow-v1--left, .s-swiper:hover .s-swiper__arrow-v1--right {
    opacity: 1;
  }
}

/* Pagination v1
------------------------------ */
.s-swiper__pagination-v1--bc {
  position: absolute;
  bottom: 1.875rem !important;
  text-align: center;
  z-index: 1;
}

.s-swiper__pagination-v1 .swiper-pagination-bullet {
  width: 1rem;
  height: 0.5625rem;
  border-radius: 0.9375rem;
  opacity: .7;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-swiper__pagination-v1 .swiper-pagination-bullet-active {
  width: 1.875rem;
  background: #13b1cd;
  opacity: 1;
}

.s-swiper__pagination-v1--white .swiper-pagination-bullet {
  background: #fff;
}

.s-swiper__pagination-v1--white .swiper-pagination-bullet-active {
  background: #13b1cd;
}

.s-swiper__pagination-v1--dark .swiper-pagination-bullet {
  background: #b2b2b2;
}

.s-swiper__pagination-v1--dark .swiper-pagination-bullet-active {
  background: #13b1cd;
}