@charset "utf-8";
/* Our Team CSS Document */
.teammember-list { position:relative;}
.team-inner { background-color:#ffffff; height:355px; overflow:hidden;	padding:30px 20px; position:relative;}
.team-thumbnail { position:absolute; left:-130px; -webkit-transition:all 0.6s ease-in 0s; transition:all 0.6s ease-in 0s; bottom:0; filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter:grayscale(100%); height:345px; z-index:5;}
.team-thumbnail img { width:100%; height:auto; display:block;}

.team-content { float:right; width:85%; text-align:right; position:relative;}
.team-content h4{ margin-bottom:10px; font-size:16px; font-weight:500; }
.team-content h4 a{ -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.team-content span{ -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; font-size:13px; display:block; font-weight:400; margin-top:5px;}
.team-content p { margin-bottom:0;}
.teammember-list:hover h4 a, .team-content span{ color:#ff7659; }

.member-social-icon { bottom:-45%; position:absolute; right:20px; z-index:6; transition:all .5s ease-in-out; z-index:9; background-color:#151515; overflow:hidden; padding-top:15px; border-radius:30px 30px 0px 0px;}
.member-social-icon a { display:block; line-height: 0; text-align: center; color:#ffffff; padding:10px; }
.member-social-icon a:hover { color:#ff7659; }

.teammember-list:hover .team-thumbnail { -webkit-transform:translateX(10px); -ms-transform:translateX(10px); transform:translateX(10px); -webkit-filter:grayscale(0%); filter:grayscale(0%); left:-11px;}
.teammember-list:hover .team-content { opacity:0.4;}
.teammember-list:hover .member-social-icon { opacity:1;	bottom:0;}