.loading--inner{display:block;position:absolute;left:50%;top:50%;width:110px;height:30px;transform:translate(-50%,-50%)}.loading--inner.show{display:block}.loading--inner:after{position:absolute;content:"";height:1px;bottom:-2px;left:0;right:0;background:#07ffa0}.loading--inner .loading--box{position:absolute;width:10px;height:10px;background:#b1b1b1;opacity:1}.loading--inner .loading--box.dbl-width{width:22px}.loading--inner .loading--box.upper{height:18px}.loading--inner .loading--box.hang{height:8px}.loading--inner .loading--box.sink{height:5px;width:2px}.loading--inner .loading--box.dbl-height{height:30px}.loading--inner .loading--box-animate{animation:loading--box-animation 3s ease-in-out infinite}.loading--inner .loading--text{color:#444;font-size:12px;position:absolute;line-height:1.6em;top:100%;left:0;right:0;text-align:center;animation:loading--text-animation 2s infinite}@keyframes loading--text-animation{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes loading--box-animation{0%{opacity:0;transform:translate(-20px)}10%{opacity:0;transform:translate(-20px)}25%{opacity:1;transform:translate(0)}75%{opacity:1;transform:translate(0)}90%{opacity:0;transform:translate(20px)}to{opacity:0;transform:translate(20px)}}.content-loader{display:block;position:absolute;top:24px;left:24px;z-index:0}.content-loader.hide{display:none}.content-loader.loader-1{width:20px;height:20px;border-radius:100%}.content-loader.loader-1:after,.content-loader.loader-1:before{content:"";width:100%;height:100%;position:absolute;top:-2px;left:-2px;border-radius:100%;border:2px solid transparent;border-top-color:#3498db}.content-loader.loader-1:before{z-index:1;animation:spin 1s infinite}.content-loader.loader-1:after{border:2px solid #ccc}.content-loader.loader-2 span{display:block;position:absolute;left:5px;top:5px;width:5px;height:5px;background-color:#3498db}.content-loader.loader-2 span:nth-child(2){animation:moveanimation1 1s ease-in-out infinite}.content-loader.loader-2 span:nth-child(3){animation:moveanimation2 1s ease-in-out infinite}.content-loader.loader-2 span:nth-child(4){animation:moveanimation3 1s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes moveanimation1{0%,to{transform:translateX(0)}75%{transform:translateX(7px)}}@keyframes moveanimation2{0%,to{transform:translateY(0)}75%{transform:translateY(7px)}}@keyframes moveanimation3{0%,to{transform:translate(0)}75%{transform:translate(7px,7px)}}@import"https://fonts.googleapis.com/css?family=Roboto+Condensed"