/*=========================================
        ANIMACIONES GLOBALES
        SecureLink Colombia
=========================================*/

/*-----------------------------------------
    Elementos ocultos desde la izquierda
-----------------------------------------*/

.hidden-left{

    opacity:0;

    transform:translateX(-120px);

    transition:
        opacity .9s ease,
        transform .9s ease;

}

/*-----------------------------------------
    Elementos ocultos desde la derecha
-----------------------------------------*/

.hidden-right{

    opacity:0;

    transform:translateX(120px);

    transition:
        opacity .9s ease,
        transform .9s ease;

}

/*-----------------------------------------
    Elementos ocultos desde arriba
-----------------------------------------*/

.hidden-top{

    opacity:0;

    transform:translateY(-80px);

    transition:
        opacity .9s ease,
        transform .9s ease;

}

/*-----------------------------------------
    Elementos ocultos desde abajo
-----------------------------------------*/

.hidden-bottom{

    opacity:0;

    transform:translateY(80px);

    transition:
        opacity .9s ease,
        transform .9s ease;

}

/*-----------------------------------------
    Efecto Zoom
-----------------------------------------*/

.hidden-scale{

    opacity:0;

    transform:scale(.85);

    transition:
        opacity .9s ease,
        transform .9s ease;

}

/*-----------------------------------------
    Estado visible
-----------------------------------------*/

.show{

    opacity:1;

    transform:
        translateX(0)
        translateY(0)
        scale(1);

}