.animate-enter .animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animate-exit .animated {
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animate-enter .duration5s {
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s;
}

.animate-enter .delay0d5s {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.animate-enter .delay1s {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}
.animate-enter .delay1d5s {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.animate-enter .delay2s {  -webkit-animation-delay: 2s;  -moz-animation-delay: 2s;  -o-animation-delay: 2s;  animation-delay: 2s;  }
.animate-enter .delay2d5s {
    -webkit-animation-delay: 2.5s;
    -moz-animation-delay: 2.5s;
    -o-animation-delay: 2.5s;
    animation-delay: 2.5s;
}
.animate-enter .delay3s {
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -o-animation-delay: 3s;
    animation-delay: 3s;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-200px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-200px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}
@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-200px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-200px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.animate-enter .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@-moz-keyframes scale {
    0% {
        -moz-transform: scale(0);
        opacity: 0;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 1;
    }
}
@-o-keyframes scale {
    0% {
        -o-transform: scale(0);
        opacity: 0;
    }
    100% {
        -o-transform: scale(1);
        opacity: 1;
    }
}
@keyframes scale {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
.animate-enter .scale {
    -webkit-animation-name: scale;
    -moz-animation-name: scale;
    -o-animation-name: scale;
    animation-name: scale;
}
.animate-enter .originLeft {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.animate-enter .originRight {
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
}
.animate-enter .originTopRight {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
}
.animate-enter .originTopLeft {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
}

@-webkit-keyframes scaleSmall {
    0% {
        -webkit-transform: scale(0.8);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@-moz-keyframes scaleSmall {
    0% {
        -moz-transform: scale(0.8);
        opacity: 0;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 1;
    }
}
@-o-keyframes scaleSmall {
    0% {
        -o-transform: scale(0.8);
        opacity: 0;
    }
    100% {
        -o-transform: scale(1);
        opacity: 1;
    }
}
@keyframes scaleSmall {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
.animate-enter .scaleSmall {
    -webkit-animation-name: scaleSmall;
    -moz-animation-name: scaleSmall;
    -o-animation-name: scaleSmall;
    animation-name: scaleSmall;
}

@-webkit-keyframes scaleBig {
    0% {
        -webkit-transform: scale(0.8);
        opacity: 0;
    }
    50% {
        -webkit-transform: scale(1.2);
        opacity: .8;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@-moz-keyframes scaleBig {
    0% {
        -moz-transform: scale(0.8);
        opacity: 0;
    }
    50% {
        -moz-transform: scale(1.2);
        opacity: .8;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 1;
    }
}
@-o-keyframes scaleBig {
    0% {
        -o-transform: scale(0.8);
        opacity: 0;
    }
    50% {
        -o-transform: scale(1.2);
        opacity: .8;
    }
    100% {
        -o-transform: scale(1);
        opacity: 1;
    }
}
@keyframes scaleBig {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }
    50% {
        transform: scale(1.2);
        opacity: .8;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
.animate-enter .scaleBig {
    -webkit-animation-name: scaleBig;
    -moz-animation-name: scaleBig;
    -o-animation-name: scaleBig;
    animation-name: scaleBig;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0) scale(0.3);
    }
    25% {
        -webkit-transform: rotate(360deg) scale(1);
    }
    50% {
        -webkit-transform: rotate(720deg);
    }
    75% {
        -webkit-transform: rotate(1080deg);
    }
    100% {
        -webkit-transform: rotate(1440deg);
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.animate-enter .flipInX {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInX;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInX;
    backface-visibility: visible !important;
    animation-name: flipInX;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-enter .fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
}

@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }
}

@-o-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(20px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}

.animate-exit .fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(200px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(200px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(200px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(200px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.animate-enter .fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(200px);
    }
}
@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(200px);
    }
}
@-o-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(200px);
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(200px);
    }
}

.animate-exit .fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
}
@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-200px);
    }
}
@-o-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(-200px);
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-200px);
    }
}

.animate-exit .fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes flyIn1 {
    0% {
        opacity: 0;
        -webkit-transform: translate(-400px, 400px) scale(2);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0) scale(1);
    }
}
@-moz-keyframes flyIn1 {
    0% {
        opacity: 0;
        -moz-transform: translate(-400px, 400px) scale(2);
    }
    100% {
        opacity: 1;
        -moz-transform: translate(0) scale(1);
    }
}
@-o-keyframes flyIn1 {
    0% {
        opacity: 0;
        -o-transform: translate(-400px, 400px) scale(2);
    }
    100% {
        opacity: 1;
        -o-transform: translate(0) scale(1);
    }
}
@keyframes flyIn1 {
    0% {
        opacity: 0;
        transform: translate(-400px, 400px) scale(2);
    }
    100% {
        opacity: 1;
        transform: translate(0) scale(1);
    }
}

