our team style : demo 42

                        

                            

                                

                                    

                                        

                                            
                                        
                                        

                                            

                                            

                                            

                                            

                                        
                                        

                                            
Williamson
                                            web developer
                                            

                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pulvinar feugiat fermentum. Donec efficitur posuere eros, vitae placerat.
                                            
                                        
                                    
                                

                                

                                    

                                        

                                            
                                        
                                        

                                            

                                            

                                            

                                            

                                        
                                        

                                            
kristina
                                            Web Designer
                                            

                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pulvinar feugiat fermentum. Donec efficitur posuere eros, vitae placerat.
                                            
                                        
                                    
                                
                            
                        
                    

                        .our-team{
                            padding: 0 20px;
                            text-align: center;
                            position: relative;
                        }
                        .our-team .pic{
                            width: 200px;
                            height: 200px;
                            border-radius: 50%;
                            margin: 0 auto 25px;
                            overflow: hidden;
                        }
                        .our-team .pic img{
                            width: 100%;
                            height: auto;
                        }
                        .our-team .social{
                            padding: 0;
                            margin: 0;
                            list-style: none;
                            position: absolute;
                            top: 15%;
                            left: 85%;
                            opacity: 0;
                            transform: translateX(-100px);
                            transition: all 0.7s ease 0s;
                        }
                        .our-team:hover .social{
                            opacity: 1;
                            transform: translateX(0px);
                        }
                        .our-team .social  li a{
                            display: block;
                            width: 30px;
                            height: 30px;
                            line-height: 30px;
                            border-radius: 50%;
                            font-size: 15px;
                            color: #001d33;
                            border: 1px solid #001D33;
                            background: #fff;
                            transform: scale(0);
                            transition: all 0.7s ease 0s;
                        }
                        .our-team:hover .social  li a{
                            transform: scale(1);
                        }
                        .our-team .social li a:hover{
                            color: #fff;
                            background: #001d33;
                        }
                        .our-team .title{
                            display: inline-block;
                            font-size: 19px;
                            color: #001d33;
                            letter-spacing: 2px;
                            margin: 0 0 15px 0;
                            text-transform: uppercase;
                        }
                        .our-team .post{
                            display: inline-block;
                            font-size: 12px;
                            color: #1c5acc;
                            text-transform: uppercase;
                        }
                        .our-team .description{
                            font-size: 14px;
                            color: #777;
                            line-height: 27px;
                        }
                        @media only screen and (max-width: 990px){
                            .our-team{ margin-bottom: 30px; }
                        }