.fromBottom40 {
    opacity: 0;
    transform: translate3d(0,40px,0);
    transition: all 0s linear 0s;
}

.fromBottom60 {
    opacity: 0;
    transform: translate3d(0,60px,0);
    transition: all 0s linear 0s;
}

.fromBottom80 {
    opacity: 0;
    transform: translate3d(0,60px,0);
    transition: all 0s linear 0s;
}

.fromBottom100 {
    opacity: 0;
    transform: translate3d(0,100px,0);
    transition: all 0s linear 0s;
}

.fromBottom120 {
    opacity: 0;
    transform: translate3d(0,120px,0);
    transition: all 0s linear 0s;
}

.fromBottom140 {
    opacity: 0;
    transform: translate3d(0,140px,0);
    transition: all 0s linear 0s;
}

.fromBottom160 {
    opacity: 0;
    transform: translate3d(0,160px,0);
    transition: all 0s linear 0s;
}

.active .fromBottom,
.active.fromBottom,
.active .fromBottom40,
.active.fromBottom40,
.active .fromBottom60,
.active.fromBottom60,
.active .fromBottom80,
.active.fromBottom80
 {
    opacity: 1;
    transform: translate3d(0,0,0);
    transition: transform 0.4s ease-out 0s, opacity 0.4s ease-out 0s;
}

.active .fromBottom100,
.active.fromBottom100,
.active .fromBottom120,
.active.fromBottom120,
.active .fromBottom140,
.active.fromBottom140,
.active .fromBottom160,
.active.fromBottom160
 {
    opacity: 1;
    transform: translate3d(0,0,0);
    transition: transform 0.5s ease-out 0s, opacity 0.5s ease-out 0s;
}