@keyframes elemUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }
    20% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes elemUp1{
    0% {
        opacity: 0;
        -webkit-transform: translateY(70px);
        -ms-transform: translateY(70px);
        transform: translateY(70px)
    }
    30% {
        opacity: 0;
        -webkit-transform: translateY(70px);
        -ms-transform: translateY(70px);
        transform: translateY(70px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes elemUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px)
    }
   40% {
        opacity: 0;
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes elemUp3 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(110px);
        -ms-transform: translateY(110px);
        transform: translateY(110px)
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(110px);
        -ms-transform: translateY(110px);
        transform: translateY(110px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.elemAnimationUp {
	animation-name: elemUp;
	animation-duration: 700ms;
	animation-delay: 0ms;
	animation-iteration-count: 1;
}
.elemAnimationUp1 {
	animation-name: elemUp;
	animation-duration: 900ms;
	animation-delay: 0ms;
	animation-iteration-count: 1;
}
.elemAnimationUp2 {
	animation-name: elemUp2;
	animation-duration: 1100ms;
	animation-delay: 0ms;
	animation-iteration-count: 1;
}
.elemAnimationUp3 {
	animation-name: elemUp3;
	animation-duration: 1300ms;
	animation-delay: 0ms;
	animation-iteration-count: 1;
}


@keyframes elemUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px)
    }
    80% {
        opacity: 0;
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(60px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.elemAnimationUpBig {
	animation-name: elemUpBig;
	animation-duration: 1000ms;
	animation-delay: 0ms;
	animation-iteration-count: 1;
}
