#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}#loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#fff;animation:spin 2s linear infinite;z-index:1001}#loader:before{top:5px;left:5px;right:5px;bottom:5px;animation:spin 3s linear infinite}#loader:after,#loader:before{content:"";position:absolute;border-radius:50%;border:3px solid transparent;border-top-color:#fff}#loader:after{top:15px;left:15px;right:15px;bottom:15px;animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#loader-wrapper .loader-section{position:fixed;top:0;width:51%;height:100%;background:#0067e7;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:transform .3s ease-out,opacity .3s ease-out cubic-bezier(.645,.045,.355,1)}.loaded #loader-wrapper .loader-section.section-right{transform:translateX(100%);transition:transform .3s ease-out,opacity .3s ease-out cubic-bezier(.645,.045,.355,1)}.loaded #loader{opacity:0}.loaded #loader,.loaded #loader-wrapper{transition:transform .3s ease-out,opacity .3s ease-out}.loaded #loader-wrapper{visibility:hidden;transform:translateY(-100%)}