@media screen and (min-width: 575px){
    @keyframes opacityAnim{
        0%{
            opacity: 0;
        }
        100%{
            opacity: 1;
        }
    }
    
    @keyframes float-in-left{
        0%{
            opacity: 0;
            -webkit-transform: translate3d(-300px,0,0);
            transform: translate3d(-300px,0,0);
        }
        100%{
            opacity: 1;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
    }
    
    @keyframes float-in-right{
        0%{
            opacity: 0;
            -webkit-transform: translate3d(300px,0,0);
            transform: translate3d(300px,0,0);
        }
        100%{
            opacity: 1;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
    }
    @keyframes float-in-right-a{
        0%{
            opacity: 0;
            -webkit-transform: translate3d(5000px,0,0);
            transform: translate3d(5000px,0,0);
        }
        100%{
            opacity: 1;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
    }
    @keyframes float-in-up{
        0%{
            opacity: 1;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
        100%{
            opacity: 0;
            -webkit-transform: translate3d(0,-400px,0);
            transform: translate3d(0,-400px,0);
        }
    }
    
    
    @keyframes float-in-down{
        0%{
            opacity: 0;
            -webkit-transform: translate3d(0,-400px,0);
            transform: translate3d(0,-400px,0);
        }
        100%{
            opacity: 1;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
    }
    
    .opacity-Anim-down {
        opacity: 0;
        animation: 0.8s ease;
        -webkit-animation: 0.8s ease;
    }
    
    .opacity-Anim-down-On {
        animation: float-in-down 0.8s ease;
        -webkit-animation: float-in-down 0.8s ease;
    }
    
    
    .opacity-Anim {
        opacity: 0;
        animation: 0.8s ease;
        -webkit-animation: 0.8s ease;
    }
    
    .opacity-Anim-On {
        animation: opacityAnim 0.8s ease;
        -webkit-animation: opacityAnim 0.8s ease;
    }
    
    .efectLeft {
        opacity: 0;
        animation: 0.8s ease;
        -webkit-animation: 0.8s ease;
    }
    
    .efectLeftOn {
        animation: float-in-left 0.8s ease;
        -webkit-animation: float-in-left 0.8s ease;
    }
    
    .efectRight {
        opacity: 0;
        animation: 0.8s ease;
        -webkit-animation: 0.8s ease;
    }
    
    .efectRightOn {
        animation: float-in-right 0.8s ease;
        -webkit-animation: float-in-right 0.8s ease;
    }
    .efectRight_a {
        opacity: 0;
        animation: 0.8s ease;
        -webkit-animation: 0.8s ease;
    }
    
    .efectRightOn_a {
        animation: float-in-right-a 0.8s ease;
        -webkit-animation: float-in-right-a 0.8s ease;
    }
    .efectUp{
        opacity: 1;
        animation: 0.8s ease;
        -webkit-animation: 0.8s ease;
    }
    
    .efectUpOn{
        animation: float-in-up 0.8s ease;
        -webkit-animation: float-in-up 0.8s ease;
        opacity:0;
    }
    .efectDown{
        opacity: 0;
        animation: 0.8s ease;
        -webkit-animation: 0.8s ease;
    }
    .efectDownOn{
        animation: float-in-down 0.8s ease;
        -webkit-animation: float-in-down 0.8s ease;
        opacity:1;
    }
}