
/*****************************************/
/* Forward pulse */
/*****************************************/

.forwardPulse-in-left {
    -webkit-animation: forwardPulse-effect-in 0.4s 0.3s forwards;
    animation: forwardPulse-effect-in 0.4s 0.3s forwards;
}
.forwardPulse-in-right {
    -webkit-animation: forwardPulse-effect-in 0.4s 0.3s forwards;
    animation: forwardPulse-effect-in 0.4s 0.3s forwards;
}

.forwardPulse-out-left {
    -webkit-animation: forwardPulse-effect-out-up 0.4s forwards;
    animation: forwardPulse-effect-out-up 0.4s forwards;
}
.forwardPulse-out-right {
    -webkit-animation: forwardPulse-effect-out-down 0.4s forwards;
    animation: forwardPulse-effect-out-down 0.4s forwards;
}


@-webkit-keyframes forwardPulse-effect-in {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@keyframes forwardPulse-effect-in {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}


@-webkit-keyframes forwardPulse-effect-out-up {
    from {
        opacity: 1;
    }
    30% {
        -webkit-transform: scale(0.7);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.3);
        opacity: 0;
    }
}
@keyframes forwardPulse-effect-out-up {
    from {
        opacity: 1;
    }
    30% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0;
    }
}

@-webkit-keyframes forwardPulse-effect-out-down {
    from {
        opacity: 1;
    }
    30% {
        -webkit-transform: scale(1.3);
        opacity: .5;
    }
    100% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
}
@keyframes forwardPulse-effect-out-down {
    from {
        opacity: 1;
    }
    30% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: .5;
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}

