.parpadea {
    animation-name: parpadeo;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    -webkit-animation-name:parpadeo;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}
.parpadea1only {
    animation-iteration-count: forwards;
    -webkit-animation-iteration-count: forwards;
}
.parpadea2only {
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: 2;
}
.parpadea3only {
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: 3;
}

@-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; }
}




.ladea{
    animation-name: ladea;
    animation-duration: 2000ms;
    animation-delay: 1500ms;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
}

@keyframes ladea {
    0% {
        transform: rotateY(0deg);
        animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }
    10% {
        transform: rotateY(5deg); }
    20% {
        transform: rotateY(-5deg); }
    30% {
        transform: rotateY(5deg); }
    40% {
        transform: rotateY(-5deg); }
    50% {
        transform: rotateY(5deg); }
    60% {
        transform: rotateY(0deg); }
    100% {
        transform: rotateY(0deg); }
}


.temblor:hover {
    animation: temblor 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes temblor {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}


.temblor_inf {
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation: temblor_inf 6s;
    /* When the animation is finished, start again */
    animation-iteration-count: infinite;
}

.temblor_2 {
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation: temblor 2s;
    /* When the animation is finished, start again */
    animation-iteration-count: 2;
}

@keyframes temblor_inf {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}


.pulse{
    animation: pwg-pulse 1s infinite;
}
.pulse-2{
    animation: pwg-pulse 1s 2;
}
.pulse-3{
    animation: pwg-pulse 1s 3;
}
.pulse-white{
    animation: pwg-pulse-white 1s infinite;
}
@keyframes pwg-pulse
{
     0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
     }
     100% {
        box-shadow: 0 0 0 25px rgba(0, 0, 0, 0);
     }
}
@keyframes pwg-pulse-white
{
     0% {
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2);
     }
     100% {
        box-shadow: 0 0 0 25px rgba(255, 255, 255, 0);
     }
}






.push-button{
    animation: pwg-push-button 1s infinite;
    transition: transform .2s
}
@keyframes pwg-push-button
{
     0% {
        transform: scale(1)
     }
     100% {
        transform: scale(1.3)
     }
}







.pop {
  animation: pop 1s infinite;
}
.heartBeat {
  animation: heartBeat 1s infinite;
}

@keyframes pop {
    from {
        opacity: 0;
    }

    to {
        top: 50%;
        left: 50%;
        opacity: 1;
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}









@keyframes ShineAnimation {
    0%,to {
        background-repeat: no-repeat;
        background-image: -webkit-linear-gradient(top left, rgba(255,255,255,0) 0, rgba(255,255,255,0) 47%, rgba(255,255,255,0.5) 49%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.5) 51%, rgba(255,255,255,0) 53%, rgba(255,255,255,0) 100%);
        background-position: -900px -500px;
        background-size: 1200px 1200px
    }

    59% {
        background-repeat: no-repeat;
        background-position: 0 0
    }
}

.shineAnimation {
    display: block;
    -moz-background-size: 0;
    -o-background-size: 0;
    background-size: 0;
    -webkit-animation-duration: 5.5s;
    -moz-animation-duration: 5.5s;
    -o-animation-duration: 5.5s;
    animation-duration: 5.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: ShineAnimation;
    -moz-animation-name: ShineAnimation;
    -o-animation-name: ShineAnimation;
    animation-name: ShineAnimation;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
}