.loader-overlay{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(10,10,10,.7);z-index:1800;cursor:pointer}.loader-overlay span.spiner{top:50%}.loader-overlay span.spiner,.loader-overlay span.text{display:inline-block;position:relative;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff}.loader-overlay span.text{top:60%}.loader-overlay .loader{-webkit-animation:loader-animate 1.5s linear infinite;animation:loader-animate 1.5s linear infinite;left:calc(50% - 40px);top:calc(50% - 40px)}.loader-overlay .loader,.loader-overlay .loader:after{clip:rect(0,80px,80px,40px);height:80px;width:80px;position:absolute}.loader-overlay .loader:after{-webkit-animation:loader-animate-after 1.5s ease-in-out infinite;animation:loader-animate-after 1.5s ease-in-out infinite;content:"";border-radius:50%}@-webkit-keyframes loader-animate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(220deg);transform:rotate(220deg)}}@keyframes loader-animate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(220deg);transform:rotate(220deg)}}@-webkit-keyframes loader-animate-after{0%{-webkit-box-shadow:inset #fff 0 0 0 17px;box-shadow:inset 0 0 0 17px #fff;-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}50%{-webkit-box-shadow:inset #fff 0 0 0 2px;box-shadow:inset 0 0 0 2px #fff}to{-webkit-box-shadow:inset #fff 0 0 0 17px;box-shadow:inset 0 0 0 17px #fff;-webkit-transform:rotate(140deg);transform:rotate(140deg)}}@keyframes loader-animate-after{0%{-webkit-box-shadow:inset #fff 0 0 0 17px;box-shadow:inset 0 0 0 17px #fff;-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}50%{-webkit-box-shadow:inset #fff 0 0 0 2px;box-shadow:inset 0 0 0 2px #fff}to{-webkit-box-shadow:inset #fff 0 0 0 17px;box-shadow:inset 0 0 0 17px #fff;-webkit-transform:rotate(140deg);transform:rotate(140deg)}}