.wpcf7-starratingawesome.starratingawesome{ clear:both; display: block;display: block; float:none; padding:0;margin: 5px 0 10px; border:none;flex-flow: row-reverse;-webkit-flex-flow: row-reverse;}
.starratingawesome > input{margin-left:0}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */

   .starratingawesome:not(:checked) > input {
    position:absolute;
    clip:rect(0,0,0,0);
}

.starratingawesome:not(:checked) > label {
   /*  float:right;
   padding:0 .1em;*/
    overflow:hidden;
    white-space:normal;
    cursor:pointer;
    color: #E1E5ED;
   /*  line-height: 1.2em; */
    width: 73px;;
    font-size: 100% ;
   /*  margin-right:0.2em; */
	    display: inline-block;
		opacity: .5;
    filter: alpha(opacity=50);
	margin-bottom:0px;
}
/*
.starratingawesome:not(:checked) > label:before {
    padding: 0 0.2em 0 0;
}
*/
.starratingawesome > input[type=radio]:checked  + label {
   /*  color: #5DB4EC; */
	opacity: 1;
    filter: alpha(opacity=100);
}

.starrating_number{    
    color: #5DB4EC;
    display: inline-block;
    float: right;
    line-height: 1em;
    padding-left: 10px;
    padding-right: 20px;
    font-weight: bold;
    font-size:110%;
}



.starratingawesome > label:hover{
    /* color: #FFD700; */
	opacity: 1;
    filter: alpha(opacity=100);
}

.starratingawesome > input:checked + label:hover, .starratingawesome > input:checked + label:hover ~ label,
.starratingawesome > input:checked ~ label:hover, .starratingawesome > input:checked ~ label:hover ~ label,
.starratingawesome > label:hover ~ input:checked ~ label {
    /*color: #EEAA00;
	opacity: 1;
    filter: alpha(opacity=100);*/
}
.starratingawesome > label .fa-star{background:url(../../faces/face1.png) 0 0/100%;width:40px; height:40px;} 
.starratingawesome > label:nth-of-type(2) .fa-star{background:url(../../faces/face2.png) 0 0/100%;width:40px; height:40px;} 
.starratingawesome > label:nth-of-type(3) .fa-star{background:url(../../faces/face3.png) 0 0/100%;width:40px; height:40px;} 
.starratingawesome > label:nth-of-type(4) .fa-star{background:url(../../faces/face4.png) 0 0/100%;width:40px; height:40px;} 
.starratingawesome > label:nth-of-type(5) .fa-star{background:url(../../faces/face5.png) 0 0/100%;width:40px; height:40px;} 
.starratingawesome > label .fa-star:before{display:none;} 
.starratingawesome > label:active {
    position:relative;
    top: auto;
    left:0;
}

.lightcolor.rating_title {font-size: 15px; line-height: 15px; margin:0 0 5px!important;}