.animation1 {
        animation: myfirst1 1s ease-out;
        opacity: 1 !important;
}
.animation2 {
        animation: myfirst2 0.7s ease-out;
        opacity: 1 !important;
}
@keyframes myfirst1 {
        from {
                margin-top:.6rem;
                opacity: 0;
        }
        to {
                margin-top:0;
                opacity: 1;
        }
}
@-webkit-keyframes myfirst1 {
        from {
                margin-top:.6rem;
                opacity: 0;
        }
        to {
                margin-top:0;
                opacity: 1;
        }
}
@-moz-keyframes myfirst1{
        from {
                margin-top:.6rem;
                opacity: 0;
        }
        to {
                margin-top:0;
                opacity: 1;
        }
}
@-o-keyframes myfirst1{
        from {
                margin-top:.6rem;
                opacity: 0;
        }
        to {
                margin-top:0;
                opacity: 1;
        }
}
@keyframes myfirst2 {
        from {
                margin-top:.8rem;
                opacity: 0;
        }
        to {
                margin-top:.2rem;
                opacity: 1;
        }
}
@-webkit-keyframes myfirst2 {
        from {
                margin-top:.8rem;
                opacity: 0;
        }
        to {
                margin-top:.2rem;
                opacity: 1;
        }
}
@-moz-keyframes myfirst2 {
        from {
                margin-top:.8rem;
                opacity: 0;
        }
        to {
                margin-top:.2rem;
                opacity: 1;
        }
}

@-o-keyframes myfirst2 {
        from {
                margin-top:.8rem;
                opacity: 0;
        }
        to {
                margin-top:.2rem;
                opacity: 1;
        }
}




.animation7 {
        animation: myfirst7 3s linear infinite;
}
.animation8 {
        animation: myfirst7 3s linear 1s infinite;
}
.animation9 {
        animation: myfirst7 3s linear 2s infinite;
}
@keyframes myfirst7 {
        0% {
                transform: scale(0.5);
                opacity: 1;
        }
        50% {
                transform: scale(0.9);
                opacity: 1;
        }
        100% {
                transform: scale(1.5);
                opacity: 0;
        }
}

@-webkit-keyframes myfirst7 {
        0% {
                transform: scale(0.5);
                opacity: 1;
        }
        50% {
                transform: scale(0.9);
                opacity: 1;
        }
        100% {
                transform: scale(1.5);
                opacity: 0;
        }
}
@-moz-keyframes myfirst7 {
        0% {
                transform: scale(0.5);
                opacity: 1;
        }
        50% {
                transform: scale(0.9);
                opacity: 1;
        }
        100% {
                transform: scale(1.5);
                opacity: 0;
        }
}
@-o-keyframes myfirst7 {
        0% {
                transform: scale(0.5);
                opacity: 1;
        }
        50% {
                transform: scale(0.9);
                opacity: 1;
        }
        100% {
                transform: scale(1.5);
                opacity: 0;
        }
}

.animation3{
        animation: myfirst3 .3s ease-out;
        opacity: 1 !important;
}
@keyframes myfirst3 {
        from {
                bottom:-8rem;
                opacity: 0;
        }
        to {
                bottom:0;
                opacity: 1;
        }
}
@-webkit-keyframes myfirst3 {
        from {
                bottom:-8rem;
                opacity: 0;
        }
        to {
                bottom:0;
                opacity: 1;
        }
}
@-moz-keyframes myfirst3 {
        from {
                bottom:-8rem;
                opacity: 0;
        }
        to {
                bottom:0;
                opacity: 1;
        }
}
@-o-keyframes myfirst3 {
        from {
                bottom:-8rem;
                opacity: 0;
        }
        to {
                bottom:0;
                opacity: 1;
        }
}

.animation4{
        animation: myfirst4 .3s ease-out;
        opacity: 1 !important;
}
@keyframes myfirst4 {
        from {
                top:-10rem;
                opacity: 0;
        }
        to {
                top:0;
                opacity: 1;
        }
}
@-webkit-keyframes myfirst4 {
        from {
                top:-10rem;
                opacity: 0;
        }
        to {
                top:0;
                opacity: 1;
        }
}
@-moz-keyframes myfirst4 {
        from {
                top:-10rem;
                opacity: 0;
        }
        to {
                top:0;
                opacity: 1;
        }
}
@-o-keyframes myfirst4 {
        from {
                top:-10rem;
                opacity: 0;
        }
        to {
                top:0;
                opacity: 1;
        }
}