/*
  Theme Name: Hazel
  Author: TreeWorks
  Author URI: http://treethemes.net
  
  NEW VC SHORTCODES CSS
*/

/***************************************************************
					TESTIMONIALS STYLE 1
***************************************************************/
.testimonials.style1{
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.testimonials-content{position: relative;width: 100%;transition:all .5s ease-in;margin-bottom: 10px;float: left;}

.testimonials.style1 .testimonial {
	position: absolute;
	text-align: center;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	display: none;
}

.testimonials.style1 .testimonial.active{display: block;}

.testimonials.style1 .testimonial p {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 20px;
	color: #5C5C5C;
	font-weight: normal;
	text-align: center !important;
}

.testimonials.style1 .testimonial span.t-author-style1, .testimonials.style1 .testimonial span a{
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	text-transform: uppercase;
	font-weight: 800;
	color: #333;
	letter-spacing: 4px;
}
 .testimonials.style1 .testimonial span a{letter-spacing: 3px;font-size: 11px;}
.testimonials.style1 .testimonial span a:hover{opacity: 0.9;}

.testimonials.style1 .testimonial-box{
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	float: left;
	text-align: center;
}
.testimonials.style1 .testimonial-nav{width: auto;margin: 0 auto 25px;display: table;float: none;text-align: center;}
.testimonials.style1 .testimonial-nav li{
	position: relative;
	float: left;
	list-style-type: none;
	width: 50px;
	height: 50px;
	margin: 0 20px 10px 0;
	border-radius: 100px;
}
.testimonials.style1 .testimonial-nav li a{
	width: 50px;
	height: 50px;
	display: inline-block;
	padding: 0;
	border: none;
	border-radius: 100px;
	overflow: hidden;
	opacity: 0.5;
}
.testimonials.style1 .testimonial-nav li a.active{
	opacity: 1;
}
.testimonials.style1 .testimonial-nav li a:before{
	width: 80px;
	height: 80px;
	background: red;
	position: absolute;
	z-index: 2;
}
.cover-test-img{
	background: rgba(26, 188, 156,0.8);
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	opacity: 0;
	border-radius: 100px;
	overflow: hidden;
	background: none !important;
}


.testimonials.style1 .testimonial-nav li a:hover .cover-test-img, .testimonials.style1 .testimonial-nav li a.active .cover-test-img{
	opacity: 1;
}

.no_avatar{
	background: #212121 url(../../images/sprite.png) no-repeat -447px 25px;
	width: 74px;
	height: 74px;
}
.testimonials-style2 .no_avatar{
	background: #212121 url(../../images/sprite.png) no-repeat -441px 33px;
	width: 88px;
	height: 88px;
}

/***************************************************************
					TESTIMONIALS STYLE 2
***************************************************************/
.testimonials-slide{
	padding: 0;
	margin: 0;
}
.testimonials-slide-content .img-container img.ie{border-radius: 100%;}
#testimonials-slider{
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

.nav-dark .testimonials-slide-content p{
	margin-top: 0px;
	color: #8C8C8C;
	font-size: 22px;
	line-height: 1.5em;
	font-weight: 500;
}
.nav-light .testimonials-slide-content .text-container span, .nav-light .testimonials-slide-content .text-container, .controlnav-light .testimonials-slide-content .text-container span, .controlnav-light .testimonials-slide-content .text-container{
	padding: 0px 0 30px 0;
	font-size: 18px;
	font-weight: 600;
	color: #f0f0f0;
}
.light-testimonials .t-author-style1,
.light-testimonials .text-container{
	color: #f0f0f0 !important;
}
html .light-testimonials .testimonials.style1 .testimonial span a{
	color: #ccc !important;
}
.nav-light .testimonials-slide-content p, .controlnav-light .testimonials-slide-content p{
	margin-top: 50px;
	color: #D7D7D7;
	font-size: 22px;
	line-height: 1.5em;
	font-weight: 500;
}
.vc_col-sm-6 .nav-light .testimonials-slide-content p, .vc_col-sm-6 .controlnav-light .testimonials-slide-content p{
	  margin-top: 25px;
	  font-size: 18px;
}
.vc_col-sm-6 .testimonials-slide-content .text-container span a{
	font-size: 15px;
	font-weight: 600;
}
.nav-dark .testimonials-slide-content .text-container span{
	padding: 10px 0 30px 0;
	font-size: 18px;
	font-weight: 600;
	color: #444;
}

.testimonials-slide-content.container{width: 100% !important;}
.testimonials-style2.flexslider .testimonials-slide .img-container img, .testimonials-style1.flexslider .testimonials-slide .img-container .no_avatar{width:88px;height:88px;}
.testimonials-slide-content p{margin-top: 0px;}
.text-container .fa-quote-left{padding-right: 5px;}
.text-container .fa-quote-right{padding-left: 5px;}
.testimonials-slide-content{text-align: center;}
.single .img-container{
	width: 100px;
	min-height: 145px;
	overflow: hidden;
	text-align: center;
	display: inline-block;
	display: table;
	text-align: center;
	margin: 0 auto;
	top: 0;
	position: relative;
	margin-right: 25px;
}
.single .img-container img, .img-container img, .single .comment-author img{
	-webkit-filter: none !important;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;

}
.img-container{
	width: 70px;
	height: 70px;
	overflow: hidden;
	text-align: center;
	display: inline-block;
	display: table;
	text-align: center;
	margin: 0 auto;
}

.testimonials-slide-content .text-container{
	width: 95%;
	margin: 0px auto;
	display: inline-block;
}
.vc_col-sm-6 .testimonials-slide-content .text-container{
	width: 96%;
}
.vc_col-sm-12 .testimonials-slide-content .text-container{
	width: 85%;
}
.social-font-awesome{
	position: relative;
	margin-top: 20px;
}
.social-font-awesome li{
	position: relative;
	float: left;
	list-style-type: none;
	margin-right: 20px;
}
.social-font-awesome li a{
	font-size: 1.3em;
	color: #444;
}


/* ANIMATIONS */
.loaded .animated {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: .6s;
	-moz-animation-duration: .6s;
	-ms-animation-duration: .6s;
	-o-animation-duration: .6s;
	animation-duration: .6s;
}
@-webkit-keyframes fadeIn {
	0% {
		 opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
}
	100% {
		opacity: .95;
	}
}
@-o-keyframes fadeIn {
	0% {
		opacity: 0;
}
	100% {
		opacity: .95;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
}
	100% {
		opacity: .95;
	}
}