/* Arrows */

.productCarousel .slick-prev, .productCarousel .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;
}
.productCarousel .slick-prev {
   left: 10px;
   background-image: url(previous-sm.png);
}
.productCarousel .slick-next {
   right: 10px;
   background-image: url(next-sm.png);
}