/**********************************
 *	Project		Blader loader     *
 *  Build 		04 Jan, 2018      *
 * 	Author		Dariusz Szymczyk  *
 **********************************/
.blader-sync {
  width: 50px;
  height: 50px;
  position: relative; }
  .blader-sync .blader-sync-blade {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border-top: 3px dashed white; }
    .blader-sync .blader-sync-blade:nth-child(1):nth-last-child(1) {
      transform: rotateX(120deg) rotateY(0deg) rotateZ(0deg);
      animation: blader-sync-rotating-1-1 0.9s linear infinite; }
@keyframes blader-sync-rotating-1-1 {
  0% {
    transform: rotateX(120deg) rotateY(0deg) rotateZ(0deg); }
  100% {
    transform: rotateX(120deg) rotateY(0deg) rotateZ(360deg); } }
    .blader-sync .blader-sync-blade:nth-child(1):nth-last-child(2) {
      transform: rotateX(120deg) rotateY(45deg) rotateZ(0deg);
      animation: blader-sync-rotating-1-2 0.9s linear infinite; }
@keyframes blader-sync-rotating-1-2 {
  0% {
    transform: rotateX(120deg) rotateY(45deg) rotateZ(0deg); }
  100% {
    transform: rotateX(120deg) rotateY(45deg) rotateZ(360deg); } }
    .blader-sync .blader-sync-blade:nth-child(2):nth-last-child(1) {
      transform: rotateX(120deg) rotateY(135deg) rotateZ(0deg);
      animation: blader-sync-rotating-2-2 0.9s linear infinite; }
@keyframes blader-sync-rotating-2-2 {
  0% {
    transform: rotateX(120deg) rotateY(135deg) rotateZ(0deg); }
  100% {
    transform: rotateX(120deg) rotateY(135deg) rotateZ(360deg); } }
    .blader-sync .blader-sync-blade:nth-child(1):nth-last-child(3) {
      transform: rotateX(120deg) rotateY(0deg) rotateZ(0deg);
      animation: blader-sync-rotating-1-3 0.9s linear infinite; }
@keyframes blader-sync-rotating-1-3 {
  0% {
    transform: rotateX(120deg) rotateY(0deg) rotateZ(0deg); }
  100% {
    transform: rotateX(120deg) rotateY(0deg) rotateZ(360deg); } }
    .blader-sync .blader-sync-blade:nth-child(2):nth-last-child(2) {
      transform: rotateX(120deg) rotateY(60deg) rotateZ(0deg);
      animation: blader-sync-rotating-2-3 0.9s linear infinite; }
@keyframes blader-sync-rotating-2-3 {
  0% {
    transform: rotateX(120deg) rotateY(60deg) rotateZ(0deg); }
  100% {
    transform: rotateX(120deg) rotateY(60deg) rotateZ(360deg); } }
    .blader-sync .blader-sync-blade:nth-child(3):nth-last-child(1) {
      transform: rotateX(120deg) rotateY(120deg) rotateZ(0deg);
      animation: blader-sync-rotating-3-3 0.9s linear infinite; }
@keyframes blader-sync-rotating-3-3 {
  0% {
    transform: rotateX(120deg) rotateY(120deg) rotateZ(0deg); }
  100% {
    transform: rotateX(120deg) rotateY(120deg) rotateZ(360deg); } }
    .blader-sync .blader-sync-blade:nth-child(1):nth-last-child(4) {
      transform: rotateX(120deg) rotateY(22.5deg) rotateZ(0deg);
      animation: blader-sync-rotating-1-4 0.9s linear infinite; }
@keyframes blader-sync-rotating-1-4 {
  0% {
    transform: rotateX(120deg) rotateY(22.5deg) rotateZ(0deg); }
  100% {
    transform: rotateX(120deg) rotateY(22.5deg) rotateZ(360deg); } }
    .blader-sync .blader-sync-blade:nth-child(2):nth-last-child(3) {
      transform: rotateX(120deg) rotateY(67.5deg) rotateZ(0deg);
      animation: blader-sync-rotating-2-4 0.9s linear infinite; }
@keyframes blader-sync-rotating-2-4 {
  0% {
    transform: rotateX(120deg) rotateY(67.5deg) rotateZ(0deg); }
  100% {
    transform: rotateX(120deg) rotateY(67.5deg) rotateZ(360deg); } }
    .blader-sync .blader-sync-blade:nth-child(3):nth-last-child(2) {
      transform: rotateX(120deg) rotateY(112.5deg) rotateZ(0deg);
      animation: blader-sync-rotating-3-4 0.9s linear infinite; }
@keyframes blader-sync-rotating-3-4 {
  0% {
    transform: rotateX(120deg) rotateY(112.5deg) rotateZ(0deg); }
  100% {
    transform: rotateX(120deg) rotateY(112.5deg) rotateZ(360deg); } }
    .blader-sync .blader-sync-blade:nth-child(4):nth-last-child(1) {
      transform: rotateX(120deg) rotateY(157.5deg) rotateZ(0deg);
      animation: blader-sync-rotating-4-4 0.9s linear infinite; }
@keyframes blader-sync-rotating-4-4 {
  0% {
    transform: rotateX(120deg) rotateY(157.5deg) rotateZ(0deg); }
  100% {
    transform: rotateX(120deg) rotateY(157.5deg) rotateZ(360deg); } }

/*# sourceMappingURL=blader.css.map */