.slider-nav {
    
}
.slider-nav .slick-slide {
    opacity: 0.5;
    padding: 5px;
}

.slider-nav .slick-slide:hover {
    opacity: 0.95;
}

.slider-nav .slick-slide.slick-current {
    opacity: 1;
    background-color: #1595fe;
}


.slider-nav .slick-slide.video {
    position: relative;
}

.slider-nav .slick-slide.video img{
    background: #000;
}

.slider-nav .slick-slide.video:after {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;

    display: flex;
    align-items: center;
    justify-content: center;

    /* removed font- based rules */
    /* display: inline-block; */
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
   /* using style CSS custom property */
    font: var(--fa-font-solid);
    content: "\f03d";

   color: white;
    font-size: 21px;
    background-color: rgba(0,0,0,.35);

}

.slider-for .slick-slide.video a {

    position: relative;
}

.slider-for .slick-slide.video a:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    /* removed font- based rules */
    /* display: inline-block; */
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
   /* using style CSS custom property */
    font: var(--fa-font-solid);
    content: "\f04b";

   color: white;
    font-size: 72px;
    background-color: rgba(0,0,0,.35);

}
.slick-next:before, .slick-prev:before {
    color: #CCCCCC;
}
body.single-product .hero {
    align-items: top!important;
}


.slider-for .item {
    height: 550px;
    width: 100%;
    display: flex;

    justify-content: center;
    align-items: center;

    overflow: hidden;
}
.slider-for .image-on-slide {

}

.slider-nav .image-on-thumbnail {
    height: 71px;
}