.slider-nav img, .slider-for img {
margin: 5px auto;
}

.slider-nav img {
height: 60px;
}

.slider-nav {
padding: 10px 0px;
margin-bottom: 2px;
background-color: #c7c7c7;
}

.slider-for {
padding: 10px;
margin-bottom: 20px;
}

.slick-center img {
opacity: 0.3;
}

.slider-nav:before,
.slider-nav:after {
content: "";
position: absolute;
z-index: 1;
width: 100px;
top: 0;
height: 100%;
pointer-events: none; /*makes the linkes behind clickable.*/
}

.slider-nav:before {
left: 0;
background: linear-gradient(to right, #ffffff, rgba(0, 0, 0, 0));
}

.slider-nav:after {
right: 0;
background: linear-gradient(to left, #ffffff, rgba(0, 0, 0, 0));
}