.loader{animation:spin 1s linear infinite;border:5px solid #eee;border-radius:50%;border-top-color:#44546a;height:150px;margin:40px auto;width:150px}@keyframes spin{to{transform:rotate(1turn)}}.loading-messages{height:2.2em;position:relative}.loading-messages .msg{left:0;margin:0;opacity:0;position:absolute;top:0}.loading-messages .m1,.loading-messages .m2{animation:showHide 7s forwards}.loading-messages .m2{animation-delay:7s}.loading-messages .m3{animation:showHide 7s forwards;animation-delay:14s}.loading-messages .m4{animation:showFinal 7s forwards;animation-delay:21s}@keyframes showHide{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes showFinal{0%{opacity:0}10%{opacity:1}to{opacity:1}}