.stars {
    position: relative;
    font-size: 1em;
}

.stars a,
.stars a:after,
.stars a.active:after,
.star-rating span:before {
    color: #f9ac25;
}

.stars a {
    display: inline-block;
    font-weight: 700;
    margin-right: 8px;
    text-indent: -9999px;
    position: relative;
    text-decoration: none;
}

.stars a:last-child {
    border-right: 0;
    margin-right: 0;
}

.stars a.star-1,
.stars a.star-2,
.stars a.star-3,
.stars a.star-4,
.stars a.star-5 {
    border-right: 1px solid #e4e8ea;
}

.stars a.star-1:after,
.stars a.star-2:after,
.stars a.star-3:after,
.stars a.star-4:after,
.stars a.star-5:after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.stars a.star-1 {
    width: 1.5em;
}

.stars a.star-1:after {
    content: "\f006";
}

.stars a.star-1.active:after,
.stars a.star-1:hover:after {
    content: "\f005";
}

.stars a.star-2 {
    width: 2.5em;
}

.stars a.star-2:after {
    content: "\f006\f006";
}

.stars a.star-2.active:after,
.stars a.star-2:hover:after {
    content: "\f005\f005";
}

.stars a.star-3 {
    width: 3.2em;
}

.stars a.star-3:after {
    content: "\f006\f006\f006";
}

.stars a.star-3.active:after,
.stars a.star-3:hover:after {
    content: "\f005\f005\f005";
}

.stars a.star-4 {
    width: 4.5em;
}

.stars a.star-4:after {
    content: "\f006\f006\f006\f006";
}

.stars a.star-4.active:after,
.stars a.star-4:hover:after {
    content: "\f005\f005\f005\f005";
}

.stars a.star-5 {
    width: 5em;
    border: 0;
}

.stars a.star-5:after {
    content: "\f006\f006\f006\f006\f006";
}

.stars a.star-5.active:after,
.stars a.star-5:hover:after {
    content: "\f005\f005\f005\f005\f005";
}