@charset "utf-8";
/* Our Team CSS Document */
.teammember-list { position:relative; margin-bottom:30px;}

.team-inner { position:relative; padding-top:25px; padding-left:25px;}
.team-inner:before { position:absolute; content:''; left:0px; top:0px; width:170px; height:300px; border:5px solid #efad81; -webkit-transition:all 300ms ease; transition:all 300ms ease;}
.team-thumbnail { position:relative; overflow:hidden;}
.team-thumbnail img { position:relative; width:100%; height:auto; display:block; clip-path:polygon(0 0, 100% 0, 100% 82%, 0% 100%);}

.member-social-icon { position:absolute; left:30px; bottom:-500px; width:40px; text-align:center; padding:35px 0px 30px; -webkit-transition:all 600ms ease; transition:all 600ms ease;}
.member-social-icon:before { position:absolute; content:''; left:0px; top:0px; right:0px; bottom:0px; background-color:#ffffff; clip-path:polygon(0 10%, 100% 0, 100% 100%, 0% 100%);}
.member-social-icon li { position:relative; margin-bottom:12px; list-style:none;}
.member-social-icon li a { position:relative; color:#2e2925; font-size:16px; -webkit-transition:all 300ms ease; transition:all 300ms ease;}
.member-social-icon li a:hover { color:#efad81;}

.team-content { position:relative; text-align:right;}
.team-designation { position:relative; color:#efad81; font-size:16px; font-weight:700;}
.team-content h4 { position:relative; margin-top:5px; margin-bottom:0; text-transform:uppercase;}

.teammember-list:hover .team-inner:before { border-color:#2e2925;}
.teammember-list:hover .member-social-icon { bottom:-10px;}