/*************************************
*
* Jc Comment
*
*************************************/
#jc {
	font-size:inherit;
    line-height: inherit;
}
#jc h4,#jc .g-title{
	font-size: 1.2rem;
    line-height: 2.5rem;
    margin: 0 0 1rem;
    padding: 0 0 0.5rem;
    border-bottom: 1px solid #7d8d78;
    color: #7d8d78;
    font-weight: 500;
	display:block
}
#comments {
    display: inline-block;
	box-sizing:border-box;
}
#comments a{
	color:inherit;
}
#comments a:active, #comments a:focus, #comments a:hover {
    color:#3c3c3c !important;
}
#comments-form-message{
	margin:10px 0;
}
#jc #comments-form-send a{
	display: inline-block;
    font-family: inherit;
    height: auto;
    min-width: 123px;
    text-align: center;
    box-sizing: border-box;
}
#comments-form p,
 #comments-form #comments-form-buttons, 
 #comments-form #comments-form-error, #comments-form #comments-form-captcha-holder{
	margin:0 0 5px !important;
}
#comments-form textarea,
#comments-form .grippie{
	max-width: 100% !important;
    width: 100%;
    box-sizing: border-box;
    height: auto;
}
#comments-form label, #comments-report-form label{
	display:block;
	float:left;
	    font-size: 12px;
}
#comments-form input[type="text"], #comments-report-form input[type="text"]{
	width:70%;
	float:right;
}
#comments-form span.captcha{
	font-size:12px;
}
#comments-form input.captcha{
	width: 123px;
   height:60px
}
#comments-form input.checkbox{
	float:left;
	margin:0 5px 0 0;
	background:none !important;
	border:none !important;
	line-height: 17px;
}
#comments-form .captcha,#comments-form img.captcha,#comments-form input.captcha{
	float:right;
	margin:0 0 0 10px;
	line-height: 62px;
}

#comments-form .captcha + br{
	display:none
}
#comments-form .btn, #comments-report-form .btn,
#comments-form .btn div, #comments-report-form .btn div{
	margin:0;
	padding:0;
	background:none;
	border:none;
	display:block;
	float:none
}
#comments-form .btn div{
	text-align:left;
}
#jc .rbox{
	border-radius: 0;
    border: none;
    padding: 20px 10px;
    box-sizing: border-box;
    border-bottom: 1px dashed #b9bbbd;
}
#comments-form{
	padding: 20px 0;
}
#comments .comments-list {
    margin-right: 0;
	margin: 0;
}

#jc .rbox div{
	line-height:20px;
}
#comments .comment-author, #comments .author-homepage,
#comments .author-email,#comments .comment-date{
	font-size: 13px;
    color: #6e6e6e;
    line-height: 20px;
    display: inline-block;
    float: left;
    margin: 0 30px 0 0;
    padding: 0;
    background: none;
}
#comments .comment-anchor{
	float:right;
	margin:0 0 0 10px
}
#comments .comment-date{
	color:#999;
	    direction: ltr;
}
#jc #comments .comment-body {
    font-size: 0.9em;
    font-weight: 300;
    color: #a4a6a9;
    padding: 0;
    margin: 20px 0;
   display: inline-block;
    clear: both;
    width: 100%;
    box-sizing: border-box;
	    text-align: justify;
}
#comments-list-footer {
    margin: 0!important;
}
#comments .rss, #comments .refresh, #comments .subscribe{
	position:relative;
	background:none !important;
	margin:0;
}
#comments .rss:before, 
#comments .refresh:before, #comments .subscribe:before{
	font-family: FontAwesome, sans-serif;
    position: absolute;
    left: 0;
    color: #19bba3;
    font-size: 16px;
}
#comments .rss:before{
	content: "\f09e";
}
#comments .refresh:before{
	content: "\f021";
}
#comments .subscribe:before{
	    content: "\f0e0";
}
#comments-form input,
#comments-report-form input, 
#comments-form textarea{
	background:#fff !important;
	border:1px solid #000 !important;
	width:100%;
	box-sizing:border-box;
	height:35px;
	line-height:35px;
	padding:0 5px !important;
	border-radius:0;
	box-shadow:none;
	margin:0;
}
#comments-form textarea{
	height:120px;
}
.jcomments-links {
    font-size: 0.85em;
}
#comments .rss, 
#comments .refresh, 
#comments .subscribe{
	padding: 0 0 0 20px;
}
#jc span.comments-vote a{
	width:20px;
	height:20px;
	background:none;
	    font-size: 18px;
}
#jc span.comments-vote a.vote-good:before{
	content: "\f087";
	font-family: FontAwesome,sans-serif;
	color:#66BB6A
}
#jc span.comments-vote a.vote-poor:before{
	content: "\f088";
	font-family: FontAwesome,sans-serif;
	color:#D50000
}
#jc span.comments-vote div{
	text-align:left
}
#comments-footer{
	display:none
}
#comments-form-buttons .btn a{
	border-radius:0;
    border: none;
    text-shadow: none;
    line-height: 35px;
    padding:0 20px;
	font-size: 14px;
	background:#7d8d78;
	color:#fff ;
	text-align: center;
	text-transform:uppercase;
	box-shadow:none;
	box-sizing: border-box;
	font-weight:normal;
	letter-spacing: 0;
	display:inline-block;
	transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
