/* Hide the input element */
.rate > input {
    display: none;
}

/* Style the star rating container */
.rate {
    display: inline-block;
    border: 0;
}

/* Style the labels for the stars */
.rate > label {
    float: right;
}

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

/* Style the half-star icon */
.rate .half:before {
    content: "\f089";
    position: absolute;
    padding-right: 0;
}

/* Style the star icons when checked or on hover */
input:checked ~ label,
label:hover ~ label {
    color: #ffb501;
}

/* Style the star icons when checked and on hover */
input:checked + label:hover,
input:checked ~ label:hover,
input:checked ~ label:hover ~ label,
label:hover ~ input:checked ~ label {
    color: #cc9000;
}
.rating-star{
    color:#ffb503
}
ul.thumb{
    margin:0 auto;
    padding:0;
    float:left;

}
ul.thumb li{
    list-style: none;
    margin: 10px;

}
ul.htumb li img{
    width: 80px;
    height: 80px;
    border: 1px solid grey;
}