@charset "utf-8";
/* Our Team CSS Document */
.teammember-list { position:relative; margin:0 0 30px 0; padding-bottom:60px; z-index:0;}
.team-inner { position:relative; padding:15px 15px 20px; background-color:#f0f0f0;}

.team-thumbnail { position:relative; overflow:hidden;}
.team-thumbnail img { width:100%; height:auto; display:block;}
.team-overlay { content:''; position:absolute; width:100%; height:100%; background:linear-gradient(to top, #1a9120 8%, rgba(32, 138, 46, 0) 98%, rgba(32, 138, 46, 0) 80%); left:0; bottom:0; -webkit-transition:0.5s; transition:0.5s; opacity:0;}
.member-social-icon { position:absolute; bottom:80px; width:100%; text-align:center; margin:0;}
.member-social-icon li { position:relative; display:inline-block; margin:0px 2px;}
.member-social-icon li a { width:35px; height:35px; line-height:35px; display:block; font-size:18px; text-align:center; border:1px dashed; border-radius:50px; color:#ffffff;}
.member-social-icon li:nth-child(1) { -webkit-transform:translateY(150px); -ms-transform:translateY(150px); transform:translateY(150px); -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.member-social-icon li:nth-child(2) { -webkit-transform:translateY(200px); -ms-transform:translateY(200px); transform:translateY(200px); -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.member-social-icon li:nth-child(3) { -webkit-transform:translateY(250px); -ms-transform:translateY(250px); transform:translateY(250px); -webkit-transition:all 0.7s ease-in-out; transition:all 0.7s ease-in-out;}
.member-social-icon li:nth-child(4) { -webkit-transform:translateY(300px); -ms-transform:translateY(300px); transform:translateY(300px); -webkit-transition:all 0.9s ease-in-out; transition:all 0.9s ease-in-out;}
.member-social-icon li:nth-child(5) { -webkit-transform:translateY(350px); -ms-transform:translateY(350px); transform:translateY(350px); -webkit-transition:all 0.11s ease-in-out; transition:all 0.11s ease-in-out;}

.team-content { position:relative; text-align:center;}
.team-content .team-ttl { position:relative; width:80%; padding:12px 10px; margin:-48px auto 0; display:block; background-color:#1a9120; -webkit-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;}
.team-content .team-ttl h4 { position:relative; font-size:20px; margin-bottom:5px; text-transform:uppercase;}
.team-content .team-ttl h4 a { color:#ffffff;}
.team-content .team-ttl span { position:relative; font-size:16px; color:#07370a;}
.team-tel-icon { position:relative;}
.team-tel-icon:before { position:absolute; content:''; left:0; top:30px; width:100%; height:1px; border-bottom:1px dashed #07370a;}
.team-tel-icon .icon-phone i { position:relative; z-index:9; color:#1a9120; width:45px; height:45px; line-height:45px; top:6px; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0);  -webkit-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;}
.team-tel-icon .icon-phone:before { width:45px; height:45px; line-height:45px; position:relative; display:block; line-height:45px; text-align:center; border:1px dashed #e4e6dc; border-radius:50px; background-color:#ffffff;  margin:0 auto; z-index:10; color:#1a9120;}
.team-tel-icon .icon-phone:after { position:absolute; content:''; width:45px; height:45px; line-height:45px; display:inline-block; background-color:#ffffff; border-radius:50px; z-index:0; margin:0 auto; left:0; right:0; top:7px;}
.team-tel-number { position:relative; text-align:center; display:block;}
.team-tel-number a { position:absolute; width:200px; height:50px; line-height:50px; border-radius:50px; background-color:#1a9120; display:block; left:0; right:0; margin:0 auto; z-index:-10; -webkit-transform:translateY(-100px); transform:translateY(-100px); -webkit-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; color:#ffffff;}
.team-tel-number a:before { position:absolute; content:''; height:0px; border-right:10px solid transparent; border-top:10px solid #1a9120; border-left:10px solid transparent; border-bottom:10px solid transparent; z-index:-10; top:-25px; width:20px; margin:auto; left:0; right:0;}
.team-tel-number a:hover { color:#07370a;}

.teammember-list:hover .team-overlay { opacity:1;}
.teammember-list:hover .team-overlay .member-social-icon li { -webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px);}
.teammember-list:hover .team-content .team-ttl { background-color:#ffffff; box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.09);}
.teammember-list:hover .team-content .team-ttl h4 a { color:#07370a;}
.teammember-list:hover .team-content .team-ttl span { color:#1a9120;}
.teammember-list:hover .team-tel-icon .icon-phone i { -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg);}
.teammember-list:hover .team-tel-number a { -webkit-transform:translateY(45px); -ms-transform:translateY(45px); transform:translateY(45px);}