@charset "UTF-8";
.rating_selection {
	text-align: center;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	height: 65px;
	padding-top: 35px;
	white-space: nowrap;
}
.ratingbox {
	height: 110px;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	line-height: 1em;
	text-align: center;
	white-space: nowrap;
	max-width: 98%;
	border: thin solid #00F;
	border-radius:10px;
	margin-bottom: 25px;
}
.currating {
	height: 35px;
	width: 1100px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	text-align: center;
	line-height: 35px;
	word-spacing: 4px;
}

.rating_selection label:first-of-type {
  display: none;
}
.rating_selection input[type='radio'],
.rating_selection span {
  display: none;
}
.rating_selection label {
  cursor: pointer;
}
.rating_selection label:before {
  display: inline-block;
  content: "★";
  font-size: 80px;
  letter-spacing: 10px;
  color: #e9cd10;
  cursor:pointer;
  }
.rating_selection input:checked + label ~ label:before {
  color: #aaa;
}
.rating_selection:hover label[for]:before {
  color: #e9cd10;
}
.rating_selection:hover label:hover ~ label:before {
  color: #aaa;
}

fieldset {
    border: 0;
}

@media screen and (max-width:769px) {
	
	
	.rating_selection {
		
		width:100%
		
	}
	
	.pleaserate {
		
		width:95%;
		margin-bottom: 5px;
	}
	
	.ratingbox {
		
		width: 100%;
		
	}
	
	.rating_selection label:before {
		
		font-size: 50px;
		  letter-spacing: 4px;
	}

}

/* Mobile view */
@media screen and (max-width:480px) {
	
		.rating_selection {
		
		width:100%
		
	}
	
	.pleaserate {
		
		width: 95%;
		margin-bottom: 5px;
	}
	
		.ratingbox {
		
		width: 100%;
		
	}
	
	.rating_selection label:before {
		
		font-size: 50px;
		  letter-spacing: 4px;
	}

}