.mgLoader .circular {
    animation: loaderRotate 2s linear infinite;
    height: 48px;
    position: relative;
    width: 48px;
}

.mgLoader .path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    animation: loaderDash 1.5s ease-in-out infinite;
    stroke-linecap: round;
    stroke: #1cc664;
}

@keyframes loaderRotate {
    100%{ transform: rotate(360deg); }
}

@keyframes loaderDash {
    0%{
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }
    50%{
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35;
    }
    100%{
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124;
    }
}