#star_rating {display:block;float:left;margin:2px 5px 0 5px;}
div.star-rating {
  float: left;
  width: 18px;
  height: 18px;
  margin-right:2px;
  text-align: center;
  text-indent: -999em;
  cursor: pointer;
  display: block;
  background: transparent;
  overflow: hidden;
}
div.star-rating a, div.star-rating > span {
  display: block;
  width: 18px;
  height: 100%;
  background-position: 0 0px;
  border: 0;
  background: url(../img/star/str.png) no-repeat 0 0px;
}
div.star-rating a, div.star-rating > span{display:block;width:18px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a, div.star-rating-on > span{
	background-position:0 -18px !important
}
#leave_comment .star-rating-hover a, #leave_comment .star-rating-hover > span {
	background-position:0 -18px;
}
div.star-rating-readonly{
	margin-right:0px !important;
   cursor: default;
}
div.star-rating-readonly a, div.star-rating-readonly > span{
	cursor:default !important;
	width: 15px !important;
	height: 15px !important;
	background-image: url(../img/star/strread.png) !important;
}
.star-rating-readonly.star-rating-on a, .star-rating-readonly.star-rating-on > span{
	background-position:0 -15px !important
}

.numberCircle {
  display: inline-block;
  line-height: 0px;
  border-radius: 50%;
  border: 2px solid;
  font-size: 16px;
}
.bg-gr{
  background-color: rgba(75, 157, 68, 0.52);
}
.bg-re{
 background-color: rgba(255, 57, 47, 0.69);
}
.numberCircle span {
  display: inline-block;
  padding-top: 50%;
  padding-bottom: 50%;
  margin-left: 7px;
  margin-right: 7px;
}
/*
.stars-top-large {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 15px 0 5px 0 !important;
    width: 100% !important;
}*/
.stars-top-large {
    display: flex !important;
    /* Убираем 100%, иначе он будет занимать всю строку и не даст прижаться вправо */
    flex-direction: column !important;
    align-items: flex-start !important;
    width: auto !important; 
    /* Прижимаем вправо */
    margin-left: 15px !important; 
    margin-right: 0 !important;
    /* Ограничиваем ширину самим контентом */
    max-width: fit-content !important; 
    
    /* Остальное */

    margin-top: 5px !important;
    margin-bottom: 15px !important;
    padding: 15px 15px;
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 4px; 
}
.stars-top-large a {
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    color: inherit !important;
}

.stars-top-large a,
.stars-top-large a span,
.stars-top-large .star-rating-control,
.stars-top-large .star-rating,
.stars-top-large .star-rating a,
.stars-top-large .star-rating span {
    cursor: pointer !important;
}
.stars-top-large .rating-number {

    font-size: 18px !important;
    margin-right: 12px !important;
    line-height: 1 !important;
    display: inline-block !important;
}
.stars-top-large div.star-rating-readonly {
    cursor: pointer !important;
}

.stars-top-large .star-rating-control {
    display: flex !important;
    align-items: center !important;
    height: 26px !important; 
}

.stars-top-large div.star-rating-readonly {
    width: 26px !important; 
    height: 26px !important;
    margin: 0 2px 0 0 !important;
    float: none !important; 
    display: block !important;
    padding: 0 !important;
}

.stars-top-large div.star-rating-readonly a, 
.stars-top-large div.star-rating-readonly > span {
    width: 26px !important;
    height: 26px !important;
    background-image: url(../img/star/strread.png) !important;
    background-size: 26px auto !important;
    background-position: 0 0 !important;
    display: block !important;
}

.stars-top-large .star-rating-readonly.star-rating-on span {
    background-position: 0 -26px !important; 
}

.stars-top-large .rating-info-text {
    margin-left: 12px !important;
    font-size: 15px !important;
    color: #777 !important;
    white-space: nowrap !important; 
}
@media (max-width: 580px) {
  .stars-top-large {
        width: 100% !important;        
        max-width: 100% !important;  
        margin-left: 0 !important;   
        margin-right: 0 !important;   
        align-items: center !important; 
    }
}