.loader-slider-up {
    position: fixed;
    z-index: 999999999999;
    height: 100%;
    width: 100%;
    margin-left: -90px;
    /* background: white !important; */
    background: linear-gradient(90deg, #3b3c9a, #0c276d) !important;
}

.loader-slider-up .auto-center {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

#loader-slider-up,
#loader-slider-up .auto-center {

    transition-timing-function: unset !important;
    -ms-transition-timing-function: unset !important;
    -moz-transition-timing-function: unset !important;
    -webkit-transition-timing-function: unset !important;
    -o-transition-timing-function: unset !important;
    transition-duration: unset !important;
    -ms-transition-duration: unset !important;
    -moz-transition-duration: unset !important;
    -webkit-transition-duration: unset !important;
    -o-transition-duration: unset !important;
}

#loader-slider-up .bounce-conteneur {
    padding: 7rem;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    text-align: center;

    background: url('../image/loader-bg.png') no-repeat;
    background-position: center;
    background-size: contain;
}

#loader-slider-up .bounce-conteneur .bounce {
    display: inline-block;
    /* height: 13px;
    width: 13px; */
    /* background: #FFF; */
    /* border-radius: 50%; */
    margin: 2px;
}

#loader-slider-up .bounce-conteneur .bounce-left {
    animation: left 1.5s ease infinite;
}

#loader-slider-up .bounce-conteneur .bounce-center {
    animation: center 2s ease infinite;
}

#loader-slider-up .bounce-conteneur .bounce-right {
    animation: right 1.5s ease infinite;
}

@keyframes left {

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

    25% {
        transform: scale(1.5);
    }
}

@keyframes center {

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

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

@keyframes right {

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

    75% {
        transform: scale(1.5);
    }
}

@-webkit-keyframes left {

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

    25% {
        transform: scale(1.5);
    }
}

@-webkit-keyframes center {

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

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

@-webkit-keyframes right {

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

    75% {
        transform: scale(1.5);
    }
}

@media (max-width: 991px) {
    .loader-slider-up {
        margin-left: 0 !important;
    }
}
