﻿.mini-loader-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: aquamarine;
}

svg#mini-loader {
    height: 50px;
    width: 50px;
}

#b0 {
    -webkit-animation: b0 4s infinite ease;
    animation: b0 4s infinite ease;
    -webkit-transform-origin: 250px 250px;
    transform-origin: 250px 250px;
}

#b1 {
    -webkit-animation: b1 4s infinite ease;
    animation: b1 4s infinite ease;
}

#b2 {
    -webkit-animation: b2 4s infinite ease;
    animation: b2 4s infinite ease;
}

#b3 {
    -webkit-animation: b3 4s infinite ease;
    animation: b3 4s infinite ease;
}

#b4 {
    -webkit-animation: b4 4s infinite ease;
    animation: b4 4s infinite ease;
}

@-webkit-keyframes b0 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    25% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    50% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    75% {
        -webkit-transform: rotate(-270deg);
        transform: rotate(-270deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes b0 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    25% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    50% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    75% {
        -webkit-transform: rotate(-270deg);
        transform: rotate(-270deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes b1 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    25% {
        -webkit-transform: translate(0, 355px);
        transform: translate(0, 355px);
    }

    50% {
        -webkit-transform: translate(355px, 355px);
        transform: translate(355px, 355px);
    }

    75% {
        -webkit-transform: translate(355px, 0);
        transform: translate(355px, 0);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes b1 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    25% {
        -webkit-transform: translate(0, 355px);
        transform: translate(0, 355px);
    }

    50% {
        -webkit-transform: translate(355px, 355px);
        transform: translate(355px, 355px);
    }

    75% {
        -webkit-transform: translate(355px, 0);
        transform: translate(355px, 0);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes b2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    25% {
        -webkit-transform: translate(-355px, 0);
        transform: translate(-355px, 0);
    }

    50% {
        -webkit-transform: translate(-355px, 355px);
        transform: translate(-355px, 355px);
    }

    75% {
        -webkit-transform: translate(0, 355px);
        transform: translate(0, 355px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes b2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    25% {
        -webkit-transform: translate(-355px, 0);
        transform: translate(-355px, 0);
    }

    50% {
        -webkit-transform: translate(-355px, 355px);
        transform: translate(-355px, 355px);
    }

    75% {
        -webkit-transform: translate(0, 355px);
        transform: translate(0, 355px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes b3 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    25% {
        -webkit-transform: translate(0, -355px);
        transform: translate(0, -355px);
    }

    50% {
        -webkit-transform: translate(-355px, -355px);
        transform: translate(-355px, -355px);
    }

    75% {
        -webkit-transform: translate(-355px, 0);
        transform: translate(-355px, 0);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes b3 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    25% {
        -webkit-transform: translate(0, -355px);
        transform: translate(0, -355px);
    }

    50% {
        -webkit-transform: translate(-355px, -355px);
        transform: translate(-355px, -355px);
    }

    75% {
        -webkit-transform: translate(-355px, 0);
        transform: translate(-355px, 0);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes b4 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    25% {
        -webkit-transform: translate(355px, 0);
        transform: translate(355px, 0);
    }

    50% {
        -webkit-transform: translate(355px, -355px);
        transform: translate(355px, -355px);
    }

    75% {
        -webkit-transform: translate(0, -355px);
        transform: translate(0, -355px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes b4 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    25% {
        -webkit-transform: translate(355px, 0);
        transform: translate(355px, 0);
    }

    50% {
        -webkit-transform: translate(355px, -355px);
        transform: translate(355px, -355px);
    }

    75% {
        -webkit-transform: translate(0, -355px);
        transform: translate(0, -355px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
