.page{position:absolute;top:30%;left:50%}.loader{position:relative}.loader .circle{position:absolute;width:2.5em;height:2.5em;opacity:0;transform:rotate(225deg);animation-iteration-count:infinite;animation-name:orbit;animation-duration:5.5s;-webkit-transform:rotate(225deg);-webkit-animation-iteration-count:infinite;-webkit-animation-name:orbit;-webkit-animation-duration:5.5s;-moz-transform:rotate(225deg);-moz-animation-iteration-count:infinite;-moz-animation-name:orbit;-moz-animation-duration:5.5s}.loader .circle:after{content:'';position:absolute;width:.3em;height:.3em;border-radius:.3em;background:#0e0d0d}.loader .circle:nth-child(2){animation-delay:240ms;-webkit-delay:240ms;-moz-delay:240ms}.loader .circle:nth-child(3){animation-delay:480ms;-webkit-animation-delay:480ms;-moz-animation-delay:480ms}.loader .circle:nth-child(4){animation-delay:720ms;-webkit-animation-delay:720ms;-moz-animation-delay:720ms}.loader .circle:nth-child(5){animation-delay:960ms;-webkit-animation-delay:960ms;-moz-animation-delay:960ms}@keyframes orbit{0%{transform:rotate(225deg);opacity:1;animation-timing-function:ease-out}7%{transform:rotate(345deg);animation-timing-function:linear}30%{transform:rotate(455deg);animation-timing-function:ease-in-out}39%{transform:rotate(690deg);animation-timing-function:linear}70%{transform:rotate(815deg);opacity:1;animation-timing-function:ease-out}75%{transform:rotate(945deg);animation-timing-function:ease-out}76%{transform:rotate(945deg);opacity:0}100%{transform:rotate(945deg);opacity:0}}@-webkit-keyframes orbit{0%{-webkit-transform:rotate(225deg);opacity:1;-webkit-animation-timing-function:ease-out}7%{-webkit-transform:rotate(345deg);-webkit-animation-timing-function:linear}30%{-webkit-transform:rotate(455deg);-webkit-animation-timing-function:ease-in-out}39%{-webkit-transform:rotate(690deg);-webkit-animation-timing-function:linear}70%{-webkit-transform:rotate(815deg);opacity:1;-webkit-animation-timing-function:ease-out}75%{-webkit-transform:rotate(945deg);-webkit-animation-timing-function:ease-out}76%{-webkit-transform:rotate(945deg);opacity:0}100%{-webkit-transform:rotate(945deg);opacity:0}}@-moz-keyframes orbit{0%{-moz-transform:rotate(225deg);opacity:1;-moz-animation-timing-function:ease-out}7%{-moz-transform:rotate(345deg);-moz-animation-timing-function:linear}30%{-moz-transform:rotate(455deg);-moz-animation-timing-function:ease-in-out}39%{-moz-transform:rotate(690deg);-moz-animation-timing-function:linear}70%{-moz-transform:rotate(815deg);opacity:1;-moz-animation-timing-function:ease-out}75%{-moz-transform:rotate(945deg);-moz-animation-timing-function:ease-out}76%{-moz-transform:rotate(945deg);opacity:0}100%{-moz-transform:rotate(945deg);opacity:0}}