/*------------------------------------------------------------------------
# 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 {

--mxt-primary: #dd0429;
}
.mos-img img {display: none !important;}
.team-title {
    text-align: center;
}

.team-title .subtitle {
    justify-content: center;
}

.team-box {
    position: relative;
    display: block;
    overflow: hidden;
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.team-box>img {
    width: 100%;
    transform: scale(1);
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.team-box:hover>img {
    transform: scale(1.05);
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}
.team-icon {
    position: relative;
    color: var(--mxt-primary);
    background-color: #ffffff;
    padding: 10px;
    overflow: hidden;
    text-align: center;
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}
.team-content25-box {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 20px;
    display: inline-block;
}

.team-content25 {
    position: relative;
    background-color: #ffffff;
    padding: 25px;
    overflow: hidden;
    text-align: center;
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.team-box:hover .team-content25 {
    background-color: var(--mxt-primary);
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.team-content25 .h3-title {
    margin-bottom: 0;
    color: #222;
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.team-box:hover .team-content25 .h3-title {
    color: #ffffff;
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.team-content25 span {
    color: var(--mxt-primary);
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.team-box:hover .team-content25 span,.team-box:hover .team-content25 p,.team-box:hover .team-content25 .mos-img {
    color: #ffffff;
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.team-content25::before {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    border: solid 5px #051136;
    border-radius: 100%;
    bottom: -90px;
    right: -90px;
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.team-box:hover .team-content25::before {
    bottom: -40px;
    right: -40px;
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.main-team-social {
    position: absolute;
    width: 35px;
    height: 35px;
    background-color: var(--mxt-primary);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    top: 20px;
    right: 20px;
    z-index: 1;
}

.main-team-social i {
    transform: rotateZ(0deg);
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.team-box:hover .main-team-social i {
    transform: rotateZ(40deg);
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;

}

.main-team-social:hover {
    color: #ffffff;
}

.main-team-social-1 {
    position: absolute;
    width: 35px;
    height: 35px;
    background-color: var(--mxt-primary);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    top: 20px;
    right: 20px;
    opacity: 0;
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
    z-index: 1;
}

.main-team-social-1:hover {
    color: #ffffff;
    background-color: #051136;
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.team-box:hover .main-team-social-1 {
    opacity: 1;
    top: 65px;
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.main-team-social-2 {
    position: absolute;
    width: 35px;
    height: 35px;
    background-color: var(--mxt-primary);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    top: 20px;
    right: 20px;
    opacity: 0;
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
    z-index: 1;
}

.main-team-social-2:hover {
    color: #ffffff;
    background-color: #051136;
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.team-box:hover .main-team-social-2 {
    opacity: 1;
    top: 110px;
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.main-team-social-3, .main-team-social-4, .main-team-social-5 {
    position: absolute;
    width: 35px;
    height: 35px;
    background-color: var(--mxt-primary);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    top: 20px;
    opacity: 0;
    right: 20px;
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
    z-index: 1;
}

.main-team-social-3:hover,.main-team-social-4:hover,.main-team-social-5:hover {
    color: #ffffff;
    background-color: #051136;
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.team-box:hover .main-team-social-3 {
    opacity: 1;
    top: 155px;
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.team-box:hover .main-team-social-4 {
    opacity: 1;
    top: 200px;
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.team-box:hover .main-team-social-5 {
    opacity: 1;
    top: 245px;
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.main-team .slick-dots {
    bottom: -50px;
}

.team-items .team-content25 ul{margin:0;list-style-type:none;text-align:center;padding:1px 0 0}
.team-items .team-content25 ul li{display:inline-block;font-size: 18px;margin-bottom:10px;margin-right:12px}