.vote-wrap{
    overflow: hidden;
}

.vote-block{
	position: relative;	
}

.vote-hover{
    float: left;
    cursor:  pointer;
}


.vote-stars{
	position: absolute;
	left: 0;
	top: 0;
}

.vote-active{
	position: absolute;
	left: 0;
	top: 0;
}

.vote-result{
    color: #ccc;
    font-size: 14px;
    margin-top: 12px;
    padding-left: 190px;
}

.vote-success{
    clear: both;
    color: #ccc;
    font-size: 14px;
    margin: 10px 0 0 10px;
}

.fake_rating {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 16px;
    color: var(--gray);
    margin: 0 0 20px 0;
}

.rating_name {
	display: inline-flex;  
}

.rating_text {
    display: inline-flex;
}

.stars__in,
.stars__out {
    font-size: inherit;
    width: 17px;
    height: 17px;
}
.stars__out {
    position: relative;
    color: grey;
    z-index: 1;
    margin-right: 4px;
}
.stars__in {
    position: absolute; 
    z-index: 2;
    color: #778873;
    font-size: inherit;
    display: block; 
    top: 0; 
    left: 0; 
    bottom: 0;
    overflow: hidden;
}

@media (min-width:500px) {
	#rating_3 {
	    position: relative;
		display:inline-block;
		/*vertical-align: middle;*/
		/*width: 130px;*/
    }
}
@media (max-width:499px) {
	#rating_3 {
	    position: relative;
		display:inline-block;
		/*vertical-align: middle;*/
		/*width: 80px;*/
	}
}