#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100000}#loader{display:block;position:relative;left:49%;top:50%;width:150px;height:150px;border-radius:50%;margin:-75px 0 0 -75px;border:5px solid transparent;border-top-color:#3498db;border-bottom-color:#3498db;z-index:1001;animation:spin 1s linear infinite}#loader:before{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:5px solid transparent;border-radius:50%;border-left-color:#e74c3c;border-right-color:#e74c3c;z-index:1001;animation:spin 0.5s ease-in-out infinite}#loader:after{content:"";position:absolute;top:40px;left:40px;right:40px;bottom:40px;border-radius:50%;border:5px solid transparent;border-top-color:#f9c922;border-bottom-color:#f9c922;z-index:1001;animation:spin 1s ease infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#loader-wrapper .loader-section{position:fixed;top:0;width:51%;height:100%;background:#222;z-index:1000}#loader-wrapper .loader-section.section-left{left:0}#loader-wrapper .loader-section.section-right{right:0}.loaded #loader-wrapper .loader-section.section-left{transform:translateX(-100%);transition:all 0.7s 0.3s cubic-bezier(.645,.045,.355,1)}.loaded #loader-wrapper .loader-section.section-right{transform:translateX(100%);transition:all 0.7s 0.3s cubic-bezier(.645,.045,.355,1)}.loaded #loader{opacity:0;transition:all 0.3s ease-out}.loaded #loader-wrapper{visibility:hidden;transform:translateY(-100%);transition:all 0.3s 1s ease-out}