@charset "utf-8";
/* Our Team CSS Document */
.teammember-list { position:relative; margin:0 0 30px 0;}
.team-inner { position:relative; background-color:#ffffff; padding-top:100%; width:100%; overflow:hidden; -webkit-transition:box-shadow .3s; transition:box-shadow .3s;}

.team-thumbnail img { position:absolute; width:100%; height:100%; bottom:0; left:50%; display:block; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:width 0.45s, height 0.45s, bottom .45s cubic-bezier(.05,.2,.1,1); transition:width 0.45s, height 0.45s, bottom .45s cubic-bezier(.05,.2,.1,1);}

.team-content { position:absolute; left:0; top:0; width:100%; height:100%; z-index:9; display:flex; flex-direction:column; flex-wrap:nowrap; justify-content:flex-end; align-items:center; padding:2.5rem 18% 56.1% 18%; opacity:0; visibility:hidden; -webkit-transform:translateY(-101%); -ms-transform:translateY(-101%); transform:translateY(-101%); -webkit-transition:transform 0.4s,opacity 0.3s,visibility 0.3s; transition:transform 0.4s,opacity 0.3s,visibility 0.3s;}

.team-content a.team-tb-link { position:absolute; left:0; top:0; width:100%; height:100%; z-index:auto;}
.title-wrapper { position:relative; display:block; text-align:center;}
.title-wrapper h4 { font-size:20px; margin-bottom:5px; white-space:nowrap; display:block; text-overflow:ellipsis; overflow:hidden; text-align:center;}
.title-wrapper span { font-size:17px; font-weight:700; color:#77997e; display:block;}

.team-social { position:relative; text-align:center; margin-top:10px;}
ul.member-social-icon { margin:0; padding:0; list-style:none;}
ul.member-social-icon li { display:inline-flex; justify-content:center; align-items:center;}
.team-social ul.member-social-icon li a { font-size:14px; margin-right:6px; width:30px; height:30px; line-height:30px; text-align:center; display:block; background-color:#181d18; color:#ffffff; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.team-social ul.member-social-icon li a:hover { background-color:#77997e; color:#ffffff;}

.teammember-list:hover .team-inner { box-shadow:0 10px 30px rgba(0, 0, 0, .08);}
.teammember-list:hover .team-thumbnail img { width:41.1%; height:41.1%; bottom:8%;}
.teammember-list:hover .team-content { opacity:1; visibility:visible; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}