#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}#loader-wrapper #loader{display:block;position:relative;top:50%;left:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border:3px solid #fff0;border-top-color:#c7c7c7;border-radius:100%;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;z-index:1001}#loader-wrapper #loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border:3px solid #fff0;border-top-color:#575756;border-radius:100%;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}#loader-wrapper #loader:after{content:"";position:absolute;top:12px;left:12px;right:12px;bottom:12px;border:3px solid #fff0;border-top-color:#c7c7c7;border-radius:100%;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}#loader-wrapper #loader .fio{width:100px;height:100px;position:absolute;top:20px;left:20px;right:20px;bottom:20px;border:3px solid #fff0;border-top-color:#fff;border-radius:100%;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}#loader-wrapper .loader-section{position:fixed;top:0;background:rgb(0 0 0 / .7);width:50%;height:100%;z-index:1000}#loader-wrapper .loader-section.section-left{left:0}#loader-wrapper .loader-section.section-right{right:0}.loaded #loader-wrapper{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all 0s ease-out;transition:all 0s ease-out}.loaded #loader-wrapper #loader{opacity:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.loaded #loader-wrapper .loader-section{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.loaded #loader-wrapper .loader-section.section-left{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.loaded #loader-wrapper .loader-sectionsection-right{-webkit-transform:translateX(100%);transform:translateX(100%)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}