.swiper {
  max-width: 100%;
  height: 48.44vw;
}
.swiper-img {
  width: 100%;
  display: block;
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #ffffff !important;
  opacity: 0.8;
  transition: all 400ms ease;
  outline: none;
  position: relative;
}
.swiper-pagination-bullet:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all 400ms ease;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #1b9758 !important;
}
.swiper-pagination-bullet-active:before {
  border-color: #1b9758;
  transform: translate(-50%, -50%) scale(1);
}
.swiper-pagination {
  margin-bottom: 148px;
  transform: translateY(0);
  transition: all 500ms ease;
  z-index: 2;
}
.swiper-pagination.tobottom {
  transform: translateY(15px);
}
.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 13px;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 0 !important;
}
.swiper-wrapper {
  position: relative;
}
.swiper-slide-active {
  position: relative;
  z-index: 1;
}
.swiper-slide-active .swiper-bg {
  -webkit-animation: animateSlide 700ms;
  animation: animateSlide 700ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.swiper-button-prev,
.swiper-button-next {
  outline: none;
  width: 60px;
  height: 60px;
  background-color: rgba(32, 37, 44, 0.6);
  transition: all 300ms ease;
  z-index: 2;
  transform: translateY(-50%);
  margin: 0;
}
.swiper-button-prev:before,
.swiper-button-next:before {
  content: '';
  width: 100%;
  height: 100%;
  transition: all 200ms ease;
  background-color: #1b9758;
  transform: scale(0);
}
.swiper-button-prev:active:before,
.swiper-button-next:active:before {
  background-color: #1b9758;
}
.swiper-button-prev.out:before,
.swiper-button-next.out:before {
  -webkit-animation: animateButtonOut 150ms;
  animation: animateButtonOut 150ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.swiper-button-prev.in:before,
.swiper-button-next.in:before {
  -webkit-animation: animateButton 500ms;
  animation: animateButton 500ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 22px;
  transform: translate(-50%, -50%);
}
.swiper-button-prev {
  left: 60px;
}
.swiper-button-prev:after {
  background-image: url(/img/arrwhite_left.svg);
}
.swiper-button-next {
  right: 60px;
}
.swiper-button-next:after {
  background-image: url(/img/arrwhite_right.svg);
}
.swiper-disabled {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 15;
  display: none;
}
.swiper-slide iframe {
  width: 100% !important;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0 !important;
  pointer-events: all;
}

.swiper-container-initialized .swiper-button-prev,
.swiper-container-initialized .swiper-button-next {
  opacity: 1;
}

@-webkit-keyframes animateSlide {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

@keyframes animateSlide {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes animateButton {
  0% {
    transform: scale(0);
  }
  35% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animateButton {
  0% {
    transform: scale(0);
  }
  35% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes animateButtonOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes animateButtonOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
} /* sourceMappingURL=slider.css.map */