.teamContent {padding-top:195px;}
.teamTitle {text-transform:uppercase; font-size:30px; font-weight:bold; line-height:35px; color:#000; margin-bottom:15px;}
.teamTitleLine {width:80px; height:3px; background-color:#000; margin-bottom:60px;}
.teamMembers {display:flex; flex-wrap:wrap; margin-bottom:100px; position:relative;}
.teamMember {min-height: 360px; background: #636E7B ; width:30%; margin-right:3%; position:relative; -webkit-box-shadow:3px 3px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow:3px 3px 5px 0px rgba(0,0,0,0.2); box-shadow:3px 3px 5px 0px rgba(0,0,0,0.2); margin-bottom:25px; cursor:pointer;}
.teamMember:hover {box-shadow: 6px 6px 10px 0px rgba(0,0,0,0.35); margin-bottom:25px; cursor:pointer;}


.teamPhoto {width:100%; height:auto;}
.teamName {position:absolute; left:0; bottom:0; width:100%; padding:15px 0; text-align:center; background-color:#f9f9f8; color:#000; min-height: 100px;}
.teamMemberLinkedin {position: absolute; width: 32px; height: auto; bottom: 100%; right: 0; margin: 0 10px 10px 0; }

.teamMemberPosition {font-size:12px; font-weight:300; line-height:20px; margin-bottom:0;}
.teamMemberName {text-transform:uppercase; font-weight:600; font-size:15px; line-height:22px; margin-bottom:2px;}
.teamMemberBio {display:none;}
.teamBioClose {display:none;}

@media(max-width: 991px) {
	.teamContent {padding-top:195px;}
	.teamMember {width:48%; margin-right:2%; box-shadow: 6px 6px 10px 0px rgba(0,0,0,0.35);}
  .teamMember:hover  {box-shadow: 6px 6px 10px 0px rgba(0,0,0,0);}
  .teamBioBlock {text-align: left; padding-right: 10px;}
	.teamMembers .teamMember.active .teamName {position:relative;}
}
@media(max-width: 640px) {
	.teamContent {padding-top:95px;}
	.teamMember {background-color:#fff; width:96%; margin:0 auto 25px; box-shadow:none;}
	.teamTitle {text-align:center; font-size:26px; line-height:30px;}
	.teamTitleLine {margin:0 auto 40px;}
	.teamName {position:relative; margin-top: -60px;}
	.teamMemberBio {text-align:justify; margin-top:20px;}
	.teamBioBlock {width:100% !important;}
	.teamMembers .teamMember .teamMemberLeft {-webkit-box-shadow:3px 3px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow:3px 3px 5px 0px rgba(0,0,0,0.3); box-shadow:3px 3px 5px 0px rgba(0,0,0,0.3);}
	.teamBioClose {display:block; margin:20px auto; text-align:center;}
	.teamBioClose img {margin-bottom:5px;}
	.teamMembers.promoPage-team {margin-right:0;}
}
.teamMembers .teamMember.active {position:absolute; left:0; width:100%; z-index:2; display:flex; background-color:#fff; box-shadow:none;}
.teamMembers .teamMember.active .teamMemberLeft {width:30%; margin-right:5%; position:relative;}
.teamMembers .teamMember.active .teamMemberBio {width:65%; display:block; padding:10px 10px 10px 0;}
.teamBioBlock {width:95%;}
.teamMembers .jspDrag {background:url( "../images/scroll-bar.png" ) center center no-repeat transparent; height:32px !important; background-size:100% 100%;}
.teamMembers .jspVerticalBar {width:32px;}
.teamMembers .jspTrack {background:url( "../images/scroll-bg.png" ) 0px 14px no-repeat transparent; background-size:100% 90%;}
.teamMembers .jspVerticalBar {background-color:transparent;}