TESTIMONIAL

										
<div class="testimonial-area">
<div class="testimonial-owl">
<div class="col-md-12">
<div class="testimonial-single">
<img src="img/testimonial/1.png" alt="" />
<h3>Ricardo Martin,<span>Head Of Business</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et lore mag
<i class="fa fa-quote-right" aria-hidden="true"></i></p>
</div>
</div>
<div class="col-md-12">
<div class="testimonial-single">
<img src="img/testimonial/1.png" alt="" />
<h3>Ricardo Martin,<span>Head Of Business</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et lore mag
<i class="fa fa-quote-right" aria-hidden="true"></i></p>
</div>
</div>
</div>
</div>
										
									

										
.testimonial-area {
background: rgba(0, 0, 0, 0) url("../img/background/testimonial.jpg") no-repeat scroll center center / cover ;
margin: 90px 0;
}
.testimonial-single {
padding: 55px 0;
text-align: center;
}
.testimonial-single {
text-align: center;
position:relative;
}
.testimonial-single > img {
margin-bottom: 25px;
}
.testimonial-single > h3 {
color: #ffffff;
font-family: montserrat;
font-size: 16px;
font-weight: 600;
margin: 0 0 15px;
}
.testimonial-single h3 span {
color: #c2c1c1;
font-size: 12px;
font-weight: 300;
margin-left: 10px;
}
.testimonial-single > p {
color: #c2c1c1;
font-family: open sans;
margin: 0;
padding: 0 30%;
}
.testimonial-single p i {
color: #626262;
font-size: 24px;
margin-left: 5px;
}
.testimonial-area .owl-theme .owl-controls {
left: 0;
margin-top: 0;
position: absolute;
text-align: center;
top: 45%;
width: 100%;
}
.testimonial-area .owl-theme .owl-controls .owl-buttons div {
background: #d7d7d7 none repeat scroll 0 0;
border-radius: 30px;
color: #fff;
display: inline-block;
font-size: 25px;
height: 30px;
line-height: 28px;
margin: 0 0 0 25%;
opacity: 0.5;
padding: 0;
text-align: center;
width: 30px;
}
.testimonial-area .owl-theme .owl-controls .owl-buttons div::before {
border: 1px solid #d7d7d7;
border-radius: 100%;
content: "";
height: 38px;
left: -4px;
margin: 0;
padding: 0;
position: absolute;
top: -4px;
width: 38px;
}
.testimonial-area .owl-theme .owl-next {
position: absolute;
right: 0;
text-align: right;
}
.testimonial-area .owl-theme .owl-prev {
left: 0;
position: absolute;
text-align: left;
}
.testimonial-area .owl-theme .owl-controls .owl-buttons div:hover{
color: #FF4381;
}
.testimonial-area .owl-theme .owl-controls .owl-buttons div.owl-next {
margin-right: 25%;
}
.sortcode-main-area .testimonial-area {
margin: 0;
}									
										
									

										
$(".testimonial-owl").owlCarousel({
autoPlay: false,
slideSpeed:2000,
pagination:false,
navigation:true,
items : 1,
transitionStyle : "goDown",    /* [This code for animation ] */
navigationText:["<i class='fa fa-angle-left'></i>","<i class='fa fa-angle-right'></i>"],
itemsDesktop : [1199,1],
itemsDesktopSmall : [980,1],
itemsTablet: [768,1],
itemsMobile : [479,1],
});