/*------------------------------------------------------------------------
# mod_tc_team9 Extension
# ------------------------------------------------------------------------
# author    themescreative
# copyright Copyright (C) 2020 themescreative.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.themescreative.com
-------------------------------------------------------------------------*/
/*-------------------------------*/
/* Team Slider */
/*-------------------------------*/
.team-members-list .mos-img img {display: none !important;}
.team-member-special {
position: relative;
padding-left: 80px; }
.team-member-special .section-heading {
text-align: left;
max-width: 530px; }
.team-member-special .section-heading .heading-lines {
margin: 15px 0 20px; }
.team-member-special ul {
list-style: none;
padding-left: 0rem;
}
.team-members-list {
position: relative;
height: 500px;
margin-left: 10%; }
.team-members-list .single-member {
position: absolute;
right: 0;
z-index: 3;
width: 80px;
height: 80px;
border-radius: 50%; }
.team-members-list .single-member .member-img {
width: 100%;
height: 100%;
overflow: hidden;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.45);
border-radius: 50%;
border: 2px solid #fff;
background: #fff; }
.team-members-list .single-member .member-img img {
width: 100%;
display: block;
text-align: center; }
.team-members-list .single-member .member-hover {
position: absolute;
bottom: 65px;
z-index: 90;
width: 260px;
display: none;
text-align: center; }
.team-members-list .single-member .member-hover .img img {
display: block;
margin: 0 auto 25px;
width: 120px;
height: 120px;
overflow: hidden;
box-shadow: 0 0px 20px rgba(0, 0, 0, 0.15);
border-radius: 50%;
border: 2px solid #fff;
background: #fff; }
.team-members-list .single-member .member-hover h4 {
font-size: 20px;
margin: 0 auto 4px; }
.team-members-list .single-member .member-hover p {
margin: 0; }
.team-members-list .single-member .member-hover .member-hover-inner {
background-color: #fff;
border-radius: 12px;
position: relative;
padding: 30px 20px 20px;
box-shadow: 0 10px 50px rgba(0, 0, 0, 0.35); }
.team-members-list .single-member .member-hover .member-hover-inner:after, .team-members-list .single-member .member-hover .member-hover-inner:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none; }
.team-members-list .single-member .member-hover .member-hover-inner:after {
border-color: rgba(136, 183, 213, 0);
border-top-color: #FFFFFF;
border-width: 20px;
margin-left: -20px; }
.team-members-list .single-member:hover .member-hover {
display: block; }
.team-members-list .single-member:nth-child(1):hover .member-hover, .team-members-list .single-member:nth-child(7):hover .member-hover, .team-members-list .single-member:nth-child(10):hover .member-hover {
left: -87px;
bottom: 80px; }
.team-members-list .single-member:nth-child(9):hover .member-hover, .team-members-list .single-member:nth-child(12):hover .member-hover {
left: -74px;
bottom: 95px; }
.team-members-list .single-member:nth-child(3):hover .member-hover, .team-members-list .single-member:nth-child(4):hover .member-hover, .team-members-list .single-member:nth-child(11):hover .member-hover,.team-members-list .single-member:nth-child(15):hover .member-hover {
left: -100px; 
bottom: 56px;}
.team-members-list .single-member:nth-child(2):hover .member-hover, .team-members-list .single-member:nth-child(5):hover .member-hover, .team-members-list .single-member:nth-child(6):hover .member-hover, .team-members-list .single-member:nth-child(13):hover .member-hover, .team-members-list .single-member:nth-child(8):hover .member-hover, .team-members-list .single-member:nth-child(14):hover .member-hover {
left: -65px; 
bottom: 128px; }
.team-members-list .single-member:nth-child(1) {
left: -30px;
top: 40px; }
.team-members-list .single-member:nth-child(2) {
left: 3%;
top: 40%;
z-index: 6;
width: 130px;
height: 130px; }
.team-members-list .single-member:nth-child(3) {
top: 8%;
left: 17%;
width: 60px;
height: 60px; }
.team-members-list .single-member:nth-child(4) {
height: 60px;
width: 60px;
top: 35%;
z-index: 6;
left: 20%; }
.team-members-list .single-member:nth-child(5) {
width: 130px;
height: 130px;
top: -1%;
left: 30%; }
.team-members-list .single-member:nth-child(6) {
width: 130px;
height: 130px;
top: 45%;
left: 29%;
z-index: 7; }
.team-members-list .single-member:nth-child(7) {
top: 37%;
left: 54%;
z-index: 6; }
.team-members-list .single-member:nth-child(8) {
width: 130px;
height: 130px;
top: 7%;
left: 46%;}
.team-members-list .single-member:nth-child(9) {
top: 60%;
left: 47%;
width: 100px;
height: 100px;
z-index: 14; }
.team-members-list .single-member:nth-child(10) {
width: 80px;
height: 80px;
top: 32%;
left: 67%;
z-index: 6; }
.team-members-list .single-member:nth-child(11) {
width: 60px;
height: 60px;
top: 5%;
left: 63%; }
.team-members-list .single-member:nth-child(12) {
width: 100px;
height: 100px;
top: 12%;
left: 80%; }
.team-members-list .single-member:nth-child(13) {
width: 130px;
height: 130px;
top: 58%;
left: 66%;
z-index: 14; }
.team-members-list .single-member:nth-child(14) {
width: 130px;
height: 130px;
top: 39%;
left: 84%;
z-index: 13; }
.team-members-list .single-member:nth-child(15) {    
width: 60px;
height: 60px;
top: 73%;
left: 87%; 
z-index: 15;}

