
/*------------------------------------------------------------------------
# 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 *, .team-item ::before, .team-item ::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
.team-item .image-wrap {
 position:relative;
 overflow:hidden
}
.team-item .overlay-idle,
.team-item .overlay-hover {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 -webkit-transition:background .3s ease,opacity .3s ease;
 -moz-transition:background .3s ease,opacity .3s ease;
 transition:background .3s ease,opacity .3s ease
}
.team-item .overlay-hover:hover {
 background-color:rgba(0,0,0,.6)
}
.team-item:hover .overlay-hover {
 background-color:rgba(240,73,35,0.8)
}
.team-item .overlay-idle {
 background:-webkit-linear-gradient(-90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,.7) 100%)
}
.team-item .box-title {
 position:relative
}
.team-item .box-title .title {
 font-size:20px;
 line-height:1.3em;
 margin:0
}
.team-item .box-title .subtitle {
 font-size:14px;
 line-height:1.5em;
 color:gray;
 padding-top:2px
}
.team-item .mx-bcontent {
 padding-top:10px
}
.team-item .vc-item .mx-overic ul{margin:0;list-style-type:none;text-align:center;padding:10px 0 0}
.team-item .vc-item .mx-overic ul li{display:inline-block;margin-bottom:10px;margin-right:5px}
.team-item .vc-item .mx-overic ul li a{display:block;font-size:14px;height:34px;line-height:31px;text-align:center;background-color:#fff;border:none;color:#000;height:30px;width:30px}
.team-item .vc-item .mx-overic ul li a:hover{background-color:#000}.team-item .mx-overic ul li a .fa{color:#000}.team-item .vc-item .mx-overic ul li a:hover .fa{color:#fff}
.team-item.style-2 .mx-bcontent {
 padding-top:20px
}
.team-item.style-3 .box-title {
 width:100%;
 position:absolute;
 bottom:30px
}
.team-item.style-3 .box-title .title,
.team-item.style-3 .box-title .subtitle {
 color:#fff
}
.team-item.style-3 .mx-bcontent {
 padding-top:20px
}
.team-item.style-4,
.team-item.style-5 {
 display:flex
}
.team-item.style-4 .mx-bcontent-wrap,
.team-item.style-5 .mx-bcontent-wrap {
 max-width:50%
}
.team-item.style-4 .mx-bcontent-wrap {
 padding-left:30px;
 display:flex;
 flex-direction:column;
 justify-content:center;
 text-align:left
}
.team-item.style-5 .mx-bcontent-wrap {
 padding-right:30px;
 display:flex;
 flex-direction:column;
 justify-content:center;
 text-align:right;
 align-items:flex-end
}
.team-item.style-6 .box-title,
.team-item.style-7 .box-title {
 width:100%;
 position:absolute;
 bottom:30px;
 -webkit-transition:all .3s ease;
 -moz-transition:all .3s ease;
 transition:all .3s ease
}
.team-item.style-6 .box-title .title,
.team-item.style-6 .box-title .subtitle,
.team-item.style-7 .box-title .title,
.team-item.style-7 .box-title .subtitle {
 color:#fff
}
.team-item.style-6 .mx-bcontent-wrap,
.team-item.style-7 .mx-bcontent-wrap {
 width:100%;
 position:absolute;
 top:50%;
 padding:0 2%;
 -webkit-transition:all .3s ease;
 -moz-transition:all .3s ease;
 transition:all .3s ease;
 transform:translateY(100px);
 opacity:0
}
.team-item.style-6:hover .mx-bcontent-wrap,
.team-item.style-7:hover .mx-bcontent-wrap {
 opacity:1;
 transform:translateY(0)
}
.team-item.style-6 .mx-bcontent-wrap,
.team-item.style-6 .dpr-activia-social-block ul li a:not(:hover),
.team-item.style-7 .mx-bcontent-wrap,
.team-item.style-7 .dpr-activia-social-block ul li a:not(:hover) {
 color:#fff
}
.team-item.style-6:hover .overlay-idle {
 opacity:0
}
.team-item.style-6 .box-title.second,
.team-item.style-7 .box-title.second {
 top:50%;
 bottom:auto;
 transform:translateY(-100px);
 opacity:0
}
.team-item.style-6:hover .box-title.second,
.team-item.style-7:hover .box-title.second {
 top:50%;
 transform:translateY(-100%);
 opacity:1
}
.team-item.style-6:hover .box-title,
.team-item.style-7:hover .box-title {
 opacity:0;
 transform:translateY(100px)
}
.team-item.style-8 .box-title.second,
.team-item.style-9 .box-title.second {
 width:100%;
 position:absolute;
 bottom:90px
}
.team-item.style-8 .box-title .title,
.team-item.style-8 .box-title .subtitle,
.team-item.style-9 .box-title .title,
.team-item.style-9 .box-title .subtitle,
.team-item.style-8 .mx-bcontent-wrap,
.team-item.style-8 .dpr-activia-social-block ul li a:not(:hover),
.team-item.style-9 .mx-bcontent-wrap,
.team-item.style-9 .dpr-activia-social-block ul li a:not(:hover) {
 color:#fff
}
.team-item.style-8 .flip-wrap-back .content-wrap,
.team-item.style-9 .flip-wrap-back .content-wrap {
 padding:25% 30px 30px 30px;
}
.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;
}