@charset "utf-8";
/* Our Team CSS Document */
.teammember-list { position:relative; display:block; margin-bottom:30px; -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.team-inner { position:relative; text-align:center; border:1px solid #dadee2; border-bottom-width:6px; border-radius:20px; padding:34px 33px 25px;}
.team-thumbnail { position:relative; width:100%; display:block; margin:0 auto; -webkit-transition:700ms all ease 0ms; transition:700ms all ease 0ms;}
.team-thumbnail img { width:100%; height:auto; display:block; border-radius:100%; -webkit-transition:700ms all ease 0ms; transition:700ms all ease 0ms;}
.team-social { position:absolute; display:grid; right:17px; bottom:15px;}
.team-social ul { margin:0; padding:0; display:grid;}
.team-social ul li { position:relative; list-style:none;}
.team-social ul li a { display:inline-flex; align-items:center; justify-content:center; width:45px; height:45px; border-radius:50%; background-color:#396cf0; color:#ffffff; opacity:0; margin-bottom:5px; -webkit-transform:translatex(20px); -ms-transform:translatex(20px); transform:translatex(20px); -webkit-transition:all .3s cubic-bezier(.645,.045,.355,1); transition:all .3s cubic-bezier(.645,.045,.355,1);}
.team-social ul li a:hover { background-color:#1c1c24; color:#ffffff;}

.team-content { position:relative; margin-top:25px}
.team-content h4 { margin-bottom:8px; font-size:18px;}
.team-content span { font-size:15px; font-weight:500; color:#396cf0; display:block;}
.team-details { padding:22px 9px 0; text-align:center; word-break:break-all; margin-top:25px; font-size:15px; color:#1c1c24; line-height:28px; border-top:1px solid;}
.team-details span { display:block; font-size:16px; font-weight:600; padding:3px;}
.team-details span a { color:#1c1c24;}
.team-details span a:hover { color:#396cf0;}

.teammember-list:hover .team-thumbnail img { border-radius:20px; width:100%; max-width:100%;}
.teammember-list:hover .team-social ul li a { -webkit-transform:translatex(0); -ms-transform:translatex(0); transform:translatex(0); opacity:1;}
.teammember-list:hover .team-social ul li:nth-child(1) a { -webkit-transition-delay:500ms; -ms-transition-delay:500ms; transition-delay:500ms;}
.teammember-list:hover .team-social ul li:nth-child(2) a { -webkit-transition-delay:600ms; -ms-transition-delay:600ms; transition-delay:600ms;}
.teammember-list:hover .team-social ul li:nth-child(3) a { -webkit-transition-delay:700ms; -ms-transition-delay:700ms; transition-delay:700ms;}
.teammember-list:hover .team-social ul li:nth-child(4) a { -webkit-transition-delay:800ms; -ms-transition-delay:800ms; transition-delay:800ms;}
.teammember-list:hover .team-social ul li:nth-child(5) a { -webkit-transition-delay:900ms; -ms-transition-delay:900ms; transition-delay:900ms;}

.col-3 .teammember-list .team-social ul li a { width:30px; height:30px; font-size:14px;}