#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-image:radial-gradient(circle farthest-corner at center,#5B5B5B 0,#202020 100%);font-family:Roboto,"Helvetica Neue",sans-serif}.sun,.sun-light{border-radius:50%;position:absolute}.sun-light{width:16px;height:16px;top:calc(50% - 33px);left:calc(50% - 8px)}.sun{width:8px;height:8px;background-color:#F44336;top:3px;left:3px;border:1px solid #fff}.line-1,.line-2,.line-3,.line-4{position:absolute;width:16px;height:2px;border-radius:5px;background:gold;top:7px}.line-1{left:0}.line-2{left:0;transform:rotate(90deg)}.line-3{left:0;transform:rotate(45deg)}.line-4{left:0;transform:rotate(-45deg)}.shine-1,.sun-lines-1{width:16px;height:16px;top:0;left:0;position:absolute;border-radius:50%}.shine-1{animation-name:pulse;animation-duration:2s;animation-iteration-count:infinite;animation-delay:0s;-webkit-animation-name:pulse;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:0s}.sun-lines-1{transform:scale(1.1)}.loader-text{text-transform:uppercase;position:absolute;top:calc(50% + 39px);text-align:center;width:100%;color:rgba(255,255,255,.7);font-size:15px}.loader-text:before{content:'Keep your life in order'}.loader{position:absolute;top:calc(50% - 57px);left:calc(50% - 32px);width:64px;height:64px;border-radius:50%;perspective:800px}.inner{position:absolute;box-sizing:border-box;width:100%;height:100%;border-radius:50%}.inner.one{left:0;top:0;animation:rotate-one 1s linear infinite;border-bottom:3px solid #2196F3}.inner.two{right:0;top:0;animation:rotate-two 1s linear infinite;border-right:3px solid #F44336}.inner.three{right:0;bottom:0;animation:rotate-three 1s linear infinite;border-top:3px solid #4CAF50}@keyframes rotate-one{0%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)}100%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}}@keyframes rotate-two{0%{transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}@keyframes rotate-three{0%{transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}@keyframes pulse{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.75);transform:scale(.75)}}