@-webkit-keyframes opaDown {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0;}

    100% {
        opacity: 0;}
}


@keyframes opaDown {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0;}

    100% {
        opacity: 0;}
}


@-webkit-keyframes menuDown {
    from {bottom: 100%;

    }
    to {bottom: 0;
    }
}


@keyframes menuDown {
    from {bottom: 100%;

    }
    to {bottom: 0;
    }
}




@-webkit-keyframes menufade {
    0% {
        bottom: 0%;
        opacity: 1;
    }
    50% {
        bottom: 0%;
        opacity: 1;}

    100% {
        opacity: 0;
        bottom: 100%;
    }
}


@keyframes menufade {

    0% {
        bottom: 0%;
        opacity: 1;
    }
    50% {
        bottom: 0%;
        opacity: 1;}

    100% {
        opacity: 0;
        bottom: 100%;
    }
}






@-webkit-keyframes opacityChange {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;}

    100% {
        opacity: 1;}
}


@keyframes opacityChange {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;}

    100% {
        opacity: 1;}
}




@keyframes fromright {

    0%   {
        opacity: 0;
        transform: translate(100px,0);

    }

    70%   {
        opacity: 0;
        transform: translate(100px,0);

    }
    100% {
        opacity: 1;
        transform: translate(0,0);
    }


}


@-webkit-keyframes appearing {
    0%   {
        opacity: 0;
        transform: translate(-100px,0);

    }
    100% {
        opacity: 1;
        transform: translate(0,0);
    }
}

@keyframes appearing {
    0%   {
        opacity: 0;
        transform: translate(-100px,0);

    }
    100% {
        opacity: 1;
        transform: translate(0,0);
    }
}




@-webkit-keyframes moving {
    0%   {
        opacity: 0;
        transform: translate(100px,0);

    }
    100% {
        opacity: 1;
        transform: translate(0,0);
    }
}

@keyframes moving {
    0%   {
        opacity: 0;
        transform: translate(100px,0);

    }
    100% {
        opacity: 1;
        transform: translate(0,0);
    }
}



@-webkit-keyframes scaling {
    0%   {transform: scale(1);}
    3%  {transform: scale(.8);}
    6%  {transform: scale(1);}
    100% {transform: scale(51);}
}

@keyframes scaling {
    0%   {transform: scale(1);}
    3%  {transform: scale(.8);}
    6%  {transform: scale(1);}
    100% {transform: scale(51);}
}





@keyframes imagoin {
    0% {
        opacity: 0;
        transform: translate(150px, 0px);
    }

    75% {
        opacity: 0;
        transform: translate(150px, 0px);
    }

    100%{
        opacity: 1;
        transform: translate(0, 0);
    }
}





@keyframes imago_tertio {
    0% {

        transform: translate(350px, 0px);
    }

    50% {

        transform: translate(350px, 0px);
    }

    100%{

        transform: translate(0, 0);
    }
}




@-webkit-keyframes objectin {
    0% {
        opacity: 0;
        transform: translate(30px, 0);
    }

    60% {
        opacity: 0;
        transform: translate(30px, 0);
    }
    100%{
        opacity: 1;
        transform: translate(0px, 0);
    }
}


@keyframes objectin {
    0% {
        opacity: 0;
        transform: translate(30px, 0);
    }

    60% {
        opacity: 0;
        transform: translate(30px, 0);
    }
    100%{
        opacity: 1;
        transform: translate(0px, 0);
    }
}




@keyframes objectout {
    0% {
        opacity: 1;
        transform: translate(0px, 0);

    }

    20%{
        opacity: 0;
        transform: translate(-30px, 0);

    }

    100%{
        opacity: 0;
        transform: translate(-30px, 0);

    }
}












@keyframes whiteback {
    0% {
        background: black;
    }

    50% {
        background: black;
    }
    100%{
        background: white;

    }
}