@font-face {
    font-family: 'icomoon';
    src: url("fonts/icomoon.eot?cr27m9");
    src: url("fonts/icomoon.eot?cr27m9#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?cr27m9") format("truetype"), url("fonts/icomoon.woff?cr27m9") format("woff"), url("fonts/icomoon.svg?cr27m9#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
    font-display: swap;
}


.srratingpage-rating-block [class^="icon-"],
.srratingpage-rating-block [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.srratingpage-rating-block .icon-star:before {
    content: "\e91c";
}

.srratingpage-rating-block .icon-star-rating:before {
    content: "\e9a9";
}

.srratingpage-rating-block .icon-star-rating-fill:before {
    content: "\e9aa";
}



.srratingpage-rating-block .fa,
.srratingpage-rating-block .glyphicon {
    font-family: 'icomoon' !important;
    width: 26px;
    height: 26px;
    position: relative;
    margin: 0 2px;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.srratingpage-rating-block .fa:before,
.srratingpage-rating-block .glyphicon:before {
    width: 26px;
    height: 26px;
    position: relative;
    font-size: 24px;
}

.srratingpage-rating-block .fa.fa-heart-o,
.srratingpage-rating-block .fa.glyphicon-star-empty,
.srratingpage-rating-block .glyphicon.fa-heart-o,
.srratingpage-rating-block .glyphicon.glyphicon-star-empty {
    color: #ca242a;
}

.srratingpage-rating-block .fa.fa-heart-o:before,
.srratingpage-rating-block .fa.glyphicon-star-empty:before,
.srratingpage-rating-block .glyphicon.fa-heart-o:before,
.srratingpage-rating-block .glyphicon.glyphicon-star-empty:before {
    content: '\e9a9' !important;
}

.srratingpage-rating-block .fa.fa-heart,
.srratingpage-rating-block .fa.glyphicon-star,
.srratingpage-rating-block .glyphicon.fa-heart,
.srratingpage-rating-block .glyphicon.glyphicon-star {
    color: #ca242a;
}

.srratingpage-rating-block .fa.fa-heart:before,
.srratingpage-rating-block .fa.glyphicon-star:before,
.srratingpage-rating-block .glyphicon.fa-heart:before,
.srratingpage-rating-block .glyphicon.glyphicon-star:before {
    content: '\e9aa' !important;
}

.srratingpage-rating-block .glyphicon {
    width: 16px;
    height: 16px;
    margin: 0 1px;
}

.srratingpage-rating-block .glyphicon:before {
    width: 16px;
    height: 16px;
    font-size: 14px;
}

.srratingpage-rating-block {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 10px 0px;
}

.srratingpage-rating-block .rating-symbol .glyphicon {
    width: 26px;
    height: 26px;
    position: relative;
    margin: 0 2px;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.srratingpage-rating-block .rating-symbol .glyphicon:before {
    width: 26px;
    height: 26px;
    font-size: 24px;
}

.srratingpage-rating-block .srratingpage-rating-description {
    font-size: 14px;
}

.srratingpage-rating-block .srratingpage-rating-description.hide,
.srratingpage-rating-block .srratingpage-rating-stars.hide {
    display: none;
}

.srratingpage-rating-block .srratingpage-rating-massage {
    opacity: 0;
    transition: opacity 0.9s ease-in-out;
}

.srratingpage-rating-block .srratingpage-rating-massage.show {
    opacity: 1;
    color: #ca242a;
    font-weight: bold;
}

.srratingpage-rating-block.srratingpage-rating-block-list .rating-symbol .glyphicon {
    width: 14px;
    height: 14px;
}

.srratingpage-rating-block.srratingpage-rating-block-list .rating-symbol .glyphicon:before {
    font-size: 14px;
}

.srratingpage-rating-block.srratingpage-rating-block-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 5px;
    gap: 5px;
}