.makerz-circle .spinner {
    position: relative;
    width: 3.75em;
    height: 3.75em;
    -webkit-animation: rotate-spinner 5s infinite;
    animation: rotate-spinner 5s infinite;
}

.makerz-circle .circle-ring-2 {
    content: '';
    position: absolute;
    width: 2.6875em;
    height: 2.6875em;
    border: 1px solid var(--global-font-color);
    border-radius: 50%;
    background-color: transparent;
    left: 4px;
    top: 3px;
    -webkit-animation: animate-spinner 2s .6s infinite;
    animation: animate-spinner 2s .6s infinite;
}

.makerz-circle .circle-ring-1 {
    content: '';
    position: absolute;
    width: 2.6875em;
    height: 2.6875em;
    border: 1px solid var(--global-font-color);
    border-radius: 50%;
    background-color: transparent;
    left: 4px;
    top: 3px;
    -webkit-animation: animate-spinner 2s infinite;
    animation: animate-spinner 2s infinite;
}

.makerz-circle .spinner .circle-ring-2 {
    -webkit-animation: animate-spinner 2s .6s infinite;
    animation: animate-spinner 2s .6s infinite;
}

.makerz-circle .spinner .circle-ring-1 {
    -webkit-animation: animate-spinner 2s infinite;
    animation: animate-spinner 2s infinite;

}

@-webkit-keyframes animate-spinner {

    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(10px, 10px, 0);
        transform: translate3d(10px, 10px, 0)
    }
}

@keyframes animate-spinner {

    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(10px, 10px, 0);
        transform: translate3d(10px, 10px, 0)
    }
}

@-webkit-keyframes rotate-spinner {

    0%,
    100%,
    60% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes rotate-spinner {

    0%,
    100%,
    60% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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