.member-social {
margin-top: 15px; }
.member-social li {
display: inline-block;
margin: 0 3px; }
.member-social li a {
font-size: 20px;
color: #965bf1;
display: block;
padding: 3px; }
.member-social li a:hover {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
transition: all 0.3s; }
.member-social li a .fa-facebook {
color: #3B5998; }
.member-social li a .fa-twitter {
color: #2DAAE2; }
.member-social li a .fa-github {
color: #171515; }
.member-social li a .fa-dribbble {
color: #E74D89; }
.member-social li a .fa-instagram {
color: #E72154; }

@media only screen and (max-width: 767px) {   .team-member-special {
padding-left: 0; }
.team-member-special .section-heading {
text-align: center;
max-width: 100%;
padding: 0 30px; }
.team-member-special .section-heading .heading-lines {
margin: 15px auto 20px; }
.team-member-special .team-members-list {
position: relative;
height: auto;
margin: 0 auto;
padding: 30px 10% 60px;
text-align: center; }
.team-member-special .team-members-list li.single-member,
.team-member-special .team-members-list li.single-member:nth-child(1),
.team-member-special .team-members-list li.single-member:nth-child(2),
.team-member-special .team-members-list li.single-member:nth-child(3),
.team-member-special .team-members-list li.single-member:nth-child(4),
.team-member-special .team-members-list li.single-member:nth-child(5),
.team-member-special .team-members-list li.single-member:nth-child(6),
.team-member-special .team-members-list li.single-member:nth-child(7),
.team-member-special .team-members-list li.single-member:nth-child(8),
.team-member-special .team-members-list li.single-member:nth-child(9),
.team-member-special .team-members-list li.single-member:nth-child(10),
.team-member-special .team-members-list li.single-member:nth-child(11),
.team-member-special .team-members-list li.single-member:nth-child(12),
.team-member-special .team-members-list li.single-member:nth-child(13),
.team-member-special .team-members-list li.single-member:nth-child(14),
.team-member-special .team-members-list li.single-member:nth-child(15) {
width: 80px;
height: 80px;
top: auto;
left: auto;
z-index: 99;
margin: 15px;
display: inline-block;
right: auto;
position: relative; }
.team-member-special .team-members-list li.single-member:nth-child(2):hover .member-hover,
.team-member-special .team-members-list li.single-member:nth-child(5):hover .member-hover,
.team-member-special .team-members-list li.single-member:nth-child(6):hover .member-hover,
.team-member-special .team-members-list li.single-member:nth-child(8):hover .member-hover {
left: -77px; }
}