.loader .circle{position:absolute;width:48px;height:48px;opacity:0;transform:rotate(225deg);animation-iteration-count:infinite;animation-name:orbit;animation-duration:5.5s}.loader .circle:after{content:"";position:absolute;width:6px;height:6px;border-radius:5px;background:#fff}.loader .circle:nth-child(2){animation-delay:.24s}.loader .circle:nth-child(3){animation-delay:.48s}.loader .circle:nth-child(4){animation-delay:.72s}.loader .circle:nth-child(5){animation-delay:.96s}@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}to{transform:rotate(945deg);opacity:0}}