{% if testimonials %}
<style>
.testinomials{
	background:none;
	background-color:{{ wtsettings.tbg_color }};
	background-image:url('{{ wtsettings.tbg_image }}');
	padding:20px;
	font-size:18px;
	color:{{ wtsettings.tfont_color }};
}
.testinomials i{
	margin-bottom:15px;
}
.testinomials .owl-wrapper-outer{
	box-shadow:none;
	border:0px;
}
.testinomials .ttitle{
	font-size:26px;
	text-transform:uppercase;
	font-weight:bold;
}
.testinomials .tdescription{
	font-size:18px;
}
.testinomials .owl-carousel .owl-buttons div{
	color:#fff;
	text-shadow:none;
}
.testinomials .tauthor{
	font-size:16px;
	font-style:italic;
}
.testinomials .owl-carousel {
	background:none;
}
</style>
<div class="testinomials text-center">
<h3 style="color:{{ wtsettings.Hfont_color }};">{{ heading }}</h3>
<div id="testimonial{{ module }}" class="owl-carousel" style="opacity: 1;">
	{% for testimonial in testimonials %}
  <div class="item text-center">
		<i class="fa fa-quote-left"></i>{{ testimonial.description }}
			{% if publish_date %}<small>{{ testimonial.publish_date }}</small> {% endif %}
			{% if testimonial.title %}<p class="tauthor">{{ testimonial.title }}{% if testimonial.author %}, {{ testimonial.author }}{% endif %}</p>{% endif %}
		{% if testimonial.image %}
			<img src="{{ testimonial.image }}" class="img-circle" alt="{{ testimonial.title }}"  />
		{% else %}
			<img src="image/no_image.png" class="img-circle" alt="{{ testimonial.title }}" />
		{% endif %}
  </div>
  {% endfor %}
</div>
</div>
<script type="text/javascript"><!--
$('#testimonial{{ module }}').owlCarousel({
	items: 6,
	autoPlay: 3000,
	singleItem: true,
	navigation: true,
	navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
	pagination: false
});
--></script>
{% endif %}