#custom-product-item .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 2;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    background: none;
    border: none;
    width: 38px;
    height: 38px;
    background: #f7f8fa;
    color: #191919;
    font-weight: 500;
    border-radius: 50%;
    transition: all 0.2s linear;
    transform: translate(0%, -50%)
}
#custom-product-item{
    opacity: 0;
    transition: opacity 0.2s linear;
}
#custom-product-item.tt-show{
    opacity: 1;
}

#custom-product-item .slick-arrow:hover {
    background: #2879fe;
    color: #ffffff;
}

#custom-product-item .slick-arrow:before {
    font-family: "wokiee";
    font-size: 20px;
    line-height: 1;
}
#custom-product-item .slick-prev{
    left: 10px;
}
#custom-product-item .slick-prev:before {
    content: "\e90d";
}
#custom-product-item .slick-next {
    right: 10px;
}
#custom-product-item .slick-next:before {
    content: "\e90e";
}
#smallGallery .slick-arrow.slick-disabled,
#custom-product-item .slick-arrow.slick-disabled{
    opacity: 0;
    pointer-events: none;
}


.rating-group
{
    margin-bottom: 20px;
}

.tt-rating > input{
    display:none;
}
.tt-rating > label
{
    position: relative;
    width: 30px;
    font-size: 25px;
    color: #FFD700;
    cursor: pointer;
}
.tt-rating > label::before
{
    content: "\2605";
    position: absolute;
    right: 0;
    top: 2px;
    font-size: 30px;
    opacity: 0;
}
.tt-rating > label:hover:before,
.tt-rating > label:hover ~ label:before
{
    opacity: 1 !important;
}
.tt-rating > input:checked ~ label:before{
    opacity: 1;
}
.tt-rating:hover > input:checked ~ label:before{
    opacity: 0.3;
}