.bottom-10 {
    margin-bottom: 10px;
}

.bottom-15 {
    margin-bottom: 15px;
}

.rate-0-05 {
    width: 10%;
}

.rate-1-00 {
    width: 20%;
}

.rate-1-05 {
    width: 30%;
}

.rate-2-00 {
    width: 40%;
}

.rate-2-05 {
    width: 50%;
}

.rate-3-00 {
    width: 60%;
}

.rate-3-05 {
    width: 70%;
}

.rate-4-00 {
    width: 80%;
}

.rate-4-05 {
    width: 90%;
}

.rate-5-00 {
    width: 100%;
}

.rating-box {
    position: relative;
    vertical-align: middle;
    font-size: 2em;
    font-family: FontAwesome;
    display: inline-block;
    color: #A0C72F;
}

    .rating-box:before {
        content: "\f006 \f006 \f006 \f006 \f006";
    }

    .rating-box .rating {
        position: absolute;
        left: 0;
        top: 0;
        white-space: nowrap;
        overflow: hidden;
        color: #A0C72F;
    }

        .rating-box .rating:before {
            content: "\f005 \f005 \f005 \f005 \f005";
        }