.rate > input {
  display: none;
}

.rate {
  display: inline-block;
  border: 0;
}

/* Gray base star */
.rate > label {
  float: right;
}

.rate > label::before {
display: inline-block;
font-size: 1.1rem;
font-family: FontAwesome;
content: "\f005";
margin: 0;
padding: 0.3rem 0.2rem;
cursor: pointer;
}

.rate .half::before{
  content: "\f089";
  position: absolute;
  padding-right: 0;
}

input:checked ~ label, label:hover ~ label {
  color: #ffb503;
}

input:checked + label:hover, input:checked ~ label:hover,input:checked ~ label:hover ~ label,
label:hover ~ input:checked ~ label {
  color: #cc9000;
}


.rating-star i{
  color: #ffb503;
}

.rating-star i.fa-star-o {
  color: #ccc;
}

.rating-star {
  display: inline-block;
}