/**
 * Swiper 4.5.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 13, 2019
 */

.swiper-container {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  list-style: none;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-pagination-custom {
  height: 60px;
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  margin: 0 auto;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  z-index: 5;
  bottom: -40px;
  left: 50%;
  display: flex;
  justify-content: center;
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
  transform: translateX(-50%);
  text-align: center;
  @media (max-width: $xs - 1) {
    bottom: -40px;
  }
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination.swiper-pagination--line {
  .swiper-pagination-bullet {
    width: 79px;
    height: 4px;
    margin: 0 6px;
    border-radius: 2px;
    background-color: #005bab;
  }
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  background: #aaa;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s left, .2s -webkit-transform;
  -o-transition: .2s transform, .2s left;
  transition: .2s left, .2s -webkit-transform;
  transition: .2s transform, .2s left;
  transition: .2s transform, .2s left, .2s -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s right, .2s -webkit-transform;
  -o-transition: .2s transform, .2s right;
  transition: .2s right, .2s -webkit-transform;
  transition: .2s transform, .2s right;
  transition: .2s transform, .2s right, .2s -webkit-transform;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  justify-content: flex-start;
  font-size: 0;
}
.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s left;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, .25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, .25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000;
}
.swiper-pagination-lock {
  display: none !important;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;

// width: 20px;
  flex: 0 0 auto;
}
.swiper-scrollbar {
  position: relative;
  border-radius: 10px;
  background: rgba(0, 0, 0, .1);
  -ms-touch-action: none;
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  z-index: 50;
  bottom: 3px;
  left: 1%;
  width: 98%;
  height: 5px;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  z-index: 50;
  top: 1%;
  right: 3px;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: rgba(0, 0, 0, .5);
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  z-index: -1000;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
[src='data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='] {
  max-width: 1px;
  max-height: 1px;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  z-index: 10;
  top: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  visibility: hidden;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0px;
  transition: all .3s ease;
  transform: translateY(-50%);
  /* color: $white; */
  /* border: 1px solid $c-border; */
  border-radius: 100%;
  background: #fff;
}

.swiper-button-next:hover,
.swiper-button-prev:hover{
  background-color: #FF6D44;
} 
.swiper-button-next svg path,
.swiper-button-prev svg path{
  transition: all .2s linear;
}
.swiper-button-next:hover svg path,
.swiper-button-prev:hover svg path{
  stroke: #fff;
}
.swiper-button-next {
  right: 0;
  /* transform: translate(50%, -50%); */
}
.swiper-button-next svg{
  width: 20px;
  transform: rotate(-90deg);
}
.swiper-button-prev svg{
  width: 20px;
  transform: rotate(90deg);
}
.swiper-button-prev {
  left: 0;
  /* transform: translate(-50%, -50%); */
}
.swiper-button-next--nav,
.swiper-button-prev--nav {
  top: calc(50% - 15px);
  width: 30px;
  height: 30px;
  opacity: 1;
  background-size: 12px 12px;
  box-shadow: none;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  cursor: default;
}
.swiper-container-initialized {
  & ~ .swiper-button-prev,
  & ~ .swiper-button-next,
  .swiper-button-prev,
  .swiper-button-next {
    visibility: visible;
  }
}
.swiper {
  position: relative;
}
.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin-right: 12px;
  border-radius: 50%;
  background-color: #aaaa;
  @media (max-width: $sm - 1) {
    width: 10px;
    height: 10px;
  }
  &:last-child {
    margin-right: 0px;
  }
  @media (max-width: $sm - 1) {
    // width : 8px;
    // height: 8px;
  }
  &-active {
    pointer-events: none;
    background-color: var(--theme-base-color);
  }
  @media (min-width: 1024px) {
    cursor: pointer;
    &:hover {
      border-color: var(--theme-base-color);
    }
  }
}
.pagination-progressbar {
  position: relative;
  width: 100%;
  height: 2px;
  background-color: #000;
}
.pagination-fractions {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  font-size: 24px;
  font-weight: 300;
  font-style: normal;
  line-height: 24px;
}
.pagination-progressbar-fill {
  position: absolute;
  top: -2px;
  height: 4px;
}