.loader,.loading{display:none;position:absolute;top:50%;left:50%}.loading{z-index:999}.loading::before{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(239,236,233,.7)}.loading:not(:required):after{content:'';display:block;font-size:20px;width:.6em;height:.6em;margin-top:-.5em;-webkit-animation:1.5s linear infinite spinner;-moz-animation:1.5s linear infinite spinner;-ms-animation:spinner 1500ms infinite linear;-o-animation:1.5s linear infinite spinner;animation:1.5s linear infinite spinner;border-radius:.5em;-webkit-box-shadow:rgba(15,157,88,.75) 1.5em 0 0 0,rgba(15,157,88,.75) 1.1em 1.1em 0 0,rgba(15,157,88,.75) 0 1.5em 0 0,rgba(15,157,88,.75) -1.1em 1.1em 0 0,rgba(15,157,88,.75) -1.5em 0 0 0,rgba(15,157,88,.75) -1.1em -1.1em 0 0,rgba(15,157,88,.75) 0 -1.5em 0 0,rgba(15,157,88,.75) 1.1em -1.1em 0 0;box-shadow:rgba(15,157,88,.75) 1.5em 0 0 0,rgba(15,157,88,.75) 1.1em 1.1em 0 0,rgba(15,157,88,.75) 0 1.5em 0 0,rgba(15,157,88,.75) -1.1em 1.1em 0 0,rgba(15,157,88,.75) -1.5em 0 0 0,rgba(15,157,88,.75) -1.1em -1.1em 0 0,rgba(15,157,88,.75) 0 -1.5em 0 0,rgba(15,157,88,.75) 1.1em -1.1em 0 0}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spinner{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes spinner{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.loader{width:20px;height:20px;margin-left:-10px;margin-top:-10px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.button-submit{clear:both;position:relative}.button-loading{opacity:.6;pointer-events:none}.button-loading .loader{display:block}