.testimonial-node-1{
  	position: relative;
  	transition: all 0.35s;
  	padding-left: 65px;
  	max-width: 800px;
  	margin: 0 auto 45px;
  	@include media-breakpoint-down(sm){
	 	padding-top: 65px;
	 	padding-left: 0;
  	}
  	.testimonial-content{
	 	background: $white;
	 	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.07);
	 	position: relative;
	 	border-radius: 4px;
	 	&:after{
	  		content: '';
	  		background: url('#{$base-theme-image-path}/bg-arrow.png') repeat bottom center transparent; 
	  		@include size(166px, 110px);
	  		position: absolute;
	  		top: 100%;
	  		left: 30px;
	  		z-index: 11;
	 	}
  	}
  	.testimonial-image{
		border: 10px solid $white;
		padding: 10px;
		border-radius: 50%;
		position: absolute;
		top: 60px;
		left: -65px;
		transition: all 0.35s;
		@include media-breakpoint-down(lg){
		  	left: -60px;
		}
		@include media-breakpoint-down(sm){
		  	top: -60px;
		  	left: 30px;
		}
		img{
			@include size(90px, 90px);
			border-radius: 50%;
			@include media-breakpoint-down(lg){
		  		@include size(80px, 80px);
			}
		}
  	}
  	.testimonial-content-inner{
		padding: 50px 45px 55px 95px;
		margin: 0 auto;
		position: relative;
		@include media-breakpoint-down(lg){
		  	padding: 50px 30px 55px 85px;
		}
		@include media-breakpoint-down(sm){
		  padding: 85px 30px 30px;
		}
		.quote-icon{
			font-size: 60px;
			color: #F0F3F6;
			position: absolute;
			bottom: 50px;
			right: 45px;
			z-index: 1;
			transition: all 0.35s;
			@include media-breakpoint-down(lg){
			  font-size: 45px;
			  right: 30px;
			}
		}
		.testimonial-quote{
			font-size: 18px;
			line-height: 34px;
			font-weight: 500;
			margin-bottom: 15px;
			margin: 0 auto;
		}
		.testimonial-information{
			margin: 30px 0 0;
			span{
			  &.testimonial-name{
					font-size: 20px;
					font-weight: 600;
					color: $black;
					font-family: $headings-font-family;
			  }
			  &.testimonial-job{
					font-size: 14px;
					line-height: 1.1;
					font-weight: 600;
			  }
			}
		}
  	}
  	&:hover{
		.testimonial-image{
			border-color: $theme-color;
		}
		.testimonial-content-inner{
			.quote-icon{
			  color: $theme-color;
			}
		}
  	}
}

.owl-item.first{
	.testimonial-node-1{
		.testimonial-image{
		  	border-color: $theme-color;
		}
		.testimonial-content-inner{
		  	.quote-icon{
			 	color: $theme-color;
		  	}
		}
	}
}

.testimonial-node-2{
  max-width: 750px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  .content-body{
	 position: relative;
	 padding: 0 30px 30px;
	 .avatar{
		margin-bottom: 45px;
		max-width: 90px; 
		position: relative;
		display: inline-block;
		img{
		  width: 100%!important;
		  height: auto;
		  @include border-radius(50%);
		}
		.quote-icon{
		  font-size: 38px;
		  @include size(38px, 38px);
		  background: $theme_color;
		  color: $white;
		  text-align: center;
		  display: inline-block;
		  @include border-radius(50%);
		  position: absolute;
		  top: 50%;
		  margin-top: -20px;
		  right: -20px;
		  line-height: 62px;
		  font-style: italic;
		  padding-right: 12px;
		}
	 }
	 .quote{
		font-size: 26px;
		line-height: 48px;
		position: relative;
		padding-bottom: 25px;
		color: $black;
		text-align: center;
		font-family: $headings-font-family;
		@include media-breakpoint-down(md){
		  font-size: 22px;
		  line-height: 40px;
		}
	 }
	 .info{
		text-align: center;
		.name{
		  font-size: 20px;
		  font-weight: 700;
		  color: $theme-color-second;
		  font-family: $headings-font-family;
		}
		.job{
		  font-size: 16px;
		  line-height: 1;
		  font-family: $headings-font-family;
		}
	 }
  }
}


