.std-slider {
    overflow: hidden;
}

.std-slider .slides {
    overflow: hidden;
    width: 10000px;
}
.std-slider .slide {
    float: left;
    text-align: center;
}


.std-slider .links {
    text-align: center;
    margin: 5px 0;
}
.std-slider .slider-link {
    margin: 0 5px;
    cursor: pointer;
}



.std-slider .scroll-left,
.std-slider .scroll-right {
    z-index: 1;
    width: 70px;
    background-color: rgba(255,255,255,0.05);
    background-repeat: no-repeat;
    cursor: pointer;
    transition: 0.3s;
}
.std-slider .scroll-left {
    margin-left: 0px;
    float: left;
    background-image: url('/img/slider/arrow-left.png');
    background-position: 15px 170px;
}
.std-slider .scroll-right {
    margin-right:  0px;
    float: right;
    background-image: url('/img/slider/arrow-right.png');
    background-position: 20px 170px;
}
.std-slider .scroll-left:hover,
.std-slider .scroll-right:hover {
    background-color: rgba(255,255,255,0.2);
}


.std-slider .scroll-left.dark,
.std-slider .scroll-right.dark {
    background-color: rgba(0,0,0,0.03);
}
.std-slider .scroll-left.dark {
    background-image: url('/img/slider/arrow-left-dark.png');
}
.std-slider .scroll-right.dark {
    background-image: url('/img/slider/arrow-right-dark.png');
}
.std-slider .scroll-left.dark:hover,
.std-slider .scroll-right.dark:hover {
    background-color: rgba(0,0,0,0.2);
}