#comments {
}
	#comments .var-comment {
		margin: 50px 0;
	}
	/*
		#comments .var-comment.active {
			display: block;
		}*/

#main #comments .hr {
	margin-bottom: 20px;
}
	#main #comments .hr .set-comm-var {
		font-size: 13px;
		text-transform: uppercase;
		color: #a9a9a9;
		margin-left: 20px;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
		position: relative;
		z-index: 2;
		font-weight: normal;
	}
		#main #comments .hr .set-comm-var.active {
			color: #0b2e64;
			border-bottom: 2px solid #0b2e64;
		}

.linkrow span {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}
	.linkrow a {
	  font-size: 13px;
	  text-transform: lowercase;
	  color: #a9a9a9;
	  margin-left: 20px;
	  -webkit-transition: all 0.2s ease;
	  -moz-transition: all 0.2s ease;
	  -ms-transition: all 0.2s ease;
	  -o-transition: all 0.2s ease;
	  transition: all 0.2s ease;
	  position: relative;
	  z-index: 2;
	}
		.linkrow a.active {
		  color: #0b2e64;
		  border-bottom: 2px solid #0b2e64;
		}
		.linkrow a.active:hover {
		  border-color: #a9a9a9;
		}
		.linkrow a:after {
		  content: '';
		  position: absolute;
		  top: -5px;
		  left: -10px;
		  right: -10px;
		  bottom: -5px;
		  z-index: -1;
		}
		.linkrow a:hover {
		  color: #0b2e64;
		}

.add-comment-block {
	margin: 20px 0;
}
	.add-comment-block .add-comment-block {
		margin: 0;
	}

.form1 .track {
  margin-top: 6px;
}
	.form1 .track .tools {
	  float: left;
	  margin-left: -5px;
	  margin-top: 5px;
	}
		.form1 .track>.btn_style {
			margin-left: 15px;
		}
	.form1 .track .tools .btn {
	  display: inline-block;
	  float: left;
	  color: #a8a8a8;
	  padding: 2px;
	  margin-right: 10px;
	  -webkit-transition: all 0.3s ease;
	  -moz-transition: all 0.3s ease;
	  -ms-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  transition: all 0.3s ease;
	}
	.form1 .track .tools .btn:last-child {
	  margin-right: 0;
	}
	.form1 .track .tools .btn svg {
	  display: block;
	}
	.form1 .track .tools .btn:hover {
	  color: #292929;
	}

.attach-block {
  margin: 0 -10px;
}
  .attach-block>.attachment {
    float: left;
    position: relative;
    width: 100px;
    margin: 10px;
  }
    .attach-block>.attachment>.a {
      display: block;
      overflow: hidden;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
    }
      .attach-block>.attachment>.a>img {
        display: block;
        height: 100px;
        max-width: none;
      }
    .attach-block>.attachment>.x {
      position: absolute;
      top: -8px;
      right: -8px;
      overflow: hidden;
      color: #FFF;
      background: #000;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      width: 20px;
      text-align: center;
      border: 2px solid #FFF;
    }


.add-first-comm {
	background: #FFF8DB;
	padding: 1px 20px;
	margin: 30px 0;
	position: relative;
	box-shadow: 0 0 30px #f7f7f7;
}
	.add-first-comm:after {
		content: ' ';
		position: absolute;
		top: 100%;
		left: 50%;
		width: 0;
		height: 0;
		border: 20px solid transparent;
		border-top-color: #FFF8DB;
		margin-left: -20px;
	}



.comment-cell {
	margin: 20px 0;
	padding: 0px 0px 15px;
	border-bottom: 1px solid #f2f2f2;
}
	.comment-cell.level {
		margin-top: -10px;
	}
	.comment-cell>.text-comm {
	}

		.comment-cell>.text-comm>.comment-title {
			overflow: hidden;
			white-space: nowrap;
			font-size: 12px;
		}
			.comment-cell>.text-comm>.comment-title>.user {
				font-size: 16px;
				font-weight: bold;
				margin-right: 10px;
			}

		.comment-cell>.text-comm>.comment-div {
			font-style: italic;
			font-size: 14px;
			padding: 10px 0;
		}
		.comment-cell>.text-comm>.admin-panel .date {
			font-size: 13px;
			color: #bbbbbb;
		}

