/*------------------------------------------------------------------------
# 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;}
#mx-team *, #mx-team::after, #mx-team::before {
    box-sizing: border-box;
}

#mx-team {
 box-shadow:0 0 0 0 #ffffff;
 margin:0 0 0 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#mx-team .mx-addon-person {
 position:relative;
 width:100%;
 border-radius:5px;
 transition:all 0.3s ease-out 0s;
}
#mx-team .mx-addon-person:hover {
 -webkit-box-shadow:1px 4px 20px -2px rgba(0,0,0,0.2);
 box-shadow:1px 4px 20px -2px rgba(0,0,0,0.2);
 transform:translateY(-8px);
}
#mx-team .img-box {
 position:relative;
 width:100%;
 padding:11px 11px 0 11px;
 background-color:#fff;
 border-radius:5px;
 overflow:hidden;
}
#mx-team .img-box .bg-circle-box {
 position:relative;
 width:100%;
 min-height:340px;
 padding:0px;
 overflow:hidden;
 background-color:#fff;
}
#mx-team .mx-addon-person .mx-person-social-icons {
 position:absolute;
 width:100%;
 z-index:3;
 padding:0px;
 bottom:-80px;
 text-align:center;
 margin:15px 0 15px 0;
 transition:all 0.3s ease-out 0s;
}
#mx-team .mx-addon-person:hover .mx-person-social-icons {
 bottom:20px;
}
#mx-team .mx-addon-person ul {
 list-style:none;
 display:block;
 padding:0;
 margin:0;
}
#mx-team .mx-addon-person ul > li {
 padding:0px;
 display:inline-block;
}
#mx-team .mx-addon-person ul > li > a {
 background-color:#ff8724;
 width:40px;
 height:40px;
 text-align:center;
 line-height:40px;
 display:inline-block;
 padding:0px;
 color:#fff;
 border-radius:100%;
}
#mx-team .mx-addon-person .mx-person-social > li > a:hover {
 color:#fff;
 background-color:#1e1e1e;
}
#mx-team .mx-addon-person .mx-person-image {
 margin-bottom:0;
 position:absolute;
 width:100%;
 z-index:2;
}
#mx-team .circle {
 position:absolute;
 width:780px;
 height:780px;
 left:-45px;
 top:18px;
 border:30px solid #f5f5f5;
 border-radius:100%;
 float:left;
 z-index:1;
 transition:all 0.3s ease-out 0s;
}
#mx-team .mx-addon-person:hover .img-box .bg-circle-box .circle {
 border:30px solid #ff8724;
}
#mx-team .mx-person-content {
 width:100%;
 padding:20px 30px;
 background-color:#fff;
 transition:all 0.3s ease-out 0s;
}
#mx-team .mx-addon-person .mx-person-information > .mx-person-name {
 margin-bottom:3px;
 transition:all 0.3s ease-out 0s;
 font-size:18px;
 line-height:23px;
 margin-top:10px;
 font-weight:normal;
 color:#272727;
}
#mx-team .mx-addon-person .mx-person-information > .mx-person-designation {
 font-size:14px;
 color:#ff8724;
 margin:0 0 10px;
 font-weight:normal;
 font-style:normal;
 line-height:23px;
}
#mx-team .mx-addon-person .mx-person-introtext {
 margin:23px 0 10px;
}
.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;
}