/*--------------------------------------------------------------------------*\
    Animation timing
\*--------------------------------------------------------------------------*/

.anim-prop-timing-linear {
    /*animation*/
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
}

.anim-prop-timing-in {
    /*animation*/
    animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
}

.anim-prop-timing-out {
    /*animation*/
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
}

.anim-prop-timing-in-out {
    /*animation*/
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
}

.anim-prop-timing-cubic-bezier-1 {
    /*animation*/
    animation-timing-function: cubic-bezier(.36, .07, .19, .97);
    -webkit-animation-timing-function: cubic-bezier(.36, .07, .19, .97);
}