.team{
    padding-bottom:70px;
}
 .team .section-title{
    text-align:left;
    margin-bottom:50px;
}
 .team__item{
    height:480px;
    position:relative;
    z-index:1;
    margin-bottom:30px;
    overflow:hidden;
    background-position:center;
    background-size:cover;
    border-radius: 10px;
    box-shadow: 0 70px 63px -60px #000000;
}
 .team__item:after{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    background:rgba(34,48,96,0.8);
    content:"";
    z-index:-1;
    opacity:0;
    -webkit-transition:all,0.5s,ease-out,.5s;
    -o-transition:all,0.5s,ease-out,.5s;
    transition:all,0.5s,ease-out,.5s;
}
 .team__item:hover:after{
    opacity:1;
}
 .team__item:hover .team__text{
    top:0;
}
.team__item .image2{
    display:none;
    height: 100%;
}
.team__item:hover .image2{
    display:inline;
    animation: fadeIn 1.5s;
}
 .team__item:hover .team__text .team__title{
    border-bottom:1px solid rgba(183,183,183,0.2);
    padding:0 0 16px;
    margin-bottom:26px;
    opacity:0;
    visibility:hidden;
    position:relative;
    bottom:initial;
    opacity:1;
    visibility:visible;
}

 .team__item:hover .team__text p{
    top:0;
    opacity:1;
    visibility:visible;
    -webkit-transition:all .5s ease .3s;
    -o-transition:all .5s ease .3s;
    transition:all .5s ease .3s;
}
 .team__item:hover .team__text{
    opacity:1;
    visibility:visible;
    bottom:34px;
    -webkit-transition:all .5s ease .5s;
    -o-transition:all .5s ease .5s;
    transition:all .5s ease .5s;
    overflow-y:scroll;
}
 .team__text{
    height:100%;
    top: calc(100% * 0.75);
    position:relative;
    padding:35px 30px 30px;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
   
}
 .team__text .team__title{
    border-bottom:1px solid rgba(183,183,183,0.2);
    padding:0 0 26px;
    margin-bottom:26px;
    position:relative;
    background: rgba(0,0,0,.2);
    padding: .5rem .5rem;
}
 .team__text .team__title h4{
    color:#fff;
    font-weight:700;
    margin-bottom:6px;
}
 .team__text .team__title span{
    font-size:15px;
    font-weight: 300;
    color: lightgrey;
}
 .team__text p{
    color:#e4e4e4;
    line-height:26px;
    opacity:0;
    visibility:hidden;
    position:relative;
    top:50px;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    
}

@media(max-width:768px) {
     .team__item{
        height:350px;
    }
     .team__text{
        padding:25px 20px 20px;
    }
}


@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }