.loadding_ajax {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(27,29,43,0.5);
    display: none;
}

    .loadding_ajax.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .loadding_ajax.active .loadding_ajax-in {
            height: 100px;
            width: 100px;
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 1;
            margin: -50px 0 0 -50px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 25px;
        }

            .loadding_ajax.active .loadding_ajax-in img {
                width: 50px;
                height: 50px;
                -webkit-animation: changeBrightness 1s linear both infinite;
                animation: changeBrightness 1s linear both infinite;
            }

            .loadding_ajax.active .loadding_ajax-in::before {
                content: '';
                display: inline-block;
                width: 100px;
                height: 100px;
                position: absolute;
                left: 0;
                top: 0;
                border-top: 2px solid transparent;
                border-right: 2px solid #186d44;
                border-bottom: 2px solid transparent;
                border-left: 2px solid transparent;
                border-radius: 50%;
                -webkit-animation: rotate360 1s linear both infinite, changeBrightness 1s linear both infinite;
                animation: rotate360 1s linear both infinite, changeBrightness 1s linear both infinite;
            }

@-webkit-keyframes rotate360 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate360 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes changeBrightness {
    0%, 100% {
        -webkit-filter: brightness(2);
        filter: brightness(2);
        border-right-width: 2px;
        border-right-color: #186d44;
    }

    50% {
        -webkit-filter: brightness(0.5);
        filter: brightness(0.5);
        border-right-width: 4px;
        border-right-color: #0c3d26;
    }
}

@keyframes changeBrightness {
    0%, 100% {
        -webkit-filter: brightness(2);
        filter: brightness(2);
        border-right-width: 2px;
        border-right-color: #186d44;
    }

    50% {
        -webkit-filter: brightness(0.5);
        filter: brightness(0.5);
        border-right-width: 4px;
        border-right-color: #0c3d26;
    }
}