li{
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #dedcdc;
    background: url(img/list-li-ico.png) 5px center no-repeat;
    line-height: 60px;
    padding-left: 35px;
        visibility: visible;}
li::after{
    content:"";
    position: absolute;
    bottom: 0;
    width: 0;
    height: 1px;
    left: 50%;
    background: #cb273e;
       transition: all 0.5s ease;}

li:hover::after{

    width: 100%;
     left: 0%;

    background: #cb273e;}
li:hover{
    animation-name: fadeInUp;}
li a {
    transition: all 0.5s ease;}
li:hover .date {
    color: #cb273e;}
li:hover a {
    color: #cb273e;
    transform: translateX(5px);}