.comments_container{ float:left; width: 100%;margin: 0 auto;display: table;}
.comments_section_title{font-size:19px;padding: 0px 0px 20px 0px;text-decoration:underline;width: 200px;}
.comments_section{padding: 0px 0px 0px 0px;width: 100%;float: left;}
.comments_section .comment_section{
    padding: 15px 0px 15px 0px;
    /* background: #fff; */
}
.comments_section .comment_section .comment_user{
    font-weight: bold;
    padding: 0px 10px 10px 10px;
}
.comments_section .comment_section .comment_title{
    padding: 0px 10px 10px 10px;
    font-size: 14px;
    font-weight: bold;
}
.comments_section .comment_section .comment_description{
    padding: 0px 10px 10px 10px;
}

.comment_answer{
    padding: 0px 20px 0px 20px;
    float: left;
}
.comment_answer .comment_admin{
    font-weight: bold;
    padding: 10px;
    color: #014e9f;
}
.comment_answer .comment_answer_description{
    padding: 0px 10px 10px 10px;
    font-style: italic;
}
.write_comment_title{padding: 0px 0px 30px 0px;font-size: 17px;text-decoration: underline;}
#comments_submit{
    margin: 20px 0px 50px 0px;
    width: 405px;
    height: 33px;
    font-size: 17px;
    float: left;
    clear: left;
}
#comment{width: 100%; position: relative;float: left;/*margin: auto;*/}
#comments_form{
}
#rating_label{
    padding: 4px 0px 0px 0px;
    width: 25%;
    float: left;
    /* line-height: 36px; */
}
#comments_form label{}
#comments_form input[type=text],
#comments_form input[type=number]{
    height: 33px;
    width: 70%;
    float: left;
}

.comments-user-age,
.comments-user-gender {
	margin-bottom: 15px;
}

#comments_form input[type=number] {
	width: 127px;
}

#comments_form textarea{
    width: 70%;
    height: 115px;
}
.rating {
    float:left;
    width: 70%;
    margin-bottom: 15px;
}
.rating span {float: right;position:relative;}
.rating span input {
    position:absolute;
    top:0px;
    left:0px;
    opacity:0;
    height: 35px;
    width: 36px;
}
.rating_container{
    float: left;
    width: 200px;
    margin-right: 60px;
}
.rating span label {
    display:inline-block;
    width: 35px;
    height: 35px;
    text-align:center;
    color:#FFF;
    background: url(star-off-big.png) no-repeat -2px -2px;
    background-size: 35px 35px;
    font-size:30px;
    margin-right:2px;
    line-height:30px;
    -webkit-border-radius:50%;
	border-radius:50%;
    transition: opacity 0.2s linear;
}
.rating span:hover ~ span label,
.rating span:hover label,
.rating span.checked label,
.rating span.checked ~ span label {
    background: url(star-on-big.png) no-repeat -2px -2px;
    background-size: 35px 35px;
    color:#FFF;
}

#commentsFormWrong {
		display: none;
		float: left;
		font-size: 12px;
		padding: 13px;
		background: white;
		color: red;
		border: 1px solid red;
		margin: 0px 0px 0px 10px;
	}
.captcha_wrong{float:none !important; margin:auto;}
#commentsFormSuccess {float: left;margin: 0;display:none;border:2px solid #8ddb28;background: #fff;text-align:center;font-size:24px;color:#5e9c0e;padding: 0px 0px;
	line-height: 30px;width: 100%;position: absolute;top: 0;}
#commentsFormSuccess .content{
    background: inherit;
    text-align: center;
}
#commentsFormSuccess .content .description{
    font-size: 18px;
    padding: 0;
}
.captcha_area{
    text-align: center;
}
.security_code{
    width: 282px !important;
}
.captchaImg{padding: 0px 0px 0px 30px;float: left;}
#input_label{width: 25%;float: left;}
.user_rating{
    padding: 0px 10px 10px 10px;
}
.user_rating .rating_stars{
    float: left;
}
.user_rating .rating_stars img{}
.user_rating .rating_number{
    float: left;
    font-size: 19px;
    width: 110px;
    text-align: center;
    color: #014e9f;
}
/*#jalert_box_cont_errboxid{ height:37px;}*/
.msg-text{margin-top:3px;}
.error_empty_field{
		display: none;
		float: left;
		font-size: 12px;
		padding: 12px;
		background: white;
		color: red;
		border: 1px solid red;
		margin: 0px 0px 10px 0px;
}

