testimonial style : demo 62

                        

                            

                                

                                    

                                        

                                            

                                                
                                                

                                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam justo neque, aliquet sit amet elementum vel, vehicula eget eros. Vivamus arcu metus, mattis sed sagittis at, sagittis quis neque. Praesent.
                                                
                                                

                                                    

                                                    
williamson
                                                    Web Developer
                                                
                                            
                                            

                                                
                                                

                                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam justo neque, aliquet sit amet elementum vel, vehicula eget eros. Vivamus arcu metus, mattis sed sagittis at, sagittis quis neque. Praesent.
                                                
                                                

                                                    

                                                    
Kristina
                                                    Web Designer
                                                
                                            
                                            

                                                
                                                

                                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam justo neque, aliquet sit amet elementum vel, vehicula eget eros. Vivamus arcu metus, mattis sed sagittis at, sagittis quis neque. Praesent.
                                                
                                                

                                                    

                                                    
Steve Thomas
                                                    Web Developer
                                                
                                            
                                        
                                    
                                
                            
                        
                    

                        
                        

                        .demo{ background: #bd986b; }
                        .testimonial{
                            background: #fff;
                            text-align: center;
                            padding: 30px 30px 50px;
                            margin: 0 15px 100px;
                            position: relative;
                        }
                        .testimonial:before,
                        .testimonial:after{
                            content: "";
                            border-top: 40px solid #fff;
                            border-right: 125px solid transparent;
                            position: absolute;
                            bottom: -40px;
                            left: 0;
                        }
                        .testimonial:after{
                            border-right: none;
                            border-left: 125px solid transparent;
                            left: auto;
                            right: 0;
                        }
                        .testimonial .icon{
                            display: inline-block;
                            font-size: 80px;
                            color: #bd986b;
                            margin-bottom: 20px;
                            opacity: 0.6;
                        }
                        .testimonial .description{
                            font-size: 15px;
                            color: #777;
                            text-align: left;
                            margin-bottom: 30px;
                            opacity: 0.8;
                        }
                        .testimonial .testimonial-content{
                            width: 100%;
                            position: absolute;
                            left: 0;
                        }
                        .testimonial .pic{
                            display: inline-block;
                            border: 2px solid #fff;
                            border-radius: 50%;
                            box-shadow: 0 0 2px 2px #daad86;
                            overflow: hidden;
                            z-index: 1;
                            position: relative;
                        }
                        .testimonial .pic img{
                            width: 100%;
                            height: auto;
                        }
                        .testimonial .title{
                            font-size: 15px;
                            font-weight: bold;
                            color: #fff;
                            text-transform: capitalize;
                            margin: 0 0 5px 0;
                        }
                        .testimonial .post{
                            display: block;
                            font-size: 14px;
                            color: #ffd9b8;
                        }
                        .owl-theme .owl-controls{
                            margin-top: 0;
                        }
                        .owl-theme .owl-controls .owl-page span{
                            width: 32px;
                            height: 10px;
                            background: #fff;
                            border: 2px solid #bd986b;
                            margin: 5px;
                            opacity: 1;
                        }
                        .owl-theme .owl-controls .owl-page.active span,
                        .owl-theme .owl-controls.clickable .owl-page:hover span{
                            background: #ffd9b8;
                            border-color: #fff;
                        }
                        @media only screen and (max-width: 650px) and (min-width: 400px){
                            .testimonial:before{ border-right: 325px solid transparent; }
                            .testimonial:after{ border-left: 325px solid transparent; }
                        }
                    

                        
                        

                        $(document).ready(function(){
                            $("#testimonial-slider").owlCarousel({
                                items:3,
                                itemsDesktop:[1000,3],
                                itemsDesktopSmall:[979,2],
                                itemsTablet:[768,2],
                                itemsMobile:[650,1],
                                pagination:true,
                                autoPlay:true
                            });
                        });