.animate-enter .flyIn1 {
    -webkit-animation-name: flyIn1;
    -moz-animation-name: flyIn1;
    -o-animation-name: flyIn1;
    animation-name: flyIn1;
}

@-webkit-keyframes flyIn2 {
    0% {
        opacity: 0;
        -webkit-transform: translate(200px, -200px) scale(2);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0) scale(1);
    }
}
@-moz-keyframes flyIn2 {
    0% {
        opacity: 0;
        -moz-transform: translate(200px, -200px) scale(2);
    }
    100% {
        opacity: 1;
        -moz-transform: translate(0) scale(1);
    }
}
@-o-keyframes flyIn2 {
    0% {
        opacity: 0;
        -o-transform: translate(200px, -200px) scale(2);
    }
    100% {
        opacity: 1;
        -o-transform: translate(0) scale(1);
    }
}
@keyframes flyIn2 {
    0% {
        opacity: 0;
        transform: translate(200px, -200px) scale(2);
    }
    100% {
        opacity: 1;
        transform: translate(0) scale(1);
    }
}
.animate-enter .flyIn2 {
    -webkit-animation-name: flyIn2;
    -moz-animation-name: flyIn2;
    -o-animation-name: flyIn2;
    animation-name: flyIn2;
}

@-webkit-keyframes flyIn3 {
    0% {
        opacity: 0;
        -webkit-transform: translate(-600px, -600px) scale(2);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0) scale(1);
    }
}
@-moz-keyframes flyIn3 {
    0% {
        opacity: 0;
        -moz-transform: translate(-600px, -600px) scale(2);
    }
    100% {
        opacity: 1;
        -moz-transform: translate(0) scale(1);
    }
}
@-o-keyframes flyIn3 {
    0% {
        opacity: 0;
        -o-transform: translate(-600px, -600px) scale(2);
    }
    100% {
        opacity: 1;
        -o-transform: translate(0) scale(1);
    }
}
@keyframes flyIn3 {
    0% {
        opacity: 0;
        transform: translate(-600px, -600px) scale(2);
    }
    100% {
        opacity: 1;
        transform: translate(0) scale(1);
    }
}
.animate-enter .flyIn3 {
    -webkit-animation-name: flyIn3;
    -moz-animation-name: flyIn3;
    -o-animation-name: flyIn3;
    animation-name: flyIn3;
}
@-webkit-keyframes flyIn4 {
    0% {
        opacity: 0;
        -webkit-transform: translate(-100px, -600px) scale(2);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0) scale(1);
    }
}
@-moz-keyframes flyIn4 {
    0% {
        opacity: 0;
        -moz-transform: translate(-100px, -600px) scale(2);
    }
    100% {
        opacity: 1;
        -moz-transform: translate(0) scale(1);
    }
}
@-o-keyframes flyIn4 {
    0% {
        opacity: 0;
        -o-transform: translate(-100px, -600px) scale(2);
    }
    100% {
        opacity: 1;
        -o-transform: translate(0) scale(1);
    }
}
@keyframes flyIn4 {
     0% {
         opacity: 0;
         transform: translate(-100px, -600px) scale(2);
     }
     100% {
         opacity: 1;
         transform: translate(0) scale(1);
     }
 }

.animate-enter .flyIn4 {
    -webkit-animation-name: flyIn4;
    -moz-animation-name: flyIn4;
    -o-animation-name: flyIn4;
    animation-name: flyIn4;
}
@-webkit-keyframes flyIn5 {
    0% {
        opacity: 0;
        -webkit-transform: translate(-1000px, -2000px) scale(2);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0) scale(1);
    }
}
@-moz-keyframes flyIn5 {
    0% {
        opacity: 0;
        -moz-transform: translate(-1000px, -2000px) scale(2);
    }
    100% {
        opacity: 1;
        -moz-transform: translate(0) scale(1);
    }
}
@-o-keyframes flyIn5 {
    0% {
        opacity: 0;
        -o-transform: translate(-1000px, -2000px) scale(2);
    }
    100% {
        opacity: 1;
        -o-transform: translate(0) scale(1);
    }
}
@keyframes flyIn5 {
     0% {
         opacity: 0;
         transform: translate(-1000px, -2000px) scale(2);
     }
     100% {
         opacity: 1;
         transform: translate(0) scale(1);
     }
 }

