.so-widget-team-members { font-size:0; margin:-45px; }

.so-widget-team-members .team-member { display:inline-block; padding:45px; vertical-align:top; width:20%; }

.so-widget-team-members .team-member .image { margin-bottom:15px; }
.so-widget-team-members .team-member .image a { display:inline-block; position:relative; }
.so-widget-team-members .team-member .image img { display:block; }
.so-widget-team-members .team-member .image .overlay { background-color:rgba(0, 0, 0, 0.5); height:100%; left:0; opacity:0; position:absolute; top:0; transition:opacity 0.6s; width:100%; }
.so-widget-team-members .team-member .image a:hover .overlay { opacity:1; } 
.so-widget-team-members .team-member .image .overlay i { bottom:0; color:#fff; font-size:18px; height:48px; line-height:48px; position:absolute; right:0; text-align:center; width:48px; }

.so-widget-team-members .team-member.dark-orange .image .overlay i { background-color:#FE5716; }
.so-widget-team-members .team-member.medium-orange .image .overlay i { background-color:#FF861D; }
.so-widget-team-members .team-member.light-orange .image .overlay i { background-color:#FFB210; }
.so-widget-team-members .team-member.dark-blue .image .overlay i { background-color:#001A70; }
.so-widget-team-members .team-member.medium-blue .image .overlay i { background-color:#1057C8; }
.so-widget-team-members .team-member.light-blue .image .overlay i { background-color:#1089FF; }
.so-widget-team-members .team-member.dark-green .image .overlay i { background-color:#4F9E30; }
.so-widget-team-members .team-member.medium-green .image .overlay i { background-color:#88D910; }
.so-widget-team-members .team-member.light-green .image .overlay i { background-color:#C0E410; }

.so-widget-team-members .team-member .name { color:#10367A; font-size:21px; font-weight:400; }
.so-widget-team-members .team-member .name .title { color:#333; font-size:14px; }

.team-member-modal { display:none; width:1440px; }

.team-member-modal .sidebar { flex-shrink:0; padding-right:60px; text-align:center; width:360px; }

.team-member-modal .image { display:inline-block; margin-bottom:30px; }
.team-member-modal .image img { border-radius:50%; }

.team-member-modal .name { color:#10367A; font-size:24px; font-weight:400; }
.team-member-modal .name .title { color:#333; font-size:16px; }

.team-member-modal .icons { list-style-type:none; margin:15px 0 0; padding-left:0; }
.team-member-modal .icons li { display:inline; margin-left:12px; }
.team-member-modal .icons li:first-child { margin-left:0; }
.team-member-modal .icons li a i { transition:transform 0.6s; }
.team-member-modal .icons li a:hover i { transform:scale(1.05); }

.team-member-modal .content { flex-basis:0; flex-grow:1; align-self:center; }

.team-member-modal .bio > *:last-child { margin-bottom:0; }

.team-member-modal .form { display:none; }
.team-member-modal .form h3 a { font-size:36px; margin-right:18px; }
.team-member-modal .form form { margin-bottom:0; }

@media (max-width:1199px) {
	.so-widget-team-members .team-member { width:33.33%; }
}

@media (max-width:991px) {
	.so-widget-team-members .team-member { width:50%; }
}

@media (max-width:767px) {
	.so-widget-team-members { margin:-30px 0; }

	.so-widget-team-members .team-member { display:block; margin:0 auto; max-width:100%; padding:30px 0; width:300px; }

	.team-member-modal .flex { flex-wrap:wrap; }
	.team-member-modal .sidebar { margin-bottom:60px; padding-right:0; width:100%; }
}