@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; text-align:center; margin:15px 0; }
.team-thumbnail{ -webkit-transition:0.6s; transition:0.6s; position:relative; overflow: hidden; }
.team-thumbnail img{ -webkit-transition:0.6s; transition:0.6s; }
.team-overlay{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(23,23,23,0.6); opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: all 0.4s ease-in-out; }
.team-overlay i{ width: 40px; height: 40px; line-height: 40px; border-radius: 40px; background-color: #ffffff; color: #171717; font-size: 18px;	position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.teammember-list:hover .team-overlay{ opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.team-content{ position: relative; box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%); padding: 22.5px 15px; margin: -35px 30px 0; background-color: #ffffff; }
.team-content .team-name h4{ margin-bottom:0; font-size:24px; font-weight:400; }
.team-content .team-name h4 a{ -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; color: #171717; }
.team-content .desig{ position: absolute; top: -34px; left: 0; font-size: 12px; font-weight: 700; color: #fff; text-transform: uppercase; background-color: #171717; padding: 4px 10px; border-left: 3px solid #f8bf02; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.teammember-list:hover h4 a{ color:#f8bf02; }

.team-hover{ position: absolute; left: 0; top: -35px; display: flex; flex-wrap: wrap; align-items: center; width: 100%; transform: scaleY(0); transition: .5s; transform-origin: top; }
.teammember-list:hover .team-hover{ transform: scaleY(1);}
.team-content .team-hover .desig { position: relative; top: 0; border: 0; }

.member-social-icon{ position:relative; z-index:2; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.member-social-icon a{ display:table-cell; width:26px; height:35px; line-height:35px; text-align:center; background-color:#f8bf02; color:#ffffff; font-size:12px; }
.member-social-icon a:hover{ background-color:#171717; color:#ffffff; }