/*------------------------------------------------------------------------
# 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 {
  --color52-base: #ff3c00;
    --mxt-common-white: rgb(255 255 255);
     --qode-hover-move-x: 110%;
 --qode-hover-move-y: 100%
}

.single_team52 .mos-img img {display: none !important;}
.single_team52 {
  margin-bottom: 60px;
}


/*team content*/
.single_team52_content {
  width: 90%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}
.single_team52 .mos-img{
  color: #fff;
  padding: 2px 12px;
}
.single_team52 .mos-img p {
  margin-bottom: 0px;
}
/*team title*/
.team-title52 {
  padding: 10px 0 17px;
  background: var(--color52-base);
  text-align: center;
  width: 80%;
  position: relative;
  z-index: 1;
  left: 10%;
  border-radius: 3px 3px 0 0;
  transform: perspective(500px) rotateX(90deg);
  -webkit-transition: all 400ms linear 0ms;
  transition: all 400ms linear 0ms;
}

.team-title52 h4 {
  font-size: 22px;
  font-weight: 500;
  padding: 0 0 4px;
  color: #fff;
}

.team-title52 span {
  color: #fff;
}

/*team icon*/
.single_team52_icon {
  position: relative;
  z-index: 1;
  left: 10%;
  width: 80%;
  background: #131323;
  color: #fff !important;
  text-align: center;
  padding: 14px 0 14px;
  border-radius: 0 0 3px 3px;
  transform: perspective(500px) rotateX(-90deg);
  -webkit-transition: all 400ms linear 0ms;
  transition: all 400ms linear 0ms;
}

.single_team52_icon a {
  width: 38px;
  height: 38px;
  line-height: 41px;
  text-align: center;
  border-radius: 50px;
  background-color: #373644;
  display: inline-block;
  color: #fff !important;
  font-size: 14px;
  margin-right: 6px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.single_team52_icon a:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--color52-base);
  transform: scale(0);
  border-radius: 50px;
  transition: 0.5s;
}

/*team all hover*/
.single_team52:hover .single_team52_icon {
  transform: perspective(500px) rotateX(0deg);
}

.single_team52:hover .team-title52 {
  transform: perspective(500px) rotateX(0deg);
}

.single_team52_icon a:hover:before {
  transform: scale(1);
}

.single_team52_content {
  bottom: -30px;
}

.single_team52_icon {
  top: -1px;
}

.mxt-btn52 {
 padding:10px 15px;
 color:var(--color51-base);
 border: 1px solid var(--color52-base);
 display:inline-block;
 background:var(--mxt-common-white);
 font-weight:600;
 font-size:14px;
 line-height:100%;
 position: absolute;
 top: -34px;
 right: 0px;
}
.mxt-btn52:hover {
 color: var(--mxt-common-white);
 border: 1px solid var(--mxt-common-white);
 background:var(--color52-base);
}
.mxt-arrow-angle {
margin-left: 10px;
}
.mxt-arrow-svg-top-right {
 fill:currentColor;
 stroke:none
}
.mxt-arrow-angle path {
 transition:transform .38s cubic-bezier(.37,.08,.02,.93),opacity .18s ease-out
}
.mxt-arrow-angle path:nth-of-type(1) {
 transform:translate(0) translateY(0);
 opacity:1;
 transition-delay:.15s,.15s
}
.mxt-arrow-angle path:nth-of-type(2) {
 transform:translate(calc(-1 * var(--qode-hover-move-x))) translateY(var(--qode-hover-move-y));
 opacity:.5;
 transition-delay:0s,0s
}
.mxt-left-right:hover .mxt-arrow-angle path:nth-of-type(2) {
 transform:translate(0) translateY(0);
 opacity:1;
 transition-delay:.15s,.15s
}
.mxt-left-right:hover .mxt-arrow-angle path:nth-of-type(1) {
 transform:translate(var(--qode-hover-move-x)) translateY(calc(-1 * var(--qode-hover-move-y)));
 opacity:0;
 transition-delay:0s,0s
}
.single_team52 .field-label {
  display: none !important;
}

.single_team52 ul {
  padding-left: 0rem;
  margin-bottom: 0rem;
}

.single_team52 ul li {
  list-style: none;
  display: inline-block;
  }