@keyframes opacitiColor {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .8;
    }

    75% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


@keyframes opacitiColorDos {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .6;
    }

    75% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes opacitiColorTres {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .6;
    }

    75% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes opacitiColorCuatro {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .6;
    }

    75% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes opacitiColorCinco {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .6;
    }

    75% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
/*@keyframes opacitiColorseis {
    0% {
        opacity: 0;
    }

    25% {
        opacity: .10;
    }

    50% {
        opacity: .30;
    }

    75% {
        opacity: .60;
    }

    100% {
        opacity: 0;
    }
}
*/




/*********************************************/


/*@-webkit-keyframes bg-pan-right {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

@keyframes bg-pan-right {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}
*/
/*****************************************************/

@keyframes subirGlobos {
    0% {
        bottom: -10%
    }

    100% {
        bottom: 110%
    }
}

@keyframes agitarGlobos {
    0% {
        left: 0%;
        right: 10%;
    }

    10% {
        left: 10%;
        right: 0%;
    }

    20% {
        left: 0%;
        right: 10%;
    }

    30% {
        left: 10%;
        right: 0%;
    }

    40% {
        left: 0%;
        right: 10%;
    }

    50% {
        left: 10%;
        right: 0%;
    }

    60% {
        left: 0%;
        right: 10%;
    }

    70% {
        left: 10%;
        right: 0%;
    }

    80% {
        left: 0%;
        right: 10%;
    }

    90% {
        left: 10%;
        right: 0%;
    }

    100% {
        left: 0%;
        right: 10%;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

@keyframes wideIn {
    0% {
        transform: scale(0.01);
    }

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

@keyframes bannerIntro {
    0% {
        clip-path: circle(0% at 0 30%);
    }

    50% {
        clip-path: circle(150% at 0 30%);
    }

    100% {
        clip-path: circle(150% at 0 30%);
    }
}

@keyframes bannerEnding {
    0% {
        clip-path: circle(150% at 0 30%);
    }

    100% {
        clip-path: circle(65% at 0 30%);
    }
}

@keyframes textIntroTop {
    0% {
        opacity: 0;
        padding-top: 0px;
    }

    100% {
        opacity: 1;
        padding-top: 45px;
    }
}

@keyframes textIntroMiddle {
    0% {
        opacity: 0;
        padding-top: 45px;
    }

    100% {
        opacity: 1;
        padding-top: 0px;
    }
}

@keyframes textIntroBottom {
    0% {
        opacity: 0;
        padding-bottom: 0px;
    }

    100% {
        opacity: 1;
        padding-bottom: 70px;
    }
}


@keyframes afilieseLlegada {

    0% {
        opacity: 0;
    }


    75% {
        opacity: 0;
    }



    100% {
        opacity: 1;
    }
}

@keyframes llegadaCobertura {

    0% {
        padding-bottom: 34%;
        opacity: 0;
    }

    100% {
        padding-bottom: 0%;
        opacity: 1;
    }
}
/*************Sorteo Externo****************/
@keyframes circulollegada {
    0% {
        clip-path: circle(0% at 50% 0%);
    }

    50% {
        clip-path: circle(150% at 50% 0%);
    }

    100% {
        clip-path: circle(150% at 50% 0%);
    }
}

@keyframes circuloanimado {
    0% {
        clip-path: circle(150% at 50% 0%);
    }

    100% {
        clip-path: circle(65% at 50% 0);
    }
}

@keyframes titpulotop {
    0% {
        opacity: 0;
        top: 40px;
    }

    100% {
        opacity: 1;
        top: 0px;
    }
}

@keyframes texINVITA {
    0% {
        opacity: 0;
        padding-top: 45px;
    }

    100% {
        opacity: 1;
        padding-top: 0px;
    }
}

@keyframes textodeabajo {
    0% {
        opacity: 0;
        bottom: -10px;
    }

    100% {
        opacity: 1;
        bottom: 30px;
    }
}

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

    50% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }
}

/********************Responsive 1600px Ipaz Horizontal********************/
@media screen and (max-width:1600px) {
    @keyframes textIntroTop {
        0% {
            opacity: 0;
            padding-top: 0px;
        }

        100% {
            opacity: 1;
            padding-top: 35px;
        }
    }

    @keyframes textIntroBottom {
        0% {
            opacity: 0;
            padding-bottom: 0px;
        }

        100% {
            opacity: 1;
            padding-bottom: 50px;
        }
    }
}

/********************Responsive 1440px Ipaz Horizontal********************/
@media screen and (max-width:1440px) {
    @keyframes textIntroTop {
        0% {
            opacity: 0;
            padding-top: 0px;
        }

        100% {
            opacity: 1;
            padding-top: 45px;
        }
    }
}

/********************Responsive 1024px Ipaz Horizontal********************/
@media screen and (max-width:1024px) {
    @keyframes textIntroTop {
        0% {
            opacity: 0;
            padding-top: 0px;
        }

        100% {
            opacity: 1;
            padding-top: 60px;
        }
    }

    @keyframes textIntroBottom {
        0% {
            opacity: 0;
            padding-bottom: 0px;
        }

        100% {
            opacity: 1;
            padding-bottom: 80px;
        }
    }
}

/********************Responsive 768px Ipaz Horizontal********************/
@media screen and (max-width:768px) {
    @keyframes bannerIntro {
        0% {
            clip-path: circle(0% at 50% 0%);
        }

        50% {
            clip-path: circle(150% at 50% 0%);
        }

        100% {
            clip-path: circle(150% at 50% 0%);
        }
    }

    @keyframes bannerEnding {
        0% {
            clip-path: circle(150% at 50% 0%);
        }

        100% {
            clip-path: circle(55% at 50% 0%);
        }
    }

    @keyframes textIntroTop {
        0% {
            opacity: 0;
            top: 40px;
        }

        100% {
            opacity: 1;
            top: 0px;
        }
    }

    @keyframes textIntroBottom {
        0% {
            opacity: 0;
            bottom: -10px;
        }

        100% {
            opacity: 1;
            bottom: 30px;
        }
    }
}

/********************Responsive 640px Ipaz Horizontal********************/
@media screen and (max-width:640px) {
    @keyframes bannerIntro {
        0% {
            clip-path: circle(0% at 0% 30%);
        }

        50% {
            clip-path: circle(150% at 0% 30%);
        }

        100% {
            clip-path: circle(150% at 0% 30%);
        }
    }

    @keyframes bannerEnding {
        0% {
            clip-path: circle(150% at 0% 30%);
        }

        100% {
            clip-path: circle(65% at 0 30%);
        }
    }
}

/********************Responsive 425px Ipaz Horizontal********************/
@media screen and (max-width:425px) {
    @keyframes bannerIntro {
        0% {
            clip-path: circle(0% at 50% 0%);
        }

        50% {
            clip-path: circle(150% at 50% 0%);
        }

        100% {
            clip-path: circle(150% at 50% 0%);
        }
    }

    @keyframes bannerEnding {
        0% {
            clip-path: circle(150% at 50% 0%);
        }

        100% {
            clip-path: circle(55% at 50% 0%);
        }
    }

    @keyframes textIntroMiddle {
        0% {
            opacity: 0;
            padding-top: 45px;
        }

        100% {
            opacity: 1;
            padding-top: 0px;
        }
    }
}
/************alerta popup******************/
@-moz-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}