/* ==========================================================================
   VFX: 
========================================================================== */

/*---- Floating ----*/
.vfx-floating 
{
    -webkit-transform: translateY(0);
    transform: translateY(0);
   
    -webkit-animation: vxf-floating-play 2.5s linear 0s infinite normal ;
    animation: vxf-floating-play 2.5s linear 0s infinite normal ;
}
   
@-webkit-keyframes vxf-floating-play 
{
    0%
    {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }
    24%
    {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    }
    50%
    {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }
    75%
    {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    }
    100%
    {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }
}

@keyframes vxf-floating-play 
{
    0%
    {
    transform: translateY(0);
    }
    24%
    {
    transform: translateY(-5px);
    }
    50%
    {
    transform: translateY(0);
    }
    75%
    {
    transform: translateY(5px);
    }
    100%
    {
    transform: translateY(0);
    }
}

/*---- Typewriter ----*/
.vfx-typewriter::after
{
    content: " ";
    position: relative;
    right: -4px;
    border-right: 4px solid #47A49B;
    animation: blink 500ms linear infinite alternate;
}

@-webkit-keyframes blink{
0%{opacity: 0;}
100%{opacity: 1;}
}

@-moz-keyframes blink{
0%{opacity: 0;}
100%{opacity: 1;}
}

@keyframes blink{
0%{opacity: 0;}
100%{opacity: 1;}
}