/* Star Rate Input */
	.rate {
		float: left;
		height: 46px;		
	}
	.rate:not(:checked) > input {
		position:relative;
		display: none;
	}
	.rate:not(:checked) > label {
		float:right;
		width:1em;
		overflow:hidden;
		white-space:nowrap;
		cursor:pointer;
		font-size:20px;
		color:#ccc;
		margin-right:10px;
	}
	.rate:not(:checked) > label:before {
	  font-family: 'Font Awesome 5 Free';
		/*content: '★ ';*/
		content: '\f005 ';
	}
	.rate > input:checked ~ label {
		color: #ffc700;
	}
	.rate:not(:checked) > label:hover,
	.rate:not(:checked) > label:hover ~ label {
		color: #EEBD01;
	}
	.rate > input:checked + label:hover,
	.rate > input:checked + label:hover ~ label,
	.rate > input:checked ~ label:hover,
	.rate > input:checked ~ label:hover ~ label,
	.rate > label:hover ~ input:checked ~ label {
		color: #c59b08;		
	}

	/* Model Star Rating Display */
	.stars {
	  display: block;
	  font-size: 16px;
	  position: relative;
	  overflow: hidden;
	}

	.stars-wrap {
	  display: inline-block;
	  position: relative;
	  height: 19px;
	}

	.stars .stars-active {
	  color: #EEBD01;
	  position: relative;
	  z-index: 10;
	  display: inline-block;
	  overflow: hidden;
	  white-space: nowrap;
	}

	.stars .stars-inactive {
	  color: #EEBD01;
	  position: absolute;
	  top: 0;
	  left: 0;
	  -webkit-text-stroke: initial;
	  /* overflow: hidden; */
	}