/**
 * Swiper 5.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 20, 2020
 */

.swiper-container {
  margin:0px auto;
  position: relative;
  overflow: hidden;
  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(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  display:block;
  flex-shrink: 0;
  width: 100%; height: 100%;
  text-align:center;
  overflow:hidden;
  position: relative;
  transition-property: transform;
}
.swiper-slide img{
  max-width:100%;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}


.swiper-prev,
.swiper-next {
  position: absolute;
  top: 50%;
  width:50px; height:50px;
  cursor: pointer;
  margin-top:-25px;
  border:solid 1px #fff;
  border-radius:50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  z-index:10;
  cursor:pointer;
}
.swiper-button-disabled,
.swiper-button-disabled:hover {
  opacity: 0.3;
  cursor: auto;
}
.swiper-prev{
  left:-15px;
}
.swiper-next{
  right:-15px;
}
.swiper-prev::after,
.swiper-next::after{
  content:'';
  position:absolute;
  top:18px;
  width:12px; height:12px;
  border-top:solid 2px #fff;
}
.swiper-prev::after{
  left:21px;
  border-left:solid 2px #fff;
  transform: rotate(-45deg);
}
.swiper-next::after{
  right:21px;
  border-right:solid 2px #fff;
  transform: rotate(45deg);
}

.swiper-prev-blue,
.swiper-next-blue {
  background:#fff;
  border:solid 1px #00a3e1;
}
.swiper-prev-blue::after,
.swiper-next-blue::after{
  border-top:solid 2px #00a3e1;
}
.swiper-prev-blue::after{
  border-left:solid 2px #00a3e1;
}
.swiper-next-blue::after{
  border-right:solid 2px #00a3e1;
}



.swiper-prev-small,
.swiper-next-small {
  width:30px; height:30px;
  margin-top:-15px;
}
.swiper-prev-small{
  left:0px;
}
.swiper-next-small{
  right:0px;
}
.swiper-prev-small::after,
.swiper-next-small::after{
  top:11px;
  width:6px; height:6px;
}
.swiper-prev-small::after{
  left:12px;
}
.swiper-next-small::after{
  right:12px;
}



/* Bullets */
.swiper-pagination {
  position: absolute;
  bottom: 10px; left: 0;
  width: 100%;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.box-carousel .swiper-pagination {
  bottom: -10px;
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  margin: 0 4px;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
}



/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar{
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}


/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}


@media screen and (max-width:1260px) {
.swiper-prev{
  left:15px;
}
.swiper-next{
  right:15px;
}
}
@media screen and (max-width:960px) {
/*.swiper-prev,
.swiper-next {
  display:none;
}*/
}