/* No CSS needed, but you can pimp the container and the signs as you wish. */


/* all sign style */
.ratyli .rate{color: #ccc; font-size: 24px;}

/* empty sign style */
.ratyli .rate-empty{color: #666;}

/* full sign style after rating*/
.ratyli.rated .rate-full{color: #fe5845;}

/* active signs (hover)*/
.ratyli .rate-active{color: #a94039;}



/* layout styles (only for demo)*/
body{/*font-family: sans-serif;*/ background:#222; }
h1{color:#00dd9a; text-align:center; font-size:24px;  margin:30px 0;}
h2{color:#fe5845; font-weight:300; font-size:16px; margin:15px 0;}
p{clear:both; color: #ccc; text-align:center; padding:50px 0;}
footer p{font-size: 80%}
a{color:#00dd9a}
.demo{float:left; width:18%; padding:30px 1%; text-align:center;}
@media screen and (max-width: 920px) {
	.demo{float:none; width:90%; padding:20px 5%;}
}