.slick-dots li button::before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.slick-prev:before
{
    content: '';
    color: black;
    z-index: 999;
}
[dir='rtl'] .slick-prev:before
{
    content: '';
    color: black;
    z-index: 999;
}

.slick-next:before
{
    content: '';
    color: black;
    z-index: 999;
}
[dir='rtl'] .slick-next:before
{
    content: '';
    color: black;
    z-index: 999;
}

.slick-next{
    right: -80px;
}


.slick-prev{
    left:-80px;
}

.slick-prev, .slick-next {
    width: 40px;
    height: 40px;
    z-index: 9999;
}

.slick-slide img {
    width: 100%;
}

.btn-slider
{
    width: 40px;
    height: 40px;
    background:none;
    border:0px;
    font-size:1.5rem;
    color: rgba(0,0,0,0.6);
    outline:none;
}

.btn-slider:active
{
    border: 0px;
    outline:none;
}

.btn-slider:hover
{
    border: 0px;
    outline:none;
}

.btn-slider:focus
{
    border: 0px;
    outline:none;
}

@media (max-width: 638px)
{
    .slick-next{
        right: -40px;
    }
    
    
    .slick-prev{
        left: -40px;
    }
    
}