/**
 * Animations
 */


    .fromTopIn
    {
        transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
        transform: translate(0,0);
        opacity: 1;
    }
    
    .fromTopOut
    {
        transition: transform 0.6s ease-out, opacity 0.6s ease-out;
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
        transition-delay: 0.3s;
        transform: translate(0,0);
        opacity: 1;
    }
    
    .fromTopInImg
    {
        -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
        transition:         all 600ms cubic-bezier(0.23, 1, 0.32, 1); 
        transform: translate(0,0);
        opacity: 1;
    }
    
    .fromTopOutImg
    {
        -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
        transition:         all 600ms cubic-bezier(0.23, 1, 0.32, 1); 
        transform: translate(0,0px);
        opacity: 1;
    }
    
    .fromTopInProject
    {
        -webkit-transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.6s ease-in-out;
        transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.6s ease-in-out;
        transform: translate(0,0);
        opacity: 1;
    }
    
    .fromTopOutProject
    {
        -webkit-transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.6s ease-in-out;
        transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.6s ease-in-out;
        transform: translate(0,0px);
        opacity: 1;
    }


@media only screen and (min-width: 1000px) {
    .fromTopIn
    {
        transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
        transform: translate(0,0);
        opacity: 1.0;
    }
    
    .fromTopOut
    {
        transition: transform 0.6s ease-out, opacity 0.6s ease-out;
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
        transition-delay: 0.3s;
        transform: translate(0,-30px);
        opacity: 0.0;
    }
    
    .fromTopInImg
    {
        -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
        transition:         all 600ms cubic-bezier(0.23, 1, 0.32, 1); 
        transform: translate(0,0);
        opacity: 1.0;
    }
    
    .fromTopOutImg
    {
        -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
        transition:         all 600ms cubic-bezier(0.23, 1, 0.32, 1); 
        transform: translate(0,-60px);
        opacity: 0.0;
    }
    
    .fromTopInProject
    {
        -webkit-transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.6s ease-in-out;
        transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.6s ease-in-out;
        transform: translate(0,0);
        opacity: 1.0;
    }
    
    .fromTopOutProject
    {
        -webkit-transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.6s ease-in-out;
        transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.6s ease-in-out;
        transform: translate(0,50px);
        opacity: 0;
    }
}