.loading{position:relative;height:150px;width:150px;margin:60px auto;}.js-loading-indicator{display:block;position:absolute;border-radius:50%;border:3px solid transparent;border-top-color:#3498db;border-right-color:#3498db;-webkit-animation:spin 2s linear infinite;-moz-animation:spin 2s linear infinite;animation:spin 2s linear infinite;z-index:1002;width:100%;height:100%;}.js-loading-indicator.double::before{content:"";position:absolute;border-radius:50%;top:5px;left:5px;right:5px;bottom:5px;border:3px solid transparent;border-top-color:#e74c3c;-webkit-animation:spin 3s linear infinite;-moz-animation:spin 3s linear infinite;animation:spin 3s linear infinite;}.js-loading-indicator.triple::before,.js-loading-indicator.triple::after{content:"";position:absolute;border-radius:50%;border:3px solid transparent;}.js-loading-indicator.triple::before{top:5px;left:5px;right:5px;bottom:5px;border-top-color:#e74c3c;-webkit-animation:spin 3s linear infinite;-moz-animation:spin 3s linear infinite;animation:spin 3s linear infinite;}.js-loading-indicator.triple::after{top:15px;left:15px;right:15px;bottom:15px;border-top-color:#f9c922;-webkit-animation:spin 1.5s linear infinite;-moz-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite;}.js-loading-overlay{position:absolute;height:100%;width:100%;top:0;left:0;background:rgba(128,128,128,.5);}@-webkit-keyframes spin{from{-webkit-transform:rotate(0);}to{-webkit-transform:rotate(360deg);}}@-moz-keyframes spin{from{-moz-transform:rotate(0);}to{-moz-transform:rotate(360deg);}}@keyframes spin{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}