.rating-form { color: #717881; font-size: 12px; z-index: 1000; }

.rating-form .rating-text { clear: both; padding: 0; }
	.rating-form .rating-container , .rating-form .rating-text textarea , .rating-form .rating-result { line-height: 130%; }
	.rating-form .rating-result.rating-result-active { margin: 0 0 10px 0; }
	.rating-form .rating-text textarea { padding: 5px; display: block; margin-top: 20px; font-family: 'Montserrat', sans-serif; font-size: 12px; border: 1px solid #DDDDDD; width: 100%; height: 155px; resize: none; }

.rating-form .rating-submit { margin-top: 10px; text-align: right; }
	.rating-form .rating-submit input[type="submit"] { cursor: pointer; border: 0; font-size: 12px; padding: 10px 25px; color: #779A1D; background-color: #EEEEEE; text-transform: uppercase; }
		.rating-form .rating-submit input[type="submit"]:hover { text-decoration: underline; }	
 
.rate {
    float: left;
    margin-top: 10px;
    margin-bottom: 20px;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float:right;
    width:25px;
    height: 24px;
    background-image: url(/template/img/star.png);
    background-size: cover;
    background-repeat: no-repeat;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
}

.rate > input:checked ~ label {
	background-position: 0 -24px;
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
	background-position: 0 -24px;
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
	background-position: 0 -24px;
}