.loader-wrapper{position:fixed;z-index:9999;top:0;left:0;background:rgb(243, 246, 245);width:100%;height:100%;text-align:center;}
.loader, .circle, .circle2, .line{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.circle{position:absolute;background-color:transparent;border:#05CE7B solid;width:50px;height:50px;border-radius:100%;}
.line{position:absolute;top:-12.5px;left:-35px;border-top:#232222 solid 2px;border-bottom:#232222 solid 2px;border-left:none;border-right:none;width:70px;height:25px;transform:rotate(-45deg);-webkit-animation:pulsetwo 800ms infinite linear;animation:pulsetwo 800ms infinite linear;}
.circle2{position:absolute;background-color:transparent;border:#05CE7B solid;width:50px;height:50px;border-radius:100%;-webkit-animation:pulse 800ms infinite linear;animation:pulse 800ms infinite linear;}
.loaded .loader-wrapper,
.loaded .loader{opacity:0;-webkit-transition:ease-out 0.8s;-moz-transition:ease-out 0.8s;-o-transition:ease-out 0.8s;transition:ease-out 0.8s;}
.loaded .loader-wrapper{visibility:hidden;}
@keyframes pulse{0%{border-width:0px;opacity:0;}
40%{opacity:1;}
80%{border-width:50px;opacity:0;}
100%{opacity:0;}
}
@keyframes pulsetwo{0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}