/*@import "compass";*/
.loader { text-align: center; padding: 20px 0; }

.loader .loader_wing1 { fill: #07acb4; -webkit-animation: fadeWing1 2s infinite linear; animation: fadeWing1 2s infinite linear; }

.loader .loader_wing2 { fill: #f25117; -webkit-animation: fadeWing2 2s infinite linear; animation: fadeWing2 2s infinite linear; }

.loader .loader_wing3 { fill: #7786bd; -webkit-animation: fadeWing3 2s infinite linear; animation: fadeWing3 2s infinite linear; }

.loader .loader_wing4 { fill: #b4b524; -webkit-animation: fadeWing4 2s infinite linear; animation: fadeWing4 2s infinite linear; }

.loader .loader_antenna { fill: #6c6b6e; -webkit-animation: fadeBody 2s infinite linear; animation: fadeBody 2s infinite linear; }

.loader .loader_body { fill: #6c6b6e; -webkit-animation: fadeBody 2s infinite linear; animation: fadeBody 2s infinite linear; }

.loader p { color: #d8d8d8; margin: 10px auto 0; padding: 0; }

@-webkit-keyframes fadeWing1 { 0% { fill: #e4e4e4; }
  10% { fill: #e4e4e4; }
  40% { fill: #07acb4; }
  95% { fill: #07acb4; }
  100% { fill: #e4e4e4; } }

@-webkit-keyframes fadeWing2 { 0% { fill: #e4e4e4; }
  25% { fill: #e4e4e4; }
  55% { fill: #f25117; }
  95% { fill: #f25117; }
  100% { fill: #e4e4e4; } }

@-webkit-keyframes fadeWing3 { 0% { fill: #e4e4e4; }
  40% { fill: #e4e4e4; }
  70% { fill: #7786bd; }
  95% { fill: #7786bd; }
  100% { fill: #e4e4e4; } }

@-webkit-keyframes fadeWing4 { 0% { fill: #e4e4e4; }
  55% { fill: #e4e4e4; }
  90% { fill: #b4b524; }
  95% { fill: #b4b524; }
  100% { fill: #e4e4e4; } }

@-webkit-keyframes fadeBody { 0% { fill: #e4e4e4; }
  60% { fill: #e4e4e4; }
  90% { fill: #6c6b6e; }
  95% { fill: #6c6b6e; }
  100% { fill: #e4e4e4; } }