/** Animate Shine **/
@keyframes animation-shine {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(3);
        -moz-transform: scale(3);
        -ms-transform: scale(3);
        -o-transform: scale(3);
        transform: scale(3);
    }
}
/** Animate #hive-container **/
@-webkit-keyframes animation-hive-container {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes animation-hive-container {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.animation-hive-container {
    -webkit-animation: animation-hive-container 1s ease-in;
    animation: animation-hive-container 1s ease-in;
}

/** Animation Undulating **/
@keyframes animation-undulating {
    0% {
        transform: translate3d(0, 0, 0);
    }
    30% {
        transform: translate3d(0, -2px, 0);
    }
    40% {
        transform: translate3d(0, -4px, 0);
    }
    50% {
        transform: translate3d(0, -5px, 0);
    }
    60% {
        transform: translate3d(0, -4px, 0);
    }
    70% {
        transform: translate3d(0, -2px, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
.animation-undulating {
    animation: animation-undulating 0.3s ease-in infinite;
}

/** Animate JOC **/
@keyframes animation-joc {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
    29% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
    30% {
        opacity: 1;
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
.animation-joc {
    -webkit-animation: slide-left-2-delay-0;
    -moz-animation: slide-left-2-delay-0;
    -o-animation: slide-left-2-delay-0;
    animation: animation-joc 2.8s linear;
}

/** Animation Undulating JOC **/
.animation-joc .animation-undulating {
    animation-iteration-count: 5;
    animation-delay: 1s;
}

/** Animate VOC **/
@keyframes animation-voc {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    60% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    61% {
        opacity: 1;
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
.animation-voc {
    -webkit-animation: slide-left-2-delay-0;
    -moz-animation: slide-left-2-delay-0;
    -o-animation: slide-left-2-delay-0;
    animation: animation-voc 4.6s linear;
}

/** Animation Undulating VOC **/
.animation-voc .animation-undulating {
    animation-iteration-count: 5;
    animation-delay: 2.8s;
}

/** Animate VIJA **/
@keyframes animation-vija {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    71% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    72% {
        opacity: 1;
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
.animation-vija {
    -webkit-animation: slide-left-2-delay-0;
    -moz-animation: slide-left-2-delay-0;
    -o-animation: slide-left-2-delay-0;
    animation: animation-vija 6.4s linear;
}

/** Animation Undulating VIJA **/
.animation-vija .animation-undulating {
    animation-iteration-count: 5;
    animation-delay: 4.6s;
}

/** Animate JOCSG **/
@keyframes animation-jocsg {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
    77% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
    78% {
        opacity: 1;
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
.animation-jocsg {
    -webkit-animation: slide-left-2-delay-0;
    -moz-animation: slide-left-2-delay-0;
    -o-animation: slide-left-2-delay-0;
    animation: animation-jocsg 8.2s linear;
}

/** Animation Undulating JOCSG **/
.animation-jocsg .animation-undulating {
    animation-iteration-count: 5;
    animation-delay: 6.4s;
}

/** Animate CURE **/
@keyframes animation-cure {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
    81% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
    82% {
        opacity: 1;
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
.animation-cure {
    -webkit-animation: slide-left-2-delay-0;
    -moz-animation: slide-left-2-delay-0;
    -o-animation: slide-left-2-delay-0;
    animation: animation-cure 10s linear;
}

/** Animation Undulating CURE **/
.animation-cure .animation-undulating {
    animation-iteration-count: 5;
    animation-delay: 8.2s;
}