@import url('./animate.min.css');

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

/* .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
} */

.fadeInUp {
    transform: translateY(50%);
    opacity: 0;
    -webkit-animation-name: inherit;
    animation-name: inherit;
}

.fadeInUp.visible {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}


@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.5, .1, .3);
        transform: scale3d(.5, .1, .3)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.5, .1, .3);
        transform: scale3d(.5, .1, .3)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 1;
    }
}

.zoomIn {
    opacity: 0;
    -webkit-animation-name: inherit;
    animation-name: inherit
}

.zoomIn.visible {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInStamp {
    0% {
        opacity: 0;
        -webkit-transform: translate(200%, -100%) scale3d(15, 15, 15);
        transform: translate(200%, -100%) scale3d(15, 15, 15)
    }

    50% {
        opacity: 0.3
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0) scale3d(1, 1, 1);
        transform: translate(0) scale3d(1, 1, 1)
    }
}

@keyframes zoomInStamp {
    0% {
        opacity: 0;
        -webkit-transform: translate(200%, -100%) scale3d(15, 15, 15);
        transform: translate(200%, -100%) scale3d(15, 15, 15)
    }

    70% {
        opacity: 0.3
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0) scale3d(1, 1, 1);
        transform: translate(0) scale3d(1, 1, 1)
    }
}


.zoomInStamp {
    opacity: 0;
    -webkit-animation-name: inherit;
    animation-name: inherit;
}

.zoomInStamp.visible {
    -webkit-animation-name: zoomInStamp;
    animation-name: zoomInStamp
}

.clipLeftToRight,
.zoomInUp,
.bounceIn {
    opacity: 0;
    -webkit-animation-name: inherit;
    animation-name: inherit;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.zoomInUp.visible {
    opacity: 1;
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

.bounceIn.visible {
    opacity: 1;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}