.pagination {
    position: absolute;
    z-index: 20;
    bottom: 10px;
    width: 100%;
    text-align: center;
}

.swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #555;
    margin: 0 5px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}

.swiper-active-switch {
    background: #fff;
}

.pagination {
    padding: 2% 0 2% 2%;
    bottom: 0;
    text-align: left;
    /*background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), transparent);*/
    margin: 0;
    border-radius: 0;
    /*background: linear-gradient( to right,#C0EBFF 60%, #F2FBFF 100%);*/
    /*IE<9/8>*/
    /*filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#C0EBFF,endColorstr=#F2FBFF);*/
    background: -moz-linear-gradient(90deg, #000000c2 30%, #00000033 100%);

    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(90deg, #000000c2 30%, #00000033 100%);

    /* Safari 5.1+, Chrome 10+ */
    background: -webkit-linear-gradient(90deg, #000000c2 30%, #00000033 100%);

    /* Opera 11.10+ */
    background: -o-linear-gradient(90deg, #000000c2 30%, #00000033 100%);

    background: linear-gradient(90deg, #000000c2 30%, #00000033 100%);

    /*IE<9>*/
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#000000c2,endColorstr=#00000033);



}