/* Animation */

@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}
/*
.animated {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-fill-mode: both
}*/

.animatedFadeInUp {
    opacity: 0
}

.fade-In-Up.is-visible {
    opacity: 0;
    animation: fadeInUp 0.5s both;
    -webkit-animation: fadeInUp 0.5s both;
}

.fade-In-Up.is-visible.delay-2s{
    opacity: 0;
    animation: fadeInUp 0.5s 2s both;
    -webkit-animation: fadeInUp 0.5s 2s both;
}

/* Animation */

@keyframes fadeInDown {
    from {
        transform: translate3d(0,-60px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInDown {
    from {
        transform: translate3d(0,-60px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

/*.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}*/

.animatedFadeInDown {
    opacity: 0
}

.fade-In-Down.is-visible {
    opacity: 0;
    animation: fadeInDown 0.5s ease-in-out both;
    -webkit-animation: fadeInDown 0.5s ease-in-out both;
}

/**
 * ----------------------------------------
 * animation Zoom-in-center
 * ----------------------------------------
 */

.animatedZoomIn {
    opacity: 0;

}

.zoomIn.is-visible {
    opacity: 1;
    -webkit-animation: zoom-in-center 0.5s ease-in-out both;
    animation: zoom-in-center 0.5s ease-in-out both;
}


@-webkit-keyframes zoom-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes zoom-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}