/*------------------------------------------------------------------------
# mod_mx_team Extension
# ------------------------------------------------------------------------
# author    mixwebtemplates
# copyright Copyright (C) 2020 mixwebtemplates.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.mixwebtemplates.com
-------------------------------------------------------------------------*/
.mos-img img {display: none !important;}
.team-item  {
 position:relative;
 overflow:hidden
}
.mx-team-details .mx-team-meta {
        position: relative;
        overflow: hidden;
}

.mx-team-meta img,
.img-responsive {
	width: 100%;
}

.mx-team-meta .mx-team-name {
	position: absolute;
	bottom: 10px;
	right: -10px;
	padding: 3px 30px 0 15px;
	transform: skewX(-20deg);
	-webkit-transform: skewX(-20deg);
	-moz-transform: skewX(-20deg);
	-o-transform: skewX(-20deg);
	background: #e83d47;
	color: #fff;
}

.mx-team-meta .mx-team-name h4 {
	transform: skewX(20deg);
	-webkit-transform: skewX(20deg);
	-moz-transform: skewX(20deg);
	-o-transform: skewX(20deg);
	font-weight: 500;
	text-transform: uppercase;
	font-size: 15px;
}

.mx-team-meta .mx-team-info {
	opacity: 0;
	visibility: hidden;
	text-align: center;
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 22% 30px;
	margin: 15px 15px 60px;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	color: #fff;
	background:  rgba(232, 61, 71, 0.9);
}
.mx-team-meta a,.team-item .mx-team-meta li a {
	color: #fff; font-size: 16px; margin-right: 8px;
}
.mx-team-meta:hover .mx-team-info {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.mx-team-meta .mx-team-info ul li {
	display: inline;
	padding: 10px 3px;
}
 .more_info{
	margin-top: 13px;
}
.more_info a{
	color: #222;
	background: #fff;
	padding: 8px 12px;
}
.more_info a:hover, .more_info a:focus{   
    background: -webkit-gradient(linear, left bottom, left top, from(#333), to(#111));
    background: -webkit-linear-gradient(bottom, #333 0%, #111 100%);
    background:         linear-gradient(0deg, #333 0%, #111 100%);
    border: 1px solid #111;
    color: #fff;
}  
.mx-team-meta ul{
    margin: 0px;
    padding: 0px;
}