.animate-enter .flyIn5 {
    -webkit-animation-name: flyIn5;
    -moz-animation-name: flyIn5;
    -o-animation-name: flyIn5;
    animation-name: flyIn5;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(100px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(100px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-enter .fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }

    /*50% {*/
        /*opacity: 1;*/
        /*-webkit-transform: scale(1.05);*/
    /*}*/

    /*70% {*/
        /*-webkit-transform: scale(.9);*/
    /*}*/

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3);
    }

    /*50% {*/
        /*opacity: 1;*/
        /*-moz-transform: scale(1.05);*/
    /*}*/

    /*70% {*/
        /*-moz-transform: scale(.9);*/
    /*}*/

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3);
    }

    /*50% {*/
        /*opacity: 1;*/
        /*-o-transform: scale(1.05);*/
    /*}*/

    /*70% {*/
        /*-o-transform: scale(.9);*/
    /*}*/

    100% {
        -o-transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    /*50% {*/
        /*opacity: 1;*/
        /*transform: scale(1.05);*/
    /*}*/

    /*70% {*/
        /*transform: scale(.9);*/
    /*}*/

    100% {
        transform: scale(1);
    }
}

.animate-enter .bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes lightSpeedIn {
    0% { -webkit-transform: translateX(-100%) skewX(10deg); opacity: 0; }
    60% { -webkit-transform: translateX(10%) skewX(-5deg); opacity: 1; }
    100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-moz-keyframes lightSpeedIn {
    0% { -moz-transform: translateX(-100%) skewX(10deg); opacity: 0; }
    60% { -moz-transform: translateX(10%) skewX(-5deg); opacity: 1; }
    100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-o-keyframes lightSpeedIn {
    0% { -o-transform: translateX(-100%) skewX(10deg); opacity: 0; }
    60% { -o-transform: translateX(10%) skewX(-5deg); opacity: 1; }
    100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@keyframes lightSpeedIn {
    0% { transform: translateX(-100%) skewX(10deg); opacity: 0; }
    60% { transform: translateX(10%) skewX(-5deg); opacity: 1; }
    100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}

.animate-enter .lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;

    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes widen {
    0% {
        width: 0;
    }
    50% {
        width: 0;
    }
    100% {
        width: 163px;
    }
}
@-moz-keyframes widen {
    0% {
        width: 0;
    }
    50% {
        width: 0;
    }
    100% {
        width: 163px;
    }
}
@-o-keyframes widen {
    0% {
        width: 0;
    }
    50% {
        width: 0;
    }
    100% {
        width: 163px;
    }
}
@keyframes widen {
     0% {
         width: 0;
     }
     50% {
         width: 0;
     }
     100% {
         width: 163px;
     }
 }

.animate-enter .widen {
    -webkit-animation-name: widen;
    -moz-animation-name: widen;
    -o-animation-name: widen;
    animation-name: widen;
}

@-webkit-keyframes flowerFly {
    0% {
        -webkit-transform: translateY(-700px) rotate(360deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(0);
    }
}
@-moz-keyframes flowerFly {
    0% {
        -moz-transform: translateY(-700px) rotate(360deg);
    }
    100% {
        -moz-transform: translateY(0) rotate(0);
    }
}
@-o-keyframes flowerFly {
    0% {
        -o-transform: translateY(-700px) rotate(360deg);
    }
    100% {
        -o-transform: translateY(0) rotate(0);
    }
}
@keyframes flowerFly {
    0% {
        transform: translateY(-700px) rotate(360deg);
    }
    100% {
        transform: translateY(0) rotate(0);
    }
}
.animate-enter .flowerFly {
    -webkit-animation-name: flowerFly;
    -moz-animation-name: flowerFly;
    -o-animation-name: flowerFly;
    animation-name: flowerFly;
}

@-webkit-keyframes slideIn1 {
    0% {
        -webkit-transform: translateX(223px) scale(2.5);
    }
    100% {
        -webkit-transform: translateX(0) scale(1);
    }
}
@-moz-keyframes slideIn1 {
    0% {
        -moz-transform: translateX(223px) scale(2.5);
    }
    100% {
        -moz-transform: translateX(0) scale(1);
    }
}
@-o-keyframes slideIn1 {
    0% {
        -o-transform: translateX(223px) scale(2.5);
    }
    100% {
        -o-transform: translateX(0) scale(1);
    }
}
@keyframes slideIn1 {
    0% {
        transform: translateX(223px) scale(2.5);
    }
    100% {
        transform: translateX(0) scale(1);
    }
}
.animate-enter .slideIn1 {
    -webkit-animation-name: slideIn1;
    -moz-animation-name: slideIn1;
    -o-animation-name: slideIn1;
    animation-name: slideIn1;
}
@-webkit-keyframes slideIn2 {
    0% {
        -webkit-transform: translate(135px, -6px) scale(1.5);
    }
    100% {
        -webkit-transform: translate(0) scale(1);
    }
}
@-moz-keyframes slideIn2 {
    0% {
        -moz-transform: translate(135px, -6px) scale(1.5);
    }
    100% {
        -moz-transform: translate(0) scale(1);
    }
}
@-o-keyframes slideIn2 {
    0% {
        -o-transform: translate(135px, -6px) scale(1.5);
    }
    100% {
        -o-transform: translate(0) scale(1);
    }
}
@keyframes slideIn2 {
    0% {
        transform: translate(135px, -6px) scale(1.5);
    }
    100% {
        transform: translate(0) scale(1);
    }
}
.animate-enter .slideIn2 {
    -webkit-animation-name: slideIn2;
    -moz-animation-name: slideIn2;
    -o-animation-name: slideIn2;
    animation-name: slideIn2;
}
@-webkit-keyframes slideIn3 {
    0% {
        -webkit-transform: translate(270px, -32px) scale(2.3);
    }
    100% {
        -webkit-transform: translate(0) scale(1);
    }
}
@-moz-keyframes slideIn3 {
    0% {
        -moz-transform: translate(270px, -32px) scale(2.3);
    }
    100% {
        -moz-transform: translate(0) scale(1);
    }
}
@-o-keyframes slideIn3 {
    0% {
        -o-transform: translate(270px, -32px) scale(2.3);
    }
    100% {
        -o-transform: translate(0) scale(1);
    }
}
@keyframes slideIn3 {
    0% {
        transform: translate(270px, -32px) scale(2.3);
    }
    100% {
        transform: translate(0) scale(1);
    }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

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

.animate-enter .slideIn3 {
    -webkit-animation-name: slideIn3;
    -moz-animation-name: slideIn3;
    -o-animation-name: slideIn3;
    animation-name: slideIn3;
}
@-webkit-keyframes slideIn4 {
    0% {
        -webkit-transform: translate(50px, -10px) scale(1.3);
    }
    100% {
        -webkit-transform: translate(0) scale(1);
    }
}
@-moz-keyframes slideIn4 {
    0% {
        -moz-transform: translate(50px, -10px) scale(1.3);
    }
    100% {
        -moz-transform: translate(0) scale(1);
    }
}
@-o-keyframes slideIn4 {
    0% {
        -o-transform: translate(50px, -10px) scale(1.3);
    }
    100% {
        -o-transform: translate(0) scale(1);
    }
}
@keyframes slideIn4 {
    0% {
        transform: translate(50px, -10px) scale(1.3);
    }
    100% {
        transform: translate(0) scale(1);
    }
}
.animate-enter .slideIn4 {
    -webkit-animation-name: slideIn4;
    -moz-animation-name: slideIn4;
    -o-animation-name: slideIn4;
    animation-name: slideIn4;
}
@-webkit-keyframes slideIn5 {
}
.animate-enter .slideIn5 {
    -webkit-animation-name: slideIn5;
}
@-webkit-keyframes slideIn6 {
    0% {
        -webkit-transform: translate(165px, -20px) scale(1.5);
    }
    100% {
        -webkit-transform: translate(0) scale(1);
    }
}
@-moz-keyframes slideIn6 {
    0% {
        -moz-transform: translate(165px, -20px) scale(1.5);
    }
    100% {
        -moz-transform: translate(0) scale(1);
    }
}
@-o-keyframes slideIn6 {
    0% {
        -o-transform: translate(165px, -20px) scale(1.5);
    }
    100% {
        -o-transform: translate(0) scale(1);
    }
}
@keyframes slideIn6 {
    0% {
        transform: translate(165px, -20px) scale(1.5);
    }
    100% {
        transform: translate(0) scale(1);
    }
}
.animate-enter .slideIn6 {
    -webkit-animation-name: slideIn6;
    -moz-animation-name: slideIn6;
    -o-animation-name: slideIn6;
    animation-name: slideIn6;
}