.testimonial-node-3{
  background: none;
  max-width: 620px;
  float: left;
  position: relative;
  @include border-radius(6px);
  border: 1px solid $border-color;
  .testimonial-content{
	 padding: 20px;
  }
  .video{
	 margin-bottom: 20px;
	 .popup-video{
		display: inline-block;
		background: url('#{$base-theme-image-path}/icon-play-2.png') no-repeat left center $nocolor;
		height: 55px;
		padding-left: 75px;
		line-height: 55px;
		@include transition(all 0.35s);
		&:hover, &:focus, &:active{
		  @include scale(0.9);
		}
	 }
  }
  .quote{
	 font-size: 18px;
	 line-height: 32px;
	 font-weight: 400;
	 font-family: "Georgia";
	 color: #838383;
	 font-style: italic;
  }
  .title{
	 font-weight: 700;
	 font-size: 18px;
	 margin-top: 15px;
	 color: $black;
  }
  .job{
	 font-size: 13px;
  }
}

.testimonial-node-v3{
  max-width: 600px;
  margin: 0 auto;
  padding: 60px;
  background: $white;
  @include clearfix();
  @include media-breakpoint-down(lg){
	 padding: 30px;
  }
  .testimonial-content{
	 .testimonial-icon{
		margin-bottom: 15px;
		span{
		  @include size(40px, 40px);
		  color: $white;
		  background: $theme_color;
		  @include border-radius(50%);
		  line-height: 56px;
		  display: inline-block;
		  font-size: 36px;
		  font-style: italic;
		  padding-left: 10px;
		}
	 }
	 .quote{
		font-size: 22px;
		line-height: 46px;
		position: relative;
		padding-top: 10px;
		color: $black;
		font-family: $headings-font-family;
		@include media-breakpoint-down(lg){
		  font-size: 20px;
		  line-height: 40px;
		}
		@include media-breakpoint-down(md){
		  font-size: 18px;
		  line-height: 36px;
		}
	 }
  }
  .content-inner{
	 @include clearfix();
	 border-top: 1px solid $border-color;
	 margin-top: 40px;
	 padding-top: 40px;
	 .left{
		@include size(90px, 90px);
		@include border-radius(50%);
		float: left;
		overflow: hidden;
	 }
	 .right{
		padding-left: 110px;
		padding-top: 20px;
		.name{
		  color: $theme_color;
		  font-weight: 700;
		  font-size: 18px;
		  display: block;
		  line-height: 1.1;
		  font-family: $headings-font-family;
		}
		.job{
		  color: #b1bec5;
		}
	 }
  }
}


.testimonial-grid{
  .item-grid{
	 margin-bottom: 45px;
	 @include clearfix();
	 .testimonials-quote{
		font-size: 16px;
		color: $black;
		padding: 30px;
		border: 1px solid $border-color;
		font-weight: 400;
		font-style: italic;
		font-family: "Georgia";
	 }
	 .testimonials-profile{
		display: inline-block;
		position: relative;
		margin-left: 30px;
		float: left;
		padding-top: 20px;
		&:after{
		  content: "";
		  position: absolute;
		  @include size(50px, 2px);
		  background: $theme-color;
		  top: -1px;
		  left: 0;
		  z-index: 1;
		}
		.right{
		  padding-left: 70px;
		  .name{
			 font-size: 16px;
			 font-weight: 700;
			 color: #000000;
			 margin: 0;
			 text-transform: uppercase;
		  }
		  .job{
			 font-size: 12px;
			 font-weight: 900;
			 color: $theme-color;
			 text-transform: uppercase;
		  }
		}
		.left{
		  display: inline-block;
		  float: left;
		  img{
			 @include border-radius(50%);
			 width: 50px;
			 height: auto;
		  }
		}
	 }
  }
}