@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:30px 0 0; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;  overflow: hidden;}
.team-thumbnail-wrap{ position: relative; display: block; }
.team-thumbnail{ position: relative; }
.team-thumbnail img{ position: relative; display: block; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.team-content-wrap{ position: absolute; background-color: #16181E; right: 0; bottom: 0; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; }
.team-social-icon{ position: relative; cursor: pointer; }
.team-social-hover{ background-color: #D10459; font-size: 32px; padding: 22px 18px; text-align: center; z-index: 1; position: relative; }

.team-content{ padding: 12px 26px 9px; }
.team-content .team-name h4{ font-size:22px; font-weight:500; letter-spacing: 1px; margin-bottom: 0; }
.team-content .team-name h4 a, .team-content .team-name span{ -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.team-name h4 a, .teammember-list:hover span{ color:#faf9f9; }
.teammember-list:hover h4 a, .team-name span{ color:#D10459; }

.member-social-icon { width: 64px; position: absolute; bottom: 76px; background-color: #D10459; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 0; }
.member-social-icon a { display: block; text-align: center; height: 50px; line-height: 50px; border-bottom: 1px solid #ffffff; color: #faf9f9; font-size: 20px; }
.member-social-icon a:hover{ background-color: #24CCCE; color: #faf9f9; }

.team-social-icon:hover .member-social-icon{ transform: translateY(0);  }