.loading .layer1 {
    -webkit-animation: 2.5s linear infinite;
    animation: 2.5s linear infinite;
    -webkit-animation-name: cycle1;
    animation-name: cycle1; }

.loading .layer2 {
    -webkit-animation: 2.5s linear infinite;
    animation: 2.5s linear infinite;
    -webkit-animation-name: cycle2;
    animation-name: cycle2; }

.loading .layer3 {
    -webkit-animation: 2.5s linear infinite;
    animation: 2.5s linear infinite;
    -webkit-animation-name: cycle3;
    animation-name: cycle3; }

@-webkit-keyframes cycle1 {
    0%, 65% {
        fill: #aaa; }
    75%, 82% {
        fill: #d27200; }
    92%, 100% {
        fill: #aaa;} }

@keyframes cycle1 {
    0%, 65% {
        fill: #aaa; }
    75%, 82% {
        fill: #d27200; }
    92%, 100% {
        fill: #aaa;} }

@-webkit-keyframes cycle2 {
    0%, 40% {
        fill: #aaa; }
    50%, 86% {
        fill: #5d8d02; }
    96%, 100% {
        fill: #aaa; } }

@keyframes cycle2 {
    0%, 40% {
        fill: #aaa; }
    50%, 86% {
        fill: #5d8d02; }
    96%, 100% {
        fill: #aaa; } }

@-webkit-keyframes cycle3 {
    0%, 15% {
        fill: #aaa; }
    25%, 90% {
        fill: #4e2085; }
    100% {
        fill: #aaa; } }

@keyframes cycle3 {
    0%, 15% {
        fill: #aaa; }
    25%, 90% {
        fill: #4e2085; }
    100% {
        fill: #aaa; } }