﻿.swiper-container
{
    width: 100%;
}
.pagination
{
    z-index: 9;
    position: absolute;
    left: 0;
    text-align: center;/*bottom:5px;*/
    width: 100%;
}
.swiper-pagination-switch
{
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 10px;
    background: #fff;
    margin: 0 5px;
    cursor: pointer;
}
.swiper-pagination-switch
{
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 8px;
    background: #333;
    margin-right: 5px;
    opacity: .5;
    cursor: pointer;
}
.swiper-active-switch
{
    background: #1971b4;
    opacity: 1;
}
.swiper-container
{
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;/* Fix of Webkit flickering */
    z-index: 1;
}
.swiper-wrapper
{
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform,left,top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform,left,top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0,0,0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform,left,top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0,0,0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0,0);
    -ms-transition-property: -ms-transform,left,top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0,0,0);
    -ms-transition-timing-function: ease;
    transition-property: transform,left,top;
    transition-duration: 0s;
    transform: translate3d(0,0,0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-free-mode>.swiper-wrapper
{
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide
{
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal
{
    -ms-touch-action: pan-y;
}
.swiper-wp8-vertical
{
    -ms-touch-action: pan-x;
}/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
