.loader-overlay{background:#555;background:rgba(255,255,255,.5);color:#fff;width:100%;position:fixed;float:left;top:0;bottom:-30px;padding-right:0;z-index:1100}.loader-container{width:100px;height:100px;z-index:1101;position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:-50px}.loader-container .circle{width:40px;height:40px;border-radius:20px;background-color:green}.loader-container .blue{background-color:#479fd7;position:absolute;top:0;left:0;-webkit-animation:movBlue 2s ease infinite;-moz-animation:movBlue 2s ease infinite;-ms-animation:movBlue 2s ease infinite;animation:movBlue 2s ease infinite}.loader-container .green{background-color:#454545;position:absolute;top:0;right:0;-webkit-animation:movGreen 2s ease infinite;-moz-animation:movGreen 2s ease infinite;-ms-animation:movGreen 2s ease infinite;animation:movGreen 2s ease infinite}.loader-container .red{background-color:#e70000;position:absolute;bottom:0;right:0;-webkit-animation:movRed 2s ease infinite;-moz-animation:movRed 2s ease infinite;-ms-animation:movRed 2s ease infinite;animation:movRed 2s ease infinite}.loader-container .yellow{background-color:#a50000;position:absolute;bottom:0;left:0;-webkit-animation:movYellow 2s ease infinite;-moz-animation:movYellow 2s ease infinite;-ms-animation:movYellow 2s ease infinite;animation:movYellow 2s ease infinite}@-webkit-keyframes movBlue{0%{left:0;top:0}25%{left:calc(100% - 40px);top:0}50%{top:calc(100% - 40px);left:calc(100% - 40px)}75%{left:0;top:calc(100% - 40px)}100%{top:0;left:0}}@-moz-keyframes movBlue{0%{left:0;top:0}25%{left:calc(100% - 40px);top:0}50%{top:calc(100% - 40px);left:calc(100% - 40px)}75%{left:0;top:calc(100% - 40px)}100%{top:0;left:0}}@-ms-keyframes movBlue{0%{left:0;top:0}25%{left:calc(100% - 40px);top:0}50%{top:calc(100% - 40px);left:calc(100% - 40px)}75%{left:0;top:calc(100% - 40px)}100%{top:0;left:0}}@keyframes movBlue{0%{left:0;top:0}25%{left:calc(100% - 40px);top:0}50%{top:calc(100% - 40px);left:calc(100% - 40px)}75%{left:0;top:calc(100% - 40px)}100%{top:0;left:0}}@-webkit-keyframes movGreen{0%{right:0;top:0}25%{top:calc(100% - 40px);right:0}50%{right:calc(100% - 40px);top:calc(100% - 40px)}75%{top:0;right:calc(100% - 40px)}100%{right:0;top:0}}@-moz-keyframes movGreen{0%{right:0;top:0}25%{top:calc(100% - 40px);right:0}50%{right:calc(100% - 40px);top:calc(100% - 40px)}75%{top:0;right:calc(100% - 40px)}100%{right:0;top:0}}@-ms-keyframes movGreen{0%{right:0;top:0}25%{top:calc(100% - 40px);right:0}50%{right:calc(100% - 40px);top:calc(100% - 40px)}75%{top:0;right:calc(100% - 40px)}100%{right:0;top:0}}@keyframes movGreen{0%{right:0;top:0}25%{top:calc(100% - 40px);right:0}50%{right:calc(100% - 40px);top:calc(100% - 40px)}75%{top:0;right:calc(100% - 40px)}100%{right:0;top:0}}@-webkit-keyframes movRed{0%{right:0;bottom:0}25%{bottom:0;right:calc(100% - 40px)}50%{right:calc(100% - 40px);bottom:calc(100% - 40px)}75%{right:0;bottom:calc(100% - 40px)}100%{right:0;bottom:0}}@-moz-keyframes movRed{0%{right:0;bottom:0}25%{bottom:0;right:calc(100% - 40px)}50%{right:calc(100% - 40px);bottom:calc(100% - 40px)}75%{right:0;bottom:calc(100% - 40px)}100%{right:0;bottom:0}}@-ms-keyframes movRed{0%{right:0;bottom:0}25%{bottom:0;right:calc(100% - 40px)}50%{right:calc(100% - 40px);bottom:calc(100% - 40px)}75%{right:0;bottom:calc(100% - 40px)}100%{right:0;bottom:0}}@keyframes movRed{0%{right:0;bottom:0}25%{bottom:0;right:calc(100% - 40px)}50%{right:calc(100% - 40px);bottom:calc(100% - 40px)}75%{right:0;bottom:calc(100% - 40px)}100%{right:0;bottom:0}}@-webkit-keyframes movYellow{0%{left:0;bottom:0}25%{left:0;bottom:calc(100% - 40px)}50%{left:calc(100% - 40px);bottom:calc(100% - 40px)}75%{left:calc(100% - 40px);bottom:0}100%{left:0;bottom:0}}@-moz-keyframes movYellow{0%{left:0;bottom:0}25%{left:0;bottom:calc(100% - 40px)}50%{left:calc(100% - 40px);bottom:calc(100% - 40px)}75%{left:calc(100% - 40px);bottom:0}100%{left:0;bottom:0}}@-ms-keyframes movYellow{0%{left:0;bottom:0}25%{left:0;bottom:calc(100% - 40px)}50%{left:calc(100% - 40px);bottom:calc(100% - 40px)}75%{left:calc(100% - 40px);bottom:0}100%{left:0;bottom:0}}@keyframes movYellow{0%{left:0;bottom:0}25%{left:0;bottom:calc(100% - 40px)}50%{left:calc(100% - 40px);bottom:calc(100% - 40px)}75%{left:calc(100% - 40px);bottom:0}100%{left:0;bottom:0}}