.swiper {
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 1;
width: 100%;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -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-slide {
width: 100%;
position: relative;
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
}
.swiper-slide img{width:100%;}
.pagination {  
  position: absolute;  
  z-index: 20;  
  left: 10px;  
  bottom: 10px;
  width:100%;
  text-align:center;
} 
.swiper-pagination-bullet {  
  display: inline-block;  
  width: 6px;  
  height: 6px;   
  background: #fff;  
  margin-right: 5px;  
  opacity: 0.8;  
  border: 0px solid #fff;  
  cursor: pointer;  
  border-radius:10px;
  opacity:0.4;
}  
.swiper-pagination-bullet-active {  
  background: #eee; 
  border: 0px solid #fff;
  border-radius:10px;
  opacity:1
}