﻿.ease3 
{
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.ease5
{
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}

.easeSlow
{
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
}

/*Fade In Animation*/

.fadeIn 
{
    animation: fadeIn 2s;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
} 

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* Fade In-Out */

.fadeInOut 
{
    animation: fadeInOut 2s;
}

@-webkit-keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
} 

@keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/*Slide Up Animation*/

.slideUp 
{
    animation: slideUp 3.5s;
}

.slideUpFast
{
    animation: slideUp 2s;
}

@-webkit-keyframes slideUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(500px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
} 

@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(500px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-moz-keyframes slideUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(500px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

/*Flip Up Animation*/

.flipUp
{
    -webkit-transform: rotateX(0) !important;
    transform: rotateX(0) !important;
    -moz-transform: rotateX(0) !important;
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
}
