.team-item1 {
    padding: 35px;
    padding-right: 0;
    position: relative;
    z-index: 0;
}

.team-item1:after,
.team-item1:before {
    content: "";
    position: absolute;
    -webkit-box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
    box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
    border-radius: 10px;
    z-index: -1;
}

.team-item1:before {
    height: 100%;
    background-color: #ffffff;
    left: 0;
    top: 0;
    right: 30px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-item1:after {
    height: 0px;
    width: calc(100% - 30px);
    background-color: #0d6efd;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.team-item1:hover:after {
    height: 100%;
}

.team-item1 .img-holder {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(51, 51, 51, 0.2);
    box-shadow: 0 0 20px 0 rgba(51, 51, 51, 0.2);
    border-radius: 10px;
    width: calc(100% - 70px);
    margin-left: 70px;
    overflow: hidden;
}

.team-item1 .img-holder img {
    border-radius: 10px;
    width: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    background: url("assets/images/team/Francesco_Fichera.png") no-repeat;
    background-size: cover;
}

.team-item1:hover .img-holder img {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-image: url("assets/images/team/Francesco_Fichera_Halo.png");
    transition-duration: 0.6s;
}

.team-item1 .img-holder img {
    border-radius: 10px;
    width: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.team-item1:hover .img-holder img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.team-item1 .socials {
    position: absolute;
}

.team-item1 .socials a {
    display: block;
    margin-right: 0;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
}

.team-item1 .socials a:last-of-type {
    margin-bottom: 0;
}

.team-item1 .team-content {
}

.team-item1 .team-content h5 {
    color: #000000;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.team-item1 .team-content p {
    color: #000000;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-weight: 600;
}

.team-item1:hover .team-content h5,
.team-item1:hover .team-content p {
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-item2 {
    padding: 35px;
    padding-right: 0;
    position: relative;
    z-index: 0;
}

.team-item2:after,
.team-item2:before {
    content: "";
    position: absolute;
    -webkit-box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
    box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
    border-radius: 10px;
    z-index: -1;
}

.team-item2:before {
    height: 100%;
    background-color: #ffffff;
    left: 0;
    top: 0;
    right: 30px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-item2:after {
    height: 0px;
    width: calc(100% - 30px);
    background-color: #0d6efd;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.team-item2:hover:after {
    height: 100%;
}

.team-item2 .img-holder {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(51, 51, 51, 0.2);
    box-shadow: 0 0 20px 0 rgba(51, 51, 51, 0.2);
    border-radius: 10px;
    width: calc(100% - 70px);
    margin-left: 70px;
    overflow: hidden;
}

.team-item2 .img-holder img {
    border-radius: 10px;
    width: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    background: url("assets/images/team/Matteo_Santoro.png") no-repeat;
    background-size: cover;
}

.team-item2:hover .img-holder img {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-image: url("assets/images/team/Matteo_Santoro_Skyrim.png");
    transition-duration: 0.6s;
}

.team-item2 .img-holder img {
    border-radius: 10px;
    width: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.team-item2:hover .img-holder img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.team-item2 .socials {
    position: absolute;
}

.team-item2 .socials a {
    display: block;
    margin-right: 0;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
}

.team-item2 .socials a:last-of-type {
    margin-bottom: 0;
}

.team-item2 .team-content {
}

.team-item2 .team-content h5 {
    color: #000000;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.team-item2 .team-content p {
    color: #000000;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-weight: 600;
}

.team-item2:hover .team-content h5,
.team-item2:hover .team-content p {
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-item3 {
    padding: 35px;
    padding-right: 0;
    position: relative;
    z-index: 0;
}

.team-item3:after,
.team-item3:before {
    content: "";
    position: absolute;
    -webkit-box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
    box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
    border-radius: 10px;
    z-index: -1;
}

.team-item3:before {
    height: 100%;
    background-color: #ffffff;
    left: 0;
    top: 0;
    right: 30px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-item3:after {
    height: 0px;
    width: calc(100% - 30px);
    background-color: #0d6efd;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.team-item3:hover:after {
    height: 100%;
}

.team-item3 .img-holder {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(51, 51, 51, 0.2);
    box-shadow: 0 0 20px 0 rgba(51, 51, 51, 0.2);
    border-radius: 10px;
    width: calc(100% - 70px);
    margin-left: 70px;
    overflow: hidden;
}

.team-item3 .img-holder img {
    border-radius: 10px;
    width: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    background: url("assets/images/team/Neri_Salvadori.png") no-repeat;
    background-size: cover;
}

.team-item3:hover .img-holder img {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-image: url("assets/images/team/Neri_Salvadori_DragonBall.png");
    transition-duration: 0.6s;
}

.team-item3 .img-holder img {
    border-radius: 10px;
    width: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.team-item3:hover .img-holder img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.team-item3 .socials {
    position: absolute;
}

.team-item3 .socials a {
    display: block;
    margin-right: 0;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
}

.team-item3 .socials a:last-of-type {
    margin-bottom: 0;
}

.team-item3 .team-content {
}

.team-item3 .team-content h5 {
    color: #000000;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.team-item3 .team-content p {
    color: #000000;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-weight: 600;
}

.team-item3:hover .team-content h5,
.team-item3:hover .team-content p {
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-item4 {
    padding: 35px;
    padding-right: 0;
    position: relative;
    z-index: 0;
}

.team-item4:after,
.team-item4:before {
    content: "";
    position: absolute;
    -webkit-box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
    box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
    border-radius: 10px;
    z-index: -1;
}

.team-item4:before {
    height: 100%;
    background-color: #ffffff;
    left: 0;
    top: 0;
    right: 30px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-item4:after {
    height: 0px;
    width: calc(100% - 30px);
    background-color: #0d6efd;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.team-item4:hover:after {
    height: 100%;
}

.team-item4 .img-holder {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(51, 51, 51, 0.2);
    box-shadow: 0 0 20px 0 rgba(51, 51, 51, 0.2);
    border-radius: 10px;
    width: calc(100% - 70px);
    margin-left: 70px;
    overflow: hidden;
}

.team-item4 .img-holder img {
    border-radius: 10px;
    width: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    background: url("assets/images/team/Roberto_Niciforo.png") no-repeat;
    background-size: cover;
}

.team-item4:hover .img-holder img {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-image: url("assets/images/team/Roberto_Niciforo_Izuku.png");
    transition-duration: 0.6s;
}

.team-item4 .img-holder img {
    border-radius: 10px;
    width: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.team-item4:hover .img-holder img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.team-item4 .socials {
    position: absolute;
}

.team-item4 .socials a {
    display: block;
    margin-right: 0;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
}

.team-item4 .socials a:last-of-type {
    margin-bottom: 0;
}

.team-item4 .team-content {
}

.team-item4 .team-content h5 {
    color: #000000;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.team-item4 .team-content p {
    color: #000000;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-weight: 600;
}

.team-item4:hover .team-content h5,
.team-item4:hover .team-content p {
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-item5 {
    padding: 35px;
    padding-right: 0;
    position: relative;
    z-index: 0;
}

.team-item5:after,
.team-item5:before {
    content: "";
    position: absolute;
    -webkit-box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
    box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
    border-radius: 10px;
    z-index: -1;
}

.team-item5:before {
    height: 100%;
    background-color: #ffffff;
    left: 0;
    top: 0;
    right: 30px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-item5:after {
    height: 0px;
    width: calc(100% - 30px);
    background-color: #0d6efd;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.team-item5:hover:after {
    height: 100%;
}

.team-item5 .img-holder {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(51, 51, 51, 0.2);
    box-shadow: 0 0 20px 0 rgba(51, 51, 51, 0.2);
    border-radius: 10px;
    width: calc(100% - 70px);
    margin-left: 70px;
    overflow: hidden;
}

.team-item5 .img-holder img {
    border-radius: 10px;
    width: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    background: url("assets/images/team/Gabriele_Caudullo.png") no-repeat;
    background-size: cover;
}

.team-item5:hover .img-holder img {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-image: url("assets/images/team/Gabriele_Caudullo_OttoApocalypse.png");
    transition-duration: 0.6s;
}

.team-item5 .img-holder img {
    border-radius: 10px;
    width: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.team-item5:hover .img-holder img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.team-item5 .socials {
    position: absolute;
}

.team-item5 .socials a {
    display: block;
    margin-right: 0;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
}

.team-item5 .socials a:last-of-type {
    margin-bottom: 0;
}

.team-item5 .team-content {
}

.team-item5 .team-content h5 {
    color: #000000;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.team-item5 .team-content p {
    color: #000000;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-weight: 600;
}

.team-item5:hover .team-content h5,
.team-item5:hover .team-content p {
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-item6 {
    padding: 35px;
    padding-right: 0;
    position: relative;
    z-index: 0;
}

.team-item6:after,
.team-item6:before {
    content: "";
    position: absolute;
    -webkit-box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
    box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
    border-radius: 10px;
    z-index: -1;
}

.team-item6:before {
    height: 100%;
    background-color: #ffffff;
    left: 0;
    top: 0;
    right: 30px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-item6:after {
    height: 0px;
    width: calc(100% - 30px);
    background-color: #0d6efd;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.team-item6:hover:after {
    height: 100%;
}

.team-item6 .img-holder {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(51, 51, 51, 0.2);
    box-shadow: 0 0 20px 0 rgba(51, 51, 51, 0.2);
    border-radius: 10px;
    width: calc(100% - 70px);
    margin-left: 70px;
    overflow: hidden;
}

.team-item6 .img-holder img {
    border-radius: 10px;
    width: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    background: url("assets/images/team/Lorenzo_Calaciura.png") no-repeat;
    background-size: cover;
}

.team-item6:hover .img-holder img {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-image: url("assets/images/team/Lorenzo_Calaciura_MiloAtlantis.png");
    transition-duration: 0.6s;
}

.team-item6 .img-holder img {
    border-radius: 10px;
    width: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.team-item6:hover .img-holder img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.team-item6 .socials {
    position: absolute;
}

.team-item6 .socials a {
    display: block;
    margin-right: 0;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
}

.team-item6 .socials a:last-of-type {
    margin-bottom: 0;
}

.team-item6 .team-content {
}

.team-item6 .team-content h5 {
    color: #000000;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.team-item6 .team-content p {
    color: #000000;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-weight: 600;
}

.team-item6:hover .team-content h5,
.team-item6:hover .team-content p {
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-item7 {
    padding: 35px;
    padding-right: 0;
    position: relative;
    z-index: 0;
}

.team-item7:after,
.team-item7:before {
    content: "";
    position: absolute;
    -webkit-box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
    box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
    border-radius: 10px;
    z-index: -1;
}

.team-item7:before {
    height: 100%;
    background-color: #ffffff;
    left: 0;
    top: 0;
    right: 30px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-item7:after {
    height: 0px;
    width: calc(100% - 30px);
    background-color: #0d6efd;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.team-item7:hover:after {
    height: 100%;
}

.team-item7 .img-holder {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(51, 51, 51, 0.2);
    box-shadow: 0 0 20px 0 rgba(51, 51, 51, 0.2);
    border-radius: 10px;
    width: calc(100% - 70px);
    margin-left: 70px;
    overflow: hidden;
}

.team-item7 .img-holder img {
    border-radius: 10px;
    width: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    background: url("assets/images/team/Cristina_Colombo.png") no-repeat;
    background-size: cover;
}

.team-item7:hover .img-holder img {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-image: url("assets/images/team/Cristina_Colombo_Flareon.png");
    transition-duration: 0.6s;
}

.team-item7 .img-holder img {
    border-radius: 10px;
    width: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.team-item7:hover .img-holder img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.team-item7 .socials {
    position: absolute;
}

.team-item7 .socials a {
    display: block;
    margin-right: 0;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
}

.team-item7 .socials a:last-of-type {
    margin-bottom: 0;
}

.team-item7 .team-content {
}

.team-item7 .team-content h5 {
    color: #000000;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.team-item7 .team-content p {
    color: #000000;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-weight: 600;
}

.team-item7:hover .team-content h5,
.team-item7:hover .team-content p {
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-item8 {
    padding: 35px;
    padding-right: 0;
    position: relative;
    z-index: 0;
}

.team-item8:after,
.team-item8:before {
    content: "";
    position: absolute;
    -webkit-box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
    box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
    border-radius: 10px;
    z-index: -1;
}

.team-item8:before {
    height: 100%;
    background-color: #ffffff;
    left: 0;
    top: 0;
    right: 30px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-item8:after {
    height: 0px;
    width: calc(100% - 30px);
    background-color: #0d6efd;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.team-item8:hover:after {
    height: 100%;
}

.team-item8 .img-holder {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(51, 51, 51, 0.2);
    box-shadow: 0 0 20px 0 rgba(51, 51, 51, 0.2);
    border-radius: 10px;
    width: calc(100% - 70px);
    margin-left: 70px;
    overflow: hidden;
}

.team-item8 .img-holder img {
    border-radius: 10px;
    width: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    background: url("assets/images/team/Angelo_Messina.png") no-repeat;
    background-size: cover;
}

.team-item8:hover .img-holder img {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-image: url("assets/images/team/Angelo_Messina_MetalGear.png");
    transition-duration: 0.6s;
}

.team-item8 .img-holder img {
    border-radius: 10px;
    width: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.team-item8:hover .img-holder img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.team-item8 .socials {
    position: absolute;
}

.team-item8 .socials a {
    display: block;
    margin-right: 0;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
}

.team-item8 .socials a:last-of-type {
    margin-bottom: 0;
}

.team-item8 .team-content {
}

.team-item8 .team-content h5 {
    color: #000000;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.team-item8 .team-content p {
    color: #000000;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-weight: 600;
}

.team-item8:hover .team-content h5,
.team-item8:hover .team-content p {
    color: #ffffff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-unlock {
    padding: 35px;
    padding-right: 0;
    position: relative;
    z-index: 0;
    cursor: pointer;
}

.team-unlock:after,
.team-unlock:before {
    content: "";
    position: absolute;
    -webkit-box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
    box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
    border-radius: 10px;
    z-index: -1;
}

.team-unlock:before {
    height: 100%;
    background-color: #0d6efd;
    left: 0;
    top: 0;
    right: 30px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-unlock:after {
    height: 0px;
    width: calc(100% - 30px);
    background-color: #ffffff;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.team-unlock:hover:after {
    height: 100%;
}

.team-unlock .img-holder {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(51, 51, 51, 0.2);
    box-shadow: 0 0 20px 0 rgba(51, 51, 51, 0.2);
    border-radius: 10px;
    width: calc(100% - 70px);
    margin-left: 70px;
    overflow: hidden;
}

.team-unlock .img-holder img {
    border-radius: 10px;
    width: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    background: url("assets/images/team/Unlock_Team.png") no-repeat;
    background-size: cover;
    cursor: pointer;
}

.team-unlock:hover .img-holder img {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-image: url("assets/images/team/Unlock_Team_h.png");
    transition-duration: 0.6s;
}

.team-unlock .img-holder img {
    border-radius: 10px;
    width: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.team-unlock:hover .img-holder img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.team-unlock .socials {
    position: absolute;
}

.team-unlock .socials a {
    display: block;
    margin-right: 0;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
}

.team-unlock .socials a:last-of-type {
    margin-bottom: 0;
}

.team-unlock .team-content {
}

.team-unlock .team-content h5 {
    color: #ffffff;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.team-unlock .team-content p {
    color: #ffffff;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-weight: 600;
}

.team-unlock:hover .team-content h5,
.team-unlock:hover .team-content p {
    color: #000000;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.socials a {
    width: 35px;
    height: 35px;
    background-color: #6893e1;
    border-radius: 50%;
    -webkit-box-shadow: 0 3px 2px 0 #516cd9;
    box-shadow: 0 3px 2px 0 #516cd9;
    text-align: center;
    color: #fff;
    padding-top: 10px;
    font-size: 16px;
    margin-right: 10px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}