.swiper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  perspective: 500;
  -webkit-perspective: 500;
  -webkit-perspective-origin: center center;
          perspective-origin: center center;
}

.swiper > div {
  position: absolute !important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: none;
}

.swiper .active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 100;
}

.swiper .prev {
  -webkit-transform: translate3d(-140%, -50%, -60px);
          transform: translate3d(-140%, -50%, -60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 50;
}

.swiper .next {
  -webkit-transform: translate3d(40%, -50%, -60px);
          transform: translate3d(40%, -50%, -60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}