#q3 {
  -webkit-animation: ani1 500ms ease 1000ms forwards, ani7 200ms ease 2200ms forwards;
          animation: ani1 500ms ease 1000ms forwards, ani7 200ms ease 2200ms forwards;
  -webkit-transform-origin: 319px 121px;
          transform-origin: 319px 121px;
}

#q11 {
  -webkit-animation: ani2 500ms ease 1000ms forwards, ani8 200ms ease 2500ms forwards;
          animation: ani2 500ms ease 1000ms forwards, ani8 200ms ease 2500ms forwards;
  -webkit-transform-origin: 42px 188px;
          transform-origin: 42px 188px;
}

#q5 {
  -webkit-animation: ani3 500ms ease 1500ms forwards, ani9 200ms ease 2600ms forwards;
          animation: ani3 500ms ease 1500ms forwards, ani9 200ms ease 2600ms forwards;
  -webkit-transform-origin: 324px 254px;
          transform-origin: 324px 254px;
}

#q9 {
  -webkit-animation: ani4 500ms ease 1500ms forwards, ani10 200ms ease 3300ms forwards;
          animation: ani4 500ms ease 1500ms forwards, ani10 200ms ease 3300ms forwards;
  -webkit-transform-origin: 60px 321px;
          transform-origin: 60px 321px;
}

#q12 {
  -webkit-transform-origin: 48px 121px;
          transform-origin: 48px 121px;
  -webkit-animation: ani5 200ms ease 2000ms forwards;
          animation: ani5 200ms ease 2000ms forwards;
}

#q6 {
  -webkit-transform-origin: 272px 321px;
          transform-origin: 272px 321px;
  -webkit-animation: ani6 200ms ease 2100ms forwards;
          animation: ani6 200ms ease 2100ms forwards;
}

#q16 {
  -webkit-transform-origin: 308px 452px;
          transform-origin: 308px 452px;
  -webkit-animation: ani6 200ms ease 2300ms forwards;
          animation: ani6 200ms ease 2300ms forwards;
}

#q14 {
  -webkit-transform-origin: 143px 10px;
          transform-origin: 143px 10px;
  -webkit-animation: ani5 200ms ease 2400ms forwards;
          animation: ani5 200ms ease 2400ms forwards;
}

#q2 {
  -webkit-transform-origin: 285px 54px;
          transform-origin: 285px 54px;
  -webkit-animation: ani5 200ms ease 2700ms forwards;
          animation: ani5 200ms ease 2700ms forwards;
}

#q7 {
  -webkit-transform-origin: 244px 388px;
          transform-origin: 244px 388px;
  -webkit-animation: ani5 200ms ease 2800ms forwards;
          animation: ani5 200ms ease 2800ms forwards;
}

#q1 {
  -webkit-transform-origin: 224px 10px;
          transform-origin: 224px 10px;
  -webkit-animation: ani11 200ms ease 2900ms forwards;
          animation: ani11 200ms ease 2900ms forwards;
}

#q10 {
  -webkit-transform-origin: 44px 254px;
          transform-origin: 44px 254px;
  -webkit-animation: ani6 200ms ease 3000ms forwards;
          animation: ani6 200ms ease 3000ms forwards;
}

#q4 {
  -webkit-transform-origin: 326px 188px;
          transform-origin: 326px 188px;
  -webkit-animation: ani5 200ms ease 3100ms forwards;
          animation: ani5 200ms ease 3100ms forwards;
}

#q8 {
  -webkit-transform-origin: 123px 388px;
          transform-origin: 123px 388px;
  -webkit-animation: ani6 200ms ease 3200ms forwards;
          animation: ani6 200ms ease 3200ms forwards;
}

#q13 {
  -webkit-transform-origin: 82px 54px;
          transform-origin: 82px 54px;
  -webkit-animation: ani6 200ms ease 3400ms forwards;
          animation: ani6 200ms ease 3400ms forwards;
}

#q15 {
  -webkit-transform-origin: 180px 281px;
          transform-origin: 180px 281px;
  -webkit-animation: ani11 200ms ease 3500ms forwards;
          animation: ani11 200ms ease 3500ms forwards;
}

