.team-members-md-wrapper {
   position:relative;
   padding:8% 0 0;
}
.team-members-md-wrapper .bg-img {
   background-position: left top;
   background-repeat: no-repeat;
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   background-size: cover;
   background-attachment: fixed;
   height: 100%;
   width: 100%;
}
.team-members-md-wrapper .content-wrapper {
   z-index:4;
   position:relative;
}
.team-members-md-wrapper .team-sec-header {
   padding-top: 30px;
   padding-bottom: 30px;
   position: relative;
   margin-bottom: 1.5em;
   text-align:center;
}
.team-members-md-wrapper .team-sec-header  h2 {
   color:#fff;
}
.team-members-md-wrapper .team-sec-header .divider-small-border {
   margin: 25px auto;
   background-color: #0078b7;
   margin-top: 20px;
   width: 40px;
   height: 2px;
   margin-bottom: 20px;
   transform: scale(1, 1);
   visibility: visible;
}
.team-members-md-wrapper .team-members-grid {
   display:flex;
   flex-wrap:wrap;
   margin-left: -1%;
   margin-right: -1%;
   padding-bottom:10.17%;
  justify-content: center;
}
.team-members-md-wrapper .team-member-item {
   padding-left: 1%;
   padding-right: 1%;
   position:relative;
   width: 25%;
   margin-bottom: 1.5em;
}
.team-members-md-wrapper .team-member-card {
   box-shadow: 0 60px 135px rgb(0 0 0 / 14%), 0 15px 65px rgb(0 0 0 / 14%);
   cursor: pointer;
   position:relative;
}
.team-members-md-wrapper .team-member-card .team-member-image {
   background-size: cover;
   background-repeat: no-repeat;
   padding-bottom: 100%;
   background-position: center;
}
.team-members-md-wrapper .team-member-card:before {
   background-color: #282B30;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2;
   width: 100%;
   height: 100%;
   opacity: .45;
   transition: opacity 0.3s ease 0s;
   opacity: 0;
   content:"";
   transition: opacity .8s cubic-bezier(.2,1,.2,1);
   -webkit-transition: opacity .8s cubic-bezier(.2,1,.2,1);
   backface-visibility: hidden;
   transform: translateZ(0);
}
.team-members-md-wrapper .team-member-card:hover:before {
   opacity: .4;
}
.team-members-md-wrapper .team-member-card .team-meta {
   position: absolute;
   z-index: 10;
   bottom: 40px;
   width: 100%;
   text-align: center;
   padding-left: 25px;
   margin-bottom: 25px;
   left: 0;
   bottom: 0;
   text-align: left;
}
.team-members-md-wrapper .team-member-card .team-meta * {
   color:#fff;
   transition: opacity .95s cubic-bezier(.2,1,.2,1),transform .95s cubic-bezier(.2,1,.2,1);
   -webkit-transition: opacity .95s cubic-bezier(.2,1,.2,1),-webkit-transform .95s cubic-bezier(.2,1,.2,1);
   opacity: 0;
}
.team-members-md-wrapper .team-member-card .team-meta h3 {
   transform: translateY(10px);
   -webkit-transform: translateY(10px);
}
.team-members-md-wrapper .team-member-card:hover .team-meta h3,
.team-members-md-wrapper .team-member-card:hover .team-meta p{
   transform: translateY(0) ;
   -webkit-transform: translateY(0) ;
   opacity: 1;
}
.team-members-md-wrapper .team-member-card .team-meta p {
   transform: translateY(20px);
   -webkit-transform: translateY(20px);
   color: rgba(255,255,255,.8);
   padding: 7px 0 0 0;
   display: block;
   line-height: 16px;
   padding-top: 0;
}
.team-members-md-wrapper .team-member-card .team-meta .arrow-end {
   display: inline-block;
   font-family: 'FontAwesome';
   speak: none;
   font-style: normal;
   font-weight: 400;
   font-variant: normal;
   text-transform: none;
   line-height: 50px;
   height: 50px;
   -webkit-font-smoothing: antialiased;
   letter-spacing: 0;
   content: "\f105";
   margin-left: 15px;
   position: absolute;
   right: 0;
   top: 53%;
   -ms-transform: translateY(-50%);
   -webkit-transform: translateY(-50%) translateZ(0);
   transform: translateY(-50%) translateZ(0);
   font-size: 25px;
   transition: opacity 0.25s cubic-bezier(.12,.75,.4,1),transform 0.25s cubic-bezier(.12,.75,.4,1);
   -webkit-transition: opacity 0.25s cubic-bezier(.12,.75,.4,1),-webkit-transform 0.25s cubic-bezier(.12,.75,.4,1);
   color: #fff;
   right: 25px;
   opacity: 0;
   width: auto;
   -ms-transform: translateX(-8px) translateY(-50%);
   -webkit-transform: translateX(-8px) translateY(-50%);
   transform: translateX(-8px) translateY(-50%);
}
.team-members-md-wrapper .team-member-card:hover .team-meta .arrow-end {
   opacity: 1;
   -ms-transform: translateX(0) translateY(-50%);
   -webkit-transform: translateX(0) translateY(-50%);
   transform: translateX(0) translateY(-50%);
}
.team-members-md-wrapper .team-member-card .team-meta .arrow-line {
   backface-visibility: hidden;
   letter-spacing: 0;
   display: block;
   content: ' ';
   z-index: 100;
   position: absolute;
   width: 22px;
   height: 2px;
   background-color: #000;
   top: 53%;
   opacity: 0;
   right: -10px;
   cursor: pointer;
   transform: translateY(-50%) translateX(-20px) translateZ(0);
   -webkit-transform: translateY(-50%) translateX(-20px) translateZ(0);
   transition: opacity 0.25s cubic-bezier(.12,.75,.4,1),transform 0.25s cubic-bezier(.12,.75,.4,1);
   -webkit-transition: opacity 0.25s cubic-bezier(.12,.75,.4,1),-webkit-transform 0.25s cubic-bezier(.12,.75,.4,1);
   top: 53%;
   background-color: #fff;
   right: 27px;
}
.team-members-md-wrapper .team-member-card:hover .team-meta .arrow-line {
  opacity: 1;
  -ms-transform: translateX(0) translateY(-50%);
  -webkit-transform: translateX(0) translateY(-50%);
  transform: translateX(0) translateY(-50%);
}
.team-members-md-wrapper .team-member .nectar_team_bio_img,
.team-members-md-wrapper .team-member .nectar_team_bio {
  display: none;
}


