/* PRELOADER PULSE */
@keyframes dropShadowPulse {

    0%,
    100% {
        filter: drop-shadow(0 0 5px #fff);
    }

    50% {
        filter: drop-shadow(0 0 20px #fff);
    }
}

@keyframes dropShadowPulseBlack {

    0%,
    100% {
        filter: drop-shadow(0 0 5px #000);
    }

    50% {
        filter: drop-shadow(0 0 20px #000);
    }
}

@keyframes animateNavOptionsRight {
    from {
        transform: translateX(-100px);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes animateNavOptionsLeft {
    from {
        transform: translateX(100px);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes asideLoginLinkTop {
    from {
        transform: translateY(100px);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes animeHeaderLink {
    0% {
        scale: 1;
    }

    50% {
        transform: translateX(-10px);
        scale: 1.05;
    }

    100% {
        transform: translateX(250px);
    }
}

@keyframes animeHeaderLinkExtended {
    0% {
        scale: 1;
    }

    50% {
        transform: translateX(-10px);
        scale: 1.05;
    }

    100% {
        transform: translateX(100%);
    }
}

@keyframes showLangsModal {
    from {
        opacity: 0;
        transform: scale(0);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes showLangsModalInverted {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(0);
    }
}

@keyframes hideWebMadeImg {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-900px);
    }
}

@keyframes hideWebMadeImgReverse {
    from {
        transform: translateY(-900px);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes rotateChevron360 {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes rotateChevronRev {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(-360deg);
    }
}


@keyframes showIframeWebs {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

@keyframes closeIframeWebs {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(0);
    }
}


@keyframes slideIcons {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes chevronGoDown {
    0% {
        opacity: 0;
        transform: translateY(-40px);
    }

    20% {
        opacity: 0;
        transform: translateY(-5px);
    }

    40% {
        opacity: 1;
        transform: translateY(10px);
    }

    80% {
        opacity: 1;
        transform: translateY(40px);
    }

    100% {
        opacity: 0;
        transform: translateY(60px);
    }
}



@keyframes shine {
    to {
        background-position: 100% 0;
    }
}

@keyframes typeIn {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}


@keyframes typeOut {
    from {
        width: 100%
    }

    to {
        width: 0
    }
}


@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale(0.8);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes pulsate {

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

    50% {
        transform: scale(10);
    }
}


/* CONTACTO VIEW */
@keyframes fadeInSuccess {
    to {
        opacity: 1;
    }
}


@keyframes displayFormErrorTop {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes showGreetingLabel {
    to {
        opacity: .7;
        width: 100%;
    }
}


/* COOKIES */
@keyframes showCookiesAlert {
    from {
        opacity: 0;
        bottom: -100px;
    }
    to {
        opacity: 1;
        bottom: 0;
    }
}

@keyframes hideCookiesAlert {
    from {
        opacity: 1;
        bottom: 0;
    }
    to {
        opacity: 0;
        bottom: -100px;
    }
}


@keyframes showManteinmentInfoAlert {
    from {
        transform: scale(.5);
        opacity: 0;
    } 
    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes hideManteinmentInfoAlert {
    from {
        transform: scale(1);
    } 
    to {
        transform: translateY(-200%);
    }
}

@keyframes animateHeartPulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3);
    }
}

@keyframes showRequestUserForm {
    from {
        opacity: 0;
        transform: translateY(50px);
    } to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes animateErrorsLogRequestForm {
    from {
        opacity: 0;
        transform: translateY(10px);
    } to {
        opacity: 1;
        transform: translateY(0);
    }
}