@-webkit-keyframes ani1 {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(-271px, 67px);
            transform: translate(-271px, 67px);
  }
}

@keyframes ani1 {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(-271px, 67px);
            transform: translate(-271px, 67px);
  }
}
@-webkit-keyframes ani2 {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(264px, -67px);
            transform: translate(264px, -67px);
  }
}
@keyframes ani2 {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(264px, -67px);
            transform: translate(264px, -67px);
  }
}
@-webkit-keyframes ani3 {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(-257px, 67px);
            transform: translate(-257px, 67px);
  }
}
@keyframes ani3 {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(-257px, 67px);
            transform: translate(-257px, 67px);
  }
}
@-webkit-keyframes ani4 {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(267px, -67px);
            transform: translate(267px, -67px);
  }
}
@keyframes ani4 {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(267px, -67px);
            transform: translate(267px, -67px);
  }
}
@-webkit-keyframes ani5 {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    fill: #000000;
  }
  50% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    fill: #000000;
  }
  51% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    fill: #000080;
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
    fill: #000080;
  }
}
@keyframes ani5 {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    fill: #000000;
  }
  50% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    fill: #000000;
  }
  51% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    fill: #000080;
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
    fill: #000080;
  }
}
@-webkit-keyframes ani6 {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    fill: #000000;
  }
  50% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    fill: #000000;
  }
  51% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    fill: #ff0000;
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
    fill: #ff0000;
  }
}
@keyframes ani6 {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    fill: #000000;
  }
  50% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    fill: #000000;
  }
  51% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    fill: #ff0000;
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
    fill: #ff0000;
  }
}
@-webkit-keyframes ani7 {
  0% {
    -webkit-transform: translate(-271px, 67px) rotateY(0deg);
            transform: translate(-271px, 67px) rotateY(0deg);
    fill: #000000;
  }
  50% {
    -webkit-transform: translate(-271px, 67px) rotateY(180deg);
            transform: translate(-271px, 67px) rotateY(180deg);
    fill: #000000;
  }
  51% {
    -webkit-transform: translate(-271px, 67px) rotateY(180deg);
            transform: translate(-271px, 67px) rotateY(180deg);
    fill: #c0c0c0;
  }
  100% {
    -webkit-transform: translate(-271px, 67px) rotateY(360deg);
            transform: translate(-271px, 67px) rotateY(360deg);
    fill: #c0c0c0;
  }
}
@keyframes ani7 {
  0% {
    -webkit-transform: translate(-271px, 67px) rotateY(0deg);
            transform: translate(-271px, 67px) rotateY(0deg);
    fill: #000000;
  }
  50% {
    -webkit-transform: translate(-271px, 67px) rotateY(180deg);
            transform: translate(-271px, 67px) rotateY(180deg);
    fill: #000000;
  }
  51% {
    -webkit-transform: translate(-271px, 67px) rotateY(180deg);
            transform: translate(-271px, 67px) rotateY(180deg);
    fill: #c0c0c0;
  }
  100% {
    -webkit-transform: translate(-271px, 67px) rotateY(360deg);
            transform: translate(-271px, 67px) rotateY(360deg);
    fill: #c0c0c0;
  }
}
@-webkit-keyframes ani8 {
  0% {
    -webkit-transform: translate(264px, -67px) rotateY(0deg);
            transform: translate(264px, -67px) rotateY(0deg);
    fill: #000000;
  }
  50% {
    -webkit-transform: translate(264px, -67px) rotateY(180deg);
            transform: translate(264px, -67px) rotateY(180deg);
    fill: #000000;
  }
  51% {
    -webkit-transform: translate(264px, -67px) rotateY(180deg);
            transform: translate(264px, -67px) rotateY(180deg);
    fill: #ff0000;
  }
  100% {
    -webkit-transform: translate(264px, -67px) rotateY(360deg);
            transform: translate(264px, -67px) rotateY(360deg);
    fill: #ff0000;
  }
}
@keyframes ani8 {
  0% {
    -webkit-transform: translate(264px, -67px) rotateY(0deg);
            transform: translate(264px, -67px) rotateY(0deg);
    fill: #000000;
  }
  50% {
    -webkit-transform: translate(264px, -67px) rotateY(180deg);
            transform: translate(264px, -67px) rotateY(180deg);
    fill: #000000;
  }
  51% {
    -webkit-transform: translate(264px, -67px) rotateY(180deg);
            transform: translate(264px, -67px) rotateY(180deg);
    fill: #ff0000;
  }
  100% {
    -webkit-transform: translate(264px, -67px) rotateY(360deg);
            transform: translate(264px, -67px) rotateY(360deg);
    fill: #ff0000;
  }
}
@-webkit-keyframes ani9 {
  0% {
    -webkit-transform: translate(-257px, 67px) rotateY(0deg);
            transform: translate(-257px, 67px) rotateY(0deg);
    fill: #000000;
  }
  50% {
    -webkit-transform: translate(-257px, 67px) rotateY(180deg);
            transform: translate(-257px, 67px) rotateY(180deg);
    fill: #000000;
  }
  51% {
    -webkit-transform: translate(-257px, 67px) rotateY(180deg);
            transform: translate(-257px, 67px) rotateY(180deg);
    fill: #000080;
  }
  100% {
    -webkit-transform: translate(-257px, 67px) rotateY(360deg);
            transform: translate(-257px, 67px) rotateY(360deg);
    fill: #000080;
  }
}
@keyframes ani9 {
  0% {
    -webkit-transform: translate(-257px, 67px) rotateY(0deg);
            transform: translate(-257px, 67px) rotateY(0deg);
    fill: #000000;
  }
  50% {
    -webkit-transform: translate(-257px, 67px) rotateY(180deg);
            transform: translate(-257px, 67px) rotateY(180deg);
    fill: #000000;
  }
  51% {
    -webkit-transform: translate(-257px, 67px) rotateY(180deg);
            transform: translate(-257px, 67px) rotateY(180deg);
    fill: #000080;
  }
  100% {
    -webkit-transform: translate(-257px, 67px) rotateY(360deg);
            transform: translate(-257px, 67px) rotateY(360deg);
    fill: #000080;
  }
}
@-webkit-keyframes ani10 {
  0% {
    -webkit-transform: translate(267px, -67px) rotateY(0deg);
            transform: translate(267px, -67px) rotateY(0deg);
    fill: #000000;
  }
  50% {
    -webkit-transform: translate(267px, -67px) rotateY(180deg);
            transform: translate(267px, -67px) rotateY(180deg);
    fill: #000000;
  }
  51% {
    -webkit-transform: translate(267px, -67px) rotateY(180deg);
            transform: translate(267px, -67px) rotateY(180deg);
    fill: #c0c0c0;
  }
  100% {
    -webkit-transform: translate(267px, -67px) rotateY(360deg);
            transform: translate(267px, -67px) rotateY(360deg);
    fill: #c0c0c0;
  }
}
@keyframes ani10 {
  0% {
    -webkit-transform: translate(267px, -67px) rotateY(0deg);
            transform: translate(267px, -67px) rotateY(0deg);
    fill: #000000;
  }
  50% {
    -webkit-transform: translate(267px, -67px) rotateY(180deg);
            transform: translate(267px, -67px) rotateY(180deg);
    fill: #000000;
  }
  51% {
    -webkit-transform: translate(267px, -67px) rotateY(180deg);
            transform: translate(267px, -67px) rotateY(180deg);
    fill: #c0c0c0;
  }
  100% {
    -webkit-transform: translate(267px, -67px) rotateY(360deg);
            transform: translate(267px, -67px) rotateY(360deg);
    fill: #c0c0c0;
  }
}
@-webkit-keyframes ani11 {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    fill: #000000;
  }
  50% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    fill: #000000;
  }
  51% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    fill: #c0c0c0;
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
    fill: #c0c0c0;
  }
}
@keyframes ani11 {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    fill: #000000;
  }
  50% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    fill: #000000;
  }
  51% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    fill: #c0c0c0;
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
    fill: #c0c0c0;
  }
}