/* Arrows */

.productCarousel-dark .slick-prev, 
.productCarousel-dark .slick-next {
   font-size: 0;
   line-height: 0;
   position: absolute;
   cursor: pointer;
   color: transparent;
   border: none;
   outline: none;
   background: transparent;
   top: calc(50% - 10px);
   display: block;
   margin-top: 0;
   width: 20px;
   height: 26px;
   z-index:10;
}
.slick-prev:before {
   left: 0;
   content: url(previous-sm-dark.png);
}
.slick-next:before {
   right: 0;
   content: url(next-sm-dark.png);
}