/*------------------------------------------------------------------------
# mod_tc_team9 Extension
# ------------------------------------------------------------------------
# author    themescreative
# copyright Copyright (C) 2014 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-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;
}
.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%;
    cursor: pointer; }
    .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;
      top: -355px;
      z-index: 90;
      width: 230px;
      display: none;
      text-align: center; }
      .team-members-list .single-member .member-hover .border-bottom {
        width: 100%;
        height: 65px;
        background: transparent; }
      .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 {
        font-size: 13px;
        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: -77px; }
    .team-members-list .single-member:nth-child(9):hover .member-hover, .team-members-list .single-member:nth-child(12):hover .member-hover {
      left: -64px; }
    .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: -85px; }
    .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: -52px; }
    .team-members-list .single-member:nth-child(1) {
      left: -20px;
      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; }
}