@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css);
/*YILDIZ*/
#rating-value{}
.rating-wrap{
    width: 140px;
}
.rating > input{
    display: none;
}
.rating>label:before {
    content: '\f005';
    font-family: FontAwesome;
    margin:2px 3px;
    display: inline-block;
    cursor: pointer;
    /*width: 5px;*/

}
.rating>.half:before {
    content: '\f089';
    position: absolute;
    cursor: pointer;
    /*width: 20px;*/
}
.rating>label {
    color: #FFFFFF;
    float: right;
    cursor: pointer;
}
.rating>input:checked~label,
.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label {
    color: #FFDA22;
}

.rating>input:checked+label:hover,
.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,
.rating>input:checked~label:hover~label {
    color: #FFED85
}
/*yıldız*/

/******CİRClE*********/
.circle{
    width: 35px;
    height: 35px;
    border-radius: 100%;
    border: 2px solid #51B451;
    overflow: hidden;
}
.circle:nth-child(2),
.circle:nth-child(3),
.circle:nth-child(4){
    margin-left: -25px;
}
.circle-gray{
    display: block !important;
    z-index: 101 !important;
    background-color: gray !important;
    opacity: .8;
    height: 100%;

}
/******CİRClE*********/