@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";

#reviews {
    display: block;
    position: relative;
    top: -10px;
}

.reviews *,
.review_block * {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.review_block {
	margin-top: 20px;
	padding: 10px 0;
	border-top: 2px solid #e47bbb;

}

.review_block .name_section,
.review_block .review_section,
.review_block .comment_section {
	max-width: 100%;
	margin-bottom: 5px;
}

.review_block .review_section label.review_radio {
	margin: 1px 20px 0 4px;
    vertical-align: top;
    width: 10px;
}	


.review_block .review_section label {}	

.review_block label {
	clear: both;
	display: inline-block;
	width: 100%;
	padding: 0;
	margin-bottom: 0;	
	font-weight: normal;
	cursor: pointer;
	color: #3491d1;
}
.review_section span {
	margin-bottom: 15px;
	display: block;
}
.review_question i {
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	padding: 0 10px;
	color: #44db3b;
}
.review_block .name_question,
.review_block .review_question,
.review_block .comment_question {
	display: block;
	margin: 10px 0;
	font-weight: normal;
}

.review_block .review_select {
	font-weight: bold;
}

.review_block .review_input {
	width: 100%;
	height: auto;
	border: 1px solid #e5e5e5;
	margin: 0 0 5px;
	padding: 8px;
	border-radius: 4px;
	outline: 0 none;
}
.review_input:focus {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
    border-color: #e47bbb !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.review_input button[type="submit"]:hover 
	background: #0aa0ff;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
.review_block .review_comment_title {
	width: 100%;
	margin-bottom: 10px;
}

.review_block .review_comment {
	width: 100%;
	height: auto;
	border: 1px solid #e5e5e5;
	margin: 0 0 5px;
	padding: 8px;
	border-radius: 4px;
	outline: 0 none;
}
.review_comment:focus {
	webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
    border-color: #66AFE9 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.review_q span.startxt {
	display:block;
}
/*

input[type=radio].review_radio,
input[type=checkbox].review_radio {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
    
input[type=radio].review_radio ~ label:before,
input[type=checkbox].review_radio ~ label:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f1db";
    letter-spacing: 10px;
    font-size: 1.2em;
    color: #535353;
    width: 1.4em;
}

input[type=radio].review_radio:checked ~ label:before,
input[type=checkbox].review_radio:checked ~ label:before  {
    content: "\f00c";
    font-size: 1.2em;
    color: darkgreen;
    letter-spacing: 5px;
}
input[type=checkbox].review_radio ~ label:before {        
    content: "\f096";
}
input[type=checkbox].review_radio:checked ~ label:before {
    content: "\f046";        
    color: darkgreen;
}
input[type=radio].review_radio:focus ~ label:before,
input[type=checkbox].review_radio:focus ~ label:before,
input[type=radio].review_radio:focus ~ label,
input[type=checkbox].review_radio:focus ~ label
{                
    color: green;
}

*/


/* reviews output */
.success {
	border: 2px solid #e47bbb;
	padding: 10px;
	margin: 10px 0;
}
.error {
	border: 2px solid #e47bbb;
	padding: 10px;
	margin: 10px 0;
}

.stars {
	margin-left: 15px;
	cursor: pointer;
}

.stars {
    display: inline;
    position: relative;
}
.stars:hover:after {
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 4px;
    bottom: 26px;
    color: #fff;
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
	min-width: 40px;
    content: attr(tooltip);
}
.stars:hover:before {
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}

.star {
    color: #fcb900;
    font-size: 20px;
    margin-left: 2px;
}

.review_likes {
	clear: both;
	width: 100%;
	border: 1px solid #ccc;
	background: rgba(239, 239, 239, 0.1);
	padding: 5px;
	margin-top: 15px;
	border-radius: 4px;
}
.review_likes.noborder {
	border: none;
	background: inherit;
}
.review_likes .likes {
	cursor: pointer;
	margin: 0 0 0 20px;
}
@media (max-width: 479px) {
	.review_likes {
		font-size: 85%;
	}
	.review_likes .likes {
		margin: 0;
	}
}
.review_likes .count {
	border: 1px solid #999;
	border-radius: 4px;
	padding: 0px 10px;
	margin-left: 5px;
	background: #fff;
}
.reviews {
	margin-top: 20px;
	padding: 10px 0;	
}
.reviews .review {
	position: relative;
	margin: 15px 0;
	width: 100%;
	clear: both;
}
.reviews .review.boxed {
	padding: 20px;
	font-size: 90%;
}
.reviews .review.spamflagged ,
.reviews .review.notap.spamflagged {
	background: #FDE1E0;
}
.reviews .review.notap {
	background: rgba(255,255,255,.3);
    border-radius: 5px;
    top: 15px;
}
.reviews .alert {
	background: #e47bbb;
	color: #fff;
	text-decoration: none;
	padding: 0 5px;
	float: right;
	margin-left: 10px;
	border-radius: 4px;
}

.review:after {
    content: "";
    clear: both;
    display: table;
}

.reviews .review_count{
	margin: 0 0 10px 0;
	font-weight: bold;
}
.reviews .review_full{
	width: 100%;
	vertical-align: top;
	min-height: 1px;
	position:relative;
	overflow: hidden;
}
.reviews .review_left{
	width: 60%;
	vertical-align: top;
	float: left;
	min-height: 1px;
	position:relative;
	overflow: hidden;
}
.reviews .review_right{
	float: right;
	width: 40%;
	text-align: right;
	vertical-align: top;
	min-height: 1px;
	position:relative;
}
.reviews .review_bottom{
	clear: both;
	width: 100%;
	position:relative;
}


@media (max-width: 767px) {
	.reviews .review_left{
		float: none;
		width: 100%;
	}
	.reviews .review_right{
		margin-top: 20px;
		margin-bottom: 20px;
		float: none;
		width: 100%;
		text-align: left;
		border: 1px solid #aaa;
		padding: 10px;
	}
	.review_q span.startxt {
		display:inline-block;
		width: 60%;
	}
	.review_q span.stars {
		display:inline-block;
		width: calc(40% - 20px);
		text-align: right;
	}
	.flags {
		display: block;
	}
}

.reviews .review_q  {
	vertical-align: top;
	margin-bottom: 5px;	
}
.reviews img.review_img  {
	vertical-align: top;
	max-width: 100px !important;
}

.review_by {
	font-style: italic;
	border-bottom: 1px solid #aaa;
	margin-bottom: 10px;
	padding: 5px 2px;
}
.review_by a {
	font-weight: bold;
}

.review_title {
	font-weight: bold;
}

a.review_button:link,
a.review_button:visited,
a.review_button:active,
a.review_button,
button.review_button {
	background: #e47bbb;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	display: inline-block;
	padding: 14px 25px;
	margin: 0px;
	border: none;
	border-radius: 4px;
	text-transform: uppercase;
}
a.review_button:hover,
button.review_button:hover {
	color: #333;
	text-decoration: none;
}
.right_button {
	float: right;
}

.readmore_button {
	color: #e47bbb;
	background: #fff;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	padding: 2px 25px;
	margin: 0px;
	border: 1px solid #e47bbb;
	border-radius: 4px;
}
.readmore_button:hover {
	background: #fff;
	color: #e47bbb;
	text-decoration: none;
}
.reply_button {
	color: #e47bbb;
	font-weight: bold;
	display: inline-block;
	margin: 0px;
}
.reply_button:hover {
	background: #fff;
	color: #e47bbb;
	text-decoration: none;
}

.fadeout {
	display: none;
	position: absolute; 
	text-align: left;
	vertical-align: bottom;
    bottom: 0em;
    width:100%;
    height: 150px;
	margin: 0;
    padding: 100px 0 0 0;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    ); 
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
}
.google_snippet {
	font-size: 80%;
	text-align: right;
}