/*
==============================================
slideDown
==============================================
*/

.animation1{
	animation-name: light-speed-in;
	-webkit-animation-name: light-speed-in;	

	-webkit-animation-duration: 1s;
       -moz-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-timing-function: ease;
       -moz-animation-timing-function: ease;
            animation-timing-function: ease;

    -webkit-animation-fill-mode: both;
       -moz-animation-fill-mode: both;
            animation-fill-mode: both;

	opacity: 1 !important;					
}

@-webkit-keyframes light-speed-in
{
    0%
    {
        -webkit-transform: translateX(100%) skewX(-5deg);

        opacity: 0;
    }

    50%
    {
        -webkit-transform: translateX(-5%) skewX(5deg);

        opacity: 1;
    }

    75%
    {
        -webkit-transform: translateX(0%) skewX(-5deg);
    }

    100%
    {
        -webkit-transform: translateX(0%) skewX(0deg);
    }
}

@-moz-keyframes light-speed-in
{
    0%
    {
        -moz-transform: translateX(100%) skewX(-5deg);

        opacity: 0;
    }

    50%
    {
        -moz-transform: translateX(-5%) skewX(5deg);

        opacity: 1;
    }

    75%
    {
        -moz-transform: translateX(0%) skewX(-5deg);
    }

    100%
    {
        -moz-transform: translateX(0%) skewX(0deg);
    }
}

@keyframes light-speed-in
{
    0%
    {
        -webkit-transform: translateX(100%) skewX(-5deg);
           -moz-transform: translateX(100%) skewX(-5deg);
            -ms-transform: translateX(100%) skewX(-5deg);
             -o-transform: translateX(100%) skewX(-5deg);
                transform: translateX(100%) skewX(-5deg);

        opacity: 0;
    }

    50%
    {
        -webkit-transform: translateX(-5%) skewX(5deg);
           -moz-transform: translateX(-5%) skewX(5deg);
            -ms-transform: translateX(-5%) skewX(5deg);
             -o-transform: translateX(-5%) skewX(5deg);
                transform: translateX(-5%) skewX(5deg);

        opacity: 1;
    }

    75%
    {
        -webkit-transform: translateX(0%) skewX(-5deg);
           -moz-transform: translateX(0%) skewX(-5deg);
            -ms-transform: translateX(0%) skewX(-5deg);
             -o-transform: translateX(0%) skewX(-5deg);
                transform: translateX(0%) skewX(-5deg);
    }

    100%
    {
        -webkit-transform: translateX(0%) skewX(0deg);
           -moz-transform: translateX(0%) skewX(0deg);
            -ms-transform: translateX(0%) skewX(0deg);
             -o-transform: translateX(0%) skewX(0deg);
                transform: translateX(0%) skewX(0deg);
    }
}

/*
==============================================
slideUp
==============================================
*/

.animation2{
	animation-name: pulse;
	-webkit-animation-name: pulse;	

	-webkit-animation-duration: 1s;
       -moz-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-timing-function: ease;
       -moz-animation-timing-function: ease;
            animation-timing-function: ease;

    -webkit-animation-fill-mode: both;
       -moz-animation-fill-mode: both;
            animation-fill-mode: both;
				
	opacity: 1 !important;
}

