@charset "utf-8";
/* Our Team CSS Document */
.teammember-list { position:relative; margin-bottom:30px; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.team-inner { position:relative;}
.team-thumbnail { position:relative; display:inline-block; width:calc(100% - 86px); vertical-align:middle; overflow:hidden;}
.team-thumbnail img { width:100%; height:auto; display:block;}
.team-info { position:absolute; display:block; top:0; left:100%; width:100%; margin:0; padding-top:5px; -webkit-transform-origin:0 top; -ms-transform-origin:0 top; transform-origin:0 top; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); z-index:20;}
.team-info span { margin:0;	font-weight:400; font-size:20px; color:#ffb100;}
.team-info h4 { margin:6px 0 0; font-size:26px; text-transform:uppercase;}
.team-info h4 a { color:#111111;}
.member-social-icon { position:absolute; top:0; right:-100px; height:100%; background-color:#ffb100; -webkit-transition:all .4s ease; transition:all .4s ease; text-align:center; display:flex; align-items:center;}
.member-social-icon ul { margin:0; padding:0;}
.member-social-icon ul li { list-style:none;}
.member-social-icon ul li a { display:block; color:#ffffff; width:40px; height:40px; line-height:40px; margin-bottom:10px;}
.member-social-icon ul li a:hover { background-color:#111111; color:#ffffff;}
.teammember-list:hover .member-social-icon { right:0;}