.comments_pagination{padding: 0px 0px 0px 20px; margin-bottom: 25px;}
.pagination_element *{
    font-size: 20px !important;
    padding: 5px;
}
.comments_pagination .selected *{
    background: #014e9f;
    color: #fff;
}
span a:hover{color:#014e9f; text-decoration:underline; cursor:pointer;}

.selected a:hover{ text-decoration:underline; color:#fff; }
.page{/* background:#fff; */  min-height: 417px; height: auto !important;}

.mainimagebutton5{font-size: 16px;background: #002144;width: 250px;text-align:center;line-height:30px;height: 30px;border:none;color:#fff;cursor:pointer;cursor:hand;-webkit-border-radius:4px 4px 4px 4px;-moz-border-radius:4px 4px 4px 4px;border-radius:4px 4px 4px 4px;margin-top: 10px;margin-bottom: 10px;}
.mainimagebutton5:hover{opacity: 0.9;box-shadow: 2px 2px 2px #cecece, 2px -2px 2px #cecece;}
#comments_submit{font-size: 16px;background: #002144;width: 405px;text-align:center;line-height:30px;height: 35px;border:none;color:#fff;cursor:pointer;cursor:hand;-webkit-border-radius:4px 4px 4px 4px;-moz-border-radius:4px 4px 4px 4px;border-radius:4px 4px 4px 4px;margin-top: 15px;margin-bottom: 10px;line-height: 35px;transition: 0.2s ease all;}
#comments_submit:hover{opacity: 0.9;box-shadow: 2px 2px 2px #cecece, 2px -2px 2px #cecece;}
form#comments_form .g-recaptcha {width:304px; margin:auto; margin-top: 15px;}
.comments-submit_button { display: block; margin: 0 auto; text-align: center; width: 200px; font-size: 16px; border: 1px solid #0e659a; color: #847a75; padding-top: 10px;
    padding-bottom: 10px; text-decoration: none;font-weight: 100;}
.comments-submit_button:hover {background-color: #0e659a; color:#fff;}

@media screen and (max-width: 640px) {
	
	.comments_container {text-align: center;}
	.comments_pagination {padding: 0px 0px 0px 0px; margin-bottom: 25px; width: 100%; float: left;}
	.user_rating .rating_number{width:50px; text-align: center;}
	.write_comment_title {text-align: center;}
	.rating, #rating_label { width: 100%;  text-align: center;}
	
	.rating {
		margin-bottom: 45px;
	}
	.rating_container { 
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		 transform: translateX(-50%);
		 float: none;	
		 width: -webkit-fit-content;	
		 width: -moz-fit-content;	
		 width: fit-content;
		 margin-right: 0;	
	}
	.rating span {float: right;}
	#input_label { width: 100%; float: left; text-align: center;}
	#comments_form input[type=text], #comments_form textarea{width:98%;}
	.comments-submit_button {margin-bottom: 20px;}
	
	.user_rating .rating_stars,
	.user_rating .rating_number {
		display: inline-block;
		vertical-align: middle;
		float: none;
	}
	
	.comments-user-gender,
	.comments-user-age {
		text-align: center;
	}
	
	#comments_form input[type=number] {float: none;}
	
	.comment_description img {
		float: none !important; 
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 100%!important;
		height: auto !important;
	}
	
}

@media screen and (min-width: 641px) and (max-width: 1240px) {
	
	form#comments_form .g-recaptcha { width: auto; margin: auto; margin-left: 25%; margin-top: 15px; overflow: hidden;}
	
	.comments-submit_button {
		margin-top: 40px;
	}
		
}

.comment-select {
	min-width: 131px;
    height: 33px;
}

#comments_form #agree {
    float: right !important;
    margin-right: 20px;
}

.comments-comment {
	 margin-top: 30px;
}
   
