#s {
  perspective: 800px;
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: transparent;
  font-size: 100%;
  @include transition(all 3s ease-in-out);
  
  &:hover {
    perspective: 6000px;
    .scene {
      @include transform(rotateX(-90deg) rotateY(0deg));
    }
  }
}

.scene, .shape, .face, .face-wrapper, .cr {
  position: absolute;
  transform-style: preserve-3d;
}
.scene {
  width: 80em;
  height: 80em;
  top: 50%;
  left: 50%;
  margin: -40em 0 0 -40em;
  @include transform(rotateX(0deg) rotateY(90deg));
  @include transition(all 3s ease-in-out);
}
.shape {
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  transform-origin: 50%;
}
.face, .face-wrapper {
  overflow: hidden;
  transform-origin: 0 0;
  backface-visibility: hidden;
}
.face {
  background-size: 100% 100%!important;
  background-position: center;
}
.face-wrapper .face {
  left: 100%;
  width: 100%;
  height: 100%
}
.photon-shader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.side {
  left: 50%;
}
.cr, .cr .side {
  height: 100%;
}
[class*="cylinder"] .tp {
  transform: rotateX(90deg) translateY(-50%);
}
[class*="cylinder"] .bm {
  transform: rotateX(-90deg) translateY(-50%);
}
[class*="cylinder"] .tp, [class*="cylinder"] .bm, [class*="cylinder"] .tp .photon-shader, [class*="cylinder"] .bm .photon-shader {
  border-radius: 50%;
}
[class*="cylinder"] .bm {
  top: 100%;
}
/* .cyl-1 styles */
.cyl-1 {
  transform:translate3D(0em, 0em, 0em) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  opacity:1;
  width:3em;
  height:2em;
  margin:-1em 0 0 -1.5em;
}
.cyl-1 .tp, .cyl-1 .bm {
  width:3em;
  height:3em;
}
.cyl-1 .side {
  width:0.5001533209736089em;
  height:2em;
}
.cyl-1 .s0 {
  transform: rotateY(9deg) translate3D(-50%, 0, 1.475em);
}
.cyl-1 .s1 {
  transform: rotateY(27deg) translate3D(-50%, 0, 1.475em);
}
.cyl-1 .s2 {
  transform: rotateY(45deg) translate3D(-50%, 0, 1.475em);
}
.cyl-1 .s3 {
  transform: rotateY(63deg) translate3D(-50%, 0, 1.475em);
}
.cyl-1 .s4 {
  transform: rotateY(81deg) translate3D(-50%, 0, 1.475em);
}
.cyl-1 .s5 {
  transform: rotateY(99deg) translate3D(-50%, 0, 1.475em);
}
.cyl-1 .s6 {
  transform: rotateY(117deg) translate3D(-50%, 0, 1.475em);
}
.cyl-1 .s7 {
  transform: rotateY(135deg) translate3D(-50%, 0, 1.475em);
}
.cyl-1 .s8 {
  transform: rotateY(153deg) translate3D(-50%, 0, 1.475em);
}
.cyl-1 .s9 {
  transform: rotateY(171deg) translate3D(-50%, 0, 1.475em);
}
.cyl-1 .s10 {
  transform: rotateY(189deg) translate3D(-50%, 0, 1.475em);
}
.cyl-1 .s11 {
  transform: rotateY(207deg) translate3D(-50%, 0, 1.475em);
}
.cyl-1 .s12 {
  transform: rotateY(225deg) translate3D(-50%, 0, 1.475em);
}
.cyl-1 .s13 {
  transform: rotateY(243deg) translate3D(-50%, 0, 1.475em);
}
.cyl-1 .s14 {
  transform: rotateY(261deg) translate3D(-50%, 0, 1.475em);
}
.cyl-1 .s15 {
  transform: rotateY(279deg) translate3D(-50%, 0, 1.475em);
}
.cyl-1 .s16 {
  transform: rotateY(297deg) translate3D(-50%, 0, 1.475em);
}
.cyl-1 .s17 {
  transform: rotateY(315deg) translate3D(-50%, 0, 1.475em);
}
.cyl-1 .s18 {
  transform: rotateY(333deg) translate3D(-50%, 0, 1.475em);
}
.cyl-1 .s19 {
  transform: rotateY(351deg) translate3D(-50%, 0, 1.475em);
}
.cyl-1 .face, .cyl-1 .side {
  background-color:#ef3f43;
}
/* .cyl-2 styles */
.cyl-2 {
  transform:translate3D(0em, 0em, 8em) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  opacity:1;
  width:3em;
  height:2em;
  margin:-1em 0 0 -1.5em;
}
.cyl-2 .tp, .cyl-2 .bm {
  width:3em;
  height:3em;
}
.cyl-2 .side {
  width:0.5001533209736089em;
  height:2em;
}
.cyl-2 .s0 {
  transform: rotateY(9deg) translate3D(-50%, 0, 1.475em);
}
.cyl-2 .s1 {
  transform: rotateY(27deg) translate3D(-50%, 0, 1.475em);
}
.cyl-2 .s2 {
  transform: rotateY(45deg) translate3D(-50%, 0, 1.475em);
}
.cyl-2 .s3 {
  transform: rotateY(63deg) translate3D(-50%, 0, 1.475em);
}
.cyl-2 .s4 {
  transform: rotateY(81deg) translate3D(-50%, 0, 1.475em);
}
.cyl-2 .s5 {
  transform: rotateY(99deg) translate3D(-50%, 0, 1.475em);
}
.cyl-2 .s6 {
  transform: rotateY(117deg) translate3D(-50%, 0, 1.475em);
}
.cyl-2 .s7 {
  transform: rotateY(135deg) translate3D(-50%, 0, 1.475em);
}
.cyl-2 .s8 {
  transform: rotateY(153deg) translate3D(-50%, 0, 1.475em);
}
.cyl-2 .s9 {
  transform: rotateY(171deg) translate3D(-50%, 0, 1.475em);
}
.cyl-2 .s10 {
  transform: rotateY(189deg) translate3D(-50%, 0, 1.475em);
}
.cyl-2 .s11 {
  transform: rotateY(207deg) translate3D(-50%, 0, 1.475em);
}
.cyl-2 .s12 {
  transform: rotateY(225deg) translate3D(-50%, 0, 1.475em);
}
.cyl-2 .s13 {
  transform: rotateY(243deg) translate3D(-50%, 0, 1.475em);
}
.cyl-2 .s14 {
  transform: rotateY(261deg) translate3D(-50%, 0, 1.475em);
}
.cyl-2 .s15 {
  transform: rotateY(279deg) translate3D(-50%, 0, 1.475em);
}
.cyl-2 .s16 {
  transform: rotateY(297deg) translate3D(-50%, 0, 1.475em);
}
.cyl-2 .s17 {
  transform: rotateY(315deg) translate3D(-50%, 0, 1.475em);
}
.cyl-2 .s18 {
  transform: rotateY(333deg) translate3D(-50%, 0, 1.475em);
}
.cyl-2 .s19 {
  transform: rotateY(351deg) translate3D(-50%, 0, 1.475em);
}
.cyl-2 .face, .cyl-2 .side {
  background-color:#ef3f43;
}
/* .cyl-3 styles */
.cyl-3 {
  transform:translate3D(4em, 0em, 0em) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  opacity:1;
  width:3em;
  height:2em;
  margin:-1em 0 0 -1.5em;
}
.cyl-3 .tp, .cyl-3 .bm {
  width:3em;
  height:3em;
}
.cyl-3 .side {
  width:0.5001533209736089em;
  height:2em;
}
.cyl-3 .s0 {
  transform: rotateY(9deg) translate3D(-50%, 0, 1.475em);
}
.cyl-3 .s1 {
  transform: rotateY(27deg) translate3D(-50%, 0, 1.475em);
}
.cyl-3 .s2 {
  transform: rotateY(45deg) translate3D(-50%, 0, 1.475em);
}
.cyl-3 .s3 {
  transform: rotateY(63deg) translate3D(-50%, 0, 1.475em);
}
.cyl-3 .s4 {
  transform: rotateY(81deg) translate3D(-50%, 0, 1.475em);
}
.cyl-3 .s5 {
  transform: rotateY(99deg) translate3D(-50%, 0, 1.475em);
}
.cyl-3 .s6 {
  transform: rotateY(117deg) translate3D(-50%, 0, 1.475em);
}
.cyl-3 .s7 {
  transform: rotateY(135deg) translate3D(-50%, 0, 1.475em);
}
.cyl-3 .s8 {
  transform: rotateY(153deg) translate3D(-50%, 0, 1.475em);
}
.cyl-3 .s9 {
  transform: rotateY(171deg) translate3D(-50%, 0, 1.475em);
}
.cyl-3 .s10 {
  transform: rotateY(189deg) translate3D(-50%, 0, 1.475em);
}
.cyl-3 .s11 {
  transform: rotateY(207deg) translate3D(-50%, 0, 1.475em);
}
.cyl-3 .s12 {
  transform: rotateY(225deg) translate3D(-50%, 0, 1.475em);
}
.cyl-3 .s13 {
  transform: rotateY(243deg) translate3D(-50%, 0, 1.475em);
}
.cyl-3 .s14 {
  transform: rotateY(261deg) translate3D(-50%, 0, 1.475em);
}
.cyl-3 .s15 {
  transform: rotateY(279deg) translate3D(-50%, 0, 1.475em);
}
.cyl-3 .s16 {
  transform: rotateY(297deg) translate3D(-50%, 0, 1.475em);
}
.cyl-3 .s17 {
  transform: rotateY(315deg) translate3D(-50%, 0, 1.475em);
}
.cyl-3 .s18 {
  transform: rotateY(333deg) translate3D(-50%, 0, 1.475em);
}
.cyl-3 .s19 {
  transform: rotateY(351deg) translate3D(-50%, 0, 1.475em);
}
.cyl-3 .face, .cyl-3 .side {
  background-color:#ef3f43;
}
/* .cyl-4 styles */
.cyl-4 {
  transform:translate3D(-8em, 0em, -8em) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  opacity:1;
  width:3em;
  height:2em;
  margin:-1em 0 0 -1.5em;
}
.cyl-4 .tp, .cyl-4 .bm {
  width:3em;
  height:3em;
}
.cyl-4 .side {
  width:0.5001533209736089em;
  height:2em;
}
.cyl-4 .s0 {
  transform: rotateY(9deg) translate3D(-50%, 0, 1.475em);
}
.cyl-4 .s1 {
  transform: rotateY(27deg) translate3D(-50%, 0, 1.475em);
}
.cyl-4 .s2 {
  transform: rotateY(45deg) translate3D(-50%, 0, 1.475em);
}
.cyl-4 .s3 {
  transform: rotateY(63deg) translate3D(-50%, 0, 1.475em);
}
.cyl-4 .s4 {
  transform: rotateY(81deg) translate3D(-50%, 0, 1.475em);
}
.cyl-4 .s5 {
  transform: rotateY(99deg) translate3D(-50%, 0, 1.475em);
}
.cyl-4 .s6 {
  transform: rotateY(117deg) translate3D(-50%, 0, 1.475em);
}
.cyl-4 .s7 {
  transform: rotateY(135deg) translate3D(-50%, 0, 1.475em);
}
.cyl-4 .s8 {
  transform: rotateY(153deg) translate3D(-50%, 0, 1.475em);
}
.cyl-4 .s9 {
  transform: rotateY(171deg) translate3D(-50%, 0, 1.475em);
}
.cyl-4 .s10 {
  transform: rotateY(189deg) translate3D(-50%, 0, 1.475em);
}
.cyl-4 .s11 {
  transform: rotateY(207deg) translate3D(-50%, 0, 1.475em);
}
.cyl-4 .s12 {
  transform: rotateY(225deg) translate3D(-50%, 0, 1.475em);
}
.cyl-4 .s13 {
  transform: rotateY(243deg) translate3D(-50%, 0, 1.475em);
}
.cyl-4 .s14 {
  transform: rotateY(261deg) translate3D(-50%, 0, 1.475em);
}
.cyl-4 .s15 {
  transform: rotateY(279deg) translate3D(-50%, 0, 1.475em);
}
.cyl-4 .s16 {
  transform: rotateY(297deg) translate3D(-50%, 0, 1.475em);
}
.cyl-4 .s17 {
  transform: rotateY(315deg) translate3D(-50%, 0, 1.475em);
}
.cyl-4 .s18 {
  transform: rotateY(333deg) translate3D(-50%, 0, 1.475em);
}
.cyl-4 .s19 {
  transform: rotateY(351deg) translate3D(-50%, 0, 1.475em);
}
.cyl-4 .face, .cyl-4 .side {
  background-color:#ef3f43;
}
/* .cyl-5 styles */
.cyl-5 {
  transform:translate3D(-8em, 0em, 8em) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  opacity:1;
  width:3em;
  height:2em;
  margin:-1em 0 0 -1.5em;
}
.cyl-5 .tp, .cyl-5 .bm {
  width:3em;
  height:3em;
}
.cyl-5 .side {
  width:0.5001533209736089em;
  height:2em;
}
.cyl-5 .s0 {
  transform: rotateY(9deg) translate3D(-50%, 0, 1.475em);
}
.cyl-5 .s1 {
  transform: rotateY(27deg) translate3D(-50%, 0, 1.475em);
}
.cyl-5 .s2 {
  transform: rotateY(45deg) translate3D(-50%, 0, 1.475em);
}
.cyl-5 .s3 {
  transform: rotateY(63deg) translate3D(-50%, 0, 1.475em);
}
.cyl-5 .s4 {
  transform: rotateY(81deg) translate3D(-50%, 0, 1.475em);
}
.cyl-5 .s5 {
  transform: rotateY(99deg) translate3D(-50%, 0, 1.475em);
}
.cyl-5 .s6 {
  transform: rotateY(117deg) translate3D(-50%, 0, 1.475em);
}
.cyl-5 .s7 {
  transform: rotateY(135deg) translate3D(-50%, 0, 1.475em);
}
.cyl-5 .s8 {
  transform: rotateY(153deg) translate3D(-50%, 0, 1.475em);
}
.cyl-5 .s9 {
  transform: rotateY(171deg) translate3D(-50%, 0, 1.475em);
}
.cyl-5 .s10 {
  transform: rotateY(189deg) translate3D(-50%, 0, 1.475em);
}
.cyl-5 .s11 {
  transform: rotateY(207deg) translate3D(-50%, 0, 1.475em);
}
.cyl-5 .s12 {
  transform: rotateY(225deg) translate3D(-50%, 0, 1.475em);
}
.cyl-5 .s13 {
  transform: rotateY(243deg) translate3D(-50%, 0, 1.475em);
}
.cyl-5 .s14 {
  transform: rotateY(261deg) translate3D(-50%, 0, 1.475em);
}
.cyl-5 .s15 {
  transform: rotateY(279deg) translate3D(-50%, 0, 1.475em);
}
.cyl-5 .s16 {
  transform: rotateY(297deg) translate3D(-50%, 0, 1.475em);
}
.cyl-5 .s17 {
  transform: rotateY(315deg) translate3D(-50%, 0, 1.475em);
}
.cyl-5 .s18 {
  transform: rotateY(333deg) translate3D(-50%, 0, 1.475em);
}
.cyl-5 .s19 {
  transform: rotateY(351deg) translate3D(-50%, 0, 1.475em);
}
.cyl-5 .face, .cyl-5 .side {
  background-color:#ef3f43;
}
/* .cyl-9 styles */
.cyl-9 {
  transform:translate3D(-8em, 0em, -4em) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  opacity:1;
  width:3em;
  height:2em;
  margin:-1em 0 0 -1.5em;
}
.cyl-9 .tp, .cyl-9 .bm {
  width:3em;
  height:3em;
}
.cyl-9 .side {
  width:0.5001533209736089em;
  height:2em;
}
.cyl-9 .s0 {
  transform: rotateY(9deg) translate3D(-50%, 0, 1.475em);
}
.cyl-9 .s1 {
  transform: rotateY(27deg) translate3D(-50%, 0, 1.475em);
}
.cyl-9 .s2 {
  transform: rotateY(45deg) translate3D(-50%, 0, 1.475em);
}
.cyl-9 .s3 {
  transform: rotateY(63deg) translate3D(-50%, 0, 1.475em);
}
.cyl-9 .s4 {
  transform: rotateY(81deg) translate3D(-50%, 0, 1.475em);
}
.cyl-9 .s5 {
  transform: rotateY(99deg) translate3D(-50%, 0, 1.475em);
}
.cyl-9 .s6 {
  transform: rotateY(117deg) translate3D(-50%, 0, 1.475em);
}
.cyl-9 .s7 {
  transform: rotateY(135deg) translate3D(-50%, 0, 1.475em);
}
.cyl-9 .s8 {
  transform: rotateY(153deg) translate3D(-50%, 0, 1.475em);
}
.cyl-9 .s9 {
  transform: rotateY(171deg) translate3D(-50%, 0, 1.475em);
}
.cyl-9 .s10 {
  transform: rotateY(189deg) translate3D(-50%, 0, 1.475em);
}
.cyl-9 .s11 {
  transform: rotateY(207deg) translate3D(-50%, 0, 1.475em);
}
.cyl-9 .s12 {
  transform: rotateY(225deg) translate3D(-50%, 0, 1.475em);
}
.cyl-9 .s13 {
  transform: rotateY(243deg) translate3D(-50%, 0, 1.475em);
}
.cyl-9 .s14 {
  transform: rotateY(261deg) translate3D(-50%, 0, 1.475em);
}
.cyl-9 .s15 {
  transform: rotateY(279deg) translate3D(-50%, 0, 1.475em);
}
.cyl-9 .s16 {
  transform: rotateY(297deg) translate3D(-50%, 0, 1.475em);
}
.cyl-9 .s17 {
  transform: rotateY(315deg) translate3D(-50%, 0, 1.475em);
}
.cyl-9 .s18 {
  transform: rotateY(333deg) translate3D(-50%, 0, 1.475em);
}
.cyl-9 .s19 {
  transform: rotateY(351deg) translate3D(-50%, 0, 1.475em);
}
.cyl-9 .face, .cyl-9 .side {
  background-color:#ef3f43;
}
/* .cyl-10 styles */
.cyl-10 {
  transform:translate3D(4em, 0em, -8em) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  opacity:1;
  width:3em;
  height:2em;
  margin:-1em 0 0 -1.5em;
}
.cyl-10 .tp, .cyl-10 .bm {
  width:3em;
  height:3em;
}
.cyl-10 .side {
  width:0.5001533209736089em;
  height:2em;
}
.cyl-10 .s0 {
  transform: rotateY(9deg) translate3D(-50%, 0, 1.475em);
}
.cyl-10 .s1 {
  transform: rotateY(27deg) translate3D(-50%, 0, 1.475em);
}
.cyl-10 .s2 {
  transform: rotateY(45deg) translate3D(-50%, 0, 1.475em);
}
.cyl-10 .s3 {
  transform: rotateY(63deg) translate3D(-50%, 0, 1.475em);
}
.cyl-10 .s4 {
  transform: rotateY(81deg) translate3D(-50%, 0, 1.475em);
}
.cyl-10 .s5 {
  transform: rotateY(99deg) translate3D(-50%, 0, 1.475em);
}
.cyl-10 .s6 {
  transform: rotateY(117deg) translate3D(-50%, 0, 1.475em);
}
.cyl-10 .s7 {
  transform: rotateY(135deg) translate3D(-50%, 0, 1.475em);
}
.cyl-10 .s8 {
  transform: rotateY(153deg) translate3D(-50%, 0, 1.475em);
}
.cyl-10 .s9 {
  transform: rotateY(171deg) translate3D(-50%, 0, 1.475em);
}
.cyl-10 .s10 {
  transform: rotateY(189deg) translate3D(-50%, 0, 1.475em);
}
.cyl-10 .s11 {
  transform: rotateY(207deg) translate3D(-50%, 0, 1.475em);
}
.cyl-10 .s12 {
  transform: rotateY(225deg) translate3D(-50%, 0, 1.475em);
}
.cyl-10 .s13 {
  transform: rotateY(243deg) translate3D(-50%, 0, 1.475em);
}
.cyl-10 .s14 {
  transform: rotateY(261deg) translate3D(-50%, 0, 1.475em);
}
.cyl-10 .s15 {
  transform: rotateY(279deg) translate3D(-50%, 0, 1.475em);
}
.cyl-10 .s16 {
  transform: rotateY(297deg) translate3D(-50%, 0, 1.475em);
}
.cyl-10 .s17 {
  transform: rotateY(315deg) translate3D(-50%, 0, 1.475em);
}
.cyl-10 .s18 {
  transform: rotateY(333deg) translate3D(-50%, 0, 1.475em);
}
.cyl-10 .s19 {
  transform: rotateY(351deg) translate3D(-50%, 0, 1.475em);
}
.cyl-10 .face, .cyl-10 .side {
  background-color:#ef3f43;
}
/* .cyl-11 styles */
.cyl-11 {
  transform:translate3D(4em, 0em, 8em) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  opacity:1;
  width:3em;
  height:2em;
  margin:-1em 0 0 -1.5em;
}
.cyl-11 .tp, .cyl-11 .bm {
  width:3em;
  height:3em;
}
.cyl-11 .side {
  width:0.5001533209736089em;
  height:2em;
}
.cyl-11 .s0 {
  transform: rotateY(9deg) translate3D(-50%, 0, 1.475em);
}
.cyl-11 .s1 {
  transform: rotateY(27deg) translate3D(-50%, 0, 1.475em);
}
.cyl-11 .s2 {
  transform: rotateY(45deg) translate3D(-50%, 0, 1.475em);
}
.cyl-11 .s3 {
  transform: rotateY(63deg) translate3D(-50%, 0, 1.475em);
}
.cyl-11 .s4 {
  transform: rotateY(81deg) translate3D(-50%, 0, 1.475em);
}
.cyl-11 .s5 {
  transform: rotateY(99deg) translate3D(-50%, 0, 1.475em);
}
.cyl-11 .s6 {
  transform: rotateY(117deg) translate3D(-50%, 0, 1.475em);
}
.cyl-11 .s7 {
  transform: rotateY(135deg) translate3D(-50%, 0, 1.475em);
}
.cyl-11 .s8 {
  transform: rotateY(153deg) translate3D(-50%, 0, 1.475em);
}
.cyl-11 .s9 {
  transform: rotateY(171deg) translate3D(-50%, 0, 1.475em);
}
.cyl-11 .s10 {
  transform: rotateY(189deg) translate3D(-50%, 0, 1.475em);
}
.cyl-11 .s11 {
  transform: rotateY(207deg) translate3D(-50%, 0, 1.475em);
}
.cyl-11 .s12 {
  transform: rotateY(225deg) translate3D(-50%, 0, 1.475em);
}
.cyl-11 .s13 {
  transform: rotateY(243deg) translate3D(-50%, 0, 1.475em);
}
.cyl-11 .s14 {
  transform: rotateY(261deg) translate3D(-50%, 0, 1.475em);
}
.cyl-11 .s15 {
  transform: rotateY(279deg) translate3D(-50%, 0, 1.475em);
}
.cyl-11 .s16 {
  transform: rotateY(297deg) translate3D(-50%, 0, 1.475em);
}
.cyl-11 .s17 {
  transform: rotateY(315deg) translate3D(-50%, 0, 1.475em);
}
.cyl-11 .s18 {
  transform: rotateY(333deg) translate3D(-50%, 0, 1.475em);
}
.cyl-11 .s19 {
  transform: rotateY(351deg) translate3D(-50%, 0, 1.475em);
}
.cyl-11 .face, .cyl-11 .side {
  background-color:#ef3f43;
}
/* .cyl-12 styles */
.cyl-12 {
  transform:translate3D(0em, 0em, -8em) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  opacity:1;
  width:3em;
  height:2em;
  margin:-1em 0 0 -1.5em;
}
.cyl-12 .tp, .cyl-12 .bm {
  width:3em;
  height:3em;
}
.cyl-12 .side {
  width:0.5001533209736089em;
  height:2em;
}
.cyl-12 .s0 {
  transform: rotateY(9deg) translate3D(-50%, 0, 1.475em);
}
.cyl-12 .s1 {
  transform: rotateY(27deg) translate3D(-50%, 0, 1.475em);
}
.cyl-12 .s2 {
  transform: rotateY(45deg) translate3D(-50%, 0, 1.475em);
}
.cyl-12 .s3 {
  transform: rotateY(63deg) translate3D(-50%, 0, 1.475em);
}
.cyl-12 .s4 {
  transform: rotateY(81deg) translate3D(-50%, 0, 1.475em);
}
.cyl-12 .s5 {
  transform: rotateY(99deg) translate3D(-50%, 0, 1.475em);
}
.cyl-12 .s6 {
  transform: rotateY(117deg) translate3D(-50%, 0, 1.475em);
}
.cyl-12 .s7 {
  transform: rotateY(135deg) translate3D(-50%, 0, 1.475em);
}
.cyl-12 .s8 {
  transform: rotateY(153deg) translate3D(-50%, 0, 1.475em);
}
.cyl-12 .s9 {
  transform: rotateY(171deg) translate3D(-50%, 0, 1.475em);
}
.cyl-12 .s10 {
  transform: rotateY(189deg) translate3D(-50%, 0, 1.475em);
}
.cyl-12 .s11 {
  transform: rotateY(207deg) translate3D(-50%, 0, 1.475em);
}
.cyl-12 .s12 {
  transform: rotateY(225deg) translate3D(-50%, 0, 1.475em);
}
.cyl-12 .s13 {
  transform: rotateY(243deg) translate3D(-50%, 0, 1.475em);
}
.cyl-12 .s14 {
  transform: rotateY(261deg) translate3D(-50%, 0, 1.475em);
}
.cyl-12 .s15 {
  transform: rotateY(279deg) translate3D(-50%, 0, 1.475em);
}
.cyl-12 .s16 {
  transform: rotateY(297deg) translate3D(-50%, 0, 1.475em);
}
.cyl-12 .s17 {
  transform: rotateY(315deg) translate3D(-50%, 0, 1.475em);
}
.cyl-12 .s18 {
  transform: rotateY(333deg) translate3D(-50%, 0, 1.475em);
}
.cyl-12 .s19 {
  transform: rotateY(351deg) translate3D(-50%, 0, 1.475em);
}
.cyl-12 .face, .cyl-12 .side {
  background-color:#ef3f43;
}
/* .cyl-13 styles */
.cyl-13 {
  transform:translate3D(-4em, 0em, -8em) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  opacity:1;
  width:3em;
  height:2em;
  margin:-1em 0 0 -1.5em;
}
.cyl-13 .tp, .cyl-13 .bm {
  width:3em;
  height:3em;
}
.cyl-13 .side {
  width:0.5001533209736089em;
  height:2em;
}
.cyl-13 .s0 {
  transform: rotateY(9deg) translate3D(-50%, 0, 1.475em);
}
.cyl-13 .s1 {
  transform: rotateY(27deg) translate3D(-50%, 0, 1.475em);
}
.cyl-13 .s2 {
  transform: rotateY(45deg) translate3D(-50%, 0, 1.475em);
}
.cyl-13 .s3 {
  transform: rotateY(63deg) translate3D(-50%, 0, 1.475em);
}
.cyl-13 .s4 {
  transform: rotateY(81deg) translate3D(-50%, 0, 1.475em);
}
.cyl-13 .s5 {
  transform: rotateY(99deg) translate3D(-50%, 0, 1.475em);
}
.cyl-13 .s6 {
  transform: rotateY(117deg) translate3D(-50%, 0, 1.475em);
}
.cyl-13 .s7 {
  transform: rotateY(135deg) translate3D(-50%, 0, 1.475em);
}
.cyl-13 .s8 {
  transform: rotateY(153deg) translate3D(-50%, 0, 1.475em);
}
.cyl-13 .s9 {
  transform: rotateY(171deg) translate3D(-50%, 0, 1.475em);
}
.cyl-13 .s10 {
  transform: rotateY(189deg) translate3D(-50%, 0, 1.475em);
}
.cyl-13 .s11 {
  transform: rotateY(207deg) translate3D(-50%, 0, 1.475em);
}
.cyl-13 .s12 {
  transform: rotateY(225deg) translate3D(-50%, 0, 1.475em);
}
.cyl-13 .s13 {
  transform: rotateY(243deg) translate3D(-50%, 0, 1.475em);
}
.cyl-13 .s14 {
  transform: rotateY(261deg) translate3D(-50%, 0, 1.475em);
}
.cyl-13 .s15 {
  transform: rotateY(279deg) translate3D(-50%, 0, 1.475em);
}
.cyl-13 .s16 {
  transform: rotateY(297deg) translate3D(-50%, 0, 1.475em);
}
.cyl-13 .s17 {
  transform: rotateY(315deg) translate3D(-50%, 0, 1.475em);
}
.cyl-13 .s18 {
  transform: rotateY(333deg) translate3D(-50%, 0, 1.475em);
}
.cyl-13 .s19 {
  transform: rotateY(351deg) translate3D(-50%, 0, 1.475em);
}
.cyl-13 .face, .cyl-13 .side {
  background-color:#ef3f43;
}
/* .cyl-14 styles */
.cyl-14 {
  transform:translate3D(8em, 0em, 8em) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  opacity:1;
  width:3em;
  height:2em;
  margin:-1em 0 0 -1.5em;
}
.cyl-14 .tp, .cyl-14 .bm {
  width:3em;
  height:3em;
}
.cyl-14 .side {
  width:0.5001533209736089em;
  height:2em;
}
.cyl-14 .s0 {
  transform: rotateY(9deg) translate3D(-50%, 0, 1.475em);
}
.cyl-14 .s1 {
  transform: rotateY(27deg) translate3D(-50%, 0, 1.475em);
}
.cyl-14 .s2 {
  transform: rotateY(45deg) translate3D(-50%, 0, 1.475em);
}
.cyl-14 .s3 {
  transform: rotateY(63deg) translate3D(-50%, 0, 1.475em);
}
.cyl-14 .s4 {
  transform: rotateY(81deg) translate3D(-50%, 0, 1.475em);
}
.cyl-14 .s5 {
  transform: rotateY(99deg) translate3D(-50%, 0, 1.475em);
}
.cyl-14 .s6 {
  transform: rotateY(117deg) translate3D(-50%, 0, 1.475em);
}
.cyl-14 .s7 {
  transform: rotateY(135deg) translate3D(-50%, 0, 1.475em);
}
.cyl-14 .s8 {
  transform: rotateY(153deg) translate3D(-50%, 0, 1.475em);
}
.cyl-14 .s9 {
  transform: rotateY(171deg) translate3D(-50%, 0, 1.475em);
}
.cyl-14 .s10 {
  transform: rotateY(189deg) translate3D(-50%, 0, 1.475em);
}
.cyl-14 .s11 {
  transform: rotateY(207deg) translate3D(-50%, 0, 1.475em);
}
.cyl-14 .s12 {
  transform: rotateY(225deg) translate3D(-50%, 0, 1.475em);
}
.cyl-14 .s13 {
  transform: rotateY(243deg) translate3D(-50%, 0, 1.475em);
}
.cyl-14 .s14 {
  transform: rotateY(261deg) translate3D(-50%, 0, 1.475em);
}
.cyl-14 .s15 {
  transform: rotateY(279deg) translate3D(-50%, 0, 1.475em);
}
.cyl-14 .s16 {
  transform: rotateY(297deg) translate3D(-50%, 0, 1.475em);
}
.cyl-14 .s17 {
  transform: rotateY(315deg) translate3D(-50%, 0, 1.475em);
}
.cyl-14 .s18 {
  transform: rotateY(333deg) translate3D(-50%, 0, 1.475em);
}
.cyl-14 .s19 {
  transform: rotateY(351deg) translate3D(-50%, 0, 1.475em);
}
.cyl-14 .face, .cyl-14 .side {
  background-color:#ef3f43;
}
/* .cyl-15 styles */
.cyl-15 {
  transform:translate3D(8em, 0em, 4em) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  opacity:1;
  width:3em;
  height:2em;
  margin:-1em 0 0 -1.5em;
}
.cyl-15 .tp, .cyl-15 .bm {
  width:3em;
  height:3em;
}
.cyl-15 .side {
  width:0.5001533209736089em;
  height:2em;
}
.cyl-15 .s0 {
  transform: rotateY(9deg) translate3D(-50%, 0, 1.475em);
}
.cyl-15 .s1 {
  transform: rotateY(27deg) translate3D(-50%, 0, 1.475em);
}
.cyl-15 .s2 {
  transform: rotateY(45deg) translate3D(-50%, 0, 1.475em);
}
.cyl-15 .s3 {
  transform: rotateY(63deg) translate3D(-50%, 0, 1.475em);
}
.cyl-15 .s4 {
  transform: rotateY(81deg) translate3D(-50%, 0, 1.475em);
}
.cyl-15 .s5 {
  transform: rotateY(99deg) translate3D(-50%, 0, 1.475em);
}
.cyl-15 .s6 {
  transform: rotateY(117deg) translate3D(-50%, 0, 1.475em);
}
.cyl-15 .s7 {
  transform: rotateY(135deg) translate3D(-50%, 0, 1.475em);
}
.cyl-15 .s8 {
  transform: rotateY(153deg) translate3D(-50%, 0, 1.475em);
}
.cyl-15 .s9 {
  transform: rotateY(171deg) translate3D(-50%, 0, 1.475em);
}
.cyl-15 .s10 {
  transform: rotateY(189deg) translate3D(-50%, 0, 1.475em);
}
.cyl-15 .s11 {
  transform: rotateY(207deg) translate3D(-50%, 0, 1.475em);
}
.cyl-15 .s12 {
  transform: rotateY(225deg) translate3D(-50%, 0, 1.475em);
}
.cyl-15 .s13 {
  transform: rotateY(243deg) translate3D(-50%, 0, 1.475em);
}
.cyl-15 .s14 {
  transform: rotateY(261deg) translate3D(-50%, 0, 1.475em);
}
.cyl-15 .s15 {
  transform: rotateY(279deg) translate3D(-50%, 0, 1.475em);
}
.cyl-15 .s16 {
  transform: rotateY(297deg) translate3D(-50%, 0, 1.475em);
}
.cyl-15 .s17 {
  transform: rotateY(315deg) translate3D(-50%, 0, 1.475em);
}
.cyl-15 .s18 {
  transform: rotateY(333deg) translate3D(-50%, 0, 1.475em);
}
.cyl-15 .s19 {
  transform: rotateY(351deg) translate3D(-50%, 0, 1.475em);
}
.cyl-15 .face, .cyl-15 .side {
  background-color:#ef3f43;
}
/* .cyl-16 styles */
.cyl-16 {
  transform:translate3D(-8em, 0em, 0em) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  opacity:1;
  width:3em;
  height:2em;
  margin:-1em 0 0 -1.5em;
}
.cyl-16 .tp, .cyl-16 .bm {
  width:3em;
  height:3em;
}
.cyl-16 .side {
  width:0.5001533209736089em;
  height:2em;
}
.cyl-16 .s0 {
  transform: rotateY(9deg) translate3D(-50%, 0, 1.475em);
}
.cyl-16 .s1 {
  transform: rotateY(27deg) translate3D(-50%, 0, 1.475em);
}
.cyl-16 .s2 {
  transform: rotateY(45deg) translate3D(-50%, 0, 1.475em);
}
.cyl-16 .s3 {
  transform: rotateY(63deg) translate3D(-50%, 0, 1.475em);
}
.cyl-16 .s4 {
  transform: rotateY(81deg) translate3D(-50%, 0, 1.475em);
}
.cyl-16 .s5 {
  transform: rotateY(99deg) translate3D(-50%, 0, 1.475em);
}
.cyl-16 .s6 {
  transform: rotateY(117deg) translate3D(-50%, 0, 1.475em);
}
.cyl-16 .s7 {
  transform: rotateY(135deg) translate3D(-50%, 0, 1.475em);
}
.cyl-16 .s8 {
  transform: rotateY(153deg) translate3D(-50%, 0, 1.475em);
}
.cyl-16 .s9 {
  transform: rotateY(171deg) translate3D(-50%, 0, 1.475em);
}
.cyl-16 .s10 {
  transform: rotateY(189deg) translate3D(-50%, 0, 1.475em);
}
.cyl-16 .s11 {
  transform: rotateY(207deg) translate3D(-50%, 0, 1.475em);
}
.cyl-16 .s12 {
  transform: rotateY(225deg) translate3D(-50%, 0, 1.475em);
}
.cyl-16 .s13 {
  transform: rotateY(243deg) translate3D(-50%, 0, 1.475em);
}
.cyl-16 .s14 {
  transform: rotateY(261deg) translate3D(-50%, 0, 1.475em);
}
.cyl-16 .s15 {
  transform: rotateY(279deg) translate3D(-50%, 0, 1.475em);
}
.cyl-16 .s16 {
  transform: rotateY(297deg) translate3D(-50%, 0, 1.475em);
}
.cyl-16 .s17 {
  transform: rotateY(315deg) translate3D(-50%, 0, 1.475em);
}
.cyl-16 .s18 {
  transform: rotateY(333deg) translate3D(-50%, 0, 1.475em);
}
.cyl-16 .s19 {
  transform: rotateY(351deg) translate3D(-50%, 0, 1.475em);
}
.cyl-16 .face, .cyl-16 .side {
  background-color:#ef3f43;
}
/* .cyl-17 styles */
.cyl-17 {
  transform:translate3D(-4em, 0em, 8em) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  opacity:1;
  width:3em;
  height:2em;
  margin:-1em 0 0 -1.5em;
}
.cyl-17 .tp, .cyl-17 .bm {
  width:3em;
  height:3em;
}
.cyl-17 .side {
  width:0.5001533209736089em;
  height:2em;
}
.cyl-17 .s0 {
  transform: rotateY(9deg) translate3D(-50%, 0, 1.475em);
}
.cyl-17 .s1 {
  transform: rotateY(27deg) translate3D(-50%, 0, 1.475em);
}
.cyl-17 .s2 {
  transform: rotateY(45deg) translate3D(-50%, 0, 1.475em);
}
.cyl-17 .s3 {
  transform: rotateY(63deg) translate3D(-50%, 0, 1.475em);
}
.cyl-17 .s4 {
  transform: rotateY(81deg) translate3D(-50%, 0, 1.475em);
}
.cyl-17 .s5 {
  transform: rotateY(99deg) translate3D(-50%, 0, 1.475em);
}
.cyl-17 .s6 {
  transform: rotateY(117deg) translate3D(-50%, 0, 1.475em);
}
.cyl-17 .s7 {
  transform: rotateY(135deg) translate3D(-50%, 0, 1.475em);
}
.cyl-17 .s8 {
  transform: rotateY(153deg) translate3D(-50%, 0, 1.475em);
}
.cyl-17 .s9 {
  transform: rotateY(171deg) translate3D(-50%, 0, 1.475em);
}
.cyl-17 .s10 {
  transform: rotateY(189deg) translate3D(-50%, 0, 1.475em);
}
.cyl-17 .s11 {
  transform: rotateY(207deg) translate3D(-50%, 0, 1.475em);
}
.cyl-17 .s12 {
  transform: rotateY(225deg) translate3D(-50%, 0, 1.475em);
}
.cyl-17 .s13 {
  transform: rotateY(243deg) translate3D(-50%, 0, 1.475em);
}
.cyl-17 .s14 {
  transform: rotateY(261deg) translate3D(-50%, 0, 1.475em);
}
.cyl-17 .s15 {
  transform: rotateY(279deg) translate3D(-50%, 0, 1.475em);
}
.cyl-17 .s16 {
  transform: rotateY(297deg) translate3D(-50%, 0, 1.475em);
}
.cyl-17 .s17 {
  transform: rotateY(315deg) translate3D(-50%, 0, 1.475em);
}
.cyl-17 .s18 {
  transform: rotateY(333deg) translate3D(-50%, 0, 1.475em);
}
.cyl-17 .s19 {
  transform: rotateY(351deg) translate3D(-50%, 0, 1.475em);
}
.cyl-17 .face, .cyl-17 .side {
  background-color:#ef3f43;
}
/* .cyl-18 styles */
.cyl-18 {
  transform:translate3D(8em, 0em, -8em) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  opacity:1;
  width:3em;
  height:2em;
  margin:-1em 0 0 -1.5em;
}
.cyl-18 .tp, .cyl-18 .bm {
  width:3em;
  height:3em;
}
.cyl-18 .side {
  width:0.5001533209736089em;
  height:2em;
}
.cyl-18 .s0 {
  transform: rotateY(9deg) translate3D(-50%, 0, 1.475em);
}
.cyl-18 .s1 {
  transform: rotateY(27deg) translate3D(-50%, 0, 1.475em);
}
.cyl-18 .s2 {
  transform: rotateY(45deg) translate3D(-50%, 0, 1.475em);
}
.cyl-18 .s3 {
  transform: rotateY(63deg) translate3D(-50%, 0, 1.475em);
}
.cyl-18 .s4 {
  transform: rotateY(81deg) translate3D(-50%, 0, 1.475em);
}
.cyl-18 .s5 {
  transform: rotateY(99deg) translate3D(-50%, 0, 1.475em);
}
.cyl-18 .s6 {
  transform: rotateY(117deg) translate3D(-50%, 0, 1.475em);
}
.cyl-18 .s7 {
  transform: rotateY(135deg) translate3D(-50%, 0, 1.475em);
}
.cyl-18 .s8 {
  transform: rotateY(153deg) translate3D(-50%, 0, 1.475em);
}
.cyl-18 .s9 {
  transform: rotateY(171deg) translate3D(-50%, 0, 1.475em);
}
.cyl-18 .s10 {
  transform: rotateY(189deg) translate3D(-50%, 0, 1.475em);
}
.cyl-18 .s11 {
  transform: rotateY(207deg) translate3D(-50%, 0, 1.475em);
}
.cyl-18 .s12 {
  transform: rotateY(225deg) translate3D(-50%, 0, 1.475em);
}
.cyl-18 .s13 {
  transform: rotateY(243deg) translate3D(-50%, 0, 1.475em);
}
.cyl-18 .s14 {
  transform: rotateY(261deg) translate3D(-50%, 0, 1.475em);
}
.cyl-18 .s15 {
  transform: rotateY(279deg) translate3D(-50%, 0, 1.475em);
}
.cyl-18 .s16 {
  transform: rotateY(297deg) translate3D(-50%, 0, 1.475em);
}
.cyl-18 .s17 {
  transform: rotateY(315deg) translate3D(-50%, 0, 1.475em);
}
.cyl-18 .s18 {
  transform: rotateY(333deg) translate3D(-50%, 0, 1.475em);
}
.cyl-18 .s19 {
  transform: rotateY(351deg) translate3D(-50%, 0, 1.475em);
}
.cyl-18 .face, .cyl-18 .side {
  background-color:#ef3f43;
}
/* .cyl-19 styles */
.cyl-19 {
  transform:translate3D(-4em, 0em, 0em) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  opacity:1;
  width:3em;
  height:2em;
  margin:-1em 0 0 -1.5em;
}
.cyl-19 .tp, .cyl-19 .bm {
  width:3em;
  height:3em;
}
.cyl-19 .side {
  width:0.5001533209736089em;
  height:2em;
}
.cyl-19 .s0 {
  transform: rotateY(9deg) translate3D(-50%, 0, 1.475em);
}
.cyl-19 .s1 {
  transform: rotateY(27deg) translate3D(-50%, 0, 1.475em);
}
.cyl-19 .s2 {
  transform: rotateY(45deg) translate3D(-50%, 0, 1.475em);
}
.cyl-19 .s3 {
  transform: rotateY(63deg) translate3D(-50%, 0, 1.475em);
}
.cyl-19 .s4 {
  transform: rotateY(81deg) translate3D(-50%, 0, 1.475em);
}
.cyl-19 .s5 {
  transform: rotateY(99deg) translate3D(-50%, 0, 1.475em);
}
.cyl-19 .s6 {
  transform: rotateY(117deg) translate3D(-50%, 0, 1.475em);
}
.cyl-19 .s7 {
  transform: rotateY(135deg) translate3D(-50%, 0, 1.475em);
}
.cyl-19 .s8 {
  transform: rotateY(153deg) translate3D(-50%, 0, 1.475em);
}
.cyl-19 .s9 {
  transform: rotateY(171deg) translate3D(-50%, 0, 1.475em);
}
.cyl-19 .s10 {
  transform: rotateY(189deg) translate3D(-50%, 0, 1.475em);
}
.cyl-19 .s11 {
  transform: rotateY(207deg) translate3D(-50%, 0, 1.475em);
}
.cyl-19 .s12 {
  transform: rotateY(225deg) translate3D(-50%, 0, 1.475em);
}
.cyl-19 .s13 {
  transform: rotateY(243deg) translate3D(-50%, 0, 1.475em);
}
.cyl-19 .s14 {
  transform: rotateY(261deg) translate3D(-50%, 0, 1.475em);
}
.cyl-19 .s15 {
  transform: rotateY(279deg) translate3D(-50%, 0, 1.475em);
}
.cyl-19 .s16 {
  transform: rotateY(297deg) translate3D(-50%, 0, 1.475em);
}
.cyl-19 .s17 {
  transform: rotateY(315deg) translate3D(-50%, 0, 1.475em);
}
.cyl-19 .s18 {
  transform: rotateY(333deg) translate3D(-50%, 0, 1.475em);
}
.cyl-19 .s19 {
  transform: rotateY(351deg) translate3D(-50%, 0, 1.475em);
}
.cyl-19 .face, .cyl-19 .side {
  background-color:#ef3f43;
}
/* .cyl-20 styles */
.cyl-20 {
  transform:translate3D(8em, 0em, 0em) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  opacity:1;
  width:3em;
  height:2em;
  margin:-1em 0 0 -1.5em;
}
.cyl-20 .tp, .cyl-20 .bm {
  width:3em;
  height:3em;
}
.cyl-20 .side {
  width:0.5001533209736089em;
  height:2em;
}
.cyl-20 .s0 {
  transform: rotateY(9deg) translate3D(-50%, 0, 1.475em);
}
.cyl-20 .s1 {
  transform: rotateY(27deg) translate3D(-50%, 0, 1.475em);
}
.cyl-20 .s2 {
  transform: rotateY(45deg) translate3D(-50%, 0, 1.475em);
}
.cyl-20 .s3 {
  transform: rotateY(63deg) translate3D(-50%, 0, 1.475em);
}
.cyl-20 .s4 {
  transform: rotateY(81deg) translate3D(-50%, 0, 1.475em);
}
.cyl-20 .s5 {
  transform: rotateY(99deg) translate3D(-50%, 0, 1.475em);
}
.cyl-20 .s6 {
  transform: rotateY(117deg) translate3D(-50%, 0, 1.475em);
}
.cyl-20 .s7 {
  transform: rotateY(135deg) translate3D(-50%, 0, 1.475em);
}
.cyl-20 .s8 {
  transform: rotateY(153deg) translate3D(-50%, 0, 1.475em);
}
.cyl-20 .s9 {
  transform: rotateY(171deg) translate3D(-50%, 0, 1.475em);
}
.cyl-20 .s10 {
  transform: rotateY(189deg) translate3D(-50%, 0, 1.475em);
}
.cyl-20 .s11 {
  transform: rotateY(207deg) translate3D(-50%, 0, 1.475em);
}
.cyl-20 .s12 {
  transform: rotateY(225deg) translate3D(-50%, 0, 1.475em);
}
.cyl-20 .s13 {
  transform: rotateY(243deg) translate3D(-50%, 0, 1.475em);
}
.cyl-20 .s14 {
  transform: rotateY(261deg) translate3D(-50%, 0, 1.475em);
}
.cyl-20 .s15 {
  transform: rotateY(279deg) translate3D(-50%, 0, 1.475em);
}
.cyl-20 .s16 {
  transform: rotateY(297deg) translate3D(-50%, 0, 1.475em);
}
.cyl-20 .s17 {
  transform: rotateY(315deg) translate3D(-50%, 0, 1.475em);
}
.cyl-20 .s18 {
  transform: rotateY(333deg) translate3D(-50%, 0, 1.475em);
}
.cyl-20 .s19 {
  transform: rotateY(351deg) translate3D(-50%, 0, 1.475em);
}
.cyl-20 .face, .cyl-20 .side {
  background-color:#ef3f43;
}