<div class="testimonial-container">
	
	
		<div class="module-title">
			{% if sub_title %}
			  <p class="sub-title">{{ sub_title }}</p>
			{% endif %}
			<h2>
				{{ title }}
			</h2>
		</div>
	
	{% set count = 0 %}
	{% if rows %}		
		{% set rows = slide.rows %}
	{% else %}
		{% set rows = 1 %}
	{% endif %}
	{% if testimonials %}
	
		<div class="block-content">
			<div class="owl-container">
			<div id="slides" class="owl-carousel owl-theme">
				{% for testimonial in testimonials %}
					{% if count % rows == 0 %}
					<div class="row_items">
					{% endif %}
					{% set count = count + 1 %}
					<div class="testimonial-content">
						<div class="item">
						<div class="item-inner">
							<div class="testimonial-images">
								<img src="{{ testimonial.image }}" alt="{{ testimonial.customer_name }}">							
							</div>
							<div class="testimonial-caption">
								{% if testimonial.title %}
									<h4 class="title"><a href="{{ more }}">{{ testimonial.title }}</a></h4>
								{% endif %}
								<div class="testimonial-box">							
									<a href="{{ more }}">{{ testimonial.content }}</a>
								</div>
								<p class="testimonial-author">{{ testimonial.customer_name }}</p>
							</div>
						</div>
						</div>
					</div><!--testimonial-content-->
					{% if count % rows == 0 or count == testimonials|length %}
						</div>
					{% endif %}
				{% endfor %}
			</div>
			</div>
		</div><!--block-content-->
	
	
	{% else %}
		<p class="text_empty">{{ text_empty }}</p>
	{% endif %}

</div><!--testimonial-container-->					
<script >
$(document).ready(function() {
    $("#slides").owlCarousel({
		autoPlay : {% if slide['auto'] %} {{ slide['auto'] }} {% else %} false {% endif %},
			
		loop: false,
		margin: 0,
		navSpeed : {{ slide['speed'] }},
		dotsSpeed : {{ slide['speed'] }},
		autoplaySpeed : {{ slide['speed'] }},
		nav : {% if slide['navigation'] %} true  {% else %} false {% endif %},
		dots :{% if slide['pagination'] %} true {% else %} false {% endif %},
		lazyLoad: true,
		navText : ['<i class="ion-ios-arrow-left"></i>','<i class="ion-ios-arrow-right"></i>'],
		responsive:{
			0:{
				items: 1
			},
			480:{
				items: 1
			},
			768:{
				items: 1
			},
			992:{
				items: 1
			},
			1200:{
				items : {{ slide['items'] }}
			}
		}
    });
});
</script>