#comments {
  float: left;
  width: 100%;
  .comments-title{
	font-size: 18px;
	@extend .custom-font-2;
	color: #323232;
	font-weight: 400;
	margin-bottom: 14px;
  }
  #respond {
	margin-top: 11px;
	float: left;
	width: 100%;
	.comment-reply-title{
	  font-size: 18px;
	  color: #323232;
	  margin-bottom: 1px;
	}
.comment-form{
  margin-left: -15px;
  margin-right: -15px;
}
	.logged-in-as{
	  padding: 0 15px;
	}

  }
  .comment-list-wrap {
	padding: 0px 0px 23px;
	float: left;
	width: 100%;
  }
  .comment-list {
	list-style: none;
	padding: 0;
	float: left;
	width: 100%;
	.comment{
	  width: 100%;
	  float: left;
	  position: relative;

	}
	#respond {
	  margin-bottom: 35px;
	}
	.comment-body {
	  .comment-awaiting-moderation {
		display: none;
		+ br {
		  display: none;
		}
	  }
	  .comment-inner {
		margin-bottom: 40px;
	  }
	  .comment-author {
		line-height: 1;
		padding-left: 85px;
		width: 100%;
		float: left;
		position: relative;
		text-align: left;
		padding-top: 13px;
		.avatar {
		  @include border-radius(50%);
		  width: 64px;
		  float: left;
		  position: absolute;
		  left: 0;
		  top: 0;
		  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15), 0 0px 10px rgba(0, 0, 0, 0.15);
		  -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15), 0 0px 10px rgba(0, 0, 0, 0.15);
		  border: #fff solid 3px;

		}
		.fn {
		  font-size: 16px;
		  text-transform: capitalize;
		  color: $primary_color;
		  line-height: 24px;
		  font-style: normal;
		  font-weight: normal;
		  a{
			color: inherit;
			&:hover{
			  color: $secondary_color;
			}
		  }
		}
		.says {
		  display: none;
		}
	  }
	  .comment-metadata {
		line-height: 1;
		margin-bottom: 6px;
		margin-top: -7px;
		padding-left: 85px;
		float: left;
		width: 100%;
		text-align: left;
		a {
		  color: #323232;
		  font-size: 11px;
		  @extend .custom-font-2;
		  text-transform: uppercase;
		  line-height: 24px;
		  font-weight: 400;
		  position: relative;
		  z-index: 2;
		  &:hover {
			color: $primary_color;
		  }
		}
	  }
	  .comment-content{
		font-size: 13px;
		line-height: 22px;
		color: #666;
		font-weight: 300;
		margin-bottom: 9px;
		float: left;
		margin-top: 25px;
		width: 100%;
	  }
	  .reply {
		a {
		  position: absolute;
		  width: 37px;
		  height: 37px;
		  top: 3px;
		  right: 0;
		  background: $primary_color;
		  border-radius: 50%;
		  color: #fff;
		 text-indent: 40px;
		  overflow: hidden;
		  display: inline-block;
		  &:before{
			display: inline-block;
			font: normal normal normal 14px/1 FontAwesome;
			font-size: inherit;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			content: "\f112";
			line-height: 37px;
			width: 100%;
			text-indent: 0;
			float: left;
			text-align: center;
		  }
		  &:hover {
			background: $secondary_color;
		  }
		}
	  }
	}
	> li {
	  .comment-body {
		position: relative;
		padding-bottom: 0px;
		margin-bottom: 28px;
		min-height: 114px;
		border-bottom: #d4dadd solid 1px;
	  }
	  &:last-child .comment-body {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
		&:before {
		  display: none;
		}
	  }
	}
	.children {
	  list-style: none;
	  padding: 0 0 0 86px;
	  float: left;
	  width: 100%;
	}
	.pingback > .comment-body {
	  padding-left: 0;
	  min-height: 0;
	  a.url {
		color: $color_dark;
		&:hover {
		  color: $primary_color;
		}
	  }
	}
  }
  #commentform {
	padding-top: 13px;
	.form-submit {
	  margin-top: 21px;
	  margin-bottom: 0;
	  float: left;
	  margin-left: 15px;
	  #submit {
		display: block;
		width: 100%;
		border: none;
		height: 42px;
		line-height: 42px;
		border-radius: 3px;
		&:hover{
		  background: $secondary_color;
		  color: #fff;
		}
	  }
	}
	.comment-form-comment {
	  margin-bottom: 3px;
	  margin-top: 6px;
	}
  }
}
.comment-form-wrap{
  width: 100%;
  float: left;
  padding-top: 2px;
}
.no-comments{
  float: left;
  margin-top: 30px;
}