@charset "utf-8";
/*--------------------------------------------------------------------
	Write Review Page
--------------------------------------------------------------------*/
#write-reviews {padding: 50px 0; background: #fcfcfc;}
#write-reviews .review-title{border-bottom: 3px solid #dddddd; display: flex; align-items: center; padding: 10px 0;}
#write-reviews .review-title .reviewed-logo{width: 130px; margin-right: 15px; padding: 5px;}
#write-reviews .review-title h2 {font-size: 25px;}
#write-reviews .review-title h2 span{font-weight: bold;}
#write-reviews .review-ratings {margin-bottom: 15px;}
#write-reviews .review-ratings p {font-size: 16px; margin-bottom: 7px;}
#write-reviews .review-ratings li {display: inline-block; margin-right: 5px; width: 25px; height: 25px; background: #e2e2e2; border-radius: 3px; line-height: 25px; text-align: center; cursor: pointer;}
#write-reviews .review-ratings li.red {background: #c90000;}
#write-reviews .review-ratings li.green {background: #6e912a;}
#write-reviews .review-ratings .fa-star {font-size: 15px; color: #ffffff;}
#write-reviews .write-review-forms {background: #ffffff; padding: 20px; border: 1px solid #dddddd; border-top: none;}
#write-reviews .write-review-forms .title-form{font-weight: 600; color: #333333; margin-bottom: 10px; font-size: 15px;}
#write-reviews .write-review-forms .form-group {margin-bottom: 20px; font-size: 13px;}
#write-reviews .write-review-forms .form-group.mr_none{margin-bottom: 0;}
#write-reviews .write-review-forms .title-form span{font-weight: bold;}
#write-reviews .write-review-forms input,#write-reviews .write-review-forms select{height: 38px;}
#write-reviews .write-review-forms .form-control {font-size: 14px; border-radius: 0; background: #ffffff; box-shadow: none;}
#write-reviews .rate-experience{margin: 0 0 20px 0; width: 100%; float: left;}
#write-reviews .rating-experience {width: 100%; display: block; border-bottom: 1px solid #dddddd; margin-bottom: 10px; margin-top: 0px; float: left;}
#write-reviews .rating-experience p {float: left; font-size: 14px;}
#write-reviews .rating-experience ul {float: right; display: flex;}
#write-reviews .rating-experience li {display: inline-block; margin-right: 5px; width: 35px; text-align: center;}
#write-reviews .how-know li{display: inline-block; margin-right: 10px;}
#write-reviews .how-know li:last-child{margin-right: 0;}
#write-reviews .write-review-forms .radio-button-style {display: block; position: relative; padding-left: 30px; margin-bottom: 5px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: normal;}
#write-reviews .write-review-forms .radio-button-style input {position: absolute; opacity: 0; cursor: pointer;}
#write-reviews .write-review-forms .checkmark {position: absolute; top: 0; left: 0; height: 22px; width: 22px; background-color: #ffffff; border-radius: 50%; border: 2px solid #8c8c8c; transition: all 300ms;}
#write-reviews .write-review-forms .radio-button-style input:checked ~ .checkmark {background-color: #6e912a;}
#write-reviews .write-review-forms .checkmark:after {content: ""; position: absolute; display: none;}
#write-reviews .write-review-forms .radio-button-style input:checked ~ .checkmark:after {display: block;} 
#write-reviews .write-review-forms .radio-button-style .checkmark:after {top: 5px;left: 5px; width: 8px; height: 8px; border-radius: 50%; background: white;}
#write-reviews .rate-experience-group{overflow: hidden; padding-top: 15px;}
#write-reviews .experience-type{margin-top: 15px; width: 100%; overflow: hidden; margin-bottom: 15px;}
#write-reviews .experience-type li{display: flex; margin-right: 20px; cursor: pointer; line-height: 28px; float: left;}
#write-reviews .experience-type li:focus{outline: none;}
#write-reviews .experience-type li span{width: 24px; height: 24px; background: #dddddd; display: inline-block; text-align: center; line-height: 24px; margin-right: 6px;}
#write-reviews .experience-type li:first-child{color: green;}
#write-reviews .experience-type li:first-child span{background: green;}
#write-reviews .experience-type li:last-child{color: red;}
#write-reviews .experience-type li:last-child span{background: red;}
#write-reviews .experience-type li span i{display: none; color: #ffffff; position: relative; top: 2px;}
#write-reviews button[type="submit"] {border: none; border-radius: 0px; background: #f37021; color: #ffffff;
padding: 10px 30px; font-size: 16px; text-transform: uppercase; margin-top: 0px; height: 50px;}
#write-reviews .write-review-forms .radio-button-style.positive{color: green;}
#write-reviews .write-review-forms .radio-button-style.negative{color: red;}
#review-success-msg h3{color:#3c763d; margin:0; font-size: 18px;}#review-success-msg h3 a{color:#3c763d; font-weight:bold;}
@media(max-width:767px){
	#write-reviews .review-title{display: block;}
	#write-reviews .review-title h2{font-size: 22px;}
	#write-reviews .review-title .reviewed-logo{width: 100%; margin-bottom: 10px;}
	#write-reviews .review-title .reviewed-logo img{max-height: 80px;}
	#write-reviews .rating-experience p{float: none; margin-bottom: 2px;}
	#write-reviews .rating-experience ul{float: none;}
	#write-reviews .rating-experience{padding-bottom: 15px;}
	#write-reviews .rate-experience {margin-top: 5px; margin-bottom: 15px;}
	#write-reviews button[type="submit"]{margin-top: 20px;}
	#write-reviews .review-ratings {margin-bottom: 30px;}
	#write-reviews .rating-experience li{height: 12px;}
	#write-reviews {margin-top: 120px}
}