/** COLORY **/
#pnsrating .pnsr_button{
background-color: #3a3a34;
}
#pnsrating .pnsr_button .pnsratsym{
background-color:#eee;
} 
#pnsrating .pnsr_button .pnsratprogress{	
background:#fff;
}
/** END KOLORY **/
#pnsrating{
padding:0px;
color: #999;
font-size: 12px;
position: relative;
margin-left:auto;
}
#pnsrating .pnsr_button{
padding: 6px;
  border: 0px;
  position: relative;
  cursor: pointer;
  font-weight: bold;
  margin: 0px 1px;
  font-size: 11px;
  border-radius: 100px;
}
#pnsrating .pnsr_button .pnsratsym{
border-radius: 100px;
left: 10px;
position: absolute;
color: #010051;
line-height: 0px;
width: 20px;
height: 20px;
z-index: 9;
}
.pnsrat_q{
	padding-right: 10px;
}
#pnsrating .pnsr_button .pnsratsym b{
positioN: absolute;
top: 50%;
left: 0;
right: 0;
margin: auto;
transform: translateY(-50%);
}
#pnsrating .pnsr_button .pnsratname{	
z-index: 9;
  position: relative;
  color: transparent;
  text-shadow: 0 0 0 #fff;
}
#pnsrating .pnsr_button .pnsratprogress{	
position:absolute;
width:0%;
height:100%;
transition:all 2s ease-out;
left: 0;
top: 0;
border-radius: 5px;
z-index: 5;
}
#pnsrating .pnsr_button.pnsr_progress .pnsratprogress{
	width:100%;
}

@media screen and (max-width: 480px) {
.pnsrat_q{
	display: block;
padding: 30px 0px;
width: 90%;
margin: 0 auto;
padding-top: 0px;
}
}