/* --------------------------------------------------------------------------
        ANIMATION - FLOATING
--------------------------------------------------------------------------- */

.floating{
    animation-name: floating;
    -webkit-animation-name: floating;

    animation-duration: 1.5s;	
    -webkit-animation-duration: 1.5s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes floating {
    0% {
        transform: translateY(0%);	
    }
    50% {
        transform: translateY(8%);	
    }	
    100% {
        transform: translateY(0%);
    }			
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);	
    }
    50% {
        -webkit-transform: translateY(8%);	
    }	
    100% {
        -webkit-transform: translateY(0%);
    }			
}