.multirating-unit-rating li a {transition: none;}
.multirating-unit-rating, .multirating-unit-rating li a:hover, .multirating-unit-rating li.multirating-current-rating {background-image: url(../images/multirating.png);}

.multirating, .multirating-unit-rating { width: 330px; height: 33px; }
.multirating-rating { font-size: 11px; }
.multirating-unit-rating, .multirating-unit-rating li a:hover, .multirating-unit-rating li.multirating-current-rating {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAACKBAMAAAAnGmX8AAAALVBMVEX///+RkZH+12L/w0//7cP/5aj+24X/+u7/9d2tra3Jycne3t7/zGn5+fnx8fHkdmbhAAACEUlEQVRIx+2UuUsDQRTGF+8bp4yiyKDRUhiNFikW73LxwsIiRETL4F2KilpYmFYQklIE0VYbIQQsY2kjWkbwfzDjzvhm3rzCJiCSr1p+SfY7HsT7w2rYp3ltQPO6HpqPDdA8GSVxPeckr+HcJ205T1D8gHPSeJbzPopz7hrvnk4sSL4wcboLdIpb6v0ZxuY+LGB/HRY2ubn2MeB1a5ukxtEUGkEp4bSVchtvhLzfORaE/NV7VCDnlFzJPSKPJmEcczpffhg4x13zvB2nVxXvDdP2oKNHU+FOAyi+r/xRgWn9sOVVRKv8/ycJmlc/0nx8iOYrMRLXC5EibYUIKN4iBGl8KMQoaSsEaZwTIo7Z3tHkoihpdX7mBOiysJSHhJYCWMDExho1JjfXPgP8ZG2T0zhub7SjecJpK+U23gz5iHMsHRJpLuTDzmoqjnNEJRXTbByTv/Gd48YD+WHgHHddtsMnrhb5MO0gih/b/7ZfQQWWA+WPCizph22vojKr7Y3mTec0L7bT/K6T5ukIbctYgbRlLEPxRsbOSVvGuimeZYw0ZiVh9vpwfyX5xfXDJ1CJDHVAQlOQtvXOxMYazSa/9UDvGqIOrWmNI/ZxXjS/xCOrjHjSZ3g7Wg1CmsZZ6Eq9P1LAR1RCXDaOpKGtOV2mGUaD48pGRXliFL8jTNuF4odB2tKoQDaj/FGBG/3w4f0LfQHtX5JXyZBVcwAAAABJRU5ErkJggg==);
    -webkit-background-size: 33px auto; background-size:  33px auto;
}
.multirating-unit-rating {
    list-style: none;
    margin: 0; padding: 0;
    position: relative;
    background-position: 0 -66px;
}
.multirating-unit-rating li {
    text-indent: -90000px;
    padding: 0; margin: 0;
    float: left;
}
.multirating-unit-rating li a {
    display: block;
    width: 33px; height: 33px;
    text-decoration: none;
    border: 0 none !important;
    text-indent: -9000px;
    z-index: 17;
    position: absolute;
    padding: 0;
}
.multirating-unit-rating li a:hover {
    background-position: 0 -33px;
    z-index: 2;
    left: 0;
}
.multirating-unit-rating a.multirating-r1-unit { left: 0; }
.multirating-unit-rating a.multirating-r1-unit:hover { width: 33px; }

.multirating-unit-rating a.multirating-r2-unit { left: 33px; }
.multirating-unit-rating a.multirating-r2-unit:hover { width: 66px; }

.multirating-unit-rating a.multirating-r3-unit { left: 66px; }
.multirating-unit-rating a.multirating-r3-unit:hover { width: 99px; }

.multirating-unit-rating a.multirating-r4-unit { left: 99px; }
.multirating-unit-rating a.multirating-r4-unit:hover { width: 132px; }

.multirating-unit-rating a.multirating-r5-unit { left: 132px; }
.multirating-unit-rating a.multirating-r5-unit:hover { width: 165px; }

.multirating-unit-rating a.multirating-r6-unit { left: 165px; }
.multirating-unit-rating a.multirating-r6-unit:hover { width: 198px; }

.multirating-unit-rating a.multirating-r7-unit { left: 198px; }
.multirating-unit-rating a.multirating-r7-unit:hover { width: 231px; }

.multirating-unit-rating a.multirating-r8-unit { left: 231px; }
.multirating-unit-rating a.multirating-r8-unit:hover { width: 264px; }

.multirating-unit-rating a.multirating-r9-unit { left: 264px; }
.multirating-unit-rating a.multirating-r9-unit:hover { width: 297px; }

.multirating-unit-rating a.multirating-r10-unit { left: 297px; }
.multirating-unit-rating a.multirating-r10-unit:hover { width: 330px; }

.multirating-unit-rating li.multirating-current-rating {
    background-position: 0 0;
    position: absolute;
    height: 33px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
    padding: 0;
}

.multirating-unit-wrapper {
    display: flex;
    justify-content: space-between;
}

