/*------------------------------------------------------------------------
# mod_mx_team Extension
# ------------------------------------------------------------------------
# author    mixwebtemplates
# copyright Copyright (C) 2019 mixwebtemplates.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.mixwebtemplates.com
-------------------------------------------------------------------------*/
:root {
 --tmxt-color: #E81C2E;
 --titlet-color: #161921;
 --smoket-color: #F5F5F5;
 --blackt-color: #000000;
 --whitet-color: #ffffff;
}
.mos-img img {display: none !important;}
.team-style28 {
  margin-bottom: 30px;
  overflow: hidden;
  background-color: #000;
  position: relative;
}
.team-style28 .wt-title a {
  color: #000;
  outline: 0px none;
  text-decoration: none;
}
.team-style28 .content-info {
  position: absolute;
  top: auto;
  bottom: 0px;
  width: 100%;
  padding: 20px;
  background: #fff;
  transition: transform 0.35s;
  transform: translate3d(0, 100%, 0);
}

.team-style28 .content-info-inner {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.team-style28 .wt-title {
  margin-bottom: 5px;
  transition: transform 0.35s;
  transform: translate3d(0, 200%, 0);
}

.team-style28 .wt-title:hover {
  color: var(--tmxt-color);
}

.team-style28 div.icon-links {
  margin-bottom: 0px;
}
.team-style28 div.icon-links a {
  float: left;
  color: var(--tmxt-color);
  font-size: 14px;
  transition: transform 0.35s;
  transform: translate3d(0, 200%, 0);
}
.team-style28 .more_info a {
  color: var(--tmxt-color);
}
.team-style28 div.icon-links a span::before {
  display: inline-block;
  padding: 8px 10px;
}

.team-style28:hover div.icon-links a {
  transform: translate3d(0, 0, 0);
}

.team-style28:hover div.icon-links a:hover {
  color: #000;
}

.team-style28:hover div.icon-links a:focus {
  color: #000;
}

.team-style28:hover div.icon-links a:nth-child(3) {
  transition-delay: 0.1s;
}

.team-style28:hover div.icon-links a:nth-child(2) {
  transition-delay: 0.15s;
}

.team-style28:hover div.icon-links a:first-child {
  transition-delay: 0.2s;
}

.team-style28:hover div.description {
  opacity: 1;
}

.team-style28:hover img {
  opacity: 0.5;
  transition: transform 0.5s;
  transform: translate3d(0, -4%, 0) scale(1.1);
}

.team-style28:hover .content-info {
  transform: translate3d(0, 0, 0);
}

.team-style28:hover .wt-title {
  transform: translate3d(0, 0, 0);
  transition-delay: 0.05s;
}

.team-style28 div.description {
  position: absolute;
  bottom: 100%;
  margin-bottom: 0px;
  left: 0px;
  padding: 20px 0px 40px 0px;
  color: #fff;
  text-transform: none;
  opacity: 0;
  transition: opacity 0.35s;
}

.team-style28 .info-detail {
  float: left;
}
.team-style28 .info-detail a {
  color: #333;
}
.team-style28 .wt-title-position {
  display: block;
  margin-bottom: 0px;
  color: var(--tmxt-color);
}

.team-style28 img {
  transition: 0.5s all ease;
}

.team-items .team-style28 ul{margin:0;list-style-type:none;text-align:center;padding:1px 0 0, text-align: right;}
.team-items .team-style28 ul li{display:inline-block;margin-bottom:0px;}
.team-items .team-style28 dl, .team-items .team-style27 dd{margin-bottom: 0px;}