.loader{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    background:#ecf1f470;
    z-index:9999;
    transition:all .4s ease;
     display: block;
}
.loader .load{
    left:50%;
    top:50%;
    position:fixed;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.loader .load #spinner{
    box-sizing:border-box;
    stroke:#007bff;
    stroke-width:3px;
    -webkit-transform-origin:50%;
    transform-origin:50%;
    -webkit-animation:line 1.6s cubic-bezier(.4,0,.2,1) infinite,rotate 1.6s linear infinite;
    animation:line 1.6s cubic-bezier(.4,0,.2,1) infinite,rotate 1.6s linear infinite
}
@-webkit-keyframes rotate{
    from{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    to{
        -webkit-transform:rotate(450deg);
        transform:rotate(450deg)
    }
}
@keyframes rotate{
    from{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    to{
        -webkit-transform:rotate(450deg);
        transform:rotate(450deg)
    }
}
@-webkit-keyframes line{
    0%{
        stroke-dasharray:2,85.964;
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    50%{
        stroke-dasharray:65.973,21.9911;
        stroke-dashoffset:0
    }
    100%{
        stroke-dasharray:2,85.964;
        stroke-dashoffset:-65.973;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg)
    }
}
@keyframes line{
    0%{
        stroke-dasharray:2,85.964;
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    50%{
        stroke-dasharray:65.973,21.9911;
        stroke-dashoffset:0
    }
    100%{
        stroke-dasharray:2,85.964;
        stroke-dashoffset:-65.973;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg)
    }
}
 .loader {
     visibility: visible;
     opacity: .8;
     background: #ecf1f4;
     z-index: 99999 
}
 .loader.hidde {
     visibility: hidden;
     opacity: 0;
     -webkit-transition: all .4s ease-in-out;
     -o-transition: all .4s ease-in-out;
     transition: all .4s ease-in-out 
}