.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
    font-size: 3.5em;
    letter-spacing: 3px;
}
.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    color: #777;
}
.cancel-on-png {
    color: #dd5a43;
}
.cancel-on-png:before {
    content: "\f057"}
.cancel-off-png {
    color: #e08374;
}
.cancel-off-png:before {
    content: "\f05c"}
.star-on-png {
    color: #feb902;
}
.star-on-png:before {
    content: "\f005"}
.star-off-png {
    color: #ffffff;
}
.star-off-png:before {
    content: "\f006";}
.star-half-png {
    color: #feb902;
}
.star-half-png:before {
    content: "\f123"}