.b-loader, .popupLoading, #osm-loader {
    height: 100%;
    width: 100%;
    top: 0;
    background-color: rgba(19,10,4,0.3);
    position: fixed;
    left: 0;
    margin: 0;
    /*z-index: 1000000;*/
    z-index: 2147483647 !important; /*vers l'infini et au delà */
    cursor: wait;
}

    .b-loader.absolute, .popupLoading.absolute, #osm-loader.absolute {
        position: absolute !important;
    }

    .b-loader .spinner, .popupLoading .loader, #osm-loader .spinner {
        width: 40px;
        height: 40px;
        background-color: #39383F;
        -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
        animation: sk-rotateplane 1.2s infinite ease-in-out;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }


@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }

    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}




/************* Price Loader *************/

.price-loader span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: var(--color1);
    margin: 35px 5px;
    opacity: 0;
}

    .price-loader span:nth-child(1) {
        animation: opacitychange 1s ease-in-out infinite;
    }

    .price-loader span:nth-child(2) {
        animation: opacitychange 1s ease-in-out 0.33s infinite;
    }

    .price-loader span:nth-child(3) {
        animation: opacitychange 1s ease-in-out 0.66s infinite;
    }



/************* DynamicFilters Loader *************/

.dynamic-filters-loader span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: var(--color1);
    margin: 35px 5px;
    opacity: 0;
    text-align:center;
}

    .dynamic-filters-loader span:nth-child(1) {
        animation: opacitychange 1s ease-in-out infinite;
    }

    .dynamic-filters-loader span:nth-child(2) {
        animation: opacitychange 1s ease-in-out 0.33s infinite;
    }

    .dynamic-filters-loader span:nth-child(3) {
        animation: opacitychange 1s ease-in-out 0.66s infinite;
    }


@keyframes opacitychange {
    0%, 100% {
        opacity: 0;
    }

    60% {
        opacity: 1;
    }
}