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

/* General */
.anim-infinite { -webkit-animation-iteration-count: infinite; }
.anim-delay-0-5 { -webkit-animation-delay: -0.5s; }
.anim-delay-1 { -webkit-animation-delay: .2s; }
.anim-delay-2 { -webkit-animation-delay: .4s; }
.anim-delay-3 { -webkit-animation-delay: .6s; }
.anim-delay-4 { -webkit-animation-delay: .8s; }
.anim-delay-5 { -webkit-animation-delay: 1s; }
.anim-delay-6 { -webkit-animation-delay: 1.2s; }
.anim-delay-7 { -webkit-animation-delay: 1.4s; }
.anim-delay-8 { -webkit-animation-delay: 1.6s; }
.anim-delay-9 { -webkit-animation-delay: 1.8s; }
.anim-delay-10 { -webkit-animation-delay: 2s; }

.anim-duration-05 { -webkit-animation-duration: 0.5s; }
.anim-duration-15 { -webkit-animation-duration: 1.5s; }
.anim-duration-20 { -webkit-animation-duration: 2s; }
.anim-duration-25 { -webkit-animation-duration: 2.5s; }
.anim-duration-30 { -webkit-animation-duration: 3s; }

/* Animations */

.anim-logo {-webkit-animation-name: anim-logo;}
@keyframes anim-logo {
  0% { -webkit-transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); }
  100% { -webkit-transform: scale3d(1, 1, 1); }
}

/**/

.anim-scale-01 { -webkit-animation-name: anim-scale-01; }
@keyframes anim-scale-01 {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}
.anim-scale-02 { -webkit-animation-name: anim-scale-02; }
@keyframes anim-scale-02 {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

/**/

.anim-rotate-1 { -webkit-animation-name: anim-rotate-1; -webkit-animation-timing-function: linear; }
@keyframes anim-rotate-1 {
    0% { transform: rotate(0deg) }
    100% { transform: rotate(360deg) }
}

/**/
.anim-move-1 { -webkit-animation-name: anim-move-1; }
@keyframes anim-move-1 {
    0% { transform: translateY(-1rem);}
    50% { transform: translateY(1rem);}
    100% { transform: translateY(-1rem);}
}


/**/

.anim-up-1 { -webkit-animation-name: anim-up-1; }
@keyframes anim-up-1 {
    0% { transform: translate(0, 10rem); opacity: 0; }
    100% { transform: none;opacity: 1; }
}
.anim-down-1 { -webkit-animation-name: anim-down-1; }
@keyframes anim-down-1 {
    0% { transform: translate(0, -10rem); opacity: 0; }
    100% { transform: none;opacity: 1; }
}
.anim-right-1 { -webkit-animation-name: anim-right-1; }
@keyframes anim-right-1 {
    0% { transform: translate(-5rem,0); opacity: 0; }
    100% { transform: none;opacity: 1; }
}

.anim-left-1 { -webkit-animation-name: anim-left-1; }
@keyframes anim-left-1 {
    0% { transform: translate(5rem,0); opacity: 0; }
    100% { transform: none;opacity: 1; }
}
/**/

.anim-zoom-1 { -webkit-animation-name: anim-zoom-1; }
@keyframes anim-zoom-1 {
    0% { transform: scale(2); opacity: 0; }
    100% { transform: none;opacity: 1; }
}

.anim-zoom-2 { -webkit-animation-name: anim-zoom-2; }
@keyframes anim-zoom-2 {
    0% { transform: scale(.5); opacity: 0; }
    100% { transform: none;opacity: 1; }
}

.anim-zoom-3 { -webkit-animation-name: anim-zoom-3; }
@keyframes anim-zoom-3 {
    0% { transform: scale(1.5); }
    100% { transform: none; }
}

/**/

.anim-fade-1 { -webkit-animation-name: anim-fade-in; }
@keyframes anim-fade-in {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.anim-fade-2 { -webkit-animation-name: anim-fade-out; }
@keyframes anim-fade-out {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes anim-rotate-1 {
    0% { transform: rotate(0deg) }
    100% { transform: rotate(360deg) }
}