@-webkit-keyframes pulse
{
    0%
    {
        -webkit-transform: scale(1);
    }

    50%
    {
        -webkit-transform: scale(1.04);
    }

    100%
    {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes pulse
{
    0%
    {
        -moz-transform: scale(1);
    }

    50%
    {
        -moz-transform: scale(1.04);
    }

    100%
    {
        -moz-transform: scale(1);
    }
}

@keyframes pulse
{
    0%
    {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
            -ms-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }

    50%
    {
        -webkit-transform: scale(1.04);
           -moz-transform: scale(1.04);
            -ms-transform: scale(1.04);
             -o-transform: scale(1.04);
                transform: scale(1.04);
    }

    100%
    {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
            -ms-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}

/*
==============================================
slideLeft
==============================================
*/

.animation3{
	animation-name: fade-in-left;
	-webkit-animation-name: fade-in-left;	

	-webkit-animation-duration: 1s;
       -moz-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-timing-function: ease;
       -moz-animation-timing-function: ease;
            animation-timing-function: ease;

    -webkit-animation-fill-mode: both;
       -moz-animation-fill-mode: both;
            animation-fill-mode: both;
			
	opacity: 1 !important;
}

@-webkit-keyframes fade-in-left
{
    0%
    {
        -webkit-transform: translateX(-20px);

        opacity: 0;
    }

    100%
    {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fade-in-left
{
    0%
    {
        -moz-transform: translateX(-20px);

        opacity: 0;
    }

    100%
    {
        -moz-transform: translateX(0);
    }
}

@keyframes fade-in-left
{
    0%
    {
        -webkit-transform: translateX(-20px);
           -moz-transform: translateX(-20px);
            -ms-transform: translateX(-20px);
             -o-transform: translateX(-20px);
                transform: translateX(-20px);

        opacity: 0;
    }

    100%
    {
        -webkit-transform: translateX(0);
           -moz-transform: translateX(0);
            -ms-transform: translateX(0);
             -o-transform: translateX(0);
                transform: translateX(0);
    }
}

/*
==============================================
slideRight
==============================================
*/

.animation4{
	animation-name: fade-in-right;
	-webkit-animation-name: fade-in-right;	

	-webkit-animation-duration: 1s;
       -moz-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-timing-function: ease;
       -moz-animation-timing-function: ease;
            animation-timing-function: ease;

    -webkit-animation-fill-mode: both;
       -moz-animation-fill-mode: both;
            animation-fill-mode: both;
	
	opacity: 1 !important;
}

@-webkit-keyframes fade-in-right
{
    0%
    {
        -webkit-transform: translateX(20px);

        opacity: 0;
    }

    100%
    {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fade-in-right
{
    0%
    {
        -moz-transform: translateX(20px);

        opacity: 0;
    }

    100%
    {
        -moz-transform: translateX(0);
    }
}

@keyframes fade-in-right
{
    0%
    {
        -webkit-transform: translateX(20px);
           -moz-transform: translateX(20px);
            -ms-transform: translateX(20px);
             -o-transform: translateX(20px);
                transform: translateX(20px);

        opacity: 0;
    }

    100%
    {
        -webkit-transform: translateX(0);
           -moz-transform: translateX(0);
            -ms-transform: translateX(0);
             -o-transform: translateX(0);
                transform: translateX(0);
    }
}

/*
==============================================
expandUp
==============================================
*/

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

	animation-duration: 0.7s;	
	-webkit-animation-duration: 0.7s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;		

	opacity: 1 !important;	
}

@keyframes animation5 {
	0% {
		transform: translateY(100%) scale(0.6) scaleY(0.5);
	}
	60%{
		transform: translateY(-7%) scaleY(1.12);
	}
	75%{
		transform: translateY(3%);
	}	
	100% {
		transform: translateY(0%) scale(1) scaleY(1);
	}	
}

@-webkit-keyframes animation5 {
	0% {
		-webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
	}
	60%{
		-webkit-transform: translateY(-7%) scaleY(1.12);
	}
	75%{
		-webkit-transform: translateY(3%);
	}	
	100% {
		-webkit-transform: translateY(0%) scale(1) scaleY(1);
	}	
}

/*
==============================================
fadeIn
==============================================
*/

.animation6{
	animation-name: zoom-in;
	-webkit-animation-name: zoom-in;	

	-webkit-animation-duration: 1s;
       -moz-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-timing-function: ease;
       -moz-animation-timing-function: ease;
            animation-timing-function: ease;

    -webkit-animation-fill-mode: both;
       -moz-animation-fill-mode: both;
            animation-fill-mode: both;
	
	opacity: 1 !important;
}

@-webkit-keyframes zoom-in
{
    0%
    {
        -webkit-transform: scale3d(.3, .3, .3);

        opacity: 0;
    }

    50%
    {
        opacity: 1;
    }
}

@-moz-keyframes zoom-in
{
    0%
    {
        -moz-transform: scale3d(.3, .3, .3);

        opacity: 0;
    }

    50%
    {
        opacity: 1;
    }
}

@keyframes zoom-in
{
    0%
    {
        -webkit-transform: scale3d(.3, .3, .3);
           -moz-transform: scale3d(.3, .3, .3);
            -ms-transform: scale3d(.3, .3, .3);
             -o-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);

        opacity: 0;
    }

    50%
    {
        opacity: 1;
    }
}