@charset "utf-8";
/* Our Team CSS Document */
.teammember-list{ position:relative; -webkit-transform: perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); -webkit-transition-duration: 0.3s; transition-duration:0.3s; -webkit-transition-property:transform; transition-property:transform; margin:15px 0; }
.team-thumbnail { position: relative; overflow: hidden; box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px; }
.team-content { background-color: #ffffff; padding: 20px 15px; position: relative; box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.team-content .team-name h4{ font-size:20px; font-weight:400; letter-spacing: 1px; margin-bottom: 5px; text-transform: uppercase; }
.team-content .team-name h4 a, span.team-designation{ -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.team-name h4 a, .teammember-list:hover span.team-designation{ color:#020202; }
.teammember-list:hover h4 a, span.team-designation{ color:#d5092b; }

.member-social-icon { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction: column; justify-content: flex-end; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0 0 20px 20px; overflow: hidden; }
.member-social-icon a { display: inline-block; text-align: center; width: 40px; height: 40px; line-height: 40px; color: #ffffff; background-color: #00989E; margin: 5px; border-radius: 6px; }
.member-social-icon > a{ position: relative; left: -70px; -webkit-transition: all 900ms ease; transition: all 900ms ease }
.teammember-list:hover .member-social-icon > a{ left: 0; }
.teammember-list:hover .member-social-icon > a:nth-child(2){ -webkit-transition-delay: 400ms; transition-delay: 400ms; }
.teammember-list:hover .member-social-icon > a:nth-child(3){ -webkit-transition-delay: 600ms; transition-delay: 600ms; }
.teammember-list:hover .member-social-icon > a:nth-child(4){ -webkit-transition-delay: 800ms; transition-delay: 800ms; }
.teammember-list:hover .member-social-icon > a:nth-child(5){ -webkit-transition-delay: 1000ms; transition-delay: 1000ms; }

.member-social-icon a:hover{ color: #ffffff; background-color: #2c2c34; }

.teammember-list:hover .member-social-icon { opacity: 1; }