.star-rating {
    
    width: 99%;
    margin-bottom:10px
 
}

.rating li {
  cursor: default;
  display: inline-block;
  font-size: 30px;
  list-style-type: none;

}
.star,
.rating:not(.vote-cast):hover .star:hover ~ .star,
.rating.vote-cast .star.selected ~ .star {
  /* normal state */
  color: #efefef;
 
}

.rating:hover .star,
.rating.vote-cast .star {
  /* highlighted state */
  color: #d04000;
  
}











.rating2 li {
  cursor: default;
  display: inline-block;
  font-size: 50px;
  list-style-type: none;

}
.star2,
.rating2:not(.vote-cast):hover .star2:hover ~ .star2,
.rating2.vote-cast .star2.selected ~ .star2 {
  /* normal state */
  color: #f57b5e;
 
}

.rating2:hover .star2,
.rating2.vote-cast .star2 {
  /* highlighted state */
  color: #fff;
  
}


.rating3 li {
  cursor: default;
  display: inline-block;
  font-size: 45px;
  list-style-type: none;

}
.star3,
.rating3:not(.vote-cast):hover .star3:hover ~ .star3,
.rating3.vote-cast .star3.selected ~ .star3 {
  /* normal state */
  color: #f57b5e;
 
}

.rating3:hover .star3,
.rating3.vote-cast .star3 {
  /* highlighted state */
  color: #fff;
  
}



/*
.star-rating2 {
    
    width: 99%;
    margin-bottom:10px
 
}
.star-rating2 .rating li {
  cursor: default;
  display: inline-block;
  font-size: 30px;
  list-style-type: none;

}
.star-rating2 .star,
.star-rating2 .rating:not(.vote-cast):hover .star:hover ~ .star-rating2 .star,
.star-rating2 .rating.vote-cast .star.selected ~ .star-rating2 .star {
 
  color: #efefef;
 
}

.star-rating2 .rating:hover .star,
.star-rating2 .rating.vote-cast .star {
 
  color: #d04000;
  
}*/