/*.animate__animated {*/
/*    animation-delay: 0.1s !important;*/
/*}*/

@-webkit-keyframes grow {
    from {
        opacity: 1;
        transform: scale(1.0);
    }

    to {
        opacity: 0;
        transform: scale(1.5);
    }
}

@keyframes grow {
    from {
        opacity: 1;
        transform: scale(1.0);
    }

    to {
        opacity: 0;
        transform: scale(1.5);
    }
}

.grow {
    -webkit-animation-name: grow;
    animation-name: grow;
    -webkit-animation-duration: .5s !important;
    animation-duration: .5s !important;

}

.animate__grow {
    -webkit-animation-name: grow;
    animation-name: grow;
    -webkit-animation-duration: .5s !important;
    animation-duration: .5s !important;
}

@-webkit-keyframes shrink {
    from {
        opacity: 0;
        transform: scale(1.5);
    }

    to {
        opacity: 1;
        transform: scale(1.0);
    }
}

@keyframes shrink {
    from {
        opacity: 0;
        transform: scale(1.5);
    }

    to {
        opacity: 1;
        transform: scale(1.0);
    }
}

.shrink {
    -webkit-animation-name: shrink;
    animation-name: shrink;
    -webkit-animation-duration: .5s !important;
    animation-duration: .5s !important;
}


@-webkit-keyframes fadeInRightShort {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightShort {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightShort {
    -webkit-animation-name: fadeInRightShort;
    animation-name: fadeInRightShort;
}

@keyframes fadeInUpShort {
    from {
        opacity: 0;
        transform: translateY(25px);
    }

    to {
        opacity: 1;
        transform: translateY(0px);
    }
}

.animate__fadeInUpShort {
    animation-name: fadeInUpShort;
}


@keyframes shakeShort {
    from,
    to {
        transform: translate3d(0, 0, 0);
    }

    15%,
    45%,
    75% {
        transform: translate3d(-5px, 0, 0);
    }

    30%,
    60%,
    90% {
        transform: translate3d(5px, 0, 0);
    }
}

.shakeShort {
    animation-name: shakeShort;
}