#comments-form-buttons .btn a:hover{
	background:#000;
	color:#fff
}
body.dir-rtl #comments-form #comments-form-buttons{
	float:left;
	margin:-45px 0 0 !important
}
body.dir-rtl #jc .comments-vote  div.vote-good,
body.dir-rtl #jc .comments-vote  div.vote-poor{
	float:left;
	margin:0 10px 0 0
}
body.dir-rtl #jc span.comments-vote a{
	float: left;
    margin: 0 2px 0 0;
}
body.dir-rtl #jc .rbox div {
    text-align: right;
}
body.dir-rtl #comments-form label, 
body.dir-rtl #comments-report-form label,
body.dir-rtl #comments-form input.captcha,
body.dir-rtl #comments-form input.checkbox{
	float:right;
	    margin-right: 5px;
}
body.dir-rtl #comments-form input[type="text"],
body.dir-rtl #comments-report-form input[type="text"]{
	float:left
}
body.dir-rtl #comments-form #comments-form-captcha{
	float:right
}
body.dir-rtl #comments-form .btn div,
body.dir-rtl #jc h4 {
    text-align: right;
}
body.dir-rtl #comments-form input.checkbox{
	margin: 0 0 0 5px;
}
body.dir-rtl #comments .comment-author, 
body.dir-rtl #comments .author-homepage,
body.dir-rtl #comments .author-email,
body.dir-rtl #comments .comment-date{
	float: right;
    margin: 0 0 0 30px;
}
body.dir-rtl #comments .rss:before,
body.dir-rtl #comments .refresh:before, 
body.dir-rtl #comments .subscribe:before{
	right:0;
	left:auto
}
body.dir-rtl #comments .rss, 
body.dir-rtl #comments .refresh, 
body.dir-rtl #comments .subscribe{
	padding: 0 20px 0 0;
}
@media screen and (max-width:767px){
	#comments-form input[type="text"], #comments-report-form input[type="text"]{
		width:100%;
	}
	#comments-form input.captcha{
		width:123px
	}
	#comments-form p > span{
		position:relative;
		padding-top:20px;
		padding-top: 20px;
		display: inline-block;
		width: 100%;
		box-sizing: border-box;
	}
	#comments-form p > span > label{
		position:absolute;
		top:0;
		right:0;
		left:0;
	}
	#comments-form p > span > label[for="comments-form-subscribe"]{
		position:relative;
		top:auto;
		right:auto;
		left:auto
	}
	#comments .comment-date{
		clear:both
	}
	#comments-form .captcha, #comments-form img.captcha, #comments-form input.captcha{
		margin:10px 10px 10px 0
	}
	body.dir-rtl #comments-form #comments-form-buttons{
		float:none;
		margin:0 !important
	}
	body.dir-rtl #comments-form .captcha,body.dir-rtl #comments-form img.captcha,body.dir-rtl #comments-form input.captcha{
		margin:10px 0 10px 10px
	}
}
@media screen and (max-width: 979px) and (min-width: 768px){
	#comments-form input[type="text"], #comments-report-form input[type="text"] {
		width: 60%;
	}
	#comments-form input.captcha{
		width: 123px;
	}
}