@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; width: 240px; margin: 0 auto 30px; border: 5px solid #254d4d; -webkit-clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%); clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%); -webkit-transition: 0.5s ease; transition: 0.5s ease; }

.teammember-list:hover .team-thumbnail{ -webkit-clip-path: polygon(0 0, 70% 0%, 100% 30%, 100% 70%, 100% 100%, 30% 100%, 0% 70%, 0% 30%); clip-path: polygon(0 0, 70% 0%, 100% 30%, 100% 70%, 100% 100%, 30% 100%, 0% 70%, 0% 30%); }

.member-social-icon{ text-align: center; margin-top: 15px; }
.member-social-icon a { display: inline-block; width: 40px; height: 40px; line-height: 40px; margin: 0 5px; color: #ffffff; -webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); -webkit-transition: 0.5s ease; transition: 0.5s ease; }
.member-social-icon a:hover{ color: #ffffff; -webkit-clip-path: polygon(0 0, 70% 0%, 100% 30%, 100% 70%, 100% 100%, 30% 100%, 0% 70%, 0% 30%); clip-path: polygon(0 0, 70% 0%, 100% 30%, 100% 70%, 100% 100%, 30% 100%, 0% 70%, 0% 30%); }

.team-content { padding: 0 15px; text-align: center; }
.team-content .team-name h4{ font-size:22px; font-weight:600; letter-spacing: 1px; margin-bottom: 0; }
.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:#242424; }
.teammember-list:hover h4 a, .team-name span.team-designation{ color:#254d4d; }