.mgLoader {
    position: relative;
    margin: 0px auto;
    width: 100px;
    height: 100px;
}

.mgLoader.hidden { display: none; }

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

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

@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;
    }
}