testimonial style : demo 54

                        

                            

                                

                                    

                                        

                                            

                                                
                                            
                                            

                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed malesuada vulputate nisi in fermentum. Vivamus ac libero quis nisi auctor pulvinar. Aenean sit amet lectus posuere, mattis massa eget, ullamcorper diam. Nunc sit amet felis eget arcu congue dictum.
                                            
                                            
WILLIAMSON
                                            - Web Developer
                                        
                                        

                                            

                                                
                                            
                                            

                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed malesuada vulputate nisi in fermentum. Vivamus ac libero quis nisi auctor pulvinar. Aenean sit amet lectus posuere, mattis massa eget, ullamcorper diam. Nunc sit amet felis eget arcu congue dictum.
                                            
                                            
kristina
                                            - Web Designer
                                        
                                    
                                
                            
                        
                    

                        
                        

                        .testimonial{
                            border-left: 4px solid #d45113;
                            box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.06);
                            padding: 30px 30px 30px 130px;
                            margin: 0 15px 30px 15px;
                            overflow: hidden;
                            position: relative;
                        }
                        .testimonial:before{
                            content: "";
                            position: absolute;
                            bottom: 0;
                            right: 0;
                            border-top: 25px solid #d45113;
                            border-left: 25px solid transparent;
                            border-right: 25px solid transparent;
                            transform: rotate(-45deg);
                            transform-origin: 80% -30% 0;
                        }
                        .testimonial .pic{
                            display: inline-block;
                            width: 80px;
                            height: 80px;
                            border-radius: 50%;
                            overflow: hidden;
                            position: absolute;
                            top: 60px;
                            left: 20px;
                        }
                        .testimonial .pic img{
                            width: 100%;
                            height: auto;
                        }
                        .testimonial .description{
                            font-size: 15px;
                            font-style: italic;
                            color: #918686;
                            line-height: 25px;
                            margin-bottom: 15px;
                        }
                        .testimonial .title{
                            display: inline-block;
                            font-size: 20px;
                            font-weight: 700;
                            color: #d45113;
                            margin: 0;
                        }
                        .testimonial .post{
                            display: inline-block;
                            font-size: 17px;
                            color: #d45113;
                        }
                        .owl-theme .owl-controls .owl-page span{
                            border: 2px solid #d45113;
                            background: #fff;
                            opacity: 1;
                        }
                        .owl-theme .owl-controls .owl-page.active span,
                        .owl-theme .owl-controls .owl-page:hover span{
                            background: #d45113;
                        }
                        @media only screen and (max-width: 767px){
                            .testimonial{
                                padding: 20px;
                                text-align: center;
                            }
                            .testimonial .pic{
                                display: block;
                                position: static;
                                margin: 0 auto 15px;
                            }
                        }
                    

                        
                        

                        $(document).ready(function(){
                            $("#testimonial-slider").owlCarousel({
                                items:2,
                                itemsDesktop:[1000,2],
                                itemsDesktopSmall:[990,1],
                                itemsTablet:[768,1],
                                pagination:true,
                                navigation:false,
                                navigationText:["",""],
                                slideSpeed:1000,
                                autoPlay:true
                            });
                        });