@keyframes pulseOnceAnimation {
    0% {
    }

    50% {
        transform: scale(1.05);
    }

    100% {
    }
}

.pulseOnce {
    animation-name: pulseOnceAnimation;
    animation-duration: 0.5s;
    animation-fill-mode: both;
}



@-webkit-keyframes pulse {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes pulse {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.pulse {
    -webkit-animation: pulse 2.5s ease infinite;
    animation: pulse 2.5s ease infinite
}



@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeSlideIn {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }

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

.fadeIn2s {
    animation: fadeIn 2s;
}

.fadeIn1s {
    animation: fadeIn 1s;
}

.fadeSlideIn1sDelay1s {
    opacity: 0;
    transform: translateY(10px);
    animation: fadeSlideIn 1s ease 1s forwards;
    animation-fill-mode: forwards;
}

.fadeOut1s {
    animation: fadeOut 1s forwards;
}

.fadeOut1sWait1s {
    animation: fadeOut 1s linear 1s forwards;
}

.fadeInHalfS {
    animation: fadeIn .5s;
}



@keyframes highlightDefinition {
    0% {
        background-color: inherit;
    }

    100% {
        background-color: #ffcc80;
    }
}

@keyframes highlightBoxshadowDefinition {
    0% {
        -webkit-box-shadow: inherit;
        -moz-box-shadow: inherit;
        box-shadow: inherit;
    }

    100% {
        -webkit-box-shadow: 0 0 30px 15px #ffcc80;
        -moz-box-shadow: 0 0 30px 15px #ffcc80;
        box-shadow: 0 0 30px 15px #ffcc80;
    }
}

.highlight1s {
    animation-name: highlightDefinition;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.highlightWithBoxshadow1s {
    animation: highlightDefinition 1s both, highlightBoxshadowDefinition 1s both;
}



@keyframes emphasizeBoxshadowDefinition {
    0% {
        -webkit-box-shadow: inherit;
        -moz-box-shadow: inherit;
        box-shadow: inherit;
    }

    100% {
        -webkit-box-shadow: 0 0 10px 5px #b4ff80;
        -moz-box-shadow: 0 0 10px 5px #b4ff80;
        box-shadow: 0 0 10px 5px #b4ff80;
    }
}

.emphasizeWithBoxshadow1s {
    animation: emphasizeBoxshadowDefinition 1s both;
}

@keyframes bounce {
    0% {
        transform: scale(1);
    }

    30% {
        transform: scale(1.3);
    }

    50% {
        transform: scale(0.9);
    }

    70% {
        transform: scale(1.1);
    }

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

.bounce-anim {
    display: inline-block;
    animation: bounce 0.7s cubic-bezier(.53,1.55,.37,1.01);
}