@font-face {
      font-family: 'web';
      src: url('/font/web.eot?77022131');
      src: url('/font/web.eot?77022131#iefix') format('embedded-opentype'),
           url('/font/web.woff?77022131') format('woff'),
           url('/font/web.ttf?77022131') format('truetype'),
           url('/font/web.svg?77022131#web') format('svg');
      font-weight: normal;
      font-style: normal;
}

input[type="radio"] {
  display: none;
}

/* Ratings widget */
.rate{
    color: #e1dfde;
    display: inline-block;
    border: 0;
	cursor:pointer;
}
/* Hide radio */
.rate form > input {
    display: none;
}
/* Order correctly by floating highest to the right */
.rate form > label {
    float: right;
}
/* The star of the show */
.rate form > label:before {
    display: inline-block;
    /*font-size: 1.1rem;*/
    font-size: 1.3rem;
    /*padding: .3rem .2rem;*/
    padding: .3rem .6rem;
    margin: 0;
    cursor: pointer;
    /*font-family: FontAwesome;*/
	font-family: 'web';
    /*content: "\f005 ";*/ /* full star */
	content: "\e804 "; /* full star */
}

/* Half star trick */
.rate form .half:before {
    /*content: "\f089 ";*/ /* half star no outline */
	content: "\e806 "; /* half star no outline */
    position: absolute;
    padding-right:0;
}

/* Click + hover color */
input:checked ~ label, /* color current and previous stars on checked */
label:hover, label:hover ~ label { /*color: #73B100;*/ color: #fba427; } /* color previous stars on hover */

/* Hover highlights */
input:checked + label:hover, input:checked ~ label:hover, /* highlight current and previous stars */
input:checked ~ label:hover ~ label, /* highlight previous selected stars for new rating */
label:hover ~ input:checked ~ label /* highlight previous selected stars */ { /*color: #A6E72D;*/ color: #f8b24d; } 

@media only screen and (min-width: 0px) and (max-width: 600px) {
.rate form > label:before {
font-size: 1.6rem;
padding: .3rem .8rem;
}
}
    
@media only screen and (min-width: 0px) and (max-width: 280px) {
.rate form > label:before {
padding: .3rem .6rem;
}
}