/*
==========================================================
BraGoTech3Framework
Animations
Version 2.0
==========================================================
*/

/*==========================================================
FADE
==========================================================*/

@keyframes bgt3FadeIn{

    from{

        opacity:0;

    }

    to{

        opacity:1;

    }

}

@keyframes bgt3FadeOut{

    from{

        opacity:1;

    }

    to{

        opacity:0;

    }

}

/*==========================================================
SLIDE
==========================================================*/

@keyframes bgt3SlideUp{

    from{

        opacity:0;

        transform:translateY(60px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

@keyframes bgt3SlideDown{

    from{

        opacity:0;

        transform:translateY(-60px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

@keyframes bgt3SlideLeft{

    from{

        opacity:0;

        transform:translateX(-60px);

    }

    to{

        opacity:1;

        transform:translateX(0);

    }

}

@keyframes bgt3SlideRight{

    from{

        opacity:0;

        transform:translateX(60px);

    }

    to{

        opacity:1;

        transform:translateX(0);

    }

}

/*==========================================================
ZOOM
==========================================================*/

@keyframes bgt3ZoomIn{

    from{

        opacity:0;

        transform:scale(.85);

    }

    to{

        opacity:1;

        transform:scale(1);

    }

}

@keyframes bgt3ZoomOut{

    from{

        transform:scale(1);

    }

    to{

        transform:scale(.85);

        opacity:0;

    }

}

/*==========================================================
FLOAT
==========================================================*/

@keyframes bgt3Float{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-10px);

    }

    100%{

        transform:translateY(0);

    }

}

/*==========================================================
PULSE
==========================================================*/

@keyframes bgt3Pulse{

    0%{

        transform:scale(1);

    }

    50%{

        transform:scale(1.05);

    }

    100%{

        transform:scale(1);

    }

}

/*==========================================================
ROTATE
==========================================================*/

@keyframes bgt3Rotate{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}



.bgt3-fade-in{

    animation:bgt3FadeIn .8s ease forwards;

}

.bgt3-slide-up{

    animation:bgt3SlideUp .8s ease forwards;

}

.bgt3-slide-left{

    animation:bgt3SlideLeft .8s ease forwards;

}

.bgt3-slide-right{

    animation:bgt3SlideRight .8s ease forwards;

}

.bgt3-zoom-in{

    animation:bgt3ZoomIn .8s ease forwards;

}

.bgt3-float{

    animation:bgt3Float 4s ease-in-out infinite;

}

.bgt3-pulse{

    animation:bgt3Pulse 2s infinite;

}

.bgt3-rotate{

    animation:bgt3Rotate 20s linear infinite;

}