@keyframes section_1 {
    0% {
        opacity: 0.5;
    }

    20% {
        opacity: 0.7;
    }

    40% {
        opacity: 1;
    }

    60% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes section_2 {
    0% {
        opacity: 1;
    }

    20% {
        opacity: 0.5;
    }

    40% {
        opacity: 0.7;
    }

    60% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes section_3 {
    0% {
        opacity: 1;
    }

    20% {
        opacity: 1;
    }

    40% {
        opacity: 0.5;
    }

    60% {
        opacity: 0.7;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes section_4 {
    0% {
        opacity: 1;
    }

    20% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    60% {
        opacity: 0.5;
    }

    80% {
        opacity: 0.7;
    }

    100% {
        opacity: 1;
    }
}

@keyframes section_5 {
    0% {
        opacity: 1;
    }

    20% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    60% {
        opacity: 1;
    }

    80% {
        opacity: 0.5;
    }

    100% {
        opacity: 0.7;
    }
}

@keyframes section_6 {
    0% {
        opacity: 1;
    }

    20% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    60% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0.5;
    }
}

.azimut7-loader {
    width: 24px;
    height: 28px;
    position: relative;
}

.azimut7-loader svg {
    width: 100%;
    height: 100%;
}

.azimut7-loader__section {
    fill: #FFFFFF;
    opacity: 1;
    transition: opacity 100ms;
    animation-duration: 600ms;
    animation-iteration-count: infinite;
}

.azimut7-loader__section_1 {
    animation-name: section_1;
}

.azimut7-loader__section_2 {
    animation-name: section_2;
}

.azimut7-loader__section_3 {
    animation-name: section_3;
}

.azimut7-loader__section_4 {
    animation-name: section_4;
}

.azimut7-loader__section_5 {
    animation-name: section_5;
}

.azimut7-loader__section_6 {
    animation-name: section_6;
}

.azimut7-loader-overlay {
    position: fixed;
    z-index: 100;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: opacity 0.3s;
    opacity: 0;
}

.azimut7-loader-overlay_visible {
    opacity: 1;
}

.azimut7-loader-overlay .azimut7-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.azimut7-loader_alt {
    width: 48px;
    height: 56px;
}

.azimut7-loader_alt .azimut7-loader__section {
    fill: #E1312F;
    transition: opacity 150ms;
    animation-duration: 900ms;
}