/* Team Popup */

.team-members-md-wrapper .team-popup {
   height: 100%;
   width: 100%;
   background-color: #f2f2f2;
   color: #555;
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   z-index: 1100;
   -webkit-transform: translateX(100%);
   transform: translateX(100%);
   -webkit-transition: -webkit-transform 0.8s cubic-bezier(.2,1,.2,1);
   transition: transform 0.8s cubic-bezier(.2,1,.2,1);
}
.team-members-md-wrapper .team-popup.open {
   -webkit-transform: translateX(0%);
   transform: translateX(0%);
}
.team-members-md-wrapper .team-popup .inner-wrap {
   position: relative;
   width: 100%;
   height: 100%;
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   overflow: hidden;
}
.team-members-md-wrapper .team-popup .team_member_details {
   width: 50%;
   left: 0;
   position: relative;
   padding: 3% 10%;
   margin: auto 0;
}
.team-members-md-wrapper .team-popup .team_member_picture {
   height: 100%;
   width: 50%;
   position: fixed;
   right: 0;
   top: 0;
   background-color: rgba(0,0,0,.1);
}
.team-members-md-wrapper .team-popup .team_member_details .bio-inner {
   height: 100%;
}
.team-members-md-wrapper .team-popup .team_member_details h2, 
.team-members-md-wrapper .team-popup .team_member_details .mobile-close, 
.team-members-md-wrapper .team-popup .team_member_details .title, 
.team-members-md-wrapper .team-popup .team_member_details .team-desc, 
.team-members-md-wrapper .team-popup .team_member_details .team-desc .bottom_meta a {
   opacity: 0;
   -ms-transform: translateY(40px);
   -webkit-transform: translateY(40px);
   transform: translateY(40px);
   -ms-transition: all 1.1s cubic-bezier(.2,1,.2,1) 0.4s;
   -webkit-transition: all 1.1s cubic-bezier(.2,1,.2,1) 0.4s;
   transition: all 1.1s cubic-bezier(.2,1,.2,1) 0.4s;
}
.team-members-md-wrapper .team-popup.open .team_member_details .mobile-close, 
.team-members-md-wrapper .team-popup.open .team_member_details h2, 
.team-members-md-wrapper .team-popup.open .team_member_details .title, 
.team-members-md-wrapper .team-popup.open .team_member_details .team-desc, 
.team-members-md-wrapper .team-popup.open .team_member_details .team-desc .bottom_meta a {
   opacity: 1;
   -ms-transform: translateY(0);
   -webkit-transform: translateY(0);
   transform: translateY(0);
}
.team-members-md-wrapper .team-popup .team_member_details .title {
   line-height: 20px;
   margin-bottom: 30px;
   -ms-transition: all 1.1s cubic-bezier(.2,1,.2,1) 0.55s;
   -webkit-transition: all 1.1s cubic-bezier(.2,1,.2,1) 0.55s;
   transition: all 1.1s cubic-bezier(.2,1,.2,1) 0.55s;
}
.team-members-md-wrapper .team-popup .bottom_meta a {
   display: inline-block;
   color: inherit;
   padding: 30px 30px 30px 0;
}
.team-members-md-wrapper .team-popup .bottom_meta a i {
   height: auto;
   width: auto;
   font-size: 28px;
   transition: color 0.2s ease;
}
.team-members-md-wrapper .team-popup .bottom_meta a:not(:hover) i {
   color: inherit;
}
.team-members-md-wrapper .team-popup .team_member_picture .team_member_image_bg_cover {
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: 1001;
   left: -2px;
   top: 0;
   -webkit-transform: scaleX(1);
   -ms-transform: scaleX(1);
   transform: scaleX(1);
   -ms-transform-origin: left;
   -webkit-transform-origin: left;
   transform-origin: left;
   background-color: #f2f2f2;
   -webkit-transition: -webkit-transform 1s cubic-bezier(.25,1,.2,1);
   transition: transform 1s cubic-bezier(.25,1,.2,1);
}
.team-members-md-wrapper .team-popup.open .team_member_picture .team_member_image_bg_cover {
   -webkit-transform: scaleX(0);
   -ms-transform: scaleX(0);
   transform: scaleX(0);
}
.team-members-md-wrapper .team-popup .team_member_picture_wrap {
   overflow: hidden;
   width: 100%;
   top: 0;
   left: 0;
   height: 100%;
   position: absolute;
}
.team-members-md-wrapper .team-popup .team_member_image {
   height: 100%;
   width: 100%;
   position: absolute;
   left: 0;
   top: 0;
   background-size: cover;
   -webkit-transition: -webkit-transform 15s cubic-bezier(.15,0,.7,1),opacity 0.3s;
   transition: transform 15s cubic-bezier(.15,0,.7,1),opacity 0.3s;
   -webkit-transform: scale(1.11);
   transform: scale(1.11);
   background-position: center top;
}
.team-members-md-wrapper .team-popup.open .team_member_image {
   -webkit-transform: scale(1);
   transform: scale(1);
}
.team-members-md-wrapper .team-popup .team_member_details .team-desc {
   -ms-transition: all 1.1s cubic-bezier(.2,1,.2,1) 0.7s;
   -webkit-transition: all 1.1s cubic-bezier(.2,1,.2,1) 0.7s;
   transition: all 1.1s cubic-bezier(.2,1,.2,1) 0.7s;
}
.team-members-md-wrapper .team-popup {
   font-size:16px;
   font-weight:600;
   line-height:32px;
}
.team-members-md-wrapper .team-popup .team-popup-inner {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   overflow: hidden;
   height: 100%;
   width: 100%;
   position: relative;
}
.team-members-md-wrapper .team-member-card.yagor_maliutsin,
.team-members-md-wrapper .team-member-card.estelle_fang,
.team-members-md-wrapper .team-member-card.diego_pienknagura,
.team-members-md-wrapper .team-member-card.devin_burns {
   box-shadow: none;
}

