/*-----------------------------------------------------------------------------------

 Team (section)

 # team container
 # carousel slider wrapper
 # thumbnail
 # image
 # typography
 # progress bar
 # social icons
 # slider slides
 # slider navigation

-----------------------------------------------------------------------------------*/
/* Team container */
.site-team {
    margin: 0;
    display: block;
    width: 100%;
    clear: both;
    position:relative;
    padding-bottom:160px;
  }
  
  @media screen and (max-width: 767px) {
    .site-team {
      padding-bottom: 130px;
    }
  }
  
  @media screen and (max-width: 991px) {
    .site-team {
      padding-top: 50px;
    }
  }
  
  .site-team .swiper-wrapper {
    /* Slider wrapper */
    text-align: left;
    padding-top: 0;
    padding-bottom: 20px;
  
  }
  
  @media screen and (max-width: 767px) {
    .site-team .swiper-wrapper {
      text-align: center;
      padding-top:0px;
    }
  }
  
  .site-team .thumbnail {
    /* Thumbnail */
    display: block;
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    max-height: 480px;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 10px 0 0;
  }
  
  @media screen and (max-width: 991px) {
    .site-team .thumbnail {
      width: 100%;
      display: none;
    }
  }
  
  .site-team .thumbnail .swiper-slide-active:after {
    /* Active thumbnail */
    opacity: 0;
  }
  
  .site-team .thumbnail ul {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    clear: both;
  }
  
  .site-team .thumbnail li {
    width: 118px;
    height: 139px;
    box-shadow: 0 0 3px rgba(2, 3, 3, 0.2);
    display: block;
    cursor: pointer;
    margin: 10px;
    clear: both;
    float: left;
    position: relative;
    overflow: hidden;
    background: no-repeat center;
    background-size: cover;
  }
  
  .site-team .thumbnail li:hover:after {
    opacity: 0.3;
  }
  
  .site-team .thumbnail li:after {
    /* Thumbnail overlay */
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: #000000;
    opacity:.7;
    transition: 400ms ease;
    transition-property: opacity;
  }
  
  .site-team figure {
    /* image */
    max-width: 356px;
    width: 100%;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    background: grey;
    
  }
  
  
  .site-team figure:before {
      border: 2px solid rgba(255,255,255, 0.2);
      content: "";
      position: absolute;
      top:20px;
      bottom:20px;
      left:35px;
      right:35px;
  }
  
  @media screen and (max-width: 767px) {
    .site-team figure {
      margin: 0 auto;
      max-width:inherit;
    }
    
    .site-team figure img {
    /* image */
    width: 100%;
  }
  
  }
  
  .site-team h4 {
    /* H4 heading */
    color: #FFFFFF;
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase;
    padding: 0;
    display: block;
    width: 100%;
    clear: both;
    margin: 0 0 4px;
  }
  
  .site-team h5 {
    /* H5 heading */
    color: #caccd3;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    text-transform: capitalize;
    padding: 0;
    display: block;
    width: 100%;
    clear: both;
    margin: 0 0 30px;
  }
  
  .site-team p {
    /* Paragraph */
    color: #c0bebf;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    width: 100%;
    display: block;
    clear: both;
  }
  
  .site-team h6 {
    /* H6 heading */
    color: #1a1e2a;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-transform: uppercase;
    width: 100%;
    display: block;
    clear: both;
    margin: 40px 0 10px;
  }
  
  .site-team .site-team-progress {
    /* Progress bar */
    width: 100%;
    display: block;
    clear: both;
  }
  
  .site-team .site-team-progress span {
    color: #959595;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 14px;
    width: 100%;
    clear: both;
    display: block;
    padding-top: 22px;
    padding-bottom: 10px;
  }
  
  .site-team .site-team-progress label {
    max-width: 540px;
    width: 100%;
    height: 4px;
    background-color: #dbdbdb;
    display: block;
    overflow: hidden;
    clear: both;
  }
  
  @media screen and (max-width: 767px) {
    .site-team .site-team-progress label {
      margin: 0 auto;
      max-width: 400px;
    }
    
    .site-team h4 {
        padding-top:50px;
    }
  }
  
  .site-team .site-team-progress label span {
    width: 100%;
    background: #deb150;
    height: 4px;
    display: block;
  }
  
  .site-team .site-team-social {
    /* Social icons */
    width: 100%;
    display: block;
    clear: both;
    margin-top: 40px;
  }
  
  .site-team .site-team-social a {
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: 400ms ease;
    transition-property: background;
    overflow: hidden;
    border:#c0bebf solid 1px;
    border-radius:100px;
  }
  
  .site-team .site-team-social a:hover {
    background: #deb150;
    border:#c0bebf solid 1px;
  }
  
  .site-team .site-team-social i.fa {
    /* Font awesome icon */
    width:45px;
    height: 45px;
    line-height:43px;
    display: inline-block;
    text-align: center;
    color: #deb150;
    font-family: FontAwesome, serif;
    font-size: 17px;
    font-weight: 400;
  }
  
  .site-team .team-section-slider {
    /* Slides */
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .site-team .team-section-arrow {
    /* Arrows container */
    position: absolute;
    top: auto;
    bottom: auto;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 160px;
    margin: 70px auto 0;
    display: block;
    z-index: 100;
  }
  
  @media screen and (max-width: 767px) {
    .site-team .team-section-arrow {
      margin-top:0px;
    }
  }
  
  .site-team .swiper-button-prev, .site-team .swiper-button-next {
    /* Prev navigation button */
    background: none;
  }
  
  .site-team .swiper-button-prev:hover:before, .site-team .swiper-button-next:hover:before {
    color: #deb150;
  }
  
  .site-team .swiper-button-prev:before, .site-team .swiper-button-next:before {
    content: "\e905";
    font-family: 'icomoon', serif;
    display: block;
    color: #a5a7ab;
    transition: 400ms ease;
    transition-property: color;
  }
  
  .site-team .swiper-button-next {
    /* Next navigation button */
  }
  
  .site-team .swiper-button-next:before {
    content: "\e906";
  }
  
  
  /* Team section element ****/
  .team-element-1 {
      position:absolute;
      z-index:-1;
      left:30px;
      top:20px;
  }
  
  .team-element-2 {
      position:absolute;
      z-index:-1;
      left:120px;
      top:20px;
  }
  
  .team-element-3 {
      position:absolute;
      z-index:-1;
      right:90px;
      bottom:30px;
  }
  
  
  /* Team section element RESPONSIVE Alignment ****/
  @media screen and (max-width:1800px) {
  
  }
  
  @media screen and (max-width:1500px) {
  
  
  }
  
  @media screen and (max-width:1199px) {
      .team-element-3 {
      right:0px;
      bottom:0px;
  }
      
  }
  
  
  @media screen and (max-width: 991px) {
      .team-element-1, .team-element-2, .team-element-3 {
          display:none;
      }
  }