/* 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;}
.rate,
.ratyli:hover{
	cursor: pointer;
 }
 .ratyli{
	 z-index: 9998 !important;
 }
/* 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;}

.demo1{
	width: 100% !important;
}
.demo1>span span:hover{
	cursor: pointer;
}

/*/!* 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%;}*/
/*}*/