.multirating-unit-wrapper > div:first-child {
    flex: 0 0 33%;
}

.multirating-unit-wrapper > div:last-child {
    flex: 1;
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .multirating-unit-wrapper {
        flex-direction: column;
    }
}

@media only screen and (max-width:768px) {
    .multirating-unit-wrapper {
        flex-direction: column;
    }
}

@media only screen and (max-width:576px) {
    .multirating, .multirating-unit-rating { width: 280px; height: 28px; }
    .multirating-rating { font-size: 11px; }
    .multirating-unit-rating, .multirating-unit-rating li a:hover, .multirating-unit-rating li.multirating-current-rating {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAACKBAMAAAAnGmX8AAAALVBMVEX///+RkZH+12L/w0//7cP/5aj+24X/+u7/9d2tra3Jycne3t7/zGn5+fnx8fHkdmbhAAACEUlEQVRIx+2UuUsDQRTGF+8bp4yiyKDRUhiNFikW73LxwsIiRETL4F2KilpYmFYQklIE0VYbIQQsY2kjWkbwfzDjzvhm3rzCJiCSr1p+SfY7HsT7w2rYp3ltQPO6HpqPDdA8GSVxPeckr+HcJ205T1D8gHPSeJbzPopz7hrvnk4sSL4wcboLdIpb6v0ZxuY+LGB/HRY2ubn2MeB1a5ukxtEUGkEp4bSVchtvhLzfORaE/NV7VCDnlFzJPSKPJmEcczpffhg4x13zvB2nVxXvDdP2oKNHU+FOAyi+r/xRgWn9sOVVRKv8/ycJmlc/0nx8iOYrMRLXC5EibYUIKN4iBGl8KMQoaSsEaZwTIo7Z3tHkoihpdX7mBOiysJSHhJYCWMDExho1JjfXPgP8ZG2T0zhub7SjecJpK+U23gz5iHMsHRJpLuTDzmoqjnNEJRXTbByTv/Gd48YD+WHgHHddtsMnrhb5MO0gih/b/7ZfQQWWA+WPCizph22vojKr7Y3mTec0L7bT/K6T5ukIbctYgbRlLEPxRsbOSVvGuimeZYw0ZiVh9vpwfyX5xfXDJ1CJDHVAQlOQtvXOxMYazSa/9UDvGqIOrWmNI/ZxXjS/xCOrjHjSZ3g7Wg1CmsZZ6Eq9P1LAR1RCXDaOpKGtOV2mGUaD48pGRXliFL8jTNuF4odB2tKoQDaj/FGBG/3w4f0LfQHtX5JXyZBVcwAAAABJRU5ErkJggg==);
        -webkit-background-size: 28px auto; background-size:  28px auto;
    }
    .multirating-unit-rating {
        list-style: none;
        margin: 0; padding: 0;
        position: relative;
        background-position: 0 -56px;
    }
    .multirating-unit-rating li {
        text-indent: -90000px;
        padding: 0; margin: 0;
        float: left;
    }
    .multirating-unit-rating li a {
        display: block;
        width: 28px; height: 28px;
        text-decoration: none;
        border: 0 none !important;
        text-indent: -9000px;
        z-index: 17;
        position: absolute;
        padding: 0;
    }
    .multirating-unit-rating li a:hover {
        background-position: 0 -28px;
        z-index: 2;
        left: 0;
    }

    .multirating-unit-rating a.multirating-r1-unit { left: 0; }
    .multirating-unit-rating a.multirating-r1-unit:hover { width: 28px; }

    .multirating-unit-rating a.multirating-r2-unit { left: 28px; }
    .multirating-unit-rating a.multirating-r2-unit:hover { width: 56px; }

    .multirating-unit-rating a.multirating-r3-unit { left: 56px; }
    .multirating-unit-rating a.multirating-r3-unit:hover { width: 83px; }

    .multirating-unit-rating a.multirating-r4-unit { left: 83px; }
    .multirating-unit-rating a.multirating-r4-unit:hover { width: 112px; }

    .multirating-unit-rating a.multirating-r5-unit { left: 112px; }
    .multirating-unit-rating a.multirating-r5-unit:hover { width: 140px; }

    .multirating-unit-rating a.multirating-r6-unit { left: 140px; }
    .multirating-unit-rating a.multirating-r6-unit:hover { width: 168px; }

    .multirating-unit-rating a.multirating-r7-unit { left: 168px; }
    .multirating-unit-rating a.multirating-r7-unit:hover { width: 196px; }

    .multirating-unit-rating a.multirating-r8-unit { left: 196px; }
    .multirating-unit-rating a.multirating-r8-unit:hover { width: 224px; }

    .multirating-unit-rating a.multirating-r9-unit { left: 224px; }
    .multirating-unit-rating a.multirating-r9-unit:hover { width: 252px; }

    .multirating-unit-rating a.multirating-r10-unit { left: 252px; }
    .multirating-unit-rating a.multirating-r10-unit:hover { width: 280px; }
}