@media(max-width: 999px) {
   .team-members-md-wrapper .team-member-item {
      width: 50%;
      margin: 0 0 2%;
   }
   .team-members-md-wrapper .team-popup .team_member_details {
      width: 65%;
   }
   .team-members-md-wrapper .team-popup .team_member_picture {
      width: 35%;
   }
   .team-members-md-wrapper .team-popup.open .team_member_details .mobile-close {
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      display: block;
      height: 32px;
      width: 32px;
      border-radius: 50px;
      transform-origin: center;
      margin-bottom: 10px;
      cursor: pointer;
      border: 2px solid;
      border-color: #0078b7;
   }
   .team-members-md-wrapper .team-popup.open .team_member_details .mobile-close:before {
      position: absolute;
      display: block;
      height: 2px;
      width: 16px;
      left: 6px;
      top: 13px;
      content: ' ';
      background-color: #0078b7;
   }
   .team-members-md-wrapper .team-popup.open .team_member_details .mobile-close:after {
      position: absolute;
      display: block;
      height: 16px;
      width: 2px;
      left: 13px;
      top: 6px;
      content: ' ';
      background-color: #0078b7;
   }
   .team-members-md-wrapper .team-popup .team_member_details h2 {
      font-size: 35px;
      line-height: 58px;
   }
   .team-members-md-wrapper {
      padding-bottom: 82px;
   }
}
@media(max-width: 690px) {
   .team-members-md-wrapper .team-member-item {
      width: 100%;
      margin: 0 0 25px;
   }
   .team-members-md-wrapper .team-popup .team_member_details {
      width: 100%;
      padding: 10% 10%;
      margin:0;
   }
   .team-members-md-wrapper .team-popup .team_member_picture {
      width: 100%;
      display: none;
   }
   .team-members-md-wrapper {
      padding-bottom: 58px;
   }
}