
/* Our Team
-------------------------------------------------------*/
.our-team .teams-row {
  margin-left : -40px;
  margin-right: -40px;
}

.our-team .teams-wraper {
  padding: 0 40px;
}

.our-team .container-fluid {
  padding: 0 50px;
}

.teams-img img {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition   : all .2s ease-in-out;
  -o-transition     : all .2s ease-in-out;
  transition        : all .2s ease-in-out;
  overflow          : hidden;
  width             : 100%;
}

.teams-member,
.teams-img {
  position: relative;
  overflow: hidden;
}

.teams-title {
  margin: 30px 0 7px;
  font-size: 16px;
  color: white;
}

.overlays {
  background-color  : rgba(20, 20, 20, .7);
  position          : absolute;
  top               : 0;
  width             : 100%;
  height            : 100%;
  opacity           : 0;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition   : all .2s ease-in-out;
  -o-transition     : all .2s ease-in-out;
  transition        : all .2s ease-in-out;
}
.d{
  color: white;
}
.subheading{
    font-weight: bold;
  color: black;
  font-size: 32px;
}

.teams-details {
  opacity           : 0;
  position          : absolute;
  top               : 30%;
  left              : 0;
  padding           : 5%;
  overflow          : hidden;
  width             : 100%;
  z-index           : 2;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition   : all .2s ease-in-out;
  -o-transition     : all .2s ease-in-out;
  transition        : all .2s ease-in-out;
}

.teams-details p {
  color: #fff;
}

.teams-img:hover .teams-details {
  opacity   : 1;
  margin-top: -80px;
}

.teams-img:hover .overlays {
  opacity: 1;
}

.socials a {
  display         : inline-block;
  width           : 37px;
  height          : 37px;
  background-color: transparent;
}

.socials i {
  line-height       : 37px;
  color             : #616161;
  font-size         : 14px;
  width             : 37px;
  height            : 37px;
  border-radius     : 50%;
  text-align        : center;
  -webkit-transition: all 0.2s linear;
  -moz-transition   : all 0.2s linear;
  -o-transition     : all 0.2s linear;
  -ms-transition    : all 0.2s linear;
  transition        : all 0.2s linear;
}

.teams-details .socials i {
  color: #fff;
}

.socials a:hover i {
  color           : #fff;
  background-color: #355c7d;
}
