﻿ 
.slick-dots {
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0;
}

    .slick-dots li {
        display: inline-block;
        margin-left: 4px;
        margin-right: 4px;
    }

        .slick-dots li.slick-active button {
            background-color: black;
        }

        .slick-dots li button {
            font: 0/0 a;
            text-shadow: none;
            color: transparent;
            background-color: #999;
            border: none;
            width: 15px;
            height: 15px;
            border-radius: 50%;
        }

        .slick-dots li :hover {
            background-color: black;
        }

/* Custom Arrow */
.prev {
    color: #999;
    position: absolute;
    top: 38%;
    left: -0.1em;
    font-size: 1em;
}

    .prev :hover {
        cursor: pointer;
        color: black;
    }

.next {
    color: #999;
    position: absolute;
    top: 38%;
    right: -0.1em;
    font-size: 1em;
}

    .next :hover {
        cursor: pointer;
        color: black;
    }
 


.slick-slide img {
    border-radius: 50%;
}

.slider-caption {
    text-align: -webkit-center;
    text-align: -moz-center;
}