button:focus,
button:active {
  outline: none;
}
/*================================
  Team Style 1
==================================*/
.team-lst-item {
  width: 100%;
}
.play-team-aud {
  position: relative;
}
.play-team-aud,
.play-team-aud img {
  width: 100%;
}
.play-team-aud:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  bottom: 50%;
  background-color: #000;
  opacity: 0;
  -webkit-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.team_social {
  text-align: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  padding: 0 15px;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.team_social > a {
  display: inline-block;
  position: relative;
  height: 58px;
  width: 58px;
  line-height: 58px;
  background-color: rgba(255,255,255,.5);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #e3e3e3;
  font-size: 21.5px;
  -webkit-transform: scale(.3);
  -ms-transform: scale(.3);
  -o-transform: scale(.3);
  transform: scale(.3);
  opacity: 0;
  -webkit-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  margin: 0 2.5px;
}
.team-contnt-area {
    text-align: center;
    width: 100%;
    padding: 30px;
    -webkit-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    border-top: 5px solid #95271a;
    border-left: 1px solid #95271aad;
    border-right: 1px solid #95271aad;
    border-bottom: 1px solid #95271aad;
}
.team-lst-item:hover .play-team-aud::before {
  opacity: .7;
  top: 0;
  bottom: 0;
}
.team-lst-item:hover .team_social {
  opacity: 1;
  visibility: visible;
}
.team-lst-item:hover .team_social > a {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.team-lst-item:hover + .team-contnt-area {
  background-color: #f7f3ef;
}

.team-wrap {margin-bottom: -30px;}
.team-wrap > .row > div {margin-bottom: 30px;}
/*================================
  Team Style 2
==================================*/
.team-slider .owl-stage-outer {
    padding-top: 30px;
}
.team-style2-wrap {margin-bottom: -70px;}
.team-style2-wrap .team-style2-item {margin-bottom: 70px;}
.team-style2-item .team-avatar img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: auto !important;
  margin: 0 auto;
}
.team-style2-item .team-avatar figure {
  display: inline-block;
  position: relative;
}
.team-style2-item .team-avatar figure::after,
.team-style2-item .team-avatar figure::before {
  content: "";
  height: 100%;
  position: absolute;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.team-style2-item .team-avatar figure::after {
  width: 100%;
  background-color: #f4f4f4; 
  top: -15px;
  left: 0;
  z-index: -1;
}
.team-style2-item .team-avatar figure::before {
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transform: scale(0,0);
  -webkit-transform: scale(0,0);
  -moz-transform: scale(0,0);
  -o-transform: scale(0,0);
}
.team-style2-item:hover .team-avatar figure::before {
  opacity: 1;
  visibility: visible;
  transform: scale(1,1);
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -o-transform: scale(1,1);
}
.team-style2-item:hover .team-avatar figure::after {
  top: 0;
}
.team-avatar {
  position: relative;
}
.team-style2-social {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  transition: all 0.45s;
  -webkit-transition: all 0.45s;
  -moz-transition: all 0.45s;
  -o-transition: all 0.45s;
}
.team-style2-social a {
  font-size: 24px;
  z-index: 2;
  display: inline-block;
  transform: scale(0,0);
  -webkit-transform: scale(0,0);
  -moz-transform: scale(0,0);
  -o-transform: scale(0,0);
}
.team-style2-social a + a {
  margin-left: 15px;
}
.team-style2-social a:first-child {
  -webkit-transition: all .4s linear;
  -moz-transition: all .4s linear;
  -ms-transition: all .4s linear;
  -o-transition: all .4s linear;
  transition: all .4s linear;
}
.team-style2-social a:nth-child(2) {
  -webkit-transition: all .5s linear;
  -moz-transition: all .5s linear;
  -ms-transition: all .5s linear;
  -o-transition: all .5s linear;
  transition: all .5s linear;
}
.team-style2-social a:nth-child(3) {
  -webkit-transition: all .6s linear;
  -moz-transition: all .6s linear;
  -ms-transition: all .6s linear;
  -o-transition: all .6s linear;
  transition: all .6s linear;
}
.team-style2-item:hover .team-style2-social {
  opacity: 1;
  visibility: visible;
}
.team-style2-item:hover .team-style2-social a {
   transform: scale(1,1);
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -o-transform: scale(1,1);
}
.team-style2-social > a {color: #fff;}
.team-style2-social > a i {color: inherit !important;}
.team-style2-contnt {
  padding-top: 26px;
}
.team-style2-wrap .owl-nav button.owl-prev {
  left: -75px;
}
.team-style2-wrap .owl-nav button.owl-next {
  right: -75px;
}
.owl-dots-style.circle {
    padding-top: 30px;
}
.owl-dots-style.circle button {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    border: none;
    margin-left: 6px;
}
.team-style2 .team-item .team-media img {
    width: 100%;
}
/*================================
  Team Style 3
==================================*/
.team-style3-wrap {margin-bottom: -30px;}
.team-style3-wrap .team-style3-item {margin-bottom: 30px;}
.team-style3-item {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.team-style3-content {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
  text-align: center;
  min-height: 110px;
  z-index: 1;
  height: 0;
}
.team-style3-content::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 5px;
}
.team-style3-item:hover .team-style3-content {
  height: 100%;
  bottom: 0;
  padding: 0;  
}
.team-style3-title {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 30px 20px;
}
.team-style3-item:hover .title {
  margin-top: 5px;
  margin-bottom: 0;
}
.team-style3-title > h2 {
    margin-bottom: 0;
}
.team-style3-item:hover .team-style3-title {
    opacity: 0;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}
.team-style3-item:hover .team-style3-content {
    left: 0;
    right: 0;
}
.team-style3-social {
  position: absolute;
  width: 100%;
  z-index: 9;
  left: 0;
  visibility: hidden;
  opacity: 0;
  bottom: 35px;
}
.team-style3-item:hover .team-style3-social {
    visibility: visible;
    opacity: 1;
    bottom: 50%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}
.team-style3-social a {
  background-color: #ffffff;
  color: #333333;
  font-size: 22px;
  margin: 0 4px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  line-height: 48px;
  display: inline-block;
  transform: scale(0,0);
  -webkit-transform: scale(0,0);
  -moz-transform: scale(0,0);
  -o-transform: scale(0,0);
  -webkit-transition: all .5s linear;
  -moz-transition: all .5s linear;
  -ms-transition: all .5s linear;
  -o-transition: all .5s linear;
  transition: all .5s linear;
}
.team-style3-item:hover .team-style3-social a:nth-child(2) {
  -webkit-transition: all .6s linear;
  -moz-transition: all .6s linear;
  -ms-transition: all .6s linear;
  -o-transition: all .6s linear;
  transition: all .6s linear;
}
.team-style3-item:hover .team-style3-social a:nth-child(3) {
  -webkit-transition: all .7s linear;
  -moz-transition: all .7s linear;
  -ms-transition: all .7s linear;
  -o-transition: all .7s linear;
  transition: all .7s linear;
}
.team-style3-social a:hover,
.team-style3-social a:hover, .team-style3-social a:focus {
  background-color: #333;
  color: #fff;
  box-shadow: 5px 11px 9px 3px #605e5e45;
  transition: all .2s linear;
}
.team-style3-item:hover .team-style3-social a {
  transform: scale(1,1);
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -o-transform: scale(1,1);
}

/*================================
  Transition
==================================*/
.team-style3-title,
.team-style3-social,
.team-style3-item span,
.team-style3-content,
.team-style2-item .team-avatar figure::after,
.team-style2-item .team-avatar figure::before,
.team-style2-social {
  -webkit-transition: all .4s linear;
  -moz-transition: all .4s linear;
  -ms-transition: all .4s linear;
  -o-transition: all .4s linear;
  transition: all .4s linear;
}
/*================================
        Team Style 4
==================================*/
.team-wrap {
  float: left;
  width: 100%;
}
.remove-ext7 .team-box {margin-bottom: 50px;}
.remove-ext9 .team-box {margin-bottom: 60px;}
.remove-ext14 .team-box {margin-bottom: 85px;}
.team-box {
  float: left;
  width: 100%;
}
.team-thumb {
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.team-thumb > a {
  float: left;
  width: 100%;
}
.team-thumb img {width: 100%;}
.team-box:hover .team-thumb img {
  -webkit-transform: scale(1.1) rotate(2deg);
  -ms-transform: scale(1.1) rotate(2deg);
  -o-transform: scale(1.1) rotate(2deg);
  transform: scale(1.1) rotate(2deg);
}
.team-thumb > a:before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: "";
  width: 0;
  height: 0;
  background: rgba(0,0,0,.2);
  -webkit-border-radius: 30%;
  border-radius: 30%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
.team-box:hover .team-thumb > a::before {
  -webkit-animation: circle 1s;
  -ms-animation: circle 1s;
  -o-animation: circle 1s;
  animation: circle 1s;
}
@-webkit-keyframes circle {
  0% {
    opacity: .5;
    background: rgba(45,26,39,.2);

  }
  40% {
    opacity: 1;
    background: rgba(45,26,39,.2);
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@keyframes circle {
  0% {
    opacity: .5;
    background: rgba(45,26,39,.2);

  }
  40% {
    opacity: 1;
    background: rgba(45,26,39,.2);
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
.team-thumb + .team-info {margin-top: 25px;}
.team-info {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
}
.team-info > h4 {
  margin-bottom: 0;
  font-size: 28px;
}
.theme-bg .team-info > h4,
.secondary-bg .team-info > h4,
.dark-layer .team-info > h4 {color: #fff;}
.dark-layer .team-info > span,
.theme-bg .team-info > span,
.secondary-bg .team-info > span {color: #ababab;}
.team-info > h4 + span {margin-top: 5px;}
.team-info > span {
  display: block;
  font-size: 18px;
}
.team-info > .social-links {
  position: absolute;
  left: 25px;
  right: 25px;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  bottom: -65px;
}
.team-box:hover .team-info > .social-links {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.team-box .social-links2 > a {
  line-height: 45px;
  height: 45px;
  width: 45px;
  font-size: 18px;
}
.team-box .social-links2 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -40px;
  opacity: 0;
  visibility: hidden;
}
.team-box:hover .social-links2 {
  opacity: 1;
  bottom: 36px;
  visibility: visible;
}
.view-more {
  float: left;
  width: 100%;
  margin-top: 60px;
}