/* Dots */

.slick-dots {
    display: block;
    margin-top: 1.2em;
    padding: 0;
    list-style: none;
    text-align: center;
    width: 100%;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 5px; // space out the dots here
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 1px; line-height: 0%; text-indent: -9999px; overflow: hidden; border: 1px solid #168cc9; border-radius: 100%; width: 13px; height: 13px; padding: 0;
    background-color: transparent; 
}
.slick-dots li button:hover, .slick-dots li button:focus{
    outline: none;
}
.slick-dots li.slick-active button {
    background-color: #168cc9;
}