.rating{
	height: auto;
}
.star-rating{
	font-size: 0;
	white-space: nowrap;
	display: inline-block;
	width: 80px;
	height: 16px;
	overflow: hidden;
	position: relative;
	background: url(images/blankstar.svg);
	background-size: contain;
}
.star-rating i{
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 20%;
	z-index: 0;
	background: url(images/fullstar.svg);
	background-size: contain;
}
.star-rating input{
	-moz-appearance: none;
	-webkit-appearance: none;
	opacity: 0;
	display: inline-block;
	width: 20%;
	height: 100%;
	margin: 0;
	padding: 0;
	z-index: 2;
	position: relative;
}
.star-rating input:hover + i {
	z-index: 1;
	position: absolute;
	background: url(images/votestar.svg);
	background-size: contain;
}

.star-rating input:hover + i,
.star-rating input:checked + i{
	opacity: 1;
}
.star-rating i ~ i{
	width: 40%;
}
.star-rating i ~ i ~ i{
	width: 60%;
}
.star-rating i ~ i ~ i ~ i{
	width: 80%;
}
.star-rating i ~ i ~ i ~ i ~ i{
	width: 100%;
}