.transy {
    transform: translateY(60px);
    -webkit-transform: translateY(60px);
    transition: 700ms;
    -webkit-transition: 700ms;
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    opacity: 0;
}

.transxl {
    transform: translateX(60px);
    -webkit-transform: translateX(60px);
    transition: 700ms;
    -webkit-transition: 700ms;
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    opacity: 0;
}

.transxr {
    transform: translateX(-60px);
    -webkit-transform: translateX(-60px);
    transition: 700ms;
    -webkit-transition: 700ms;
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    opacity: 0;
}

.tranShow {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;
}

.dly_1 {
    transition-delay: 100ms;
    -webkit-transition-delay: 100ms;
}

.dly_2 {
    transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
}

.dly_3 {
    transition-delay: 300ms;
    -webkit-transition-delay: 300ms;
}

.dly_4 {
    transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
}

.dly_5 {
    transition-delay: 500ms;
    -webkit-transition-delay: 500ms;
}

.dly_6 {
    transition-delay: 600ms;
    -webkit-transition-delay: 600ms;
}

.dly_7 {
    transition-delay: 700ms;
    -webkit-transition-delay: 700ms;
}