/* Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * Licensed under MIT*/

.swiper-container {
 margin-left: auto;
 margin-right: auto;
 position: relative;
 overflow: hidden;
 z-index: 1
}
.swiper-wrapper {
 position: relative;
 width: 100%;
 height: 100%;
 z-index: 1;
 -js-display: flex;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-transition-property: -webkit-transform;
 -moz-transition-property: -moz-transform;
 -o-transition-property: -o-transform;
 -ms-transition-property: -ms-transform;
 transition-property: transform;
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box
}
.swiper-wrapper {
 -webkit-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0)
}
.swiper-slide {
 -webkit-flex-shrink: 0;
 -ms-flex: 0 0 auto;
 flex-shrink: 0;
 width: 100%;
 height: 100%;
 position: relative;
}
.swiper-button-next, .swiper-button-prev {
 position: absolute;
 top: 50%;
 width: 10vw;
 height: 30px;
 margin-top: -22px;
 z-index: 10;
 cursor: pointer;
 -moz-background-size: 27px 44px;
 -webkit-background-size: 27px 44px;
 background-size: 5vw 10vw;
 background-position: center;
 background-repeat: no-repeat;
}
.swiper-button-prev {
 background-image: url(../img/prev.png);
 left: 10px;
 right: auto
}
.swiper-button-next {
 background-image: url(../img/next.png);
 right: 10px;
 left: auto
}
.swiper-pagination {
 position: absolute;
 text-align: center;
 -webkit-transition: .3s;
 -moz-transition: .3s;
 -o-transition: .3s;
 transition: .3s;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
 z-index: 10
}
@media screen and (min-device-width:567px) and (max-device-width:767px) {
 .swiper-button-next, .swiper-button-prev {
   width: 10vw;
   height: 10vh;
   margin: -20px;
   -moz-background-size: 3vw 10vh;
   -webkit-background-size: 3vw 10vh;
   background-size: 3vw 10vh;
 }
}
@media screen and (min-device-width:767px) and (max-device-width:1023px) {
 .swiper-button-next, .swiper-button-prev {
   width: 5vw;
   height: 4vh;
   margin: -22px -5px;
   -moz-background-size: 2vw 4vh;
   -webkit-background-size: 2vw 4vh;
   background-size: 2vw 4vh;
 }
}
@media screen and (min-device-width:1024px) {
 .swiper-button-next, .swiper-button-prev {
   width: 5vw;
   height: 4vh;
   margin: -22px -5px;
   -moz-background-size: 2vw 4vh;
   -webkit-background-size: 2vw 4vh;
   background-size: 2vw 4vh;
 }
}