/* CLEARFIX */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.clearfix {
  display: inline-block;
  clear: both; }

/* start commented backslash hack \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }
/* close commented backslash hack */

@font-face {
    font-family: 'handsean';
    src: url('../fonts/handsean.eot');
    src: url('../fonts/handsean.eot') format('embedded-opentype'),
         url('../fonts/handsean.woff2') format('woff2'),
         url('../fonts/handsean.woff') format('woff'),
         url('../fonts/handsean.ttf') format('truetype'),
         url('../fonts/handsean.svg#handsean') format('svg');
}

.review{
	display: flex;
	align-items: stretch;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:solid 1px #ccc;
}

ul.rating_stars{
	list-style:none;
  margin: 0px 5px 15px 10px;
}

ul.rating_stars li{
	display:inline-block;
}

.unlit:before {
	content: '\f005';
	font-family: FontAwesome;
	font-size: 1.3em;
	color: #fff;
	background: #eaeaea;
	padding: 3px;
	margin: 0 2px;
	border-radius: 4px;
}

.lit:before{
	content: '\f005';
	font-family: FontAwesome;
	font-size: 1.3em;
	color: #fff;
	background: #F0BA45;
	padding: 3px;
	margin: 0 2px;
	border-radius: 4px;
}

.reviews_banner_image{
	margin-bottom:20px;
}

.review:last-child {
    border-bottom: solid 3px #000;
}

.review_author{
	background: #F0BA45;
	width: 25%;
	padding: 20px;
	border-radius: 15px;
	float:left;
}

.gravatar{
	display:inline-block;
	width:96px;
	height:96px;
	border-radius:50%;
}

.reviewer_details{
	display: inline-block;
	vertical-align: top;
	text-align: right;
	width: calc(100% - 96px);
}

.review_content{
	float: right;
	width: calc(75% - 20px);
	margin-left: 20px;
	padding: 20px;
	border-left: solid 1px #cccccc;
	color:#808080;
}

.review_content ul.rating_stars{
	margin:0 0 10px 0!important;
}

.review_author .reviewer_details .reviewer_name{
	font-family: 'handsean';
	color:#000000;
	font-size: 1.5em;
  line-height: 1em;
	display:block;
	margin-bottom:5px;
}

.days_ago{
	display:block;
	margin-bottom:10px;
	color:#808080;
}

.review_author .reviewer_company{
	display:block;
	color:#ffffff;
}

#reviews_heading {
    background: #e6e6e6;
    color: #000000;
    font-size: 2em;
    padding: 60px;
    margin-bottom: 20px;
}

#review_averages_percentages_latest{
	display: flex;
	align-items: stretch;
}

#review_averages_percentages_latest #ratings_average_circle{
	display: inline-block;
	width: 240px;
}

#review_averages_percentages_latest #ratings_percentages, #review_averages_percentages_latest #latest_review{
	display: inline-block;
	width: calc(50% - 140px);
	margin-left: 20px;
	padding-left: 20px;
	border-left: solid 1px #cccccc;
}

@media(max-width:1035px){
	#reviews_heading{
		padding: 30px;
		font-size: 1.5em;
	}
	#review_averages_percentages_latest{
		display:block;
	}
	#review_averages_percentages_latest #ratings_average_circle{
		display: block;
		margin: 0 auto 20px auto;
	}
	#review_averages_percentages_latest #ratings_percentages, #review_averages_percentages_latest #latest_review{
		display: block;
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0;
		border:none;
		clear: both;
	}
	.review_author{
		width: 50%;
	}
}

@media(max-width:767px){
	.review{
		display:block;
	}
	.review_author{
		float: none;
		width: 50%;
		min-width: 300px;
	}
	.review_content{
		float: none;
		margin-left: 0;
		border-left: none;
		width: 100%;
	}
}