@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInRightHwx {
    0% {
        opacity: 0;
        transform: translate(20%,80%);
    }
    100% {
        opacity: 1;
        transform: translate(0,80%);
    }
}
@keyframes fadeInRightHwx {
    0% {
        opacity: 0;
        transform: translate(20%,80%);
    }
    100% {
        opacity: 1;
        transform: translate(0,80%);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes scaleIn {
    0% {
        transform: scale(1);
    }

    100% {
        opacity: 1;
        transform: scale(1.1) ;
    }
}
@keyframes scaleIn {
    0% {
        transform: scale(1) ;
    }
    100% {
        opacity: 1;
        transform: scale(1.1) ;
    }
}
@keyframes rollIn {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}