#loading{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:#a9a9a9;position:fixed;top:0;left:0;z-index:9999}#loading.loaded{opacity:0;visibility:hidden}.loader,.loader:before,.loader:after{border-radius:50%}.loader{color:#fff;font-size:11px;text-indent:-99999em;margin:55px auto;position:relative;width:10em;height:10em;box-shadow:inset 0 0 0 1em;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.loader:before,.loader:after{position:absolute;content:""}.loader:before{width:5.2em;height:10.2em;background:#a9a9a9;border-radius:10.2em 0 0 10.2em;top:-.1em;left:-.1em;-webkit-transform-origin:5.1em 5.1em;transform-origin:5.1em 5.1em;-webkit-animation:load 2s infinite ease 1.5s;animation:load 2s infinite ease 1.5s}.loader:after{width:5.2em;height:10.2em;background:#a9a9a9;border-radius:0 10.2em 10.2em 0;top:-.1em;left:4.9em;-webkit-transform-origin:.1em 5.1em;transform-origin:.1em 5.1em;-webkit-animation:load 2s infinite ease;animation:load 2s infinite ease}@-webkit-keyframes load{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.parent{position:relative;width:100vw;height:100vh}.child{position:absolute;top:50%;left:50%;transform:translateY(-50%) translate(-50%);-webkit-transform:translateY(-50%) translateX(-50%)}