.text {
    display: inline-block;
    vertical-align: top;
    line-height: 70px;
    font-size: 50px;
}

.visible {
    height: 70px;
    overflow: hidden;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    font-size: 50px;
}

.visible__list {
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-animation-name: change;
    -webkit-animation-duration: 12s;
    -webkit-animation-iteration-count: infinite;
    -o-animation-name: change;
    -o-animation-duration: 12s;
    -o-animation-iteration-count: infinite;
    -moz-animation-name: change;
    -moz-animation-duration: 12s;
    -moz-animation-iteration-count: infinite;
    animation-name: change;
    animation-duration: 12s;
    animation-iteration-count: infinite;
}

.visible__list__item {
    margin: 0;
    line-height: 70px;
    color: rgba(0,0,0,0.7);
}

@-webkit-keyframes change {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }
    9.5% {
        transform: translate3d(0, 0, 0);
    }
    12.5% {
        transform: translate3d(0, -70px, 0);
    }
    22% {
        transform: translate3d(0, -70px, 0);
    }
    25% {
        transform: translate3d(0, -140px, 0);
    }
    34.5% {
        transform: translate3d(0, -140px, 0);
    }
    37.5% {
        transform: translate3d(0, -210px, 0);
    }
    47% {
        transform: translate3d(0, -210px, 0);
    }
    50% {
        transform: translate3d(0, -280px, 0);
    }
    59.5% {
        transform: translate3d(0, -280px, 0);
    }
    62.5% {
        transform: translate3d(0, -210px, 0);
    }
    72% {
        transform: translate3d(0, -210px, 0);
    }
    75% {
        transform: translate3d(0, -140px, 0);
    }
    84.5% {
        transform: translate3d(0, -140px, 0);
    }
    87.5% {
        transform: translate3d(0, -70px, 0);
    }
    97% {
        transform: translate3d(0, -70px, 0);
    }
}

@-o-keyframes change {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }
    9.5% {
        transform: translate3d(0, 0, 0);
    }
    12.5% {
        transform: translate3d(0, -20px, 0);
    }
    22% {
        transform: translate3d(0, -20px, 0);
    }
    25% {
        transform: translate3d(0, -40px, 0);
    }
    34.5% {
        transform: translate3d(0, -40px, 0);
    }
    37.5% {
        transform: translate3d(0, -60px, 0);
    }
    47% {
        transform: translate3d(0, -60px, 0);
    }
    50% {
        transform: translate3d(0, -80px, 0);
    }
    59.5% {
        transform: translate3d(0, -80px, 0);
    }
    62.5% {
        transform: translate3d(0, -60px, 0);
    }
    72% {
        transform: translate3d(0, -60px, 0);
    }
    75% {
        transform: translate3d(0, -40px, 0);
    }
    84.5% {
        transform: translate3d(0, -40px, 0);
    }
    87.5% {
        transform: translate3d(0, -20px, 0);
    }
    97% {
        transform: translate3d(0, -20px, 0);
    }
}

@-moz-keyframes change {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }
    9.5% {
        transform: translate3d(0, 0, 0);
    }
    12.5% {
        transform: translate3d(0, -20px, 0);
    }
    22% {
        transform: translate3d(0, -20px, 0);
    }
    25% {
        transform: translate3d(0, -40px, 0);
    }
    34.5% {
        transform: translate3d(0, -40px, 0);
    }
    37.5% {
        transform: translate3d(0, -60px, 0);
    }
    47% {
        transform: translate3d(0, -60px, 0);
    }
    50% {
        transform: translate3d(0, -80px, 0);
    }
    59.5% {
        transform: translate3d(0, -80px, 0);
    }
    62.5% {
        transform: translate3d(0, -60px, 0);
    }
    72% {
        transform: translate3d(0, -60px, 0);
    }
    75% {
        transform: translate3d(0, -40px, 0);
    }
    84.5% {
        transform: translate3d(0, -40px, 0);
    }
    87.5% {
        transform: translate3d(0, -20px, 0);
    }
    97% {
        transform: translate3d(0, -20px, 0);
    }
}

@keyframes change {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }
    9.5% {
        transform: translate3d(0, 0, 0);
    }
    12.5% {
        transform: translate3d(0, -70px, 0);
    }
    22% {
        transform: translate3d(0, -70px, 0);
    }
    25% {
        transform: translate3d(0, -140px, 0);
    }
    34.5% {
        transform: translate3d(0, -140px, 0);
    }
    37.5% {
        transform: translate3d(0, -210px, 0);
    }
    47% {
        transform: translate3d(0, -210px, 0);
    }
    50% {
        transform: translate3d(0, -280px, 0);
    }
    59.5% {
        transform: translate3d(0, -280px, 0);
    }
    62.5% {
        transform: translate3d(0, -210px, 0);
    }
    72% {
        transform: translate3d(0, -210px, 0);
    }
    75% {
        transform: translate3d(0, -140px, 0);
    }
    84.5% {
        transform: translate3d(0, -140px, 0);
    }
    87.5% {
        transform: translate3d(0, -70px, 0);
    }
    97% {
        transform: translate3d(0, -70px, 0);
    }
}