#nLdrOlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:3!important;cursor:pointer}
/*#nLdrOlay .nLdr1{margin:auto;left:0;right:0;top:0;bottom:0;position:fixed;border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #1cc88a;width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}*/
/*------------------------*/
#nLdrOlay .nLdr1{margin:auto;left:0;right:0;top:0;bottom:0;position:fixed;border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #1cc88a;width:80px;height:80px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
/*------------------------*/
.nLdr2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;box-sizing:border-box}.nLdr2 .face{position:absolute;border:2px solid #333}.nLdr2 .face.face1{top:0;left:0;right:0;bottom:0;border-radius:50%;border-left:2px solid #1cc88a;border-top:2px solid #1cc88a;animation:animate 3s linear infinite}.nLdr2 .face.face2{top:30px;left:30px;right:30px;bottom:30px;border-radius:50%;border-right:2px solid #03a9f4;border-bottom:2px solid #03a9f4;animation:animate 3s linear reverse infinite}.nLdr2 .face .circle{position:absolute;top:calc(50% - 1px);left:50%;width:50%;height:2px;transform-origin:left}.nLdr2 .face.face1 .circle{transform:rotate(-45deg)}.nLdr2 .face.face2 .circle{transform:rotate(-45deg)}.nLdr2 .face .circle:before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;top:-4px;right:-6px}.nLdr2 .face.face1 .circle:before{background:#ff0;box-shadow:0 0 20px #ff0,0 0 40px #ff0,0 0 60px #ff0,0 0 80px #ff0,0 0 100px #ff0,0 0 0 5px rgba(255,255,0,.1)}.nLdr2 .face.face2 .circle:before{background:#03a9f4;box-shadow:0 0 20px #03a9f4,0 0 40px #03a9f4,0 0 60px #03a9f4,0 0 80px #03a9f4,0 0 100px #03a9f4,0 0 0 5px rgba(3,169,244,.1)}@keyframes animate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
/*------------------------*/