.fadeIn-L {
    opacity: 0;
    -webkit-transform: translate3d( -15%, 0, 0);
    transform: translate3d( -15%, 0, 0);
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;

}

.fadeIn-Left {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
}

.fadeIn-R {
    opacity: 0;
    -webkit-transform: translate3d( 25%, 0, 0);
    transform: translate3d( 25%, 0, 0);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.fadeIn-Right {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
}

.fadeIn {
    opacity: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.fadeIn-on-scroll-0 {
    opacity: 0;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
}

.fadeIn-on-scroll-100 {
    opacity: 1;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
}

.header-background-container {
    opacity: 1;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.header-background-retractable {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.pulse-animation {
    box-shadow: 0 0 0 0 rgba(212, 71, 135, 1);
    transform: scale(1);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(212, 71, 135, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(212, 71, 135, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(212, 71, 135, 0);
    }
}