.after-comm-login {
	margin-top: -20px;
	border-top: 1px solid #dddddc;
	padding-top: 10px;
	text-align: center;
	display: block;
}
	.after-comm-login>div {
		position: relative;
		text-align: left;
		margin-bottom: 15px;
		padding: 10px 0;
	}
		.after-comm-login>div>p {
			margin: 0;
			padding: 0;
		}
		.after-comm-login>div>input.input[type=text] {
			position: absolute;
			top: 6px;
			left: 200px;
			width: 200px;
		}

#comment-listing {
	margin: 40px 0;
}
	#comment-listing>.comb {
		margin: 30px 0;
		position: relative;
	}
	#comment-listing>.comb.replied-1 {
		padding-left: 50px;
	}
	#comment-listing>.comb.replied-2 {
		padding-left: 100px;
	}
		#comment-listing>.comb .cl.cl1 {
			float: left;
			width: 55px;
		}
			#comment-listing>.comb .like-dislike {
				position: absolute;
				right: -8px;
				top: -4px;
				font-size: 13px;
				z-index: 2;
			}
				#comment-listing>.comb .btns_ac .fl {
					float: right;
					padding: 4px 8px;
				}
				#comment-listing>.comb .btns_ac .fl.b {
					cursor: pointer;
					visibility: hidden;
				}
					#comment-listing>.comb:hover .like-dislike .fl.b {
						visibility: visible;
					}
				#comment-listing>.comb .btns_ac .fl.b svg {
					display: block;
				}
				#comment-listing>.comb .btns_ac .fl svg {
					fill: transparent;
					-webkit-transition: fill 0.2s ease-out;
					-moz-transition: fill 0.2s ease-out;
					-ms-transition: fill 0.2s ease-out;
					-o-transition: fill 0.2s ease-out;
					transition: fill 0.2s ease-out;
				}
				#comment-listing>.comb .btns_ac .fl.like:hover svg {
					fill: #5FB353;
				}
				#comment-listing>.comb .btns_ac .fl.dislike:hover svg {
					fill: #E44D4D;
				}
				#comment-listing>.comb .btns_ac .fl.count {
					background: #ddf2dc;
					padding: 5px 10px;
					-webkit-transition: all 0.2s ease-out;
					-moz-transition: all 0.2s ease-out;
					-ms-transition: all 0.2s ease-out;
					-o-transition: all 0.2s ease-out;
					transition: all 0.2s ease-out;
					cursor: default;
				}
					#comment-listing>.comb:hover .like-dislike .fl.count {
						background: #56bf50;
						color: white;
					}
				#comment-listing>.comb .btns_ac .fl.count.null {
					background: transparent;
					color: #a9a9a9;
				}
					#comment-listing>.comb:hover .btns_ac .fl.count.null {
						background: #aaa;
						color: white;
					}
				#comment-listing>.comb .btns_ac .fl.count.under-null {
					background: #ffe5e2;
				}
					#comment-listing>.comb:hover .like-dislike .fl.count.under-null {
						color: #fff;
						background: #e44040;
					}
		#comment-listing>.comb .cl.cl2 {
			margin-left: 75px;
		}

			#comment-listing>.comb .place {
			  margin-bottom: 5px;
			  position: relative;
			  z-index: 1;
			  top: -2px;
			}
				#comment-listing>.comb .place .username {
					font-weight: bold;
					font-family: 'Proxima Nova';
				}
				#comment-listing>.comb .place .o {
				  color: #a8a8a8;
				  display: inline-block;
				  margin-left: 20px;
				  font-size: 13px;
				}
				#comment-listing>.comb .place .o span {
				  display: inline-block;
				  vertical-align: bottom;
				}
				#comment-listing>.comb .place .o svg {
				  display: inline-block;
				  vertical-align: bottom;
				}

			#comment-listing>.comb .replied {
			  font-size: 13px;
			  position: relative;
			}

			#comment-listing>.comb .replied a {
			  color: #a9a9a9;
			  padding: 3px 1px 1px;
			  margin-left: 16px;
			  -webkit-transition: all 0.2s ease-out;
			  -moz-transition: all 0.2s ease-out;
			  -ms-transition: all 0.2s ease-out;
			  -o-transition: all 0.2s ease-out;
			  transition: all 0.2s ease-out;
			}

			#comment-listing>.comb .replied a:hover {
			  color: #292929;
			}

			#comment-listing>.comb .replied a:hover + svg {
			  color: #292929;
			}

			#comment-listing>.comb .replied svg {
			  color: #a8a8a8;
			  position: absolute;
			  left: -3px;
			  top: -3px;
			  -webkit-transition: all 0.2s ease-out;
			  -moz-transition: all 0.2s ease-out;
			  -ms-transition: all 0.2s ease-out;
			  -o-transition: all 0.2s ease-out;
			  transition: all 0.2s ease-out;
			}

			#comment-listing>.comb .text {
				font-size: 15px;
				padding-right: 25px;
			}
				#comment-listing>.comb .text p {
					margin: 5px 0;
					line-height: 1.3em;
					word-wrap: break-word;
				}
					#comment-listing>.comb .text p>a {
						color: #ff4132;
					}

			#comment-listing>.comb .commatach {
				margin-top: 10px;
			}
				#comment-listing>.comb .commatach>.attach {
					margin: 5px 0;
					padding: 0;
					list-style: none;
				}
					#comment-listing>.comb .commatach>.attach.comm-gallery {
						margin-left: -5px;
						margin-right: -5px;
					}
						#comment-listing>.comb .commatach>.attach.comm-gallery>li {
							display: block;
							float: left;
							margin: 5px;
						}

			#comment-listing>.comb .reply {
			  font-size: 13px;
			  margin: 0;
			}

			#comment-listing>.comb .reply a {
			  color: #a9a9a9;
			  border-bottom: 1px dotted #a9a9a9;
			  -webkit-transition: all 0.2s ease-out;
			  -moz-transition: all 0.2s ease-out;
			  -ms-transition: all 0.2s ease-out;
			  -o-transition: all 0.2s ease-out;
			  transition: all 0.2s ease-out;
			  padding-top: 3px;
			  display: inline-block;
			}

			#comment-listing>.comb .reply a:hover {
			  color: #292929;
			  border-color: #292929;
			}

			#comment-listing>.comb .reply a:hover + svg {
			  color: #292929;
			}

			#comment-listing>.comb .reply svg {
			  color: #a8a8a8;
			  /* margin-left: -3px; */
			  margin-bottom: -6px;
			  -webkit-transition: all 0.2s ease-out;
			  -moz-transition: all 0.2s ease-out;
			  -ms-transition: all 0.2s ease-out;
			  -o-transition: all 0.2s ease-out;
			  transition: all 0.2s ease-out;
			}

			#comment-listing>.comb .to_title {
			  margin-top: 12px;
			}

			#comment-listing>.comb .to_title a {
			  font-size: 15px;
			  font-weight: 500;
			  color: #292929;
			  border-bottom: 1px solid #292929;
			  padding-top: 4px;
			  padding-bottom: 1px;
			  line-height: 20px;
			  -webkit-transition: all 0.2s ease;
			  -moz-transition: all 0.2s ease;
			  -ms-transition: all 0.2s ease;
			  -o-transition: all 0.2s ease;
			  transition: all 0.2s ease;
			}

			#comment-listing>.comb .to_title a:hover {
			  border-color: transparent;
			}