.spinner-body{overflow:hidden}#spinner-wrapper{display:none}#spinner-wrapper.loading{display:block}.preloader{position:fixed;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;z-index:200;background:#000;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.preloader__wrapper{position:relative;width:100px;height:100px;overflow:hidden;border-radius:100%;background-color:transparent;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.preloader__wrapper:after{background:#151414;content:'';width:90px;height:90px;margin:-45px 0 0 -45px;position:absolute;top:50%;left:50%;display:block;border-radius:50%;z-index:11}.preloader__spiner{position:absolute;top:0;left:0;z-index:1;width:50px;height:50px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.preloader__spiner-mask{position:absolute;top:0;left:0;z-index:2;width:50px;height:50px;background:#515781;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation:spin-mask 2.5s infinite linear;animation:spin-mask 2.5s infinite linear}.preloader__spiner.spin-1{background-color:#9eef01;-webkit-animation:spin-1 2.5s infinite linear;animation:spin-1 2.5s infinite linear}.preloader__spiner.spin-2{background-color:#fdc202;-webkit-animation:spin-2 2.5s infinite linear;animation:spin-2 2.5s infinite linear}.preloader__spiner.spin-3{background-color:#9eef01;-webkit-animation:spin-3 2.5s infinite linear;animation:spin-3 2.5s infinite linear}.preloader__spiner.spin-4{background-color:#fdc202;-webkit-animation:spin-4 2.5s infinite linear;animation:spin-4 2.5s infinite linear}.preloader__dots{position:absolute;top:50%;left:50%;display:block;width:36px;height:36px;z-index:12;margin:-18px 0 0 -18px;background-color:transparent;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}.preloader__dot{position:absolute;left:0;bottom:0;width:10px;height:10px;border-radius:100%;background-color:#fff}.preloader__dot:after,.preloader__dot:before{content:'';position:absolute;display:block;width:10px;height:10px;border-radius:100%;background-color:#fff}.preloader__dot:after{top:-25px;right:0;-webkit-animation:down 1s linear infinite;animation:down 1s linear infinite;-webkit-transform:translate3d(0,0,0)}.preloader__dot:before{right:-25px;bottom:0}@-webkit-keyframes rotate{0%{transform:rotate(0);-webkit-transform:rotate(0)}100%,50%{transform:rotate(90deg);-webkit-transform:rotate(90deg)}}@keyframes rotate{0%{transform:rotate(0);-webkit-transform:rotate(0)}100%,50%{transform:rotate(90deg);-webkit-transform:rotate(90deg)}}@-webkit-keyframes down{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,0,0) scaleX(1);transform:translate3d(0,0,0) scaleX(1)}75%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(25px,0,0) scaleX(1.3);transform:translate3d(25px,0,0) scaleX(1.3)}}@keyframes down{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,0,0) scaleX(1);transform:translate3d(0,0,0) scaleX(1)}75%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(25px,0,0) scaleX(1.3);transform:translate3d(25px,0,0) scaleX(1.3)}}@-webkit-keyframes spin-mask{0%{-webkit-transform:rotate(0);transform:rotate(0);z-index:2}50%{-webkit-transform:rotate(90deg);transform:rotate(90deg);z-index:2}90%{-webkit-transform:rotate(90deg);transform:rotate(90deg);z-index:4}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);z-index:4}}@keyframes spin-mask{0%{-webkit-transform:rotate(0);transform:rotate(0);z-index:2}50%{-webkit-transform:rotate(90deg);transform:rotate(90deg);z-index:2}90%{-webkit-transform:rotate(90deg);transform:rotate(90deg);z-index:4}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);z-index:4}}@-webkit-keyframes spin-1{0%{-webkit-transform:rotate(0);transform:rotate(0)}15%{z-index:3}50%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg);z-index:3}70%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg);z-index:3}90%{-webkit-transform:rotate(1170deg);transform:rotate(1170deg)}100%{-webkit-transform:rotate(1170deg);transform:rotate(1170deg)}}@keyframes spin-1{0%{-webkit-transform:rotate(0);transform:rotate(0)}15%{z-index:3}50%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg);z-index:3}70%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg);z-index:3}90%{-webkit-transform:rotate(1170deg);transform:rotate(1170deg)}100%{-webkit-transform:rotate(1170deg);transform:rotate(1170deg)}}@-webkit-keyframes spin-2{0%{-webkit-transform:rotate(0);transform:rotate(0)}15%{z-index:3}50%{-webkit-transform:rotate(990deg);transform:rotate(990deg);z-index:3}90%{-webkit-transform:rotate(1170deg);transform:rotate(1170deg);z-index:3}100%{-webkit-transform:rotate(1170deg);transform:rotate(1170deg)}}@keyframes spin-2{0%{-webkit-transform:rotate(0);transform:rotate(0)}15%{z-index:3}50%{-webkit-transform:rotate(990deg);transform:rotate(990deg);z-index:3}90%{-webkit-transform:rotate(1170deg);transform:rotate(1170deg);z-index:3}100%{-webkit-transform:rotate(1170deg);transform:rotate(1170deg)}}@-webkit-keyframes spin-3{0%{-webkit-transform:rotate(0);transform:rotate(0)}15%{z-index:3}50%{-webkit-transform:rotate(900deg);transform:rotate(900deg);z-index:3}90%{-webkit-transform:rotate(1170deg);transform:rotate(1170deg);z-index:3}100%{-webkit-transform:rotate(1170deg);transform:rotate(1170deg)}}@keyframes spin-3{0%{-webkit-transform:rotate(0);transform:rotate(0)}15%{z-index:3}50%{-webkit-transform:rotate(900deg);transform:rotate(900deg);z-index:3}90%{-webkit-transform:rotate(1170deg);transform:rotate(1170deg);z-index:3}100%{-webkit-transform:rotate(1170deg);transform:rotate(1170deg)}}@-webkit-keyframes spin-4{0%{-webkit-transform:rotate(0);transform:rotate(0)}15%{z-index:3}50%{-webkit-transform:rotate(810deg);transform:rotate(810deg);z-index:3}90%{-webkit-transform:rotate(1170deg);transform:rotate(1170deg);z-index:3}100%{-webkit-transform:rotate(1170deg);transform:rotate(1170deg)}}@keyframes spin-4{0%{-webkit-transform:rotate(0);transform:rotate(0)}15%{z-index:3}50%{-webkit-transform:rotate(810deg);transform:rotate(810deg);z-index:3}90%{-webkit-transform:rotate(1170deg);transform:rotate(1170deg);z-index:3}100%{-webkit-transform:rotate(1170deg);transform:rotate(1170deg)}}