.hidden-startup {
  opacity: 0 !important; }
  @media only screen and (min-width: 1200px) {
    .hidden-startup .shard {
      -webkit-clip-path: polygon(50% 50%, 50% 50%, 50% 50%) !important; } }
.intro-sequence {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 100px;
  margin-top: -25px;
  -webkit-transition: 0.7s linear;
  -moz-transition: 0.7s linear;
  transition: 0.7s linear; }
  .intro-sequence div:nth-child(2) p {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    font-size: 2.05em;
    letter-spacing: .08em;
    line-height: 1.2em;
    text-align: center; }
    @media only screen and (min-width: 1450px) {
      .intro-sequence div:nth-child(2) p {
        font-size: 2.25em; } }
    .intro-sequence div:nth-child(2) p span {
      color: rgba(255, 255, 255, 0);
      -webkit-transition: 0.5s cubic-bezier(0.62, 0.02, 0.34, 1);
      -moz-transition: 0.5s cubic-bezier(0.62, 0.02, 0.34, 1);
      transition: 0.5s cubic-bezier(0.62, 0.02, 0.34, 1); }
    .intro-sequence div:nth-child(2) p.active span {
      color: white;
      -webkit-transition: 1.47s cubic-bezier(0.62, 0.02, 0.34, 1);
      -moz-transition: 1.47s cubic-bezier(0.62, 0.02, 0.34, 1);
      transition: 1.47s cubic-bezier(0.62, 0.02, 0.34, 1); }
      .intro-sequence div:nth-child(2) p.active span:nth-child(1) {
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        transition-delay: 0.2s; }
      .intro-sequence div:nth-child(2) p.active span:nth-child(2) {
        -webkit-transition-delay: 0.4s;
        -moz-transition-delay: 0.4s;
        transition-delay: 0.4s; }
      .intro-sequence div:nth-child(2) p.active span:nth-child(3) {
        -webkit-transition-delay: 0.6s;
        -moz-transition-delay: 0.6s;
        transition-delay: 0.6s; }
      .intro-sequence div:nth-child(2) p.active span:nth-child(4) {
        -webkit-transition-delay: 0.8s;
        -moz-transition-delay: 0.8s;
        transition-delay: 0.8s; }
      .intro-sequence div:nth-child(2) p.active span:nth-child(5) {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        transition-delay: 1s; }
      .intro-sequence div:nth-child(2) p.active span:nth-child(6) {
        -webkit-transition-delay: 1.2s;
        -moz-transition-delay: 1.2s;
        transition-delay: 1.2s; }
      .intro-sequence div:nth-child(2) p.active span:nth-child(7) {
        -webkit-transition-delay: 1.4s;
        -moz-transition-delay: 1.4s;
        transition-delay: 1.4s; }
      .intro-sequence div:nth-child(2) p.active span:nth-child(8) {
        -webkit-transition-delay: 1.6s;
        -moz-transition-delay: 1.6s;
        transition-delay: 1.6s; }
      .intro-sequence div:nth-child(2) p.active span:nth-child(9) {
        -webkit-transition-delay: 1.8s;
        -moz-transition-delay: 1.8s;
        transition-delay: 1.8s; }
      .intro-sequence div:nth-child(2) p.active span:nth-child(10) {
        -webkit-transition-delay: 2s;
        -moz-transition-delay: 2s;
        transition-delay: 2s; }
    .intro-sequence div:nth-child(2) p:nth-child(3).active span:nth-child(5) {
      -webkit-transition-delay: 1.8s;
      -moz-transition-delay: 1.8s;
      transition-delay: 1.8s; }
    .intro-sequence div:nth-child(2) p:nth-child(3).active span:nth-child(6) {
      -webkit-transition-delay: 2s;
      -moz-transition-delay: 2s;
      transition-delay: 2s; }
    .intro-sequence div:nth-child(2) p:nth-child(3).active span:nth-child(7) {
      -webkit-transition-delay: 2.2s;
      -moz-transition-delay: 2.2s;
      transition-delay: 2.2s; }
    .intro-sequence div:nth-child(2) p:nth-child(2).active span:nth-child(4), .intro-sequence div:nth-child(2) p:nth-child(2).active span:nth-child(5) {
      color: #f03252; }
  .intro-sequence.active div:nth-child(2) {
    opacity: 1; }
  .intro-sequence .loading, .intro-sequence .intro-content {
    display: none;
    position: absolute;
    text-align: center;
    top: 50%;
    margin-top: 2%;
    left: 0;
    width: 100%;
    font-size: 1.3em;
    line-height: 1.4em;
    letter-spacing: 0.1em;
    opacity: 1;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s; }
  .intro-sequence .loading span {
    color: #f03252; }
  .intro-sequence .loading p {
    font-size: .8em;
    color: #787878; }
  .intro-sequence .intro-content {
    margin-top: 6.3%;
    font-size: 1.9em;
    line-height: 1.2em;
    pointer-events: none; }
    .intro-sequence .intro-content h1 {
      display: none;
      font-size: 1.9em;
      opacity: 0;
      -webkit-transition: 0.7s cubic-bezier(0.62, 0.02, 0.34, 1);
      -moz-transition: 0.7s cubic-bezier(0.62, 0.02, 0.34, 1);
      transition: 0.7s cubic-bezier(0.62, 0.02, 0.34, 1); }
    @media only screen and (min-width: 1400px) {
      .intro-sequence .intro-content {
        font-size: 2.1em; }
        .intro-sequence .intro-content a {
          font-size: .8em; } }
    .intro-sequence .intro-content > p, .intro-sequence .intro-content a {
      opacity: 0;
      -webkit-transition: 0.65s 1.3s cubic-bezier(0.62, 0.02, 0.34, 1);
      -moz-transition: 0.65s 1.3s cubic-bezier(0.62, 0.02, 0.34, 1);
      transition: 0.65s 1.3s cubic-bezier(0.62, 0.02, 0.34, 1); }
    .intro-sequence .intro-content p {
      display: block;
      font-size: 1.15em; }
      @media only screen and (max-width: 700px) {
        .intro-sequence .intro-content p:nth-child(2) span {
          display: block; } }
      .intro-sequence .intro-content p:nth-child(3) {
        color: #787878;
        font-size: .65em;
        display: block;
        margin-bottom: 20px;
        letter-spacing: .1em;
        -webkit-transition-delay: 1.5s;
        -moz-transition-delay: 1.5s;
        transition-delay: 1.5s; }
        .intro-sequence .intro-content p:nth-child(3) span {
          color: #f03252; }
    .intro-sequence .intro-content a:nth-child(4) {
      -webkit-transition: all 0.6s 2s, background 0.18s 0s;
      -moz-transition: all 0.6s 2s, background 0.18s 0s;
      transition: all 0.6s 2s, background 0.18s 0s; }

.performance-boost .intro-sequence div:nth-child(2) p.active span {
  -webkit-transition-duration: 0.75s;
  -moz-transition-duration: 0.75s;
  transition-duration: 0.75s; }

@media only screen and (max-width: 700px) {
  .intro-sequence, .intro-content {
    top: 0;
    margin-top: 0; }

  #animalchanger .intro-sequence {
    height: 100%; }
    #animalchanger .intro-sequence::before {
      content: "";
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: url("../img/fallbacks/smash-fake.png") no-repeat center center/cover;
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      transition: 0.5s; }
    #animalchanger .intro-sequence .loading {
      margin-top: -29px;
      font-size: 1.6em; }
    #animalchanger .intro-sequence .intro-content {
      margin-top: -110px;
      width: 84%;
      left: 8%; }
      #animalchanger .intro-sequence .intro-content h1 {
        display: block; }
        .thirty-pieces-titles #animalchanger .intro-sequence .intro-content h1 {
          opacity: 1; }
      #animalchanger .intro-sequence .intro-content p {
        font-size: 1.3em;
        line-height: 1.1em;
        margin-bottom: 15px; }
        #animalchanger .intro-sequence .intro-content p:nth-child(3) {
          font-size: .8em;
          margin-bottom: 30px; }
      #animalchanger .intro-sequence .intro-content .box-link i {
        display: none; }
      #animalchanger .intro-sequence .intro-content :nth-child(1) {
        -webkit-transition: 0.44s 0.38s cubic-bezier(0.62, 0.02, 0.34, 1);
        -moz-transition: 0.44s 0.38s cubic-bezier(0.62, 0.02, 0.34, 1);
        transition: 0.44s 0.38s cubic-bezier(0.62, 0.02, 0.34, 1); }
      #animalchanger .intro-sequence .intro-content :nth-child(2) {
        -webkit-transition: 0.44s 0.53s cubic-bezier(0.62, 0.02, 0.34, 1);
        -moz-transition: 0.44s 0.53s cubic-bezier(0.62, 0.02, 0.34, 1);
        transition: 0.44s 0.53s cubic-bezier(0.62, 0.02, 0.34, 1); }
      #animalchanger .intro-sequence .intro-content :nth-child(3) {
        -webkit-transition: 0.44s 0.68s cubic-bezier(0.62, 0.02, 0.34, 1);
        -moz-transition: 0.44s 0.68s cubic-bezier(0.62, 0.02, 0.34, 1);
        transition: 0.44s 0.68s cubic-bezier(0.62, 0.02, 0.34, 1); }
      #animalchanger .intro-sequence .intro-content :nth-child(4) {
        -webkit-transition: 0.44s 0.83s cubic-bezier(0.62, 0.02, 0.34, 1);
        -moz-transition: 0.44s 0.83s cubic-bezier(0.62, 0.02, 0.34, 1);
        transition: 0.44s 0.83s cubic-bezier(0.62, 0.02, 0.34, 1); }
      #animalchanger .intro-sequence .intro-content :nth-child(5) {
        -webkit-transition: 0.44s 0.98s cubic-bezier(0.62, 0.02, 0.34, 1);
        -moz-transition: 0.44s 0.98s cubic-bezier(0.62, 0.02, 0.34, 1);
        transition: 0.44s 0.98s cubic-bezier(0.62, 0.02, 0.34, 1); } }
.skip-intro {
  -webkit-transition: 0.78s 0s;
  -moz-transition: 0.78s 0s;
  transition: 0.78s 0s;
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  opacity: 1; }
  .skip-intro .timeline, .skip-intro a {
    position: absolute;
    bottom: 0; }
  .skip-intro a {
    bottom: 25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
  .skip-intro .timeline {
    width: 100%;
    height: 2px; }
    .skip-intro .timeline::before {
      -webkit-transform-origin: 0% 0%;
      -moz-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
      -o-transform-origin: 0% 0%;
      transform-origin: 0% 0%;
      -webkit-transform: scaleX(0);
      -moz-transform: scaleX(0);
      -ms-transform: scaleX(0);
      -o-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transition: 15.2s linear;
      -moz-transition: 15.2s linear;
      transition: 15.2s linear;
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #f03252; }

.shard-wrap:nth-child(1) .shard {
  background-color: red !important !important; }

.wrap h1 {
  display: none;
  font-size: 11.5vw;
  letter-spacing: .03em;
  position: absolute;
  height: 10.5vw;
  line-height: 1em;
  top: 16%;
  left: 34.5%;
  color: rgba(255, 255, 255, 0);
  -webkit-transition: 0.5s 1s;
  -moz-transition: 0.5s 1s;
  transition: 0.5s 1s;
  -webkit-transform: skew(-18deg) rotate(-18deg) translateY(0) scaleY(1.04);
  -moz-transform: skew(-18deg) rotate(-18deg) translateY(0) scaleY(1.04);
  -ms-transform: skew(-18deg) rotate(-18deg) translateY(0) scaleY(1.04);
  -o-transform: skew(-18deg) rotate(-18deg) translateY(0) scaleY(1.04);
  transform: skew(-18deg) rotate(-18deg) translateY(0) scaleY(1.04); }
  .wrap h1::after {
    content: "";
    position: absolute;
    bottom: -16%;
    left: 0;
    width: 100%;
    background-color: rgba(240, 50, 82, 0);
    -webkit-transition: 0.5s 1s;
    -moz-transition: 0.5s 1s;
    transition: 0.5s 1s;
    height: 1vw;
    border-radius: .3vw; }
  .wrap h1 span {
    display: none; }

body.preloader-layer-2 .stage {
  pointer-events: none; }
body.preloader-layer-2 #animalchanger::before {
  opacity: 0; }

body.preloader .loading, body.preloader .intro-content {
  display: block; }
body.preloader #animalchanger {
  background-color: #1a1a1d; }
body.preloader .shard-wrap:nth-child(1) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(2) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(3) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(4) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(5) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(6) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(7) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(8) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(9) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(10) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(11) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(12) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(13) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(14) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(15) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(16) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(17) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(18) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(19) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(20) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(21) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(22) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(23) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(24) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(25) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(26) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(27) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(28) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(29) .shard {
  background-color: black; }
body.preloader .shard-wrap:nth-child(30) .shard {
  background-color: black; }
body.preloader .intro-sequence {
  z-index: 4; }
body.preloader .level-one {
  -webkit-transform: scale(0.15) translateY(-20%);
  -moz-transform: scale(0.15) translateY(-20%);
  -ms-transform: scale(0.15) translateY(-20%);
  -o-transform: scale(0.15) translateY(-20%);
  transform: scale(0.15) translateY(-20%); }
  @media only screen and (min-width: 1450px) {
    body.preloader .level-one {
      -webkit-transform: scale(0.12) translateY(-20%);
      -moz-transform: scale(0.12) translateY(-20%);
      -ms-transform: scale(0.12) translateY(-20%);
      -o-transform: scale(0.12) translateY(-20%);
      transform: scale(0.12) translateY(-20%); } }
  body.preloader .level-one .shard-wrap:nth-child(1) .shard::before {
    -webkit-animation: loading 1.3s 0.9s infinite;
    -moz-animation: loading 1.3s 0.9s infinite;
    animation: loading 1.3s 0.9s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(2) .shard::before {
    -webkit-animation: loading 1.3s 0.87s infinite;
    -moz-animation: loading 1.3s 0.87s infinite;
    animation: loading 1.3s 0.87s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(3) .shard::before {
    -webkit-animation: loading 1.3s 0.84s infinite;
    -moz-animation: loading 1.3s 0.84s infinite;
    animation: loading 1.3s 0.84s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(4) .shard::before {
    -webkit-animation: loading 1.3s 0.81s infinite;
    -moz-animation: loading 1.3s 0.81s infinite;
    animation: loading 1.3s 0.81s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(5) .shard::before {
    -webkit-animation: loading 1.3s 0.78s infinite;
    -moz-animation: loading 1.3s 0.78s infinite;
    animation: loading 1.3s 0.78s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(6) .shard::before {
    -webkit-animation: loading 1.3s 0.75s infinite;
    -moz-animation: loading 1.3s 0.75s infinite;
    animation: loading 1.3s 0.75s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(7) .shard::before {
    -webkit-animation: loading 1.3s 0.72s infinite;
    -moz-animation: loading 1.3s 0.72s infinite;
    animation: loading 1.3s 0.72s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(8) .shard::before {
    -webkit-animation: loading 1.3s 0.69s infinite;
    -moz-animation: loading 1.3s 0.69s infinite;
    animation: loading 1.3s 0.69s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(9) .shard::before {
    -webkit-animation: loading 1.3s 0.66s infinite;
    -moz-animation: loading 1.3s 0.66s infinite;
    animation: loading 1.3s 0.66s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(10) .shard::before {
    -webkit-animation: loading 1.3s 0.63s infinite;
    -moz-animation: loading 1.3s 0.63s infinite;
    animation: loading 1.3s 0.63s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(11) .shard::before {
    -webkit-animation: loading 1.3s 0.6s infinite;
    -moz-animation: loading 1.3s 0.6s infinite;
    animation: loading 1.3s 0.6s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(12) .shard::before {
    -webkit-animation: loading 1.3s 0.57s infinite;
    -moz-animation: loading 1.3s 0.57s infinite;
    animation: loading 1.3s 0.57s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(13) .shard::before {
    -webkit-animation: loading 1.3s 0.54s infinite;
    -moz-animation: loading 1.3s 0.54s infinite;
    animation: loading 1.3s 0.54s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(14) .shard::before {
    -webkit-animation: loading 1.3s 0.51s infinite;
    -moz-animation: loading 1.3s 0.51s infinite;
    animation: loading 1.3s 0.51s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(15) .shard::before {
    -webkit-animation: loading 1.3s 0.48s infinite;
    -moz-animation: loading 1.3s 0.48s infinite;
    animation: loading 1.3s 0.48s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(16) .shard::before {
    -webkit-animation: loading 1.3s 0.45s infinite;
    -moz-animation: loading 1.3s 0.45s infinite;
    animation: loading 1.3s 0.45s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(17) .shard::before {
    -webkit-animation: loading 1.3s 0.42s infinite;
    -moz-animation: loading 1.3s 0.42s infinite;
    animation: loading 1.3s 0.42s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(18) .shard::before {
    -webkit-animation: loading 1.3s 0.39s infinite;
    -moz-animation: loading 1.3s 0.39s infinite;
    animation: loading 1.3s 0.39s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(19) .shard::before {
    -webkit-animation: loading 1.3s 0.36s infinite;
    -moz-animation: loading 1.3s 0.36s infinite;
    animation: loading 1.3s 0.36s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(20) .shard::before {
    -webkit-animation: loading 1.3s 0.33s infinite;
    -moz-animation: loading 1.3s 0.33s infinite;
    animation: loading 1.3s 0.33s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(21) .shard::before {
    -webkit-animation: loading 1.3s 0.3s infinite;
    -moz-animation: loading 1.3s 0.3s infinite;
    animation: loading 1.3s 0.3s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(22) .shard::before {
    -webkit-animation: loading 1.3s 0.27s infinite;
    -moz-animation: loading 1.3s 0.27s infinite;
    animation: loading 1.3s 0.27s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(23) .shard::before {
    -webkit-animation: loading 1.3s 0.24s infinite;
    -moz-animation: loading 1.3s 0.24s infinite;
    animation: loading 1.3s 0.24s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(24) .shard::before {
    -webkit-animation: loading 1.3s 0.21s infinite;
    -moz-animation: loading 1.3s 0.21s infinite;
    animation: loading 1.3s 0.21s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(25) .shard::before {
    -webkit-animation: loading 1.3s 0.18s infinite;
    -moz-animation: loading 1.3s 0.18s infinite;
    animation: loading 1.3s 0.18s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(26) .shard::before {
    -webkit-animation: loading 1.3s 0.15s infinite;
    -moz-animation: loading 1.3s 0.15s infinite;
    animation: loading 1.3s 0.15s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(27) .shard::before {
    -webkit-animation: loading 1.3s 0.12s infinite;
    -moz-animation: loading 1.3s 0.12s infinite;
    animation: loading 1.3s 0.12s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(28) .shard::before {
    -webkit-animation: loading 1.3s 0.09s infinite;
    -moz-animation: loading 1.3s 0.09s infinite;
    animation: loading 1.3s 0.09s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(29) .shard::before {
    -webkit-animation: loading 1.3s 0.06s infinite;
    -moz-animation: loading 1.3s 0.06s infinite;
    animation: loading 1.3s 0.06s infinite; }
  body.preloader .level-one .shard-wrap:nth-child(30) .shard::before {
    -webkit-animation: loading 1.3s 0.03s infinite;
    -moz-animation: loading 1.3s 0.03s infinite;
    animation: loading 1.3s 0.03s infinite; }
  body.preloader .level-one .level-two {
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    transform: rotate(-8deg); }
body.preloader .shard-wrap:nth-child(1) .shard {
  -webkit-clip-path: polygon(47.47% 13.626%, 50% 50%, 52.9% 13.867%); }
body.preloader .shard-wrap:nth-child(2) .shard {
  -webkit-clip-path: polygon(52.782% 13.867%, 50% 50%, 58.45% 15.313%); }
body.preloader .shard-wrap:nth-child(3) .shard {
  -webkit-clip-path: polygon(58.347% 15.313%, 50% 50%, 63.05% 18.1%); }
body.preloader .shard-wrap:nth-child(4) .shard {
  -webkit-clip-path: polygon(62.985% 18.084%, 50% 50%, 67.3% 22.6%); }
body.preloader .shard-wrap:nth-child(5) .shard {
  -webkit-clip-path: polygon(67.285% 22.541%, 50% 50%, 71.1% 28.7%); }
body.preloader .shard-wrap:nth-child(6) .shard {
  -webkit-clip-path: polygon(71.079% 28.686%, 50% 50%, 73.8% 35.4%); }
body.preloader .shard-wrap:nth-child(7) .shard {
  -webkit-clip-path: polygon(73.949% 35.227%, 50% 50%, 75.487% 42.559%); }
body.preloader .shard-wrap:nth-child(8) .shard {
  -webkit-clip-path: polygon(75.487% 42.559%, 50% 50%, 76.103% 50.33%); }
body.preloader .shard-wrap:nth-child(9) .shard {
  -webkit-clip-path: polygon(76.103% 50.33%, 50% 50%, 75.548% 57.963%); }
body.preloader .shard-wrap:nth-child(10) .shard {
  -webkit-clip-path: polygon(75.548% 57.963%, 50% 50%, 73.946% 65.192%); }
body.preloader .shard-wrap:nth-child(11) .shard {
  -webkit-clip-path: polygon(73.946% 65.192%, 50% 50%, 71.248% 71.939%); }
body.preloader .shard-wrap:nth-child(12) .shard {
  -webkit-clip-path: polygon(71.248% 71.939%, 50% 50%, 67.538% 77.602%); }
body.preloader .shard-wrap:nth-child(13) .shard {
  -webkit-clip-path: polygon(67.538% 77.602%, 50% 50%, 63.153% 82.421%); }
body.preloader .shard-wrap:nth-child(14) .shard {
  -webkit-clip-path: polygon(63.153% 82.421%, 50% 50%, 58.051% 85.667%); }
body.preloader .shard-wrap:nth-child(15) .shard {
  -webkit-clip-path: polygon(58.051% 85.667%, 50% 50%, 52.821% 86.547%); }
body.preloader .shard-wrap:nth-child(16) .shard {
  -webkit-clip-path: polygon(52.821% 86.547%, 50% 50%, 47.59% 86.694%); }
body.preloader .shard-wrap:nth-child(17) .shard {
  -webkit-clip-path: polygon(47.59% 86.694%, 50% 50%, 42.256% 85.227%); }
body.preloader .shard-wrap:nth-child(18) .shard {
  -webkit-clip-path: polygon(42.256% 85.227%, 50% 50%, 37.333% 82.148%); }
body.preloader .shard-wrap:nth-child(19) .shard {
  -webkit-clip-path: polygon(37.333% 82.148%, 50% 50%, 33.128% 77.163%); }
body.preloader .shard-wrap:nth-child(20) .shard {
  -webkit-clip-path: polygon(33.128% 77.163%, 50% 50%, 29.258% 71.698%); }
body.preloader .shard-wrap:nth-child(21) .shard {
  -webkit-clip-path: polygon(29.258% 71.698%, 50% 50%, 26.545% 65.2%); }
body.preloader .shard-wrap:nth-child(23) .shard {
  -webkit-clip-path: polygon(24.283% 50.252%, 50% 50%, 24.789% 58.445%); }
body.preloader .shard-wrap:nth-child(22) .shard {
  -webkit-clip-path: polygon(26.641% 65.509%, 50% 50%, 24.789% 58.445%); }
body.preloader .shard-wrap:nth-child(24) .shard {
  -webkit-clip-path: polygon(24.283% 50.252%, 50% 50%, 24.958% 42.421%); }
body.preloader .shard-wrap:nth-child(25) .shard {
  -webkit-clip-path: polygon(24.958% 42.421%, 50% 50%, 26.476% 35.313%); }
body.preloader .shard-wrap:nth-child(26) .shard {
  -webkit-clip-path: polygon(26.476% 35.313%, 50% 50%, 29.174% 28.566%); }
body.preloader .shard-wrap:nth-child(27) .shard {
  -webkit-clip-path: polygon(29.174% 28.566%, 50% 50%, 32.884% 22.782%); }
body.preloader .shard-wrap:nth-child(28) .shard {
  -webkit-clip-path: polygon(32.884% 22.782%, 50% 50%, 37.184% 18.084%); }
body.preloader .shard-wrap:nth-child(29) .shard {
  -webkit-clip-path: polygon(37.184% 18.084%, 50% 50%, 42.243% 15.072%); }
body.preloader .shard-wrap:nth-child(30) .shard {
  -webkit-clip-path: polygon(42.243% 15.072%, 50% 50%, 47.47% 13.626%); }
body.preloader .shard-wrap.peripheral .shard {
  -webkit-clip-path: polygon(50% 50%, 50% 50%, 50% 50%); }
@media only screen and (max-width: 700px) {
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(1% 50%, 1% 50%, 1% 50%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(2% 40%, 2% 40%, 2% 40%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(5% 30%, 5% 30%, 5% 30%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(10% 21%, 10% 21%, 10% 21%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(17% 14%, 17% 14%, 17% 14%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(26% 8%, 26% 8%, 26% 8%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(35% 4%, 35% 4%, 35% 4%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(45% 2%, 45% 2%, 45% 2%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(56% 98%, 56% 98%, 56% 98%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(46% 99%, 46% 99%, 46% 99%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(36% 97%, 36% 97%, 36% 97%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(27% 93%, 27% 93%, 27% 93%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(18% 87%, 18% 87%, 18% 87%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(11% 80%, 11% 80%, 11% 80%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(6% 72%, 6% 72%, 6% 72%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(2% 61%, 2% 61%, 2% 61%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(55% 2%, 55% 2%, 55% 2%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(65% 4%, 65% 4%, 65% 4%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(75% 8%, 75% 8%, 75% 8%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(82% 14%, 82% 14%, 82% 14%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(89% 21%, 89% 21%, 89% 21%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(95% 30%, 95% 30%, 95% 30%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(98% 40%, 98% 40%, 98% 40%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(99% 50%, 99% 50%, 99% 50%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(97% 60%, 97% 60%, 97% 60%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(95% 70%, 95% 70%, 95% 70%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(90% 77%, 90% 77%, 90% 77%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(84% 84%, 84% 84%, 84% 84%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(76% 91%, 76% 91%, 76% 91%) !important; }
  body.preloader #animalchanger .level-one .level-two .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(66% 96%, 66% 96%, 66% 96%) !important; } }
body.preloader.start-up-seq .loading, body.preloader.thirty-pieces-titles .loading {
  opacity: 0; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(1) .shard::before {
  -webkit-animation: shard-flow-black 2s 1.06s infinite;
  -moz-animation: shard-flow-black 2s 1.06s infinite;
  animation: shard-flow-black 2s 1.06s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(2) .shard::before {
  -webkit-animation: shard-flow-black 2s 1.12s infinite;
  -moz-animation: shard-flow-black 2s 1.12s infinite;
  animation: shard-flow-black 2s 1.12s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(3) .shard::before {
  -webkit-animation: shard-flow-black 2s 1.18s infinite;
  -moz-animation: shard-flow-black 2s 1.18s infinite;
  animation: shard-flow-black 2s 1.18s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(4) .shard::before {
  -webkit-animation: shard-flow-black 2s 1.24s infinite;
  -moz-animation: shard-flow-black 2s 1.24s infinite;
  animation: shard-flow-black 2s 1.24s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(5) .shard::before {
  -webkit-animation: shard-flow-black 2s 1.3s infinite;
  -moz-animation: shard-flow-black 2s 1.3s infinite;
  animation: shard-flow-black 2s 1.3s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(6) .shard::before {
  -webkit-animation: shard-flow-black 2s 1.36s infinite;
  -moz-animation: shard-flow-black 2s 1.36s infinite;
  animation: shard-flow-black 2s 1.36s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(7) .shard::before {
  -webkit-animation: shard-flow-black 2s 1.42s infinite;
  -moz-animation: shard-flow-black 2s 1.42s infinite;
  animation: shard-flow-black 2s 1.42s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(8) .shard::before {
  -webkit-animation: shard-flow-black 2s 1.48s infinite;
  -moz-animation: shard-flow-black 2s 1.48s infinite;
  animation: shard-flow-black 2s 1.48s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(9) .shard::before {
  -webkit-animation: shard-flow-black 2s 1.54s infinite;
  -moz-animation: shard-flow-black 2s 1.54s infinite;
  animation: shard-flow-black 2s 1.54s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(10) .shard::before {
  -webkit-animation: shard-flow-black 2s 1.6s infinite;
  -moz-animation: shard-flow-black 2s 1.6s infinite;
  animation: shard-flow-black 2s 1.6s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(11) .shard::before {
  -webkit-animation: shard-flow-black 2s 1.66s infinite;
  -moz-animation: shard-flow-black 2s 1.66s infinite;
  animation: shard-flow-black 2s 1.66s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(12) .shard::before {
  -webkit-animation: shard-flow-black 2s 1.72s infinite;
  -moz-animation: shard-flow-black 2s 1.72s infinite;
  animation: shard-flow-black 2s 1.72s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(13) .shard::before {
  -webkit-animation: shard-flow-black 2s 1.78s infinite;
  -moz-animation: shard-flow-black 2s 1.78s infinite;
  animation: shard-flow-black 2s 1.78s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(14) .shard::before {
  -webkit-animation: shard-flow-black 2s 1.84s infinite;
  -moz-animation: shard-flow-black 2s 1.84s infinite;
  animation: shard-flow-black 2s 1.84s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(15) .shard::before {
  -webkit-animation: shard-flow-black 2s 1.9s infinite;
  -moz-animation: shard-flow-black 2s 1.9s infinite;
  animation: shard-flow-black 2s 1.9s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(16) .shard::before {
  -webkit-animation: shard-flow-black 2s 1.96s infinite;
  -moz-animation: shard-flow-black 2s 1.96s infinite;
  animation: shard-flow-black 2s 1.96s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(17) .shard::before {
  -webkit-animation: shard-flow-black 2s 2.02s infinite;
  -moz-animation: shard-flow-black 2s 2.02s infinite;
  animation: shard-flow-black 2s 2.02s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(18) .shard::before {
  -webkit-animation: shard-flow-black 2s 2.08s infinite;
  -moz-animation: shard-flow-black 2s 2.08s infinite;
  animation: shard-flow-black 2s 2.08s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(19) .shard::before {
  -webkit-animation: shard-flow-black 2s 2.14s infinite;
  -moz-animation: shard-flow-black 2s 2.14s infinite;
  animation: shard-flow-black 2s 2.14s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(20) .shard::before {
  -webkit-animation: shard-flow-black 2s 2.2s infinite;
  -moz-animation: shard-flow-black 2s 2.2s infinite;
  animation: shard-flow-black 2s 2.2s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(21) .shard::before {
  -webkit-animation: shard-flow-black 2s 2.26s infinite;
  -moz-animation: shard-flow-black 2s 2.26s infinite;
  animation: shard-flow-black 2s 2.26s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(22) .shard::before {
  -webkit-animation: shard-flow-black 2s 2.32s infinite;
  -moz-animation: shard-flow-black 2s 2.32s infinite;
  animation: shard-flow-black 2s 2.32s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(23) .shard::before {
  -webkit-animation: shard-flow-black 2s 2.38s infinite;
  -moz-animation: shard-flow-black 2s 2.38s infinite;
  animation: shard-flow-black 2s 2.38s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(24) .shard::before {
  -webkit-animation: shard-flow-black 2s 2.44s infinite;
  -moz-animation: shard-flow-black 2s 2.44s infinite;
  animation: shard-flow-black 2s 2.44s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(25) .shard::before {
  -webkit-animation: shard-flow-black 2s 2.5s infinite;
  -moz-animation: shard-flow-black 2s 2.5s infinite;
  animation: shard-flow-black 2s 2.5s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(26) .shard::before {
  -webkit-animation: shard-flow-black 2s 2.56s infinite;
  -moz-animation: shard-flow-black 2s 2.56s infinite;
  animation: shard-flow-black 2s 2.56s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(27) .shard::before {
  -webkit-animation: shard-flow-black 2s 2.62s infinite;
  -moz-animation: shard-flow-black 2s 2.62s infinite;
  animation: shard-flow-black 2s 2.62s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(28) .shard::before {
  -webkit-animation: shard-flow-black 2s 2.68s infinite;
  -moz-animation: shard-flow-black 2s 2.68s infinite;
  animation: shard-flow-black 2s 2.68s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(29) .shard::before {
  -webkit-animation: shard-flow-black 2s 2.74s infinite;
  -moz-animation: shard-flow-black 2s 2.74s infinite;
  animation: shard-flow-black 2s 2.74s infinite; }
body.preloader.start-up-seq #animalchanger .shard-wrap:nth-child(30) .shard::before {
  -webkit-animation: shard-flow-black 2s 2.8s infinite;
  -moz-animation: shard-flow-black 2s 2.8s infinite;
  animation: shard-flow-black 2s 2.8s infinite; }
body.preloader.start-up-seq .skip-intro {
  opacity: 1;
  pointer-events: auto; }
  body.preloader.start-up-seq .skip-intro .timeline::before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1); }
body.preloader.start-up-seq .wrap h1 {
  display: block; }
body.preloader.start-up-seq .level-one {
  -webkit-transform: scale(0.71) translateY(-6%);
  -moz-transform: scale(0.71) translateY(-6%);
  -ms-transform: scale(0.71) translateY(-6%);
  -o-transform: scale(0.71) translateY(-6%);
  transform: scale(0.71) translateY(-6%);
  -webkit-transition: 1s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 1s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 1s cubic-bezier(0.62, 0.02, 0.34, 1); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    body.preloader.start-up-seq .level-one {
      -webkit-transform: scale(0.6) translateY(-6%);
      -moz-transform: scale(0.6) translateY(-6%);
      -ms-transform: scale(0.6) translateY(-6%);
      -o-transform: scale(0.6) translateY(-6%);
      transform: scale(0.6) translateY(-6%); } }
  body.preloader.start-up-seq .level-one .level-two {
    -webkit-transform: rotate(26deg);
    -moz-transform: rotate(26deg);
    -ms-transform: rotate(26deg);
    -o-transform: rotate(26deg);
    transform: rotate(26deg);
    -webkit-transition: 16s linear 1.5s;
    -moz-transition: 16s linear 1.5s;
    transition: 16s linear 1.5s; }
  body.preloader.start-up-seq .level-one .shard-wrap .shard::before {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(1) .shard {
    background-color: #252528; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(2) .shard {
    background-color: #252528; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(3) .shard {
    background-color: #242427; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(4) .shard {
    background-color: #242426; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(5) .shard {
    background-color: #232326; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(6) .shard {
    background-color: #222225; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(7) .shard {
    background-color: #222224; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(8) .shard {
    background-color: #212124; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(9) .shard {
    background-color: #202023; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(10) .shard {
    background-color: #202022; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(11) .shard {
    background-color: #1f1f22; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(12) .shard {
    background-color: #1f1f21; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(13) .shard {
    background-color: #1e1e20; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(14) .shard {
    background-color: #1d1d20; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(15) .shard {
    background-color: #1d1d1f; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(16) .shard {
    background-color: #131315; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(17) .shard {
    background-color: #131315; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(18) .shard {
    background-color: #121214; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(19) .shard {
    background-color: #111113; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(20) .shard {
    background-color: #111113; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(21) .shard {
    background-color: #101012; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(22) .shard {
    background-color: #101011; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(23) .shard {
    background-color: #0f0f11; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(24) .shard {
    background-color: #0e0e10; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(25) .shard {
    background-color: #0e0e0f; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(26) .shard {
    background-color: #0d0d0f; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(27) .shard {
    background-color: #0d0d0e; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(28) .shard {
    background-color: #0c0c0d; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(29) .shard {
    background-color: #0b0b0d; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(30) .shard {
    background-color: #0b0b0c; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(1) .shard {
    -webkit-transition: all 1.24s 0.5s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.5s;
    -moz-transition: all 1.24s 0.5s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.5s;
    transition: all 1.24s 0.5s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.5s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(2) .shard {
    -webkit-transition: all 1.28s 0.45s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.45s;
    -moz-transition: all 1.28s 0.45s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.45s;
    transition: all 1.28s 0.45s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.45s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(3) .shard {
    -webkit-transition: all 1.32s 0.4s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.4s;
    -moz-transition: all 1.32s 0.4s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.4s;
    transition: all 1.32s 0.4s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.4s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(4) .shard {
    -webkit-transition: all 1.36s 0.35s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.35s;
    -moz-transition: all 1.36s 0.35s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.35s;
    transition: all 1.36s 0.35s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.35s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(5) .shard {
    -webkit-transition: all 1.4s 0.3s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.3s;
    -moz-transition: all 1.4s 0.3s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.3s;
    transition: all 1.4s 0.3s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.3s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(6) .shard {
    -webkit-transition: all 1.44s 0.25s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.25s;
    -moz-transition: all 1.44s 0.25s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.25s;
    transition: all 1.44s 0.25s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.25s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(7) .shard {
    -webkit-transition: all 1.48s 0.2s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.2s;
    -moz-transition: all 1.48s 0.2s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.2s;
    transition: all 1.48s 0.2s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.2s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(8) .shard {
    -webkit-transition: all 1.52s 0.15s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.15s;
    -moz-transition: all 1.52s 0.15s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.15s;
    transition: all 1.52s 0.15s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.15s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(9) .shard {
    -webkit-transition: all 1.56s 0.1s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.1s;
    -moz-transition: all 1.56s 0.1s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.1s;
    transition: all 1.56s 0.1s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.1s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(10) .shard {
    -webkit-transition: all 1.6s 0.05s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.05s;
    -moz-transition: all 1.6s 0.05s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.05s;
    transition: all 1.6s 0.05s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.05s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(11) .shard {
    -webkit-transition: all 1.64s 0s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0s;
    -moz-transition: all 1.64s 0s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0s;
    transition: all 1.64s 0s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(12) .shard {
    -webkit-transition: all 1.68s -0.05s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s -0.05s;
    -moz-transition: all 1.68s -0.05s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s -0.05s;
    transition: all 1.68s -0.05s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s -0.05s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(13) .shard {
    -webkit-transition: all 1.72s -0.1s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s -0.1s;
    -moz-transition: all 1.72s -0.1s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s -0.1s;
    transition: all 1.72s -0.1s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s -0.1s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(14) .shard {
    -webkit-transition: all 1.76s -0.15s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s -0.15s;
    -moz-transition: all 1.76s -0.15s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s -0.15s;
    transition: all 1.76s -0.15s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s -0.15s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(15) .shard {
    -webkit-transition: all 1.8s -0.2s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s -0.2s;
    -moz-transition: all 1.8s -0.2s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s -0.2s;
    transition: all 1.8s -0.2s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s -0.2s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(16) .shard {
    -webkit-transition: all 1.84s -0.2s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s -0.2s;
    -moz-transition: all 1.84s -0.2s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s -0.2s;
    transition: all 1.84s -0.2s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s -0.2s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(17) .shard {
    -webkit-transition: all 1.88s -0.15s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s -0.15s;
    -moz-transition: all 1.88s -0.15s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s -0.15s;
    transition: all 1.88s -0.15s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s -0.15s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(18) .shard {
    -webkit-transition: all 1.92s -0.1s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s -0.1s;
    -moz-transition: all 1.92s -0.1s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s -0.1s;
    transition: all 1.92s -0.1s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s -0.1s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(19) .shard {
    -webkit-transition: all 1.96s -0.05s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s -0.05s;
    -moz-transition: all 1.96s -0.05s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s -0.05s;
    transition: all 1.96s -0.05s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s -0.05s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(20) .shard {
    -webkit-transition: all 2s 0s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0s;
    -moz-transition: all 2s 0s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0s;
    transition: all 2s 0s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(21) .shard {
    -webkit-transition: all 2.04s 0.05s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.05s;
    -moz-transition: all 2.04s 0.05s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.05s;
    transition: all 2.04s 0.05s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.05s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(22) .shard {
    -webkit-transition: all 2.08s 0.1s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.1s;
    -moz-transition: all 2.08s 0.1s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.1s;
    transition: all 2.08s 0.1s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.1s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(23) .shard {
    -webkit-transition: all 2.12s 0.15s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.15s;
    -moz-transition: all 2.12s 0.15s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.15s;
    transition: all 2.12s 0.15s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.15s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(24) .shard {
    -webkit-transition: all 2.16s 0.2s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.2s;
    -moz-transition: all 2.16s 0.2s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.2s;
    transition: all 2.16s 0.2s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.2s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(25) .shard {
    -webkit-transition: all 2.2s 0.25s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.25s;
    -moz-transition: all 2.2s 0.25s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.25s;
    transition: all 2.2s 0.25s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.25s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(26) .shard {
    -webkit-transition: all 2.24s 0.3s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.3s;
    -moz-transition: all 2.24s 0.3s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.3s;
    transition: all 2.24s 0.3s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.3s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(27) .shard {
    -webkit-transition: all 2.28s 0.35s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.35s;
    -moz-transition: all 2.28s 0.35s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.35s;
    transition: all 2.28s 0.35s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.35s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(28) .shard {
    -webkit-transition: all 2.32s 0.4s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.4s;
    -moz-transition: all 2.32s 0.4s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.4s;
    transition: all 2.32s 0.4s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.4s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(29) .shard {
    -webkit-transition: all 2.36s 0.45s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.45s;
    -moz-transition: all 2.36s 0.45s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.45s;
    transition: all 2.36s 0.45s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.45s; }
  body.preloader.start-up-seq .level-one .shard-wrap:nth-child(30) .shard {
    -webkit-transition: all 2.4s 0.5s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.5s;
    -moz-transition: all 2.4s 0.5s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.5s;
    transition: all 2.4s 0.5s cubic-bezier(0.62, 0.02, 0.34, 1), background-color 0.4s 0.5s; }
body.preloader.start-up-seq.performance-boost .level-one {
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  transition-duration: 0.7s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(1) .shard {
    -webkit-transition-duration: all 0.73s, background-color 0.3s;
    -moz-transition-duration: all 0.73s, background-color 0.3s;
    transition-duration: all 0.73s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(2) .shard {
    -webkit-transition-duration: all 0.76s, background-color 0.3s;
    -moz-transition-duration: all 0.76s, background-color 0.3s;
    transition-duration: all 0.76s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(3) .shard {
    -webkit-transition-duration: all 0.79s, background-color 0.3s;
    -moz-transition-duration: all 0.79s, background-color 0.3s;
    transition-duration: all 0.79s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(4) .shard {
    -webkit-transition-duration: all 0.82s, background-color 0.3s;
    -moz-transition-duration: all 0.82s, background-color 0.3s;
    transition-duration: all 0.82s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(5) .shard {
    -webkit-transition-duration: all 0.85s, background-color 0.3s;
    -moz-transition-duration: all 0.85s, background-color 0.3s;
    transition-duration: all 0.85s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(6) .shard {
    -webkit-transition-duration: all 0.88s, background-color 0.3s;
    -moz-transition-duration: all 0.88s, background-color 0.3s;
    transition-duration: all 0.88s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(7) .shard {
    -webkit-transition-duration: all 0.91s, background-color 0.3s;
    -moz-transition-duration: all 0.91s, background-color 0.3s;
    transition-duration: all 0.91s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(8) .shard {
    -webkit-transition-duration: all 0.94s, background-color 0.3s;
    -moz-transition-duration: all 0.94s, background-color 0.3s;
    transition-duration: all 0.94s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(9) .shard {
    -webkit-transition-duration: all 0.97s, background-color 0.3s;
    -moz-transition-duration: all 0.97s, background-color 0.3s;
    transition-duration: all 0.97s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(10) .shard {
    -webkit-transition-duration: all 1s, background-color 0.3s;
    -moz-transition-duration: all 1s, background-color 0.3s;
    transition-duration: all 1s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(11) .shard {
    -webkit-transition-duration: all 1.03s, background-color 0.3s;
    -moz-transition-duration: all 1.03s, background-color 0.3s;
    transition-duration: all 1.03s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(12) .shard {
    -webkit-transition-duration: all 1.06s, background-color 0.3s;
    -moz-transition-duration: all 1.06s, background-color 0.3s;
    transition-duration: all 1.06s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(13) .shard {
    -webkit-transition-duration: all 1.09s, background-color 0.3s;
    -moz-transition-duration: all 1.09s, background-color 0.3s;
    transition-duration: all 1.09s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(14) .shard {
    -webkit-transition-duration: all 1.12s, background-color 0.3s;
    -moz-transition-duration: all 1.12s, background-color 0.3s;
    transition-duration: all 1.12s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(15) .shard {
    -webkit-transition-duration: all 1.15s, background-color 0.3s;
    -moz-transition-duration: all 1.15s, background-color 0.3s;
    transition-duration: all 1.15s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(16) .shard {
    -webkit-transition-duration: all 1.18s, background-color 0.3s;
    -moz-transition-duration: all 1.18s, background-color 0.3s;
    transition-duration: all 1.18s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(17) .shard {
    -webkit-transition-duration: all 1.21s, background-color 0.3s;
    -moz-transition-duration: all 1.21s, background-color 0.3s;
    transition-duration: all 1.21s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(18) .shard {
    -webkit-transition-duration: all 1.24s, background-color 0.3s;
    -moz-transition-duration: all 1.24s, background-color 0.3s;
    transition-duration: all 1.24s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(19) .shard {
    -webkit-transition-duration: all 1.27s, background-color 0.3s;
    -moz-transition-duration: all 1.27s, background-color 0.3s;
    transition-duration: all 1.27s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(20) .shard {
    -webkit-transition-duration: all 1.3s, background-color 0.3s;
    -moz-transition-duration: all 1.3s, background-color 0.3s;
    transition-duration: all 1.3s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(21) .shard {
    -webkit-transition-duration: all 1.33s, background-color 0.3s;
    -moz-transition-duration: all 1.33s, background-color 0.3s;
    transition-duration: all 1.33s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(22) .shard {
    -webkit-transition-duration: all 1.36s, background-color 0.3s;
    -moz-transition-duration: all 1.36s, background-color 0.3s;
    transition-duration: all 1.36s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(23) .shard {
    -webkit-transition-duration: all 1.39s, background-color 0.3s;
    -moz-transition-duration: all 1.39s, background-color 0.3s;
    transition-duration: all 1.39s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(24) .shard {
    -webkit-transition-duration: all 1.42s, background-color 0.3s;
    -moz-transition-duration: all 1.42s, background-color 0.3s;
    transition-duration: all 1.42s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(25) .shard {
    -webkit-transition-duration: all 1.45s, background-color 0.3s;
    -moz-transition-duration: all 1.45s, background-color 0.3s;
    transition-duration: all 1.45s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(26) .shard {
    -webkit-transition-duration: all 1.48s, background-color 0.3s;
    -moz-transition-duration: all 1.48s, background-color 0.3s;
    transition-duration: all 1.48s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(27) .shard {
    -webkit-transition-duration: all 1.51s, background-color 0.3s;
    -moz-transition-duration: all 1.51s, background-color 0.3s;
    transition-duration: all 1.51s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(28) .shard {
    -webkit-transition-duration: all 1.54s, background-color 0.3s;
    -moz-transition-duration: all 1.54s, background-color 0.3s;
    transition-duration: all 1.54s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(29) .shard {
    -webkit-transition-duration: all 1.57s, background-color 0.3s;
    -moz-transition-duration: all 1.57s, background-color 0.3s;
    transition-duration: all 1.57s, background-color 0.3s; }
  body.preloader.start-up-seq.performance-boost .level-one .shard-wrap:nth-child(30) .shard {
    -webkit-transition-duration: all 1.6s, background-color 0.3s;
    -moz-transition-duration: all 1.6s, background-color 0.3s;
    transition-duration: all 1.6s, background-color 0.3s; }
body.preloader.thirty-pieces-titles .skip-intro, body.preloader.thirty-pieces-titles.performance-boost .skip-intro {
  opacity: 0;
  pointer-events: none; }
body.preloader.thirty-pieces-titles .wrap h1, body.preloader.thirty-pieces-titles.performance-boost .wrap h1 {
  color: white; }
  body.preloader.thirty-pieces-titles .wrap h1::after, body.preloader.thirty-pieces-titles.performance-boost .wrap h1::after {
    background-color: #f03252; }
body.preloader.thirty-pieces-titles .intro-content, body.preloader.thirty-pieces-titles.performance-boost .intro-content {
  pointer-events: auto; }
body.preloader.thirty-pieces-titles .intro-content p, body.preloader.thirty-pieces-titles .intro-content .start-experience, body.preloader.thirty-pieces-titles.performance-boost .intro-content p, body.preloader.thirty-pieces-titles.performance-boost .intro-content .start-experience {
  opacity: 1; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(1) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(1) .shard::before {
  -webkit-animation: shard-flow 2s 1.03s infinite;
  -moz-animation: shard-flow 2s 1.03s infinite;
  animation: shard-flow 2s 1.03s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(2) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(2) .shard::before {
  -webkit-animation: shard-flow 2s 1.06s infinite;
  -moz-animation: shard-flow 2s 1.06s infinite;
  animation: shard-flow 2s 1.06s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(3) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(3) .shard::before {
  -webkit-animation: shard-flow 2s 1.09s infinite;
  -moz-animation: shard-flow 2s 1.09s infinite;
  animation: shard-flow 2s 1.09s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(4) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(4) .shard::before {
  -webkit-animation: shard-flow 2s 1.12s infinite;
  -moz-animation: shard-flow 2s 1.12s infinite;
  animation: shard-flow 2s 1.12s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(5) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(5) .shard::before {
  -webkit-animation: shard-flow 2s 1.15s infinite;
  -moz-animation: shard-flow 2s 1.15s infinite;
  animation: shard-flow 2s 1.15s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(6) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(6) .shard::before {
  -webkit-animation: shard-flow 2s 1.18s infinite;
  -moz-animation: shard-flow 2s 1.18s infinite;
  animation: shard-flow 2s 1.18s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(7) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(7) .shard::before {
  -webkit-animation: shard-flow 2s 1.21s infinite;
  -moz-animation: shard-flow 2s 1.21s infinite;
  animation: shard-flow 2s 1.21s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(8) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(8) .shard::before {
  -webkit-animation: shard-flow 2s 1.24s infinite;
  -moz-animation: shard-flow 2s 1.24s infinite;
  animation: shard-flow 2s 1.24s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(9) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(9) .shard::before {
  -webkit-animation: shard-flow 2s 1.27s infinite;
  -moz-animation: shard-flow 2s 1.27s infinite;
  animation: shard-flow 2s 1.27s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(10) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(10) .shard::before {
  -webkit-animation: shard-flow 2s 1.3s infinite;
  -moz-animation: shard-flow 2s 1.3s infinite;
  animation: shard-flow 2s 1.3s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(11) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(11) .shard::before {
  -webkit-animation: shard-flow 2s 1.33s infinite;
  -moz-animation: shard-flow 2s 1.33s infinite;
  animation: shard-flow 2s 1.33s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(12) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(12) .shard::before {
  -webkit-animation: shard-flow 2s 1.36s infinite;
  -moz-animation: shard-flow 2s 1.36s infinite;
  animation: shard-flow 2s 1.36s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(13) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(13) .shard::before {
  -webkit-animation: shard-flow 2s 1.39s infinite;
  -moz-animation: shard-flow 2s 1.39s infinite;
  animation: shard-flow 2s 1.39s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(14) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(14) .shard::before {
  -webkit-animation: shard-flow 2s 1.42s infinite;
  -moz-animation: shard-flow 2s 1.42s infinite;
  animation: shard-flow 2s 1.42s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(15) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(15) .shard::before {
  -webkit-animation: shard-flow 2s 1.45s infinite;
  -moz-animation: shard-flow 2s 1.45s infinite;
  animation: shard-flow 2s 1.45s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(16) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(16) .shard::before {
  -webkit-animation: shard-flow 2s 1.48s infinite;
  -moz-animation: shard-flow 2s 1.48s infinite;
  animation: shard-flow 2s 1.48s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(17) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(17) .shard::before {
  -webkit-animation: shard-flow 2s 1.51s infinite;
  -moz-animation: shard-flow 2s 1.51s infinite;
  animation: shard-flow 2s 1.51s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(18) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(18) .shard::before {
  -webkit-animation: shard-flow 2s 1.54s infinite;
  -moz-animation: shard-flow 2s 1.54s infinite;
  animation: shard-flow 2s 1.54s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(19) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(19) .shard::before {
  -webkit-animation: shard-flow 2s 1.57s infinite;
  -moz-animation: shard-flow 2s 1.57s infinite;
  animation: shard-flow 2s 1.57s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(20) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(20) .shard::before {
  -webkit-animation: shard-flow 2s 1.6s infinite;
  -moz-animation: shard-flow 2s 1.6s infinite;
  animation: shard-flow 2s 1.6s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(21) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(21) .shard::before {
  -webkit-animation: shard-flow 2s 1.63s infinite;
  -moz-animation: shard-flow 2s 1.63s infinite;
  animation: shard-flow 2s 1.63s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(22) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(22) .shard::before {
  -webkit-animation: shard-flow 2s 1.66s infinite;
  -moz-animation: shard-flow 2s 1.66s infinite;
  animation: shard-flow 2s 1.66s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(23) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(23) .shard::before {
  -webkit-animation: shard-flow 2s 1.69s infinite;
  -moz-animation: shard-flow 2s 1.69s infinite;
  animation: shard-flow 2s 1.69s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(24) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(24) .shard::before {
  -webkit-animation: shard-flow 2s 1.72s infinite;
  -moz-animation: shard-flow 2s 1.72s infinite;
  animation: shard-flow 2s 1.72s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(25) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(25) .shard::before {
  -webkit-animation: shard-flow 2s 1.75s infinite;
  -moz-animation: shard-flow 2s 1.75s infinite;
  animation: shard-flow 2s 1.75s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(26) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(26) .shard::before {
  -webkit-animation: shard-flow 2s 1.78s infinite;
  -moz-animation: shard-flow 2s 1.78s infinite;
  animation: shard-flow 2s 1.78s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(27) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(27) .shard::before {
  -webkit-animation: shard-flow 2s 1.81s infinite;
  -moz-animation: shard-flow 2s 1.81s infinite;
  animation: shard-flow 2s 1.81s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(28) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(28) .shard::before {
  -webkit-animation: shard-flow 2s 1.84s infinite;
  -moz-animation: shard-flow 2s 1.84s infinite;
  animation: shard-flow 2s 1.84s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(29) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(29) .shard::before {
  -webkit-animation: shard-flow 2s 1.87s infinite;
  -moz-animation: shard-flow 2s 1.87s infinite;
  animation: shard-flow 2s 1.87s infinite; }
body.preloader.thirty-pieces-titles #animalchanger .shard-wrap:nth-child(30) .shard::before, body.preloader.thirty-pieces-titles.performance-boost #animalchanger .shard-wrap:nth-child(30) .shard::before {
  -webkit-animation: shard-flow 2s 1.9s infinite;
  -moz-animation: shard-flow 2s 1.9s infinite;
  animation: shard-flow 2s 1.9s infinite; }
body.preloader.thirty-pieces-titles .level-one, body.preloader.thirty-pieces-titles.performance-boost .level-one {
  -webkit-transform: scale(0.54) translateY(-21%);
  -moz-transform: scale(0.54) translateY(-21%);
  -ms-transform: scale(0.54) translateY(-21%);
  -o-transform: scale(0.54) translateY(-21%);
  transform: scale(0.54) translateY(-21%);
  -webkit-transition: 1.4s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 1.4s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 1.4s cubic-bezier(0.62, 0.02, 0.34, 1); }
  @media only screen and (min-width: 1450px) {
    body.preloader.thirty-pieces-titles .level-one, body.preloader.thirty-pieces-titles.performance-boost .level-one {
      -webkit-transform: scale(0.5) translateY(-24%);
      -moz-transform: scale(0.5) translateY(-24%);
      -ms-transform: scale(0.5) translateY(-24%);
      -o-transform: scale(0.5) translateY(-24%);
      transform: scale(0.5) translateY(-24%); } }
  body.preloader.thirty-pieces-titles .level-one .level-two, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(1) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(1) .shard {
      -webkit-transition: all 0.22s 0.43s cubic-bezier(1, 0, 0, 1), background-color 0.22s 0.43s;
      -moz-transition: all 0.22s 0.43s cubic-bezier(1, 0, 0, 1), background-color 0.22s 0.43s;
      transition: all 0.22s 0.43s cubic-bezier(1, 0, 0, 1), background-color 0.22s 0.43s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(2) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(2) .shard {
      -webkit-transition: all 0.28s 0.46s cubic-bezier(1, 0, 0, 1), background-color 0.28s 0.46s;
      -moz-transition: all 0.28s 0.46s cubic-bezier(1, 0, 0, 1), background-color 0.28s 0.46s;
      transition: all 0.28s 0.46s cubic-bezier(1, 0, 0, 1), background-color 0.28s 0.46s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(3) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(3) .shard {
      -webkit-transition: all 0.34s 0.49s cubic-bezier(1, 0, 0, 1), background-color 0.34s 0.49s;
      -moz-transition: all 0.34s 0.49s cubic-bezier(1, 0, 0, 1), background-color 0.34s 0.49s;
      transition: all 0.34s 0.49s cubic-bezier(1, 0, 0, 1), background-color 0.34s 0.49s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(4) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(4) .shard {
      -webkit-transition: all 0.4s 0.52s cubic-bezier(1, 0, 0, 1), background-color 0.4s 0.52s;
      -moz-transition: all 0.4s 0.52s cubic-bezier(1, 0, 0, 1), background-color 0.4s 0.52s;
      transition: all 0.4s 0.52s cubic-bezier(1, 0, 0, 1), background-color 0.4s 0.52s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(5) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(5) .shard {
      -webkit-transition: all 0.46s 0.55s cubic-bezier(1, 0, 0, 1), background-color 0.46s 0.55s;
      -moz-transition: all 0.46s 0.55s cubic-bezier(1, 0, 0, 1), background-color 0.46s 0.55s;
      transition: all 0.46s 0.55s cubic-bezier(1, 0, 0, 1), background-color 0.46s 0.55s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(6) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(6) .shard {
      -webkit-transition: all 0.52s 0.58s cubic-bezier(1, 0, 0, 1), background-color 0.52s 0.58s;
      -moz-transition: all 0.52s 0.58s cubic-bezier(1, 0, 0, 1), background-color 0.52s 0.58s;
      transition: all 0.52s 0.58s cubic-bezier(1, 0, 0, 1), background-color 0.52s 0.58s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(7) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(7) .shard {
      -webkit-transition: all 0.58s 0.61s cubic-bezier(1, 0, 0, 1), background-color 0.58s 0.61s;
      -moz-transition: all 0.58s 0.61s cubic-bezier(1, 0, 0, 1), background-color 0.58s 0.61s;
      transition: all 0.58s 0.61s cubic-bezier(1, 0, 0, 1), background-color 0.58s 0.61s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(8) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(8) .shard {
      -webkit-transition: all 0.64s 0.64s cubic-bezier(1, 0, 0, 1), background-color 0.64s 0.64s;
      -moz-transition: all 0.64s 0.64s cubic-bezier(1, 0, 0, 1), background-color 0.64s 0.64s;
      transition: all 0.64s 0.64s cubic-bezier(1, 0, 0, 1), background-color 0.64s 0.64s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(9) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(9) .shard {
      -webkit-transition: all 0.7s 0.67s cubic-bezier(1, 0, 0, 1), background-color 0.7s 0.67s;
      -moz-transition: all 0.7s 0.67s cubic-bezier(1, 0, 0, 1), background-color 0.7s 0.67s;
      transition: all 0.7s 0.67s cubic-bezier(1, 0, 0, 1), background-color 0.7s 0.67s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(10) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(10) .shard {
      -webkit-transition: all 0.76s 0.7s cubic-bezier(1, 0, 0, 1), background-color 0.76s 0.7s;
      -moz-transition: all 0.76s 0.7s cubic-bezier(1, 0, 0, 1), background-color 0.76s 0.7s;
      transition: all 0.76s 0.7s cubic-bezier(1, 0, 0, 1), background-color 0.76s 0.7s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(11) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(11) .shard {
      -webkit-transition: all 0.82s 0.73s cubic-bezier(1, 0, 0, 1), background-color 0.82s 0.73s;
      -moz-transition: all 0.82s 0.73s cubic-bezier(1, 0, 0, 1), background-color 0.82s 0.73s;
      transition: all 0.82s 0.73s cubic-bezier(1, 0, 0, 1), background-color 0.82s 0.73s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(12) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(12) .shard {
      -webkit-transition: all 0.88s 0.76s cubic-bezier(1, 0, 0, 1), background-color 0.88s 0.76s;
      -moz-transition: all 0.88s 0.76s cubic-bezier(1, 0, 0, 1), background-color 0.88s 0.76s;
      transition: all 0.88s 0.76s cubic-bezier(1, 0, 0, 1), background-color 0.88s 0.76s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(13) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(13) .shard {
      -webkit-transition: all 0.94s 0.79s cubic-bezier(1, 0, 0, 1), background-color 0.94s 0.79s;
      -moz-transition: all 0.94s 0.79s cubic-bezier(1, 0, 0, 1), background-color 0.94s 0.79s;
      transition: all 0.94s 0.79s cubic-bezier(1, 0, 0, 1), background-color 0.94s 0.79s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(14) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(14) .shard {
      -webkit-transition: all 1s 0.82s cubic-bezier(1, 0, 0, 1), background-color 1s 0.82s;
      -moz-transition: all 1s 0.82s cubic-bezier(1, 0, 0, 1), background-color 1s 0.82s;
      transition: all 1s 0.82s cubic-bezier(1, 0, 0, 1), background-color 1s 0.82s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(15) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(15) .shard {
      -webkit-transition: all 1.06s 0.85s cubic-bezier(1, 0, 0, 1), background-color 1.06s 0.85s;
      -moz-transition: all 1.06s 0.85s cubic-bezier(1, 0, 0, 1), background-color 1.06s 0.85s;
      transition: all 1.06s 0.85s cubic-bezier(1, 0, 0, 1), background-color 1.06s 0.85s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(16) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(16) .shard {
      -webkit-transition: all 1.12s 0.88s cubic-bezier(1, 0, 0, 1), background-color 1.12s 0.88s;
      -moz-transition: all 1.12s 0.88s cubic-bezier(1, 0, 0, 1), background-color 1.12s 0.88s;
      transition: all 1.12s 0.88s cubic-bezier(1, 0, 0, 1), background-color 1.12s 0.88s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(17) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(17) .shard {
      -webkit-transition: all 1.18s 0.91s cubic-bezier(1, 0, 0, 1), background-color 1.18s 0.91s;
      -moz-transition: all 1.18s 0.91s cubic-bezier(1, 0, 0, 1), background-color 1.18s 0.91s;
      transition: all 1.18s 0.91s cubic-bezier(1, 0, 0, 1), background-color 1.18s 0.91s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(18) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(18) .shard {
      -webkit-transition: all 1.24s 0.94s cubic-bezier(1, 0, 0, 1), background-color 1.24s 0.94s;
      -moz-transition: all 1.24s 0.94s cubic-bezier(1, 0, 0, 1), background-color 1.24s 0.94s;
      transition: all 1.24s 0.94s cubic-bezier(1, 0, 0, 1), background-color 1.24s 0.94s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(19) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(19) .shard {
      -webkit-transition: all 1.3s 0.97s cubic-bezier(1, 0, 0, 1), background-color 1.3s 0.97s;
      -moz-transition: all 1.3s 0.97s cubic-bezier(1, 0, 0, 1), background-color 1.3s 0.97s;
      transition: all 1.3s 0.97s cubic-bezier(1, 0, 0, 1), background-color 1.3s 0.97s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(20) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(20) .shard {
      -webkit-transition: all 1.36s 1s cubic-bezier(1, 0, 0, 1), background-color 1.36s 1s;
      -moz-transition: all 1.36s 1s cubic-bezier(1, 0, 0, 1), background-color 1.36s 1s;
      transition: all 1.36s 1s cubic-bezier(1, 0, 0, 1), background-color 1.36s 1s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(21) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(21) .shard {
      -webkit-transition: all 1.42s 1.03s cubic-bezier(1, 0, 0, 1), background-color 1.42s 1.03s;
      -moz-transition: all 1.42s 1.03s cubic-bezier(1, 0, 0, 1), background-color 1.42s 1.03s;
      transition: all 1.42s 1.03s cubic-bezier(1, 0, 0, 1), background-color 1.42s 1.03s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(22) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(22) .shard {
      -webkit-transition: all 1.48s 1.06s cubic-bezier(1, 0, 0, 1), background-color 1.48s 1.06s;
      -moz-transition: all 1.48s 1.06s cubic-bezier(1, 0, 0, 1), background-color 1.48s 1.06s;
      transition: all 1.48s 1.06s cubic-bezier(1, 0, 0, 1), background-color 1.48s 1.06s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(23) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(23) .shard {
      -webkit-transition: all 1.54s 1.09s cubic-bezier(1, 0, 0, 1), background-color 1.54s 1.09s;
      -moz-transition: all 1.54s 1.09s cubic-bezier(1, 0, 0, 1), background-color 1.54s 1.09s;
      transition: all 1.54s 1.09s cubic-bezier(1, 0, 0, 1), background-color 1.54s 1.09s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(24) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(24) .shard {
      -webkit-transition: all 1.6s 1.12s cubic-bezier(1, 0, 0, 1), background-color 1.6s 1.12s;
      -moz-transition: all 1.6s 1.12s cubic-bezier(1, 0, 0, 1), background-color 1.6s 1.12s;
      transition: all 1.6s 1.12s cubic-bezier(1, 0, 0, 1), background-color 1.6s 1.12s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(25) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(25) .shard {
      -webkit-transition: all 1.66s 1.15s cubic-bezier(1, 0, 0, 1), background-color 1.66s 1.15s;
      -moz-transition: all 1.66s 1.15s cubic-bezier(1, 0, 0, 1), background-color 1.66s 1.15s;
      transition: all 1.66s 1.15s cubic-bezier(1, 0, 0, 1), background-color 1.66s 1.15s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(26) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(26) .shard {
      -webkit-transition: all 1.72s 1.18s cubic-bezier(1, 0, 0, 1), background-color 1.72s 1.18s;
      -moz-transition: all 1.72s 1.18s cubic-bezier(1, 0, 0, 1), background-color 1.72s 1.18s;
      transition: all 1.72s 1.18s cubic-bezier(1, 0, 0, 1), background-color 1.72s 1.18s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(27) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(27) .shard {
      -webkit-transition: all 1.78s 1.21s cubic-bezier(1, 0, 0, 1), background-color 1.78s 1.21s;
      -moz-transition: all 1.78s 1.21s cubic-bezier(1, 0, 0, 1), background-color 1.78s 1.21s;
      transition: all 1.78s 1.21s cubic-bezier(1, 0, 0, 1), background-color 1.78s 1.21s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(28) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(28) .shard {
      -webkit-transition: all 1.84s 1.24s cubic-bezier(1, 0, 0, 1), background-color 1.84s 1.24s;
      -moz-transition: all 1.84s 1.24s cubic-bezier(1, 0, 0, 1), background-color 1.84s 1.24s;
      transition: all 1.84s 1.24s cubic-bezier(1, 0, 0, 1), background-color 1.84s 1.24s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(29) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(29) .shard {
      -webkit-transition: all 1.9s 1.27s cubic-bezier(1, 0, 0, 1), background-color 1.9s 1.27s;
      -moz-transition: all 1.9s 1.27s cubic-bezier(1, 0, 0, 1), background-color 1.9s 1.27s;
      transition: all 1.9s 1.27s cubic-bezier(1, 0, 0, 1), background-color 1.9s 1.27s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(30) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(30) .shard {
      -webkit-transition: all 1.96s 1.3s cubic-bezier(1, 0, 0, 1), background-color 1.96s 1.3s;
      -moz-transition: all 1.96s 1.3s cubic-bezier(1, 0, 0, 1), background-color 1.96s 1.3s;
      transition: all 1.96s 1.3s cubic-bezier(1, 0, 0, 1), background-color 1.96s 1.3s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(1) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(1) .shard {
      -webkit-clip-path: polygon(6.838% 29.324%, 13.337% 80.752%, 4.838% 68.324%);
      background-color: #a60438;
      -webkit-transition: 0.8s 0.2s;
      -moz-transition: 0.8s 0.2s;
      transition: 0.8s 0.2s; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(2) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(2) .shard {
      -webkit-clip-path: polygon(6.838% 29.324%, 19.637% 37.181%, 8.538% 42.895%);
      background-color: #970741; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(3) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(3) .shard {
      -webkit-clip-path: polygon(6.838% 29.324%, 21.75% 30.5%, 19.9% 37.4%);
      background-color: #F6075A; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(4) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(4) .shard {
      -webkit-clip-path: polygon(21.65% 30.609%, 18.05% 62.181%, 14.85% 54.181%);
      background-color: #C80741; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(5) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(5) .shard {
      -webkit-clip-path: polygon(14.9% 54.2%, 18.2% 62.181%, 10.35% 57.609%);
      background-color: #970741; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(6) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(6) .shard {
      -webkit-clip-path: polygon(21.75% 58.752%, 27.75% 25.609%, 23.35% 78.181%);
      background-color: #970741; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(7) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(7) .shard {
      -webkit-clip-path: polygon(27.65% 25.609%, 28.35% 73.181%, 23.35% 78.181%);
      background-color: #C80741; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(8) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(8) .shard {
      -webkit-clip-path: polygon(31.45% 42.181%, 39.75% 72.038%, 32.85% 83.467%);
      background-color: #C80741; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(9) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(9) .shard {
      -webkit-clip-path: polygon(31.35% 42.4%, 45.65% 36.181%, 45.65% 45.895%);
      background-color: #F6075A; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(10) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(10) .shard {
      -webkit-clip-path: polygon(31.5% 42.4%, 39.2% 44.181%, 34.1% 52.181%);
      background-color: #970741; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(11) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(11) .shard {
      -webkit-clip-path: polygon(34.2% 52.324%, 45.55% 55.467%, 36.3% 60.181%);
      background-color: #c80741; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(12) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(12) .shard {
      -webkit-clip-path: polygon(32.85% 83.324%, 39.65% 72.038%, 47.35% 73.181%);
      background-color: #8e0732; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(13) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(13) .shard {
      -webkit-clip-path: polygon(50.35% 14.609%, 56.05% 24.181%, 49.75% 79.181%);
      background-color: #c80741; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(14) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(14) .shard {
      -webkit-clip-path: polygon(50.45% 14.752%, 65.65% 26.324%, 55.95% 24.181%);
      background-color: #F6075A; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(15) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(15) .shard {
      -webkit-clip-path: polygon(49.65% 79.1%, 63.85% 75.3%, 68.85% 84.467%);
      background-color: #c80741; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(16) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(16) .shard {
      -webkit-clip-path: polygon(50.85% 68.895%, 57.45% 77.181%, 49.75% 79.181%);
      background-color: #8e0732; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(17) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(17) .shard {
      -webkit-clip-path: polygon(58.05% 70.467%, 60.55% 29.895%, 60.9% 66.752%);
      background-color: #d92451; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(18) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(18) .shard {
      -webkit-clip-path: polygon(60.45% 29.839%, 67% 39.839%, 60.8% 67%);
      background-color: #c80741; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(19) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(19) .shard {
      -webkit-clip-path: polygon(60.55% 29.982%, 74.55% 38.696%, 66.95% 39.982%);
      background-color: #F6075A; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(20) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(20) .shard {
      -webkit-clip-path: polygon(64.75% 49.6%, 73.15% 52.982%, 62.95% 56.839%);
      background-color: #d92451; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(21) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(21) .shard {
      -webkit-clip-path: polygon(63% 56.982%, 64.75% 66%, 60.65% 66.982%);
      background-color: #970741; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(23) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(23) .shard {
      -webkit-clip-path: polygon(60.7% 66.9%, 72.45% 64.268%, 73.25% 73.696%);
      background-color: #c80741; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(22) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(22) .shard {
      -webkit-clip-path: polygon(60.65% 66.839%, 73.25% 73.696%, 58.05% 70.268%);
      background-color: #8e0732; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(24) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(24) .shard {
      -webkit-clip-path: polygon(77.55% 33.268%, 91.95% 28.982%, 92.55% 37.696%);
      background-color: #F6075A; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(25) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(25) .shard {
      -webkit-clip-path: polygon(77.55% 33.3%, 92.55% 37.8%, 88.95% 33.839%);
      background-color: #8e0732; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(26) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(26) .shard {
      -webkit-clip-path: polygon(77.45% 33.268%, 83.45% 50.268%, 78.25% 58.125%);
      background-color: #c80741; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(27) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(27) .shard {
      -webkit-clip-path: polygon(83.35% 50.268%, 92.65% 51.696%, 78.35% 57.982%);
      background-color: #d92451; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(28) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(28) .shard {
      -webkit-clip-path: polygon(86.6% 54.3%, 92.5% 51.65%, 95% 71.696%);
      background-color: #970741; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(29) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(29) .shard {
      -webkit-clip-path: polygon(79.25% 68.125%, 91.85% 65.125%, 95.05% 71.554%);
      background-color: #c80741; }
    body.preloader.thirty-pieces-titles .level-one .level-two .shard-wrap:nth-child(30) .shard, body.preloader.thirty-pieces-titles.performance-boost .level-one .level-two .shard-wrap:nth-child(30) .shard {
      -webkit-clip-path: polygon(79.35% 68.125%, 94.95% 71.554%, 80.55% 74.125%);
      background-color: #8e0732; }
body.preloader.titles-out .intro-sequence {
  opacity: 0;
  -webkit-transition: 0.25s 0.12s;
  -moz-transition: 0.25s 0.12s;
  transition: 0.25s 0.12s; }
body.preloader.titles-out .wrap h1 {
  opacity: 0;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  transition: 0.25s; }

.chromebrowser #animalchanger::before {
  content: "";
  opacity: .34;
  -webkit-transition: 0.23s;
  -moz-transition: 0.23s;
  transition: 0.23s;
  -webkit-backface-visibility: hidden;
  width: 600px;
  height: 600px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -300px;
  margin-top: -300px;
  /* background: url("../img/bg/grad-bg.png") no-repeat center center/cover; */
  z-index: 1;
  pointer-events: none; }
.chromebrowser #animalchanger::after {
  content: "";
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
  opacity: 0;
  height: 400%;
  width: 400%;
  position: absolute;
  top: -150%;
  left: -150%;
  /* background: url("../img/textured-ui/black-texture.png") repeat 0 0; */
  pointer-events: none;
  z-index: 0; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .chromebrowser #animalchanger::before, .chromebrowser #animalchanger::after {
    display: none; } }
.chromebrowser .smash #animalchanger {
  background-color: #1C1C1C; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .chromebrowser .smash #animalchanger {
      background-color: #B7A15F; } }
  .chromebrowser .smash #animalchanger::after {
    opacity: .8;
    -webkit-transition: opacity 0.5s 0.5s;
    -moz-transition: opacity 0.5s 0.5s;
    transition: opacity 0.5s 0.5s;
    -webkit-animation: bgscratchy 0.5s steps(8, end) infinite;
    -moz-animation: bgscratchy 0.5s steps(8, end) infinite;
    animation: bgscratchy 0.5s steps(8, end) infinite; }
.chromebrowser .smash .wrap .shadow, .chromebrowser .preloader .wrap .shadow {
  display: block;
  opacity: 0;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  transition: 0.1s; }

#animalchanger {
  height: 700px;
  width: 100%;
  background-color: #181818;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  transition: background 0.5s;
  overflow: hidden; }

.chromebrowser .shard::before, .preloader .shard::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0);
  top: 0;
  left: 0;
  position: absolute; }

html:not(.chromebrowser) .wrap .shadow.inactive, html:not(.chromebrowser) .wrap .shadow.startup-inactive {
  display: none; }
html:not(.chromebrowser) .wrap .shard-wrap:nth-child(31) .shard::before, html:not(.chromebrowser) .wrap .shard-wrap:nth-child(32) .shard::before, html:not(.chromebrowser) .wrap .shard-wrap:nth-child(33) .shard::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0);
  top: 0;
  left: 0;
  position: absolute; }

.level-one, .level-two, .animal-mover {
  width: 100%;
  height: 100%;
  position: absolute; }

.level-one {
  -webkit-transition: 0.8s cubic-bezier(0.88, 0.005, 0, 1);
  -moz-transition: 0.8s cubic-bezier(0.88, 0.005, 0, 1);
  transition: 0.8s cubic-bezier(0.88, 0.005, 0, 1);
  -webkit-transform: scale(0.5) translateY(-14%);
  -moz-transform: scale(0.5) translateY(-14%);
  -ms-transform: scale(0.5) translateY(-14%);
  -o-transform: scale(0.5) translateY(-14%);
  transform: scale(0.5) translateY(-14%);
  opacity: 1;
  top: 100px;
  left: 200px;
  z-index: 3; }

.level-two {
  -webkit-transition: all 0.4s cubic-bezier(0.02, 0.65, 0.49, 0.99);
  -moz-transition: all 0.4s cubic-bezier(0.02, 0.65, 0.49, 0.99);
  transition: all 0.4s cubic-bezier(0.02, 0.65, 0.49, 0.99); }

.border {
  -webkit-transition: 0.25s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.25s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.25s cubic-bezier(0.62, 0.02, 0.34, 1);
  height: 100%;
  width: 100%;
  position: absolute; }
  .border > div {
    height: 100%;
    width: 100%;
    position: absolute; }
  .border .frames div {
    background: url("../img/svg/border.svg") repeat-x 50% 50%;
    width: 100%;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0; }
  .border .frames div:nth-child(2), .border .frames div:nth-child(4) {
    width: 20px;
    height: 100%;
    background: url("../img/svg/border-vert.svg") repeat-y 50% 50%; }
  .border .frames div:nth-child(3) {
    bottom: 0;
    top: auto; }
  .border .frames div:nth-child(3), .border .frames div:nth-child(4) {
    -webkit-transform: rotate(179.99deg);
    -moz-transform: rotate(179.99deg);
    -ms-transform: rotate(179.99deg);
    -o-transform: rotate(179.99deg);
    transform: rotate(179.99deg); }
  .border .frames div:nth-child(4) {
    right: 0;
    left: auto; }
  .border .corners div::before, .border .corners div::after {
    content: "";
    background: url("../img/svg/corner.svg") no-repeat center center;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 10px;
    top: 11px; }
  .border .corners div:nth-child(1)::after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    left: auto;
    right: 10px;
    top: 11px; }
  .border .corners div:nth-child(2)::before {
    left: auto;
    right: 10px;
    top: auto;
    bottom: 11px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  .border .corners div:nth-child(2)::after {
    top: auto;
    bottom: 11px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }

.smash .border, .all-animals .border, .preloader-layer-2 .border {
  -webkit-transform: scale(1.42);
  -moz-transform: scale(1.42);
  -ms-transform: scale(1.42);
  -o-transform: scale(1.42);
  transform: scale(1.42);
  -webkit-transition: 0.43s 0.2s cubic-bezier(1, 0, 0, 1);
  -moz-transition: 0.43s 0.2s cubic-bezier(1, 0, 0, 1);
  transition: 0.43s 0.2s cubic-bezier(1, 0, 0, 1); }

.shard-wrap {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2; }
  .shard-wrap .shard {
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 100%;
    -webkit-transition: 1s cubic-bezier(0.7, 0.3, 0, 1);
    -moz-transition: 1s cubic-bezier(0.7, 0.3, 0, 1);
    transition: 1s cubic-bezier(0.7, 0.3, 0, 1);
    -webkit-clip-path: polygon(50% 50%, 50% 50%, 50% 50%);
    background-position: center center;
    background-repeat: repeat;
    background-color: #1a1a1d; }
  .left-to-right .shard-wrap:nth-child(1) .shard {
    -webkit-transition: -webkit-clip-path 0.34s 0.22s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.34s 0.02s, -webkit-transform 0.3s, margin 0.3s 0.22s;
    -moz-transition: -webkit-clip-path 0.34s 0.22s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.34s 0.02s, -webkit-transform 0.3s, margin 0.3s 0.22s;
    transition: -webkit-clip-path 0.34s 0.22s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.34s 0.02s, -webkit-transform 0.3s, margin 0.3s 0.22s; }
  .left-to-right .shard-wrap:nth-child(2) .shard {
    -webkit-transition: -webkit-clip-path 0.38s 0.24s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.38s 0.04s, -webkit-transform 0.3s, margin 0.3s 0.24s;
    -moz-transition: -webkit-clip-path 0.38s 0.24s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.38s 0.04s, -webkit-transform 0.3s, margin 0.3s 0.24s;
    transition: -webkit-clip-path 0.38s 0.24s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.38s 0.04s, -webkit-transform 0.3s, margin 0.3s 0.24s; }
  .left-to-right .shard-wrap:nth-child(3) .shard {
    -webkit-transition: -webkit-clip-path 0.42s 0.26s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.42s 0.06s, -webkit-transform 0.3s, margin 0.3s 0.26s;
    -moz-transition: -webkit-clip-path 0.42s 0.26s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.42s 0.06s, -webkit-transform 0.3s, margin 0.3s 0.26s;
    transition: -webkit-clip-path 0.42s 0.26s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.42s 0.06s, -webkit-transform 0.3s, margin 0.3s 0.26s; }
  .left-to-right .shard-wrap:nth-child(4) .shard {
    -webkit-transition: -webkit-clip-path 0.46s 0.28s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.46s 0.08s, -webkit-transform 0.3s, margin 0.3s 0.28s;
    -moz-transition: -webkit-clip-path 0.46s 0.28s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.46s 0.08s, -webkit-transform 0.3s, margin 0.3s 0.28s;
    transition: -webkit-clip-path 0.46s 0.28s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.46s 0.08s, -webkit-transform 0.3s, margin 0.3s 0.28s; }
  .left-to-right .shard-wrap:nth-child(5) .shard {
    -webkit-transition: -webkit-clip-path 0.5s 0.3s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.5s 0.1s, -webkit-transform 0.3s, margin 0.3s 0.3s;
    -moz-transition: -webkit-clip-path 0.5s 0.3s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.5s 0.1s, -webkit-transform 0.3s, margin 0.3s 0.3s;
    transition: -webkit-clip-path 0.5s 0.3s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.5s 0.1s, -webkit-transform 0.3s, margin 0.3s 0.3s; }
  .left-to-right .shard-wrap:nth-child(6) .shard {
    -webkit-transition: -webkit-clip-path 0.54s 0.32s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.54s 0.12s, -webkit-transform 0.3s, margin 0.3s 0.32s;
    -moz-transition: -webkit-clip-path 0.54s 0.32s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.54s 0.12s, -webkit-transform 0.3s, margin 0.3s 0.32s;
    transition: -webkit-clip-path 0.54s 0.32s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.54s 0.12s, -webkit-transform 0.3s, margin 0.3s 0.32s; }
  .left-to-right .shard-wrap:nth-child(7) .shard {
    -webkit-transition: -webkit-clip-path 0.58s 0.34s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.58s 0.14s, -webkit-transform 0.3s, margin 0.3s 0.34s;
    -moz-transition: -webkit-clip-path 0.58s 0.34s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.58s 0.14s, -webkit-transform 0.3s, margin 0.3s 0.34s;
    transition: -webkit-clip-path 0.58s 0.34s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.58s 0.14s, -webkit-transform 0.3s, margin 0.3s 0.34s; }
  .left-to-right .shard-wrap:nth-child(8) .shard {
    -webkit-transition: -webkit-clip-path 0.62s 0.36s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.62s 0.16s, -webkit-transform 0.3s, margin 0.3s 0.36s;
    -moz-transition: -webkit-clip-path 0.62s 0.36s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.62s 0.16s, -webkit-transform 0.3s, margin 0.3s 0.36s;
    transition: -webkit-clip-path 0.62s 0.36s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.62s 0.16s, -webkit-transform 0.3s, margin 0.3s 0.36s; }
  .left-to-right .shard-wrap:nth-child(9) .shard {
    -webkit-transition: -webkit-clip-path 0.66s 0.38s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.66s 0.18s, -webkit-transform 0.3s, margin 0.3s 0.38s;
    -moz-transition: -webkit-clip-path 0.66s 0.38s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.66s 0.18s, -webkit-transform 0.3s, margin 0.3s 0.38s;
    transition: -webkit-clip-path 0.66s 0.38s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.66s 0.18s, -webkit-transform 0.3s, margin 0.3s 0.38s; }
  .left-to-right .shard-wrap:nth-child(10) .shard {
    -webkit-transition: -webkit-clip-path 0.7s 0.4s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.7s 0.2s, -webkit-transform 0.3s, margin 0.3s 0.4s;
    -moz-transition: -webkit-clip-path 0.7s 0.4s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.7s 0.2s, -webkit-transform 0.3s, margin 0.3s 0.4s;
    transition: -webkit-clip-path 0.7s 0.4s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.7s 0.2s, -webkit-transform 0.3s, margin 0.3s 0.4s; }
  .left-to-right .shard-wrap:nth-child(11) .shard {
    -webkit-transition: -webkit-clip-path 0.74s 0.42s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.74s 0.22s, -webkit-transform 0.3s, margin 0.3s 0.42s;
    -moz-transition: -webkit-clip-path 0.74s 0.42s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.74s 0.22s, -webkit-transform 0.3s, margin 0.3s 0.42s;
    transition: -webkit-clip-path 0.74s 0.42s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.74s 0.22s, -webkit-transform 0.3s, margin 0.3s 0.42s; }
  .left-to-right .shard-wrap:nth-child(12) .shard {
    -webkit-transition: -webkit-clip-path 0.78s 0.44s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.78s 0.24s, -webkit-transform 0.3s, margin 0.3s 0.44s;
    -moz-transition: -webkit-clip-path 0.78s 0.44s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.78s 0.24s, -webkit-transform 0.3s, margin 0.3s 0.44s;
    transition: -webkit-clip-path 0.78s 0.44s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.78s 0.24s, -webkit-transform 0.3s, margin 0.3s 0.44s; }
  .left-to-right .shard-wrap:nth-child(13) .shard {
    -webkit-transition: -webkit-clip-path 0.82s 0.46s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.82s 0.26s, -webkit-transform 0.3s, margin 0.3s 0.46s;
    -moz-transition: -webkit-clip-path 0.82s 0.46s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.82s 0.26s, -webkit-transform 0.3s, margin 0.3s 0.46s;
    transition: -webkit-clip-path 0.82s 0.46s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.82s 0.26s, -webkit-transform 0.3s, margin 0.3s 0.46s; }
  .left-to-right .shard-wrap:nth-child(14) .shard {
    -webkit-transition: -webkit-clip-path 0.86s 0.48s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.86s 0.28s, -webkit-transform 0.3s, margin 0.3s 0.48s;
    -moz-transition: -webkit-clip-path 0.86s 0.48s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.86s 0.28s, -webkit-transform 0.3s, margin 0.3s 0.48s;
    transition: -webkit-clip-path 0.86s 0.48s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.86s 0.28s, -webkit-transform 0.3s, margin 0.3s 0.48s; }
  .left-to-right .shard-wrap:nth-child(15) .shard {
    -webkit-transition: -webkit-clip-path 0.9s 0.5s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.9s 0.3s, -webkit-transform 0.3s, margin 0.3s 0.5s;
    -moz-transition: -webkit-clip-path 0.9s 0.5s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.9s 0.3s, -webkit-transform 0.3s, margin 0.3s 0.5s;
    transition: -webkit-clip-path 0.9s 0.5s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.9s 0.3s, -webkit-transform 0.3s, margin 0.3s 0.5s; }
  .left-to-right .shard-wrap:nth-child(16) .shard {
    -webkit-transition: -webkit-clip-path 0.94s 0.52s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.94s 0.32s, -webkit-transform 0.3s, margin 0.3s 0.52s;
    -moz-transition: -webkit-clip-path 0.94s 0.52s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.94s 0.32s, -webkit-transform 0.3s, margin 0.3s 0.52s;
    transition: -webkit-clip-path 0.94s 0.52s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.94s 0.32s, -webkit-transform 0.3s, margin 0.3s 0.52s; }
  .left-to-right .shard-wrap:nth-child(17) .shard {
    -webkit-transition: -webkit-clip-path 0.98s 0.54s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.98s 0.34s, -webkit-transform 0.3s, margin 0.3s 0.54s;
    -moz-transition: -webkit-clip-path 0.98s 0.54s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.98s 0.34s, -webkit-transform 0.3s, margin 0.3s 0.54s;
    transition: -webkit-clip-path 0.98s 0.54s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.98s 0.34s, -webkit-transform 0.3s, margin 0.3s 0.54s; }
  .left-to-right .shard-wrap:nth-child(18) .shard {
    -webkit-transition: -webkit-clip-path 1.02s 0.56s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.02s 0.36s, -webkit-transform 0.3s, margin 0.3s 0.56s;
    -moz-transition: -webkit-clip-path 1.02s 0.56s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.02s 0.36s, -webkit-transform 0.3s, margin 0.3s 0.56s;
    transition: -webkit-clip-path 1.02s 0.56s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.02s 0.36s, -webkit-transform 0.3s, margin 0.3s 0.56s; }
  .left-to-right .shard-wrap:nth-child(19) .shard {
    -webkit-transition: -webkit-clip-path 1.06s 0.58s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.06s 0.38s, -webkit-transform 0.3s, margin 0.3s 0.58s;
    -moz-transition: -webkit-clip-path 1.06s 0.58s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.06s 0.38s, -webkit-transform 0.3s, margin 0.3s 0.58s;
    transition: -webkit-clip-path 1.06s 0.58s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.06s 0.38s, -webkit-transform 0.3s, margin 0.3s 0.58s; }
  .left-to-right .shard-wrap:nth-child(20) .shard {
    -webkit-transition: -webkit-clip-path 1.1s 0.6s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.1s 0.4s, -webkit-transform 0.3s, margin 0.3s 0.6s;
    -moz-transition: -webkit-clip-path 1.1s 0.6s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.1s 0.4s, -webkit-transform 0.3s, margin 0.3s 0.6s;
    transition: -webkit-clip-path 1.1s 0.6s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.1s 0.4s, -webkit-transform 0.3s, margin 0.3s 0.6s; }
  .left-to-right .shard-wrap:nth-child(21) .shard {
    -webkit-transition: -webkit-clip-path 1.14s 0.62s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.14s 0.42s, -webkit-transform 0.3s, margin 0.3s 0.62s;
    -moz-transition: -webkit-clip-path 1.14s 0.62s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.14s 0.42s, -webkit-transform 0.3s, margin 0.3s 0.62s;
    transition: -webkit-clip-path 1.14s 0.62s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.14s 0.42s, -webkit-transform 0.3s, margin 0.3s 0.62s; }
  .left-to-right .shard-wrap:nth-child(22) .shard {
    -webkit-transition: -webkit-clip-path 1.18s 0.64s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.18s 0.44s, -webkit-transform 0.3s, margin 0.3s 0.64s;
    -moz-transition: -webkit-clip-path 1.18s 0.64s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.18s 0.44s, -webkit-transform 0.3s, margin 0.3s 0.64s;
    transition: -webkit-clip-path 1.18s 0.64s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.18s 0.44s, -webkit-transform 0.3s, margin 0.3s 0.64s; }
  .left-to-right .shard-wrap:nth-child(23) .shard {
    -webkit-transition: -webkit-clip-path 1.22s 0.66s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.22s 0.46s, -webkit-transform 0.3s, margin 0.3s 0.66s;
    -moz-transition: -webkit-clip-path 1.22s 0.66s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.22s 0.46s, -webkit-transform 0.3s, margin 0.3s 0.66s;
    transition: -webkit-clip-path 1.22s 0.66s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.22s 0.46s, -webkit-transform 0.3s, margin 0.3s 0.66s; }
  .left-to-right .shard-wrap:nth-child(24) .shard {
    -webkit-transition: -webkit-clip-path 1.26s 0.68s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.26s 0.48s, -webkit-transform 0.3s, margin 0.3s 0.68s;
    -moz-transition: -webkit-clip-path 1.26s 0.68s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.26s 0.48s, -webkit-transform 0.3s, margin 0.3s 0.68s;
    transition: -webkit-clip-path 1.26s 0.68s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.26s 0.48s, -webkit-transform 0.3s, margin 0.3s 0.68s; }
  .left-to-right .shard-wrap:nth-child(25) .shard {
    -webkit-transition: -webkit-clip-path 1.3s 0.7s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.3s 0.5s, -webkit-transform 0.3s, margin 0.3s 0.7s;
    -moz-transition: -webkit-clip-path 1.3s 0.7s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.3s 0.5s, -webkit-transform 0.3s, margin 0.3s 0.7s;
    transition: -webkit-clip-path 1.3s 0.7s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.3s 0.5s, -webkit-transform 0.3s, margin 0.3s 0.7s; }
  .left-to-right .shard-wrap:nth-child(26) .shard {
    -webkit-transition: -webkit-clip-path 1.34s 0.72s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.34s 0.52s, -webkit-transform 0.3s, margin 0.3s 0.72s;
    -moz-transition: -webkit-clip-path 1.34s 0.72s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.34s 0.52s, -webkit-transform 0.3s, margin 0.3s 0.72s;
    transition: -webkit-clip-path 1.34s 0.72s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.34s 0.52s, -webkit-transform 0.3s, margin 0.3s 0.72s; }
  .left-to-right .shard-wrap:nth-child(27) .shard {
    -webkit-transition: -webkit-clip-path 1.38s 0.74s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.38s 0.54s, -webkit-transform 0.3s, margin 0.3s 0.74s;
    -moz-transition: -webkit-clip-path 1.38s 0.74s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.38s 0.54s, -webkit-transform 0.3s, margin 0.3s 0.74s;
    transition: -webkit-clip-path 1.38s 0.74s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.38s 0.54s, -webkit-transform 0.3s, margin 0.3s 0.74s; }
  .left-to-right .shard-wrap:nth-child(28) .shard {
    -webkit-transition: -webkit-clip-path 1.42s 0.76s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.42s 0.56s, -webkit-transform 0.3s, margin 0.3s 0.76s;
    -moz-transition: -webkit-clip-path 1.42s 0.76s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.42s 0.56s, -webkit-transform 0.3s, margin 0.3s 0.76s;
    transition: -webkit-clip-path 1.42s 0.76s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.42s 0.56s, -webkit-transform 0.3s, margin 0.3s 0.76s; }
  .left-to-right .shard-wrap:nth-child(29) .shard {
    -webkit-transition: -webkit-clip-path 1.46s 0.78s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.46s 0.58s, -webkit-transform 0.3s, margin 0.3s 0.78s;
    -moz-transition: -webkit-clip-path 1.46s 0.78s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.46s 0.58s, -webkit-transform 0.3s, margin 0.3s 0.78s;
    transition: -webkit-clip-path 1.46s 0.78s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.46s 0.58s, -webkit-transform 0.3s, margin 0.3s 0.78s; }
  .left-to-right .shard-wrap:nth-child(30) .shard {
    -webkit-transition: -webkit-clip-path 1.5s 0.8s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.5s 0.6s, -webkit-transform 0.3s, margin 0.3s 0.8s;
    -moz-transition: -webkit-clip-path 1.5s 0.8s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.5s 0.6s, -webkit-transform 0.3s, margin 0.3s 0.8s;
    transition: -webkit-clip-path 1.5s 0.8s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.5s 0.6s, -webkit-transform 0.3s, margin 0.3s 0.8s; }
  .right-to-left .shard-wrap:nth-child(1) .shard {
    -webkit-transition: -webkit-clip-path 1.5s 0.95s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.5s 0.6s, -webkit-transform 0.3s, margin 0.3s 0.95s;
    -moz-transition: -webkit-clip-path 1.5s 0.95s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.5s 0.6s, -webkit-transform 0.3s, margin 0.3s 0.95s;
    transition: -webkit-clip-path 1.5s 0.95s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.5s 0.6s, -webkit-transform 0.3s, margin 0.3s 0.95s; }
  .right-to-left .shard-wrap:nth-child(2) .shard {
    -webkit-transition: -webkit-clip-path 1.46s 0.925s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.46s 0.58s, -webkit-transform 0.3s, margin 0.3s 0.925s;
    -moz-transition: -webkit-clip-path 1.46s 0.925s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.46s 0.58s, -webkit-transform 0.3s, margin 0.3s 0.925s;
    transition: -webkit-clip-path 1.46s 0.925s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.46s 0.58s, -webkit-transform 0.3s, margin 0.3s 0.925s; }
  .right-to-left .shard-wrap:nth-child(3) .shard {
    -webkit-transition: -webkit-clip-path 1.42s 0.9s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.42s 0.56s, -webkit-transform 0.3s, margin 0.3s 0.9s;
    -moz-transition: -webkit-clip-path 1.42s 0.9s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.42s 0.56s, -webkit-transform 0.3s, margin 0.3s 0.9s;
    transition: -webkit-clip-path 1.42s 0.9s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.42s 0.56s, -webkit-transform 0.3s, margin 0.3s 0.9s; }
  .right-to-left .shard-wrap:nth-child(4) .shard {
    -webkit-transition: -webkit-clip-path 1.38s 0.875s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.38s 0.54s, -webkit-transform 0.3s, margin 0.3s 0.875s;
    -moz-transition: -webkit-clip-path 1.38s 0.875s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.38s 0.54s, -webkit-transform 0.3s, margin 0.3s 0.875s;
    transition: -webkit-clip-path 1.38s 0.875s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.38s 0.54s, -webkit-transform 0.3s, margin 0.3s 0.875s; }
  .right-to-left .shard-wrap:nth-child(5) .shard {
    -webkit-transition: -webkit-clip-path 1.34s 0.85s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.34s 0.52s, -webkit-transform 0.3s, margin 0.3s 0.85s;
    -moz-transition: -webkit-clip-path 1.34s 0.85s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.34s 0.52s, -webkit-transform 0.3s, margin 0.3s 0.85s;
    transition: -webkit-clip-path 1.34s 0.85s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.34s 0.52s, -webkit-transform 0.3s, margin 0.3s 0.85s; }
  .right-to-left .shard-wrap:nth-child(6) .shard {
    -webkit-transition: -webkit-clip-path 1.3s 0.825s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.3s 0.5s, -webkit-transform 0.3s, margin 0.3s 0.825s;
    -moz-transition: -webkit-clip-path 1.3s 0.825s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.3s 0.5s, -webkit-transform 0.3s, margin 0.3s 0.825s;
    transition: -webkit-clip-path 1.3s 0.825s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.3s 0.5s, -webkit-transform 0.3s, margin 0.3s 0.825s; }
  .right-to-left .shard-wrap:nth-child(7) .shard {
    -webkit-transition: -webkit-clip-path 1.26s 0.8s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.26s 0.48s, -webkit-transform 0.3s, margin 0.3s 0.8s;
    -moz-transition: -webkit-clip-path 1.26s 0.8s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.26s 0.48s, -webkit-transform 0.3s, margin 0.3s 0.8s;
    transition: -webkit-clip-path 1.26s 0.8s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.26s 0.48s, -webkit-transform 0.3s, margin 0.3s 0.8s; }
  .right-to-left .shard-wrap:nth-child(8) .shard {
    -webkit-transition: -webkit-clip-path 1.22s 0.775s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.22s 0.46s, -webkit-transform 0.3s, margin 0.3s 0.775s;
    -moz-transition: -webkit-clip-path 1.22s 0.775s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.22s 0.46s, -webkit-transform 0.3s, margin 0.3s 0.775s;
    transition: -webkit-clip-path 1.22s 0.775s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.22s 0.46s, -webkit-transform 0.3s, margin 0.3s 0.775s; }
  .right-to-left .shard-wrap:nth-child(9) .shard {
    -webkit-transition: -webkit-clip-path 1.18s 0.75s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.18s 0.44s, -webkit-transform 0.3s, margin 0.3s 0.75s;
    -moz-transition: -webkit-clip-path 1.18s 0.75s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.18s 0.44s, -webkit-transform 0.3s, margin 0.3s 0.75s;
    transition: -webkit-clip-path 1.18s 0.75s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.18s 0.44s, -webkit-transform 0.3s, margin 0.3s 0.75s; }
  .right-to-left .shard-wrap:nth-child(10) .shard {
    -webkit-transition: -webkit-clip-path 1.14s 0.725s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.14s 0.42s, -webkit-transform 0.3s, margin 0.3s 0.725s;
    -moz-transition: -webkit-clip-path 1.14s 0.725s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.14s 0.42s, -webkit-transform 0.3s, margin 0.3s 0.725s;
    transition: -webkit-clip-path 1.14s 0.725s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.14s 0.42s, -webkit-transform 0.3s, margin 0.3s 0.725s; }
  .right-to-left .shard-wrap:nth-child(11) .shard {
    -webkit-transition: -webkit-clip-path 1.1s 0.7s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.1s 0.4s, -webkit-transform 0.3s, margin 0.3s 0.7s;
    -moz-transition: -webkit-clip-path 1.1s 0.7s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.1s 0.4s, -webkit-transform 0.3s, margin 0.3s 0.7s;
    transition: -webkit-clip-path 1.1s 0.7s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.1s 0.4s, -webkit-transform 0.3s, margin 0.3s 0.7s; }
  .right-to-left .shard-wrap:nth-child(12) .shard {
    -webkit-transition: -webkit-clip-path 1.06s 0.675s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.06s 0.38s, -webkit-transform 0.3s, margin 0.3s 0.675s;
    -moz-transition: -webkit-clip-path 1.06s 0.675s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.06s 0.38s, -webkit-transform 0.3s, margin 0.3s 0.675s;
    transition: -webkit-clip-path 1.06s 0.675s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.06s 0.38s, -webkit-transform 0.3s, margin 0.3s 0.675s; }
  .right-to-left .shard-wrap:nth-child(13) .shard {
    -webkit-transition: -webkit-clip-path 1.02s 0.65s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.02s 0.36s, -webkit-transform 0.3s, margin 0.3s 0.65s;
    -moz-transition: -webkit-clip-path 1.02s 0.65s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.02s 0.36s, -webkit-transform 0.3s, margin 0.3s 0.65s;
    transition: -webkit-clip-path 1.02s 0.65s cubic-bezier(0.7, 0.3, 0, 1), background-color 1.02s 0.36s, -webkit-transform 0.3s, margin 0.3s 0.65s; }
  .right-to-left .shard-wrap:nth-child(14) .shard {
    -webkit-transition: -webkit-clip-path 0.98s 0.625s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.98s 0.34s, -webkit-transform 0.3s, margin 0.3s 0.625s;
    -moz-transition: -webkit-clip-path 0.98s 0.625s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.98s 0.34s, -webkit-transform 0.3s, margin 0.3s 0.625s;
    transition: -webkit-clip-path 0.98s 0.625s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.98s 0.34s, -webkit-transform 0.3s, margin 0.3s 0.625s; }
  .right-to-left .shard-wrap:nth-child(15) .shard {
    -webkit-transition: -webkit-clip-path 0.94s 0.6s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.94s 0.32s, -webkit-transform 0.3s, margin 0.3s 0.6s;
    -moz-transition: -webkit-clip-path 0.94s 0.6s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.94s 0.32s, -webkit-transform 0.3s, margin 0.3s 0.6s;
    transition: -webkit-clip-path 0.94s 0.6s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.94s 0.32s, -webkit-transform 0.3s, margin 0.3s 0.6s; }
  .right-to-left .shard-wrap:nth-child(16) .shard {
    -webkit-transition: -webkit-clip-path 0.9s 0.575s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.9s 0.3s, -webkit-transform 0.3s, margin 0.3s 0.575s;
    -moz-transition: -webkit-clip-path 0.9s 0.575s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.9s 0.3s, -webkit-transform 0.3s, margin 0.3s 0.575s;
    transition: -webkit-clip-path 0.9s 0.575s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.9s 0.3s, -webkit-transform 0.3s, margin 0.3s 0.575s; }
  .right-to-left .shard-wrap:nth-child(17) .shard {
    -webkit-transition: -webkit-clip-path 0.86s 0.55s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.86s 0.28s, -webkit-transform 0.3s, margin 0.3s 0.55s;
    -moz-transition: -webkit-clip-path 0.86s 0.55s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.86s 0.28s, -webkit-transform 0.3s, margin 0.3s 0.55s;
    transition: -webkit-clip-path 0.86s 0.55s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.86s 0.28s, -webkit-transform 0.3s, margin 0.3s 0.55s; }
  .right-to-left .shard-wrap:nth-child(18) .shard {
    -webkit-transition: -webkit-clip-path 0.82s 0.525s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.82s 0.26s, -webkit-transform 0.3s, margin 0.3s 0.525s;
    -moz-transition: -webkit-clip-path 0.82s 0.525s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.82s 0.26s, -webkit-transform 0.3s, margin 0.3s 0.525s;
    transition: -webkit-clip-path 0.82s 0.525s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.82s 0.26s, -webkit-transform 0.3s, margin 0.3s 0.525s; }
  .right-to-left .shard-wrap:nth-child(19) .shard {
    -webkit-transition: -webkit-clip-path 0.78s 0.5s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.78s 0.24s, -webkit-transform 0.3s, margin 0.3s 0.5s;
    -moz-transition: -webkit-clip-path 0.78s 0.5s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.78s 0.24s, -webkit-transform 0.3s, margin 0.3s 0.5s;
    transition: -webkit-clip-path 0.78s 0.5s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.78s 0.24s, -webkit-transform 0.3s, margin 0.3s 0.5s; }
  .right-to-left .shard-wrap:nth-child(20) .shard {
    -webkit-transition: -webkit-clip-path 0.74s 0.475s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.74s 0.22s, -webkit-transform 0.3s, margin 0.3s 0.475s;
    -moz-transition: -webkit-clip-path 0.74s 0.475s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.74s 0.22s, -webkit-transform 0.3s, margin 0.3s 0.475s;
    transition: -webkit-clip-path 0.74s 0.475s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.74s 0.22s, -webkit-transform 0.3s, margin 0.3s 0.475s; }
  .right-to-left .shard-wrap:nth-child(21) .shard {
    -webkit-transition: -webkit-clip-path 0.7s 0.45s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.7s 0.2s, -webkit-transform 0.3s, margin 0.3s 0.45s;
    -moz-transition: -webkit-clip-path 0.7s 0.45s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.7s 0.2s, -webkit-transform 0.3s, margin 0.3s 0.45s;
    transition: -webkit-clip-path 0.7s 0.45s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.7s 0.2s, -webkit-transform 0.3s, margin 0.3s 0.45s; }
  .right-to-left .shard-wrap:nth-child(22) .shard {
    -webkit-transition: -webkit-clip-path 0.66s 0.425s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.66s 0.18s, -webkit-transform 0.3s, margin 0.3s 0.425s;
    -moz-transition: -webkit-clip-path 0.66s 0.425s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.66s 0.18s, -webkit-transform 0.3s, margin 0.3s 0.425s;
    transition: -webkit-clip-path 0.66s 0.425s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.66s 0.18s, -webkit-transform 0.3s, margin 0.3s 0.425s; }
  .right-to-left .shard-wrap:nth-child(23) .shard {
    -webkit-transition: -webkit-clip-path 0.62s 0.4s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.62s 0.16s, -webkit-transform 0.3s, margin 0.3s 0.4s;
    -moz-transition: -webkit-clip-path 0.62s 0.4s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.62s 0.16s, -webkit-transform 0.3s, margin 0.3s 0.4s;
    transition: -webkit-clip-path 0.62s 0.4s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.62s 0.16s, -webkit-transform 0.3s, margin 0.3s 0.4s; }
  .right-to-left .shard-wrap:nth-child(24) .shard {
    -webkit-transition: -webkit-clip-path 0.58s 0.375s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.58s 0.14s, -webkit-transform 0.3s, margin 0.3s 0.375s;
    -moz-transition: -webkit-clip-path 0.58s 0.375s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.58s 0.14s, -webkit-transform 0.3s, margin 0.3s 0.375s;
    transition: -webkit-clip-path 0.58s 0.375s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.58s 0.14s, -webkit-transform 0.3s, margin 0.3s 0.375s; }
  .right-to-left .shard-wrap:nth-child(25) .shard {
    -webkit-transition: -webkit-clip-path 0.54s 0.35s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.54s 0.12s, -webkit-transform 0.3s, margin 0.3s 0.35s;
    -moz-transition: -webkit-clip-path 0.54s 0.35s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.54s 0.12s, -webkit-transform 0.3s, margin 0.3s 0.35s;
    transition: -webkit-clip-path 0.54s 0.35s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.54s 0.12s, -webkit-transform 0.3s, margin 0.3s 0.35s; }
  .right-to-left .shard-wrap:nth-child(26) .shard {
    -webkit-transition: -webkit-clip-path 0.5s 0.325s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.5s 0.1s, -webkit-transform 0.3s, margin 0.3s 0.325s;
    -moz-transition: -webkit-clip-path 0.5s 0.325s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.5s 0.1s, -webkit-transform 0.3s, margin 0.3s 0.325s;
    transition: -webkit-clip-path 0.5s 0.325s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.5s 0.1s, -webkit-transform 0.3s, margin 0.3s 0.325s; }
  .right-to-left .shard-wrap:nth-child(27) .shard {
    -webkit-transition: -webkit-clip-path 0.46s 0.3s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.46s 0.08s, -webkit-transform 0.3s, margin 0.3s 0.3s;
    -moz-transition: -webkit-clip-path 0.46s 0.3s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.46s 0.08s, -webkit-transform 0.3s, margin 0.3s 0.3s;
    transition: -webkit-clip-path 0.46s 0.3s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.46s 0.08s, -webkit-transform 0.3s, margin 0.3s 0.3s; }
  .right-to-left .shard-wrap:nth-child(28) .shard {
    -webkit-transition: -webkit-clip-path 0.42s 0.275s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.42s 0.06s, -webkit-transform 0.3s, margin 0.3s 0.275s;
    -moz-transition: -webkit-clip-path 0.42s 0.275s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.42s 0.06s, -webkit-transform 0.3s, margin 0.3s 0.275s;
    transition: -webkit-clip-path 0.42s 0.275s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.42s 0.06s, -webkit-transform 0.3s, margin 0.3s 0.275s; }
  .right-to-left .shard-wrap:nth-child(29) .shard {
    -webkit-transition: -webkit-clip-path 0.38s 0.25s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.38s 0.04s, -webkit-transform 0.3s, margin 0.3s 0.25s;
    -moz-transition: -webkit-clip-path 0.38s 0.25s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.38s 0.04s, -webkit-transform 0.3s, margin 0.3s 0.25s;
    transition: -webkit-clip-path 0.38s 0.25s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.38s 0.04s, -webkit-transform 0.3s, margin 0.3s 0.25s; }
  .right-to-left .shard-wrap:nth-child(30) .shard {
    -webkit-transition: -webkit-clip-path 0.34s 0.225s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.34s 0.02s, -webkit-transform 0.3s, margin 0.3s 0.225s;
    -moz-transition: -webkit-clip-path 0.34s 0.225s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.34s 0.02s, -webkit-transform 0.3s, margin 0.3s 0.225s;
    transition: -webkit-clip-path 0.34s 0.225s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.34s 0.02s, -webkit-transform 0.3s, margin 0.3s 0.225s; }
  .shard-wrap.peripheral {
    z-index: 1; }
    .shard-wrap.peripheral .shard {
      -webkit-transition-delay: 0.3s;
      -moz-transition-delay: 0.3s;
      transition-delay: 0.3s; }
    .shard-wrap.peripheral:nth-child(32) .shard {
      -webkit-transition-delay: 0.38s;
      -moz-transition-delay: 0.38s;
      transition-delay: 0.38s; }
    .shard-wrap.peripheral:nth-child(33) .shard {
      -webkit-transition-delay: 0.5s;
      -moz-transition-delay: 0.5s;
      transition-delay: 0.5s; }

.wrap {
  width: 99%;
  left: 50%;
  top: 50%;
  -webkit-transition: 0.33s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: 0.33s cubic-bezier(0.7, 0.3, 0, 1);
  transition: 0.33s cubic-bezier(0.7, 0.3, 0, 1);
  position: absolute; }
  .wrap .shadow {
    position: absolute;
    bottom: 10%;
    left: 30%;
    background-image: -webkit-radial-gradient(closest-side, rgba(0, 0, 0, 0.35) 0, rgba(0, 0, 0, 0.14) 35%, transparent 100%);
    background-image: radial-gradient( closest-side, rgba(0, 0, 0, 0.35) 0, rgba(0, 0, 0, 0.14) 35%, transparent 100%);
    width: 50%;
    height: 5%;
    -webkit-transition: 0.6s cubic-bezier(1, 0.3, 0.3, 1) 0.6s;
    -moz-transition: 0.6s cubic-bezier(1, 0.3, 0.3, 1) 0.6s;
    transition: 0.6s cubic-bezier(1, 0.3, 0.3, 1) 0.6s; }
    .wrap .shadow.inactive {
      opacity: 0;
      -webkit-transition: 0.05s cubic-bezier(0.7, 0.3, 0, 1) 0s !important;
      -moz-transition: 0.05s cubic-bezier(0.7, 0.3, 0, 1) 0s !important;
      transition: 0.05s cubic-bezier(0.7, 0.3, 0, 1) 0s !important; }
    .wrap .shadow::before, .wrap .shadow:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 50%;
      background-image: -webkit-radial-gradient(closest-side, rgba(0, 0, 0, 0.38) 0, rgba(0, 0, 0, 0.185) 35%, transparent 100%);
      background-image: radial-gradient( closest-side, rgba(0, 0, 0, 0.38) 0, rgba(0, 0, 0, 0.185) 35%, transparent 100%);
      -webkit-transition: 0.6s cubic-bezier(1, 0.3, 0.3, 1) 0.6s;
      -moz-transition: 0.6s cubic-bezier(1, 0.3, 0.3, 1) 0.6s;
      transition: 0.6s cubic-bezier(1, 0.3, 0.3, 1) 0.6s; }
    .wrap .shadow::before {
      left: 30%; }
    .wrap .shadow::after {
      left: -37%;
      height: 60%;
      bottom: 20%;
      background-image: -webkit-radial-gradient(closest-side, rgba(0, 0, 0, 0.1) 0, transparent 100%);
      background-image: radial-gradient( closest-side, rgba(0, 0, 0, 0.1) 0, transparent 100%); }

.stats-pie {
  position: relative; }
  .stats-pie span {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 15px;
    width: 15px;
    margin: -10px 0 0 -9px;
    border: 2px solid #fff;
    border-radius: 20px;
    -webkit-transition: 0.18s;
    -moz-transition: 0.18s;
    transition: 0.18s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }
    .content-wrap .stats-pie span {
      left: auto;
      right: -19px;
      top: 70%;
      height: 9px;
      width: 9px;
      border-color: #f03252; }
      .content-wrap .stats-pie span::before {
        background-color: #f03252; }
    .chromebrowser .stats-pie span {
      -webkit-animation: pie-rotations 5s infinite forwards;
      -moz-animation: pie-rotations 5s infinite forwards;
      animation: pie-rotations 5s infinite forwards; }
    .stats-pie span::before {
      content: "";
      height: 120%;
      width: 120%;
      position: absolute;
      top: -20%;
      left: -20%;
      border-radius: 20px;
      background-color: #FFF;
      -webkit-clip-path: polygon(9% 35%, 22% 23%, 40% 13%, 60% 9%, 70% 9%, 58% 58%);
      -webkit-transition: 0.18s;
      -moz-transition: 0.18s;
      transition: 0.18s; }
  .stats-pie:hover span {
    border-color: #fff !important;
    -webkit-transition: 0.22s;
    -moz-transition: 0.22s;
    transition: 0.22s; }
    .stats-pie:hover span::before {
      background-color: #fff !important; }

.content-wrap {
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: none;
  opacity: 0;
  -webkit-transition: 0.34s;
  -moz-transition: 0.34s;
  transition: 0.34s;
  pointer-events: none; }
  .content-wrap .content-info, .content-wrap .infos > *, .content-wrap .ctas > * {
    opacity: 0; }
  .content-wrap .infos > p, .content-wrap .ctas > * {
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px); }
  .content-wrap.show {
    opacity: 1;
    pointer-events: auto; }
    .content-wrap.show .content-info, .content-wrap.show .infos > *, .content-wrap.show .ctas > * {
      opacity: 1; }
    .content-wrap.show .infos > p, .content-wrap.show .ctas > * {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
    .content-wrap.show.statistics-on .statistics {
      pointer-events: auto; }
      .content-wrap.show.statistics-on .statistics ul li, .content-wrap.show.statistics-on .statistics .chart .chart-bg, .content-wrap.show.statistics-on .statistics .chart-info, .content-wrap.show.statistics-on .statistics .chart, .content-wrap.show.statistics-on .statistics .chart-shard-wrap, .content-wrap.show.statistics-on .statistics .chart-shard-wrap .shard {
        opacity: 1;
        -webkit-transform: scale(1) rotate(0deg) translateZ(0);
        -moz-transform: scale(1) rotate(0deg) translateZ(0);
        -ms-transform: scale(1) rotate(0deg) translateZ(0);
        -o-transform: scale(1) rotate(0deg) translateZ(0);
        transform: scale(1) rotate(0deg) translateZ(0); }
      .content-wrap.show.statistics-on .statistics .chart-info p {
        opacity: 1; }
      .content-wrap.show.statistics-on .statistics ul li:nth-child(2) {
        -webkit-transition-delay: 0.16s;
        -moz-transition-delay: 0.16s;
        transition-delay: 0.16s; }
      .content-wrap.show.statistics-on .statistics ul li:nth-child(3) {
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        transition-delay: 0.3s; }
      .content-wrap.show.statistics-on .statistics ul li:nth-child(4) {
        -webkit-transition-delay: 0.39s;
        -moz-transition-delay: 0.39s;
        transition-delay: 0.39s; }
      .content-wrap.show.statistics-on .statistics ul li:nth-child(5) {
        -webkit-transition-delay: 0.45s;
        -moz-transition-delay: 0.45s;
        transition-delay: 0.45s; }
      .content-wrap.show.statistics-on .statistics .chart-bg {
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        transition-delay: 0.3s; }
      .content-wrap.show.statistics-on .statistics .chart-info {
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        transition-delay: 0.2s; }
      .content-wrap.show.statistics-on .statistics .chart {
        right: 0px;
        -webkit-transition: 0.3s cubic-bezier(0.62, 0.02, 0.34, 1);
        -moz-transition: 0.3s cubic-bezier(0.62, 0.02, 0.34, 1);
        transition: 0.3s cubic-bezier(0.62, 0.02, 0.34, 1); }
        .content-wrap.show.statistics-on .statistics .chart.chart-info-delays .chart-info p:nth-child(1) {
          -webkit-transition: 0.3s 0.37s;
          -moz-transition: 0.3s 0.37s;
          transition: 0.3s 0.37s; }
          .content-wrap.show.statistics-on .statistics .chart.chart-info-delays .chart-info p:nth-child(1) span {
            -webkit-transition: 0.3s 0.37s;
            -moz-transition: 0.3s 0.37s;
            transition: 0.3s 0.37s; }
        .content-wrap.show.statistics-on .statistics .chart.chart-info-delays .chart-info p:nth-child(2) {
          -webkit-transition: 0.3s 0.54s;
          -moz-transition: 0.3s 0.54s;
          transition: 0.3s 0.54s; }
          .content-wrap.show.statistics-on .statistics .chart.chart-info-delays .chart-info p:nth-child(2) span {
            -webkit-transition: 0.3s 0.54s;
            -moz-transition: 0.3s 0.54s;
            transition: 0.3s 0.54s; }
        .content-wrap.show.statistics-on .statistics .chart.chart-info-delays .chart-info p:nth-child(3) {
          -webkit-transition: 0.3s 0.71s;
          -moz-transition: 0.3s 0.71s;
          transition: 0.3s 0.71s; }
          .content-wrap.show.statistics-on .statistics .chart.chart-info-delays .chart-info p:nth-child(3) span {
            -webkit-transition: 0.3s 0.71s;
            -moz-transition: 0.3s 0.71s;
            transition: 0.3s 0.71s; }
        .content-wrap.show.statistics-on .statistics .chart.chart-info-delays .chart-info p:nth-child(4) {
          -webkit-transition: 0.3s 0.88s;
          -moz-transition: 0.3s 0.88s;
          transition: 0.3s 0.88s; }
          .content-wrap.show.statistics-on .statistics .chart.chart-info-delays .chart-info p:nth-child(4) span {
            -webkit-transition: 0.3s 0.88s;
            -moz-transition: 0.3s 0.88s;
            transition: 0.3s 0.88s; }
        .content-wrap.show.statistics-on .statistics .chart.chart-info-delays .chart-info p:nth-child(5) {
          -webkit-transition: 0.3s 1.05s;
          -moz-transition: 0.3s 1.05s;
          transition: 0.3s 1.05s; }
          .content-wrap.show.statistics-on .statistics .chart.chart-info-delays .chart-info p:nth-child(5) span {
            -webkit-transition: 0.3s 1.05s;
            -moz-transition: 0.3s 1.05s;
            transition: 0.3s 1.05s; }
        .content-wrap.show.statistics-on .statistics .chart.chart-info-delays .chart-info p:nth-child(6) {
          -webkit-transition: 0.3s 1.22s;
          -moz-transition: 0.3s 1.22s;
          transition: 0.3s 1.22s; }
          .content-wrap.show.statistics-on .statistics .chart.chart-info-delays .chart-info p:nth-child(6) span {
            -webkit-transition: 0.3s 1.22s;
            -moz-transition: 0.3s 1.22s;
            transition: 0.3s 1.22s; }
        .content-wrap.show.statistics-on .statistics .chart.chart-info-delays .chart-info p:nth-child(7) {
          -webkit-transition: 0.3s 1.39s;
          -moz-transition: 0.3s 1.39s;
          transition: 0.3s 1.39s; }
          .content-wrap.show.statistics-on .statistics .chart.chart-info-delays .chart-info p:nth-child(7) span {
            -webkit-transition: 0.3s 1.39s;
            -moz-transition: 0.3s 1.39s;
            transition: 0.3s 1.39s; }
        .content-wrap.show.statistics-on .statistics .chart.chart-info-delays .chart-info p:nth-child(8) {
          -webkit-transition: 0.3s 1.56s;
          -moz-transition: 0.3s 1.56s;
          transition: 0.3s 1.56s; }
          .content-wrap.show.statistics-on .statistics .chart.chart-info-delays .chart-info p:nth-child(8) span {
            -webkit-transition: 0.3s 1.56s;
            -moz-transition: 0.3s 1.56s;
            transition: 0.3s 1.56s; }
        .content-wrap.show.statistics-on .statistics .chart.chart-info-delays .chart-shard-wrap {
          -webkit-transition: all 0.15s 0.4s cubic-bezier(0.62, 0.02, 0.34, 1);
          -moz-transition: all 0.15s 0.4s cubic-bezier(0.62, 0.02, 0.34, 1);
          transition: all 0.15s 0.4s cubic-bezier(0.62, 0.02, 0.34, 1); }
          .content-wrap.show.statistics-on .statistics .chart.chart-info-delays .chart-shard-wrap .shard {
            -webkit-transition: 0.85s 0.53s cubic-bezier(0.56, 0, 0.06, 0.99);
            -moz-transition: 0.85s 0.53s cubic-bezier(0.56, 0, 0.06, 0.99);
            transition: 0.85s 0.53s cubic-bezier(0.56, 0, 0.06, 0.99); }
      .content-wrap.show.statistics-on .statistics .chart-shard-wrap {
        -webkit-transition: all 0.35s cubic-bezier(0.62, 0.02, 0.34, 1);
        -moz-transition: all 0.35s cubic-bezier(0.62, 0.02, 0.34, 1);
        transition: all 0.35s cubic-bezier(0.62, 0.02, 0.34, 1); }
        .content-wrap.show.statistics-on .statistics .chart-shard-wrap .shard {
          -webkit-transition: 0.85s 0.05s cubic-bezier(0.56, 0, 0.06, 0.99);
          -moz-transition: 0.85s 0.05s cubic-bezier(0.56, 0, 0.06, 0.99);
          transition: 0.85s 0.05s cubic-bezier(0.56, 0, 0.06, 0.99); }
    .content-wrap.show.statistics-on .content-info {
      opacity: 0;
      pointer-events: none; }
      .content-wrap.show.statistics-on .content-info .infos > *, .content-wrap.show.statistics-on .content-info .ctas > * {
        opacity: 0; }
  .content-wrap .content {
    margin: 0 auto 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 2s;
    -moz-transition: 2s;
    transition: 2s;
    text-align: center; }
    .content-wrap .content.copy-delays .content-info .infos > * {
      -webkit-transition: 0.45s 0.4s cubic-bezier(0.62, 0.02, 0.34, 1);
      -moz-transition: 0.45s 0.4s cubic-bezier(0.62, 0.02, 0.34, 1);
      transition: 0.45s 0.4s cubic-bezier(0.62, 0.02, 0.34, 1); }
    .content-wrap .content.copy-delays .content-info .infos :nth-child(2) {
      -webkit-transition-delay: 0.5s;
      -moz-transition-delay: 0.5s;
      transition-delay: 0.5s; }
    .content-wrap .content.copy-delays .content-info .infos :nth-child(3) {
      -webkit-transition-delay: 0.63s;
      -moz-transition-delay: 0.63s;
      transition-delay: 0.63s; }
    .content-wrap .content.copy-delays .content-info .infos :nth-child(4) {
      -webkit-transition-delay: 0.8s;
      -moz-transition-delay: 0.8s;
      transition-delay: 0.8s; }
    .content-wrap .content.copy-delays .content-info .infos :nth-child(5) {
      -webkit-transition-delay: 0.95s;
      -moz-transition-delay: 0.95s;
      transition-delay: 0.95s;
      -webkit-transition-duration: 0.6s;
      -moz-transition-duration: 0.6s;
      transition-duration: 0.6s; }
    .content-wrap .content.copy-delays .content-info .ctas :nth-child(1) {
      -webkit-transition-delay: 1.1s;
      -moz-transition-delay: 1.1s;
      transition-delay: 1.1s; }
    .content-wrap .content.copy-delays .content-info .ctas :nth-child(2) {
      -webkit-transition-delay: 1.3s;
      -moz-transition-delay: 1.3s;
      transition-delay: 1.3s; }
    .content-wrap .content.copy-delays .content-info .ctas :nth-child(3) {
      -webkit-transition-duration: 1.2s;
      -moz-transition-duration: 1.2s;
      transition-duration: 1.2s;
      -webkit-transition-delay: 1.5s;
      -moz-transition-delay: 1.5s;
      transition-delay: 1.5s; }
    .content-wrap .content .content-info {
      margin: -5em 0 0em;
      width: 80%;
      /* max-width: 490px; */
      display: inline-block;
      vertical-align: middle;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      transition: 0.3s; }
      .content-wrap .content .content-info ul {
        text-align: center; }
        .content-wrap .content .content-info ul li {
          display: inline-block; }
      .content-wrap .content .content-info .infos {
        margin: 0em 0 2.3em;
        width: 100%;
        position: relative;
        color: #fff;
      }
        .content-wrap .content .content-info .infos .nav-btn {
          margin-bottom: 36px;
          color: #fff;
          text-shadow: 0 0 #fff;
        }
        .content-wrap .content .content-info .infos .nav-btn span{
          background-color: #B7A15F;
          width: 46px;
          height: 46px;
          font-size: 0.9rem;
          line-height: 46px;
          border-radius: 50%;
          position: relative;
          top: 9px;
        }
          .content-wrap .content .content-info .infos .nav-btn::after {
            background-color: #323232;
            -webkit-animation: ripple 1.6s ease-out infinite;
            animation: ripple 1.6s ease-out infinite;}
        .content-wrap .content .content-info .infos h6 {
          font-size: 1.8em;
          line-height: 1.3em;
          margin-bottom: .3em; color:#fff;}
          .content-wrap .content .content-info .infos p {
            font-size: 1.3em;
            line-height: 1.3em;
            margin-bottom: 1.2em; }
          .content-wrap .content .content-info .infos p:nth-child(3) {
            font-size: 2em;
            line-height: 1.1em;
            margin-bottom: .8em;
            width: 90%;
            margin-left: 5%; }
          .content-wrap .content .content-info .infos p span {
            color: #f03252; }
        .content-wrap .content .content-info .infos ul {
          margin-bottom: 1.5em; }
          .content-wrap .content .content-info .infos ul li {
            font-size: .97em;
            color: #555;
            letter-spacing: .13em; }
            .content-wrap .content .content-info .infos ul li span {
              color: #888; }
            .content-wrap .content .content-info .infos ul li:nth-child(2) {
              margin: 0 7px;
              color: rgba(255, 255, 255, 0.2); }
        .content-wrap .content .content-info .infos > * {
          -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1);
          -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1);
          transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1); }
      .content-wrap .content .content-info .ctas li:nth-child(2) a {
        margin: 0 40px 0 60px; }
        .content-wrap .content .content-info .ctas li:nth-child(2) a.popout {
          font-size: 1.7em;
          padding: 21px 23px 21px 7px; }
          .content-wrap .content .content-info .ctas li:nth-child(2) a.popout span {
            height: 15px;
            width: 10px;
            position: absolute;
            right: 4px;
            top: 50%;
            margin-top: -7px;
            background: url("../img/textured-ui/play-icon.png") no-repeat center center;
            background-size: 10px 15px;
            -webkit-transition: 0.23s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
            -moz-transition: 0.23s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
            transition: 0.23s 0s cubic-bezier(0.62, 0.02, 0.34, 1); }
          .content-wrap .content .content-info .ctas li:nth-child(2) a.popout:hover span {
            -webkit-transform: translateX(3px);
            -moz-transform: translateX(3px);
            -ms-transform: translateX(3px);
            -o-transform: translateX(3px);
            transform: translateX(3px); }
      .content-wrap .content .content-info .ctas a {
        letter-spacing: .13em; }
      .content-wrap .content .content-info .ctas > * {
        -webkit-transition: 0.67s cubic-bezier(0.62, 0.02, 0.34, 1);
        -moz-transition: 0.67s cubic-bezier(0.62, 0.02, 0.34, 1);
        transition: 0.67s cubic-bezier(0.62, 0.02, 0.34, 1); }
    .content-wrap .content::before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
      margin-right: -0.25em;
      /* Adjusts for spacing */ }
    .content-wrap .content ul:first-child {
      margin-top: -10px; }
    .content-wrap .content ul.videos {
      z-index: 999999;
      display: none;
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.7);
      opacity: 0;
      -webkit-transition: 0.14s linear;
      -moz-transition: 0.14s linear;
      transition: 0.14s linear; }
      .content-wrap .content ul.videos .close-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        -webkit-transition: 0.23s;
        -moz-transition: 0.23s;
        transition: 0.23s; }
        .content-wrap .content ul.videos .close-video:hover {
          background-color: rgba(230, 0, 20, 0.14); }
      .content-wrap .content ul.videos .nav-btn {
        top: 7%; }
        .content-wrap .content ul.videos .nav-btn::after {
          background-color: #323232; }
      .content-wrap .content ul.videos li {
        position: absolute;
        top: 10%;
        left: 10%;
        right: 10%;
        bottom: 10%; }
        .content-wrap .content ul.videos li iframe {
          height: 100%;
          width: 100%;
          opacity: 0;
          -webkit-transition: 0.3s 0.3s;
          -moz-transition: 0.3s 0.3s;
          transition: 0.3s 0.3s;
          -webkit-transform: translateY(6px) scale(0.96);
          -moz-transform: translateY(6px) scale(0.96);
          -ms-transform: translateY(6px) scale(0.96);
          -o-transform: translateY(6px) scale(0.96);
          transform: translateY(6px) scale(0.96);
          -webkit-mask: url(../img/textured-ui/video-mask.png) no-repeat center center/100% 100%; }
      .content-wrap .content ul.videos.video-show {
        display: block; }
        .content-wrap .content ul.videos.video-show iframe {
          display: block;
          opacity: 0.01; }
      .content-wrap .content ul.videos.video-show-ul {
        opacity: 1; }
      .video-on .content-wrap .content ul.videos iframe {
        opacity: 1;
        -webkit-transform: translateY(0px) scale(1);
        -moz-transform: translateY(0px) scale(1);
        -ms-transform: translateY(0px) scale(1);
        -o-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1); }
      .content-wrap .content ul.videos.video-show::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -25px 0 0 -25px;
        height: 35px;
        width: 35px;
        -webkit-clip-path: polygon(0% 20%, 50% 100%, 100% 100%);
        /* background: url("../img/textured-ui/red-texture.png") repeat center center/40px 40px; */
        -webkit-animation: loading-spinning 0.5s linear infinite forwards;
        -moz-animation: loading-spinning 0.5s linear infinite forwards;
        animation: loading-spinning 0.5s linear infinite forwards;
        -webkit-transform-origin: 80% 20%;
        -moz-transform-origin: 80% 20%;
        -ms-transform-origin: 80% 20%;
        -o-transform-origin: 80% 20%;
        transform-origin: 80% 20%; }
    .content-wrap .content ul li h2 {
      font-size: 16px;
      text-align: center;
      line-height: 1.25em;
      margin-bottom: 20px; }
    .content-wrap .content ul li a:nth-child(3) {
      margin-right: 5px; }
    .content-wrap .content ul li a.video {
      margin-left: 5px;
      padding-right: 33px; }
      .content-wrap .content ul li a.video::after {
        -webkit-transition: background-color 0.13s, -webkit-clip-path 0.13s 0.3s, right 0.13s 0.4s;
        -moz-transition: background-color 0.13s, -webkit-clip-path 0.13s 0.3s, right 0.13s 0.4s;
        transition: background-color 0.13s, -webkit-clip-path 0.13s 0.3s, right 0.13s 0.4s;
        content: "";
        position: absolute;
        right: 17px;
        top: 50%;
        margin-top: -5px;
        height: 10px;
        width: 8px;
        background: #fff;
        -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 50%); }
  .content-wrap .statistics {
    margin: -160px 0 0 -300px;
    width: 600px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%; }
    .content-wrap .statistics ul li, .content-wrap .statistics .chart .chart-bg, .content-wrap .statistics .chart-info, .content-wrap .statistics .chart-info p {
      opacity: 0;
      -webkit-transition: 0.26s;
      -moz-transition: 0.26s;
      transition: 0.26s; }
    .content-wrap .statistics ul {
      float: left;
      width: 180px; }
      .content-wrap .statistics ul li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        text-align: left;
        -webkit-transform: translateX(-6px);
        -moz-transform: translateX(-6px);
        -ms-transform: translateX(-6px);
        -o-transform: translateX(-6px);
        transform: translateX(-6px); }
        .content-wrap .statistics ul li:nth-child(1) {
          margin-bottom: 14px;
          border: none; }
          .content-wrap .statistics ul li:nth-child(1) a {
            margin: 0; }
        .content-wrap .statistics ul li:last-child {
          margin-top: 20px;
          border-bottom: none; }
          .content-wrap .statistics ul li:last-child p {
            font-size: 1.2em;
            color: #f03252;
            line-height: 1.2em;
            letter-spacing: .13em; }
        .content-wrap .statistics ul li .line-link {
          font-size: 1.2em;
          display: inline-block;
          padding: 20px 0;
          line-height: 1.2em;
          position: relative; }
          .content-wrap .statistics ul li .line-link::after {
            bottom: 15px;
            height: 3px; }
          .content-wrap .statistics ul li .line-link .arrow {
            height: 0px;
            width: 0px;
            position: absolute;
            right: -7px;
            top: 25px;
            opacity: 0;
            -webkit-transform: translate3d(-4px, 0, 0);
            -moz-transform: translate3d(-4px, 0, 0);
            -ms-transform: translate3d(-4px, 0, 0);
            -o-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0);
            -webkit-transition: 0.18s;
            -moz-transition: 0.18s;
            transition: 0.18s; }
            .content-wrap .statistics ul li .line-link .arrow::before, .content-wrap .statistics ul li .line-link .arrow::after {
              content: "";
              position: absolute;
              height: 3px;
              width: 9px;
              background-color: #f03252;
              border-radius: 2px;
              -webkit-transform: translate3d(0px, 2px, 0);
              -moz-transform: translate3d(0px, 2px, 0);
              -ms-transform: translate3d(0px, 2px, 0);
              -o-transform: translate3d(0px, 2px, 0);
              transform: translate3d(0px, 2px, 0);
              -webkit-transition: 0.23s;
              -moz-transition: 0.23s;
              transition: 0.23s; }
          .content-wrap .statistics ul li .line-link.active .arrow {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
            .content-wrap .statistics ul li .line-link.active .arrow::before, .content-wrap .statistics ul li .line-link.active .arrow::after {
              -webkit-transition: 0.23s 0.1s;
              -moz-transition: 0.23s 0.1s;
              transition: 0.23s 0.1s; }
            .content-wrap .statistics ul li .line-link.active .arrow::before {
              -webkit-transform: rotate(45deg);
              -moz-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
              -o-transform: rotate(45deg);
              transform: rotate(45deg); }
            .content-wrap .statistics ul li .line-link.active .arrow::after {
              -webkit-transform: rotate(-45deg) translate3d(-3px, 3px, 0);
              -moz-transform: rotate(-45deg) translate3d(-3px, 3px, 0);
              -ms-transform: rotate(-45deg) translate3d(-3px, 3px, 0);
              -o-transform: rotate(-45deg) translate3d(-3px, 3px, 0);
              transform: rotate(-45deg) translate3d(-3px, 3px, 0); }
          .content-wrap .statistics ul li .line-link.active::after {
            opacity: 1;
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none; }
        .content-wrap .statistics ul li .nav-btn {
          /* background: url("../img/textured-ui/red-texture.png") repeat center center/40px 40px; */
          display: block;
          margin: 0 auto;
          position: relative; }
          .content-wrap .statistics ul li .nav-btn .arrow {
            -webkit-transform: rotate(-90deg) translate3d(-12px, 2px, 0);
            -moz-transform: rotate(-90deg) translate3d(-12px, 2px, 0);
            -ms-transform: rotate(-90deg) translate3d(-12px, 2px, 0);
            -o-transform: rotate(-90deg) translate3d(-12px, 2px, 0);
            transform: rotate(-90deg) translate3d(-12px, 2px, 0); }
          .content-wrap .statistics ul li .nav-btn::after {
            background-color: #222; }
          .content-wrap .statistics ul li .nav-btn .popout {
            right: auto;
            left: 68px; }
          .content-wrap .statistics ul li .nav-btn:hover .popout {
            left: 80px; }
      .content-wrap .statistics ul.one li:nth-child(3), .content-wrap .statistics ul.one li:nth-child(4) {
        display: none; }
      .content-wrap .statistics ul.two li:nth-child(4) {
        display: none; }
    .content-wrap .statistics .chart {
      float: right;
      width: 470px;
      position: relative;
      height: 344px;
      width: 344px;
      margin-top: -24px;
      -webkit-transition: 90s cubic-bezier(0.62, 0.02, 0.34, 1);
      -moz-transition: 90s cubic-bezier(0.62, 0.02, 0.34, 1);
      transition: 90s cubic-bezier(0.62, 0.02, 0.34, 1); }
      .content-wrap .statistics .chart > div, .content-wrap .statistics .chart .shard {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0; }
      .content-wrap .statistics .chart .chart-shard-wrap {
        -webkit-transition: all 0.27s 0.24s cubic-bezier(0.62, 0.02, 0.34, 1);
        -moz-transition: all 0.27s 0.24s cubic-bezier(0.62, 0.02, 0.34, 1);
        transition: all 0.27s 0.24s cubic-bezier(0.62, 0.02, 0.34, 1);
        -webkit-transform: translateY(10px) rotate(-40deg);
        -moz-transform: translateY(10px) rotate(-40deg);
        -ms-transform: translateY(10px) rotate(-40deg);
        -o-transform: translateY(10px) rotate(-40deg);
        transform: translateY(10px) rotate(-40deg);
        opacity: 0; }
        .content-wrap .statistics .chart .chart-shard-wrap .shard {
          -webkit-transform: scale(0.7) rotate(-40deg);
          -moz-transform: scale(0.7) rotate(-40deg);
          -ms-transform: scale(0.7) rotate(-40deg);
          -o-transform: scale(0.7) rotate(-40deg);
          transform: scale(0.7) rotate(-40deg);
          -webkit-clip-path: polygon(38% 35%, 61% 35%, 70% 57%, 50% 72%, 30% 57%, 30% 57%, 30% 57%, 30% 57%);
          /* background: url("../img/textured-ui/red-texture-2.png") repeat center center/80px 80px; */
          -webkit-transition: 0.5s cubic-bezier(0.56, 0, 0.06, 0.99);
          -moz-transition: 0.5s cubic-bezier(0.56, 0, 0.06, 0.99);
          transition: 0.5s cubic-bezier(0.56, 0, 0.06, 0.99); }
      .content-wrap .statistics .chart:hover .chart-bg::before {
        border-color: rgba(255, 255, 255, 0.2); }
      .content-wrap .statistics .chart:hover .chart-bg::after {
        -webkit-transform: scale(0.233);
        -moz-transform: scale(0.233);
        -ms-transform: scale(0.233);
        -o-transform: scale(0.233);
        transform: scale(0.233); }
      .content-wrap .statistics .chart:hover .chart-info {
        cursor: pointer; }
        .content-wrap .statistics .chart:hover .chart-info em {
          opacity: 0; }
          .content-wrap .statistics .chart:hover .chart-info em.number {
            opacity: 1;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0); }
        .content-wrap .statistics .chart:hover .chart-info p:nth-child(1) em {
          -webkit-transition: 0.25s 0.07s linear;
          -moz-transition: 0.25s 0.07s linear;
          transition: 0.25s 0.07s linear; }
        .content-wrap .statistics .chart:hover .chart-info p:nth-child(2) em {
          -webkit-transition: 0.25s 0.14s linear;
          -moz-transition: 0.25s 0.14s linear;
          transition: 0.25s 0.14s linear; }
        .content-wrap .statistics .chart:hover .chart-info p:nth-child(3) em {
          -webkit-transition: 0.25s 0.21s linear;
          -moz-transition: 0.25s 0.21s linear;
          transition: 0.25s 0.21s linear; }
        .content-wrap .statistics .chart:hover .chart-info p:nth-child(4) em {
          -webkit-transition: 0.25s 0.28s linear;
          -moz-transition: 0.25s 0.28s linear;
          transition: 0.25s 0.28s linear; }
        .content-wrap .statistics .chart:hover .chart-info p:nth-child(5) em {
          -webkit-transition: 0.25s 0.35s linear;
          -moz-transition: 0.25s 0.35s linear;
          transition: 0.25s 0.35s linear; }
        .content-wrap .statistics .chart:hover .chart-info p:nth-child(6) em {
          -webkit-transition: 0.25s 0.42s linear;
          -moz-transition: 0.25s 0.42s linear;
          transition: 0.25s 0.42s linear; }
        .content-wrap .statistics .chart:hover .chart-info p:nth-child(7) em {
          -webkit-transition: 0.25s 0.49s linear;
          -moz-transition: 0.25s 0.49s linear;
          transition: 0.25s 0.49s linear; }
        .content-wrap .statistics .chart:hover .chart-info p:nth-child(8) em {
          -webkit-transition: 0.25s 0.56s linear;
          -moz-transition: 0.25s 0.56s linear;
          transition: 0.25s 0.56s linear; }
      .content-wrap .statistics .chart .chart-info p {
        position: absolute;
        top: 50%;
        left: 50%;
        text-align: center;
        -webkit-transform: rotate(-52deg);
        -moz-transform: rotate(-52deg);
        -ms-transform: rotate(-52deg);
        -o-transform: rotate(-52deg);
        transform: rotate(-52deg);
        -webkit-transition: 0.9s cubic-bezier(0.62, 0.02, 0.34, 1), opacity 0.4s cubic-bezier(0.62, 0.02, 0.34, 1), font-size 0.1s 0s;
        -moz-transition: 0.9s cubic-bezier(0.62, 0.02, 0.34, 1), opacity 0.4s cubic-bezier(0.62, 0.02, 0.34, 1), font-size 0.1s 0s;
        transition: 0.9s cubic-bezier(0.62, 0.02, 0.34, 1), opacity 0.4s cubic-bezier(0.62, 0.02, 0.34, 1), font-size 0.1s 0s; }
        .content-wrap .statistics .chart .chart-info p span {
          position: absolute;
          top: 0;
          left: 0;
          -webkit-transform: rotate(52deg);
          -moz-transform: rotate(52deg);
          -ms-transform: rotate(52deg);
          -o-transform: rotate(52deg);
          transform: rotate(52deg);
          margin-top: -210px;
          white-space: nowrap;
          font-size: 1.24em;
          letter-spacing: .15em;
          -webkit-transition: 0.9s cubic-bezier(0.62, 0.02, 0.34, 1), opacity 0.2s cubic-bezier(0.62, 0.02, 0.34, 1), font-size 0.1s 0s;
          -moz-transition: 0.9s cubic-bezier(0.62, 0.02, 0.34, 1), opacity 0.2s cubic-bezier(0.62, 0.02, 0.34, 1), font-size 0.1s 0s;
          transition: 0.9s cubic-bezier(0.62, 0.02, 0.34, 1), opacity 0.2s cubic-bezier(0.62, 0.02, 0.34, 1), font-size 0.1s 0s; }
          .content-wrap .statistics .chart .chart-info p span em {
            font-style: normal;
            -webkit-transition: 0.29s;
            -moz-transition: 0.29s;
            transition: 0.29s;
            -webkit-backface-visibility: hidden; }
            .content-wrap .statistics .chart .chart-info p span em.number {
              opacity: 0;
              color: #fff;
              position: absolute;
              top: 0;
              left: 0;
              font-size: 1.4em;
              -webkit-transform: translateY(4px);
              -moz-transform: translateY(4px);
              -ms-transform: translateY(4px);
              -o-transform: translateY(4px);
              transform: translateY(4px); }
              .content-wrap .statistics .chart .chart-info p span em.number i {
                color: #f03252;
                font-size: .7em;
                -webkit-transform: translateY(-4px);
                -moz-transform: translateY(-4px);
                -ms-transform: translateY(-4px);
                -o-transform: translateY(-4px);
                transform: translateY(-4px); }
                .content-wrap .statistics .chart .chart-info p span em.number i.sep-line {
                  display: block;
                  font-size: .5em;
                  letter-spacing: .04em; }
              .content-wrap .statistics .chart .chart-info p span em.number.top-stat::before {
                content: "";
                height: 45px;
                width: 45px;
                position: absolute;
                top: -18px;
                left: -8px;
                border-radius: 30px;
                background: #f03252;
                z-index: -1; }
              .content-wrap .statistics .chart .chart-info p span em.number.top-stat i {
                color: #181818; }
      .content-wrap .statistics .chart .chart-info p:nth-child(9) {
        opacity: 0;
        width: 100%;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        transition: 0.2s; }
        .content-wrap .statistics .chart .chart-info p:nth-child(9) span, .content-wrap .statistics .chart .chart-info p:nth-child(9) span em {
          opacity: 0; }
        .content-wrap .statistics .chart .chart-info p:nth-child(9) span {
          width: 100%;
          -webkit-transform: rotate(0deg) translateY(6px);
          -moz-transform: rotate(0deg) translateY(6px);
          -ms-transform: rotate(0deg) translateY(6px);
          -o-transform: rotate(0deg) translateY(6px);
          transform: rotate(0deg) translateY(6px);
          left: 0;
          margin-top: -30px;
          font-size: 1em;
          line-height: 3.7em;
          color: #f03252; }
          .content-wrap .statistics .chart .chart-info p:nth-child(9) span em {
            display: block;
            font-size: 5.7em;
            color: #fff; }
            .content-wrap .statistics .chart .chart-info p:nth-child(9) span em i {
              font-style: normal;
              color: #f03252;
              font-size: .6em;
              -webkit-transform: translateY(-14px);
              -moz-transform: translateY(-14px);
              -ms-transform: translateY(-14px);
              -o-transform: translateY(-14px);
              transform: translateY(-14px); }
      .content-wrap .statistics .chart .chart-bg {
        -webkit-transform: rotate(-20deg);
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        -o-transform: rotate(-20deg);
        transform: rotate(-20deg); }
        .content-wrap .statistics .chart .chart-bg::before, .content-wrap .statistics .chart .chart-bg::after {
          content: "";
          border-radius: 200px;
          border: 1px solid rgba(255, 255, 255, 0.06);
          -webkit-transition: 0.27s cubic-bezier(0.62, 0.02, 0.34, 1);
          -moz-transition: 0.27s cubic-bezier(0.62, 0.02, 0.34, 1);
          transition: 0.27s cubic-bezier(0.62, 0.02, 0.34, 1);
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0; }
        .content-wrap .statistics .chart .chart-bg::after {
          -webkit-transition-duration: 0.33s;
          -moz-transition-duration: 0.33s;
          transition-duration: 0.33s;
          -webkit-transform: scale(0.2);
          -moz-transform: scale(0.2);
          -ms-transform: scale(0.2);
          -o-transform: scale(0.2);
          transform: scale(0.2);
          -webkit-transform-origin: 50% 50%;
          -moz-transform-origin: 50% 50%;
          -ms-transform-origin: 50% 50%;
          -o-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
          border-width: 7px;
          margin: -4px 0 0 -4px;
          border-color: rgba(255, 255, 255, 0.2); }
        .content-wrap .statistics .chart .chart-bg div {
          position: absolute;
          top: 50%;
          left: 50%; }
          .content-wrap .statistics .chart .chart-bg div::before, .content-wrap .statistics .chart .chart-bg div::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 172px;
            height: 1px;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 0;
            -moz-transform-origin: 0;
            -ms-transform-origin: 0;
            -o-transform-origin: 0;
            transform-origin: 0;
            background-color: rgba(255, 255, 255, 0.07);
            -webkit-transition: 0.7s cubic-bezier(0.62, 0.02, 0.34, 1);
            -moz-transition: 0.7s cubic-bezier(0.62, 0.02, 0.34, 1);
            transition: 0.7s cubic-bezier(0.62, 0.02, 0.34, 1); }
      .content-wrap .statistics .chart.one-stat .chart-shard-wrap .shard {
        -webkit-clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%); }
      .content-wrap .statistics .chart.one-stat .chart-bg div::after, .content-wrap .statistics .chart.one-stat .chart-bg div::before {
        opacity: 0; }
      .content-wrap .statistics .chart.one-stat .chart-bg::after {
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
        border-width: 3px;
        border-color: rgba(255, 255, 255, 0.03); }
      .content-wrap .statistics .chart.one-stat .chart-info p:nth-child(9) {
        opacity: 1; }
        .content-wrap .statistics .chart.one-stat .chart-info p:nth-child(9) em, .content-wrap .statistics .chart.one-stat .chart-info p:nth-child(9) span {
          opacity: 1 !important;
          -webkit-transition: 0.17s 0.3s;
          -moz-transition: 0.17s 0.3s;
          transition: 0.17s 0.3s;
          -webkit-transform: rotate(0deg) translateY(0px);
          -moz-transform: rotate(0deg) translateY(0px);
          -ms-transform: rotate(0deg) translateY(0px);
          -o-transform: rotate(0deg) translateY(0px);
          transform: rotate(0deg) translateY(0px); }
      .content-wrap .statistics .chart.four-stats .chart-bg > :nth-child(3), > :nth-child(4) .content-wrap .statistics .chart.four-stats .chart-bg::before, :nth-child(4) .content-wrap .statistics .chart.four-stats .chart-bg::after, .content-wrap .statistics .chart.one-stat .chart-bg > :nth-child(3), > :nth-child(4) .content-wrap .statistics .chart.one-stat .chart-bg::before, :nth-child(4) .content-wrap .statistics .chart.one-stat .chart-bg::after {
        opacity: 0; }
      .content-wrap .statistics .chart.four-stats .chart-bg > :nth-child(1)::after, .content-wrap .statistics .chart.one-stat .chart-bg > :nth-child(1)::after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      .content-wrap .statistics .chart.four-stats .chart-bg > :nth-child(2)::before, .content-wrap .statistics .chart.one-stat .chart-bg > :nth-child(2)::before {
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg); }
      .content-wrap .statistics .chart.four-stats .chart-bg > :nth-child(2)::after, .content-wrap .statistics .chart.one-stat .chart-bg > :nth-child(2)::after {
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        transform: rotate(225deg); }
      .content-wrap .statistics .chart.four-stats .chart-bg > :nth-child(3)::before, .content-wrap .statistics .chart.one-stat .chart-bg > :nth-child(3)::before {
        opacity: 0; }
      .content-wrap .statistics .chart.four-stats .chart-bg > :nth-child(3)::after, .content-wrap .statistics .chart.one-stat .chart-bg > :nth-child(3)::after {
        opacity: 0; }
      .content-wrap .statistics .chart.four-stats .chart-bg > :nth-child(4)::before, .content-wrap .statistics .chart.one-stat .chart-bg > :nth-child(4)::before {
        opacity: 0; }
      .content-wrap .statistics .chart.four-stats .chart-bg > :nth-child(4)::after, .content-wrap .statistics .chart.one-stat .chart-bg > :nth-child(4)::after {
        opacity: 0; }
      .content-wrap .statistics .chart.four-stats .chart-info p:nth-child(2), .content-wrap .statistics .chart.one-stat .chart-info p:nth-child(2) {
        -webkit-transform: rotate(38deg);
        -moz-transform: rotate(38deg);
        -ms-transform: rotate(38deg);
        -o-transform: rotate(38deg);
        transform: rotate(38deg); }
        .content-wrap .statistics .chart.four-stats .chart-info p:nth-child(2) span, .content-wrap .statistics .chart.one-stat .chart-info p:nth-child(2) span {
          -webkit-transform: rotate(-38deg);
          -moz-transform: rotate(-38deg);
          -ms-transform: rotate(-38deg);
          -o-transform: rotate(-38deg);
          transform: rotate(-38deg); }
      .content-wrap .statistics .chart.four-stats .chart-info p:nth-child(3), .content-wrap .statistics .chart.one-stat .chart-info p:nth-child(3) {
        -webkit-transform: rotate(128deg);
        -moz-transform: rotate(128deg);
        -ms-transform: rotate(128deg);
        -o-transform: rotate(128deg);
        transform: rotate(128deg); }
        .content-wrap .statistics .chart.four-stats .chart-info p:nth-child(3) span, .content-wrap .statistics .chart.one-stat .chart-info p:nth-child(3) span {
          -webkit-transform: rotate(-128deg);
          -moz-transform: rotate(-128deg);
          -ms-transform: rotate(-128deg);
          -o-transform: rotate(-128deg);
          transform: rotate(-128deg); }
      .content-wrap .statistics .chart.four-stats .chart-info p:nth-child(4), .content-wrap .statistics .chart.one-stat .chart-info p:nth-child(4) {
        -webkit-transform: rotate(218deg);
        -moz-transform: rotate(218deg);
        -ms-transform: rotate(218deg);
        -o-transform: rotate(218deg);
        transform: rotate(218deg); }
        .content-wrap .statistics .chart.four-stats .chart-info p:nth-child(4) span, .content-wrap .statistics .chart.one-stat .chart-info p:nth-child(4) span {
          -webkit-transform: rotate(-218deg);
          -moz-transform: rotate(-218deg);
          -ms-transform: rotate(-218deg);
          -o-transform: rotate(-218deg);
          transform: rotate(-218deg); }
      .content-wrap .statistics .chart.four-stats .chart-info p:nth-child(5) span, .content-wrap .statistics .chart.one-stat .chart-info p:nth-child(5) span {
        opacity: 0; }
      .content-wrap .statistics .chart.four-stats .chart-info p:nth-child(6) span, .content-wrap .statistics .chart.one-stat .chart-info p:nth-child(6) span {
        opacity: 0; }
      .content-wrap .statistics .chart.four-stats .chart-info p:nth-child(7) span, .content-wrap .statistics .chart.one-stat .chart-info p:nth-child(7) span {
        opacity: 0; }
      .content-wrap .statistics .chart.four-stats .chart-info p:nth-child(8) span, .content-wrap .statistics .chart.one-stat .chart-info p:nth-child(8) span {
        opacity: 0; }
      .content-wrap .statistics .chart.five-stats .chart-bg > :nth-child(1)::before {
        -webkit-transform: rotate(-54deg);
        -moz-transform: rotate(-54deg);
        -ms-transform: rotate(-54deg);
        -o-transform: rotate(-54deg);
        transform: rotate(-54deg); }
      .content-wrap .statistics .chart.five-stats .chart-bg > :nth-child(1)::after {
        -webkit-transform: rotate(18deg);
        -moz-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        -o-transform: rotate(18deg);
        transform: rotate(18deg); }
      .content-wrap .statistics .chart.five-stats .chart-bg > :nth-child(2)::before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); }
      .content-wrap .statistics .chart.five-stats .chart-bg > :nth-child(2)::after {
        -webkit-transform: rotate(162deg);
        -moz-transform: rotate(162deg);
        -ms-transform: rotate(162deg);
        -o-transform: rotate(162deg);
        transform: rotate(162deg); }
      .content-wrap .statistics .chart.five-stats .chart-bg > :nth-child(3)::before {
        -webkit-transform: rotate(234deg);
        -moz-transform: rotate(234deg);
        -ms-transform: rotate(234deg);
        -o-transform: rotate(234deg);
        transform: rotate(234deg); }
      .content-wrap .statistics .chart.five-stats .chart-bg > :nth-child(3)::after {
        opacity: 0; }
      .content-wrap .statistics .chart.five-stats .chart-bg > :nth-child(4)::before {
        opacity: 0; }
      .content-wrap .statistics .chart.five-stats .chart-bg > :nth-child(4)::after {
        opacity: 0; }
      .content-wrap .statistics .chart.five-stats .chart-info p:nth-child(1) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg); }
        .content-wrap .statistics .chart.five-stats .chart-info p:nth-child(1) span {
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg); }
      .content-wrap .statistics .chart.five-stats .chart-info p:nth-child(2) {
        -webkit-transform: rotate(27deg);
        -moz-transform: rotate(27deg);
        -ms-transform: rotate(27deg);
        -o-transform: rotate(27deg);
        transform: rotate(27deg); }
        .content-wrap .statistics .chart.five-stats .chart-info p:nth-child(2) span {
          -webkit-transform: rotate(-27deg);
          -moz-transform: rotate(-27deg);
          -ms-transform: rotate(-27deg);
          -o-transform: rotate(-27deg);
          transform: rotate(-27deg); }
      .content-wrap .statistics .chart.five-stats .chart-info p:nth-child(3) {
        -webkit-transform: rotate(102deg);
        -moz-transform: rotate(102deg);
        -ms-transform: rotate(102deg);
        -o-transform: rotate(102deg);
        transform: rotate(102deg); }
        .content-wrap .statistics .chart.five-stats .chart-info p:nth-child(3) span {
          -webkit-transform: rotate(-102deg);
          -moz-transform: rotate(-102deg);
          -ms-transform: rotate(-102deg);
          -o-transform: rotate(-102deg);
          transform: rotate(-102deg); }
      .content-wrap .statistics .chart.five-stats .chart-info p:nth-child(4) {
        -webkit-transform: rotate(174deg);
        -moz-transform: rotate(174deg);
        -ms-transform: rotate(174deg);
        -o-transform: rotate(174deg);
        transform: rotate(174deg); }
        .content-wrap .statistics .chart.five-stats .chart-info p:nth-child(4) span {
          -webkit-transform: rotate(-174deg);
          -moz-transform: rotate(-174deg);
          -ms-transform: rotate(-174deg);
          -o-transform: rotate(-174deg);
          transform: rotate(-174deg); }
      .content-wrap .statistics .chart.five-stats .chart-info p:nth-child(5) {
        -webkit-transform: rotate(244deg);
        -moz-transform: rotate(244deg);
        -ms-transform: rotate(244deg);
        -o-transform: rotate(244deg);
        transform: rotate(244deg); }
        .content-wrap .statistics .chart.five-stats .chart-info p:nth-child(5) span {
          -webkit-transform: rotate(-244deg);
          -moz-transform: rotate(-244deg);
          -ms-transform: rotate(-244deg);
          -o-transform: rotate(-244deg);
          transform: rotate(-244deg); }
      .content-wrap .statistics .chart.five-stats .chart-info p:nth-child(6) span {
        opacity: 0; }
      .content-wrap .statistics .chart.five-stats .chart-info p:nth-child(7) span {
        opacity: 0; }
      .content-wrap .statistics .chart.five-stats .chart-info p:nth-child(8) span {
        opacity: 0; }
      .content-wrap .statistics .chart.six-stats .chart-bg > :nth-child(1)::before {
        -webkit-transform: rotate(-120deg);
        -moz-transform: rotate(-120deg);
        -ms-transform: rotate(-120deg);
        -o-transform: rotate(-120deg);
        transform: rotate(-120deg); }
      .content-wrap .statistics .chart.six-stats .chart-bg > :nth-child(1)::after {
        -webkit-transform: rotate(-60deg);
        -moz-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
        -o-transform: rotate(-60deg);
        transform: rotate(-60deg); }
      .content-wrap .statistics .chart.six-stats .chart-bg > :nth-child(2)::before {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg); }
      .content-wrap .statistics .chart.six-stats .chart-bg > :nth-child(2)::after {
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg); }
      .content-wrap .statistics .chart.six-stats .chart-bg > :nth-child(3)::before {
        -webkit-transform: rotate(120deg);
        -moz-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
        -o-transform: rotate(120deg);
        transform: rotate(120deg); }
      .content-wrap .statistics .chart.six-stats .chart-bg > :nth-child(3)::after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
      .content-wrap .statistics .chart.six-stats .chart-bg > :nth-child(4)::before {
        opacity: 0; }
      .content-wrap .statistics .chart.six-stats .chart-bg > :nth-child(4)::after {
        opacity: 0; }
      .content-wrap .statistics .chart.six-stats .chart-info p:nth-child(1) {
        -webkit-transform: rotate(-35deg);
        -moz-transform: rotate(-35deg);
        -ms-transform: rotate(-35deg);
        -o-transform: rotate(-35deg);
        transform: rotate(-35deg); }
        .content-wrap .statistics .chart.six-stats .chart-info p:nth-child(1) span {
          -webkit-transform: rotate(35deg);
          -moz-transform: rotate(35deg);
          -ms-transform: rotate(35deg);
          -o-transform: rotate(35deg);
          transform: rotate(35deg); }
      .content-wrap .statistics .chart.six-stats .chart-info p:nth-child(2) {
        -webkit-transform: rotate(25deg);
        -moz-transform: rotate(25deg);
        -ms-transform: rotate(25deg);
        -o-transform: rotate(25deg);
        transform: rotate(25deg); }
        .content-wrap .statistics .chart.six-stats .chart-info p:nth-child(2) span {
          -webkit-transform: rotate(-25deg);
          -moz-transform: rotate(-25deg);
          -ms-transform: rotate(-25deg);
          -o-transform: rotate(-25deg);
          transform: rotate(-25deg); }
      .content-wrap .statistics .chart.six-stats .chart-info p:nth-child(3) {
        -webkit-transform: rotate(85deg);
        -moz-transform: rotate(85deg);
        -ms-transform: rotate(85deg);
        -o-transform: rotate(85deg);
        transform: rotate(85deg); }
        .content-wrap .statistics .chart.six-stats .chart-info p:nth-child(3) span {
          -webkit-transform: rotate(-85deg);
          -moz-transform: rotate(-85deg);
          -ms-transform: rotate(-85deg);
          -o-transform: rotate(-85deg);
          transform: rotate(-85deg); }
      .content-wrap .statistics .chart.six-stats .chart-info p:nth-child(4) {
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg); }
        .content-wrap .statistics .chart.six-stats .chart-info p:nth-child(4) span {
          -webkit-transform: rotate(-145deg);
          -moz-transform: rotate(-145deg);
          -ms-transform: rotate(-145deg);
          -o-transform: rotate(-145deg);
          transform: rotate(-145deg); }
      .content-wrap .statistics .chart.six-stats .chart-info p:nth-child(5) {
        -webkit-transform: rotate(205deg);
        -moz-transform: rotate(205deg);
        -ms-transform: rotate(205deg);
        -o-transform: rotate(205deg);
        transform: rotate(205deg); }
        .content-wrap .statistics .chart.six-stats .chart-info p:nth-child(5) span {
          -webkit-transform: rotate(-205deg);
          -moz-transform: rotate(-205deg);
          -ms-transform: rotate(-205deg);
          -o-transform: rotate(-205deg);
          transform: rotate(-205deg); }
      .content-wrap .statistics .chart.six-stats .chart-info p:nth-child(6) {
        -webkit-transform: rotate(265deg);
        -moz-transform: rotate(265deg);
        -ms-transform: rotate(265deg);
        -o-transform: rotate(265deg);
        transform: rotate(265deg); }
        .content-wrap .statistics .chart.six-stats .chart-info p:nth-child(6) span {
          -webkit-transform: rotate(-265deg);
          -moz-transform: rotate(-265deg);
          -ms-transform: rotate(-265deg);
          -o-transform: rotate(-265deg);
          transform: rotate(-265deg); }
      .content-wrap .statistics .chart.six-stats .chart-info p:nth-child(7) span {
        opacity: 0; }
      .content-wrap .statistics .chart.six-stats .chart-info p:nth-child(8) span {
        opacity: 0; }
      .content-wrap .statistics .chart.eight-stats .chart-bg > :nth-child(1)::before {
        -webkit-transform: rotate(-22.5deg);
        -moz-transform: rotate(-22.5deg);
        -ms-transform: rotate(-22.5deg);
        -o-transform: rotate(-22.5deg);
        transform: rotate(-22.5deg); }
      .content-wrap .statistics .chart.eight-stats .chart-bg > :nth-child(1)::after {
        -webkit-transform: rotate(22.5deg);
        -moz-transform: rotate(22.5deg);
        -ms-transform: rotate(22.5deg);
        -o-transform: rotate(22.5deg);
        transform: rotate(22.5deg); }
      .content-wrap .statistics .chart.eight-stats .chart-bg > :nth-child(2)::before {
        -webkit-transform: rotate(67.5deg);
        -moz-transform: rotate(67.5deg);
        -ms-transform: rotate(67.5deg);
        -o-transform: rotate(67.5deg);
        transform: rotate(67.5deg); }
      .content-wrap .statistics .chart.eight-stats .chart-bg > :nth-child(2)::after {
        -webkit-transform: rotate(112.5deg);
        -moz-transform: rotate(112.5deg);
        -ms-transform: rotate(112.5deg);
        -o-transform: rotate(112.5deg);
        transform: rotate(112.5deg); }
      .content-wrap .statistics .chart.eight-stats .chart-bg > :nth-child(3)::before {
        -webkit-transform: rotate(157.5deg);
        -moz-transform: rotate(157.5deg);
        -ms-transform: rotate(157.5deg);
        -o-transform: rotate(157.5deg);
        transform: rotate(157.5deg); }
      .content-wrap .statistics .chart.eight-stats .chart-bg > :nth-child(3)::after {
        -webkit-transform: rotate(202.5deg);
        -moz-transform: rotate(202.5deg);
        -ms-transform: rotate(202.5deg);
        -o-transform: rotate(202.5deg);
        transform: rotate(202.5deg); }
      .content-wrap .statistics .chart.eight-stats .chart-bg > :nth-child(4)::before {
        -webkit-transform: rotate(247.5deg);
        -moz-transform: rotate(247.5deg);
        -ms-transform: rotate(247.5deg);
        -o-transform: rotate(247.5deg);
        transform: rotate(247.5deg); }
      .content-wrap .statistics .chart.eight-stats .chart-bg > :nth-child(4)::after {
        -webkit-transform: rotate(292.5deg);
        -moz-transform: rotate(292.5deg);
        -ms-transform: rotate(292.5deg);
        -o-transform: rotate(292.5deg);
        transform: rotate(292.5deg); }
      .content-wrap .statistics .chart.eight-stats .chart-info p:nth-child(1) {
        -webkit-transform: rotate(-25deg);
        -moz-transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
        -o-transform: rotate(-25deg);
        transform: rotate(-25deg); }
        .content-wrap .statistics .chart.eight-stats .chart-info p:nth-child(1) span {
          -webkit-transform: rotate(25deg);
          -moz-transform: rotate(25deg);
          -ms-transform: rotate(25deg);
          -o-transform: rotate(25deg);
          transform: rotate(25deg); }
      .content-wrap .statistics .chart.eight-stats .chart-info p:nth-child(2) {
        -webkit-transform: rotate(20deg);
        -moz-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
        -o-transform: rotate(20deg);
        transform: rotate(20deg); }
        .content-wrap .statistics .chart.eight-stats .chart-info p:nth-child(2) span {
          -webkit-transform: rotate(-20deg);
          -moz-transform: rotate(-20deg);
          -ms-transform: rotate(-20deg);
          -o-transform: rotate(-20deg);
          transform: rotate(-20deg); }
      .content-wrap .statistics .chart.eight-stats .chart-info p:nth-child(3) {
        -webkit-transform: rotate(65deg);
        -moz-transform: rotate(65deg);
        -ms-transform: rotate(65deg);
        -o-transform: rotate(65deg);
        transform: rotate(65deg); }
        .content-wrap .statistics .chart.eight-stats .chart-info p:nth-child(3) span {
          -webkit-transform: rotate(-65deg);
          -moz-transform: rotate(-65deg);
          -ms-transform: rotate(-65deg);
          -o-transform: rotate(-65deg);
          transform: rotate(-65deg); }
      .content-wrap .statistics .chart.eight-stats .chart-info p:nth-child(4) {
        -webkit-transform: rotate(110deg);
        -moz-transform: rotate(110deg);
        -ms-transform: rotate(110deg);
        -o-transform: rotate(110deg);
        transform: rotate(110deg); }
        .content-wrap .statistics .chart.eight-stats .chart-info p:nth-child(4) span {
          -webkit-transform: rotate(-110deg);
          -moz-transform: rotate(-110deg);
          -ms-transform: rotate(-110deg);
          -o-transform: rotate(-110deg);
          transform: rotate(-110deg); }
      .content-wrap .statistics .chart.eight-stats .chart-info p:nth-child(5) {
        -webkit-transform: rotate(155deg);
        -moz-transform: rotate(155deg);
        -ms-transform: rotate(155deg);
        -o-transform: rotate(155deg);
        transform: rotate(155deg); }
        .content-wrap .statistics .chart.eight-stats .chart-info p:nth-child(5) span {
          -webkit-transform: rotate(-155deg);
          -moz-transform: rotate(-155deg);
          -ms-transform: rotate(-155deg);
          -o-transform: rotate(-155deg);
          transform: rotate(-155deg); }
      .content-wrap .statistics .chart.eight-stats .chart-info p:nth-child(6) {
        -webkit-transform: rotate(200deg);
        -moz-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        -o-transform: rotate(200deg);
        transform: rotate(200deg); }
        .content-wrap .statistics .chart.eight-stats .chart-info p:nth-child(6) span {
          -webkit-transform: rotate(-200deg);
          -moz-transform: rotate(-200deg);
          -ms-transform: rotate(-200deg);
          -o-transform: rotate(-200deg);
          transform: rotate(-200deg); }
      .content-wrap .statistics .chart.eight-stats .chart-info p:nth-child(7) {
        -webkit-transform: rotate(245deg);
        -moz-transform: rotate(245deg);
        -ms-transform: rotate(245deg);
        -o-transform: rotate(245deg);
        transform: rotate(245deg); }
        .content-wrap .statistics .chart.eight-stats .chart-info p:nth-child(7) span {
          -webkit-transform: rotate(-245deg);
          -moz-transform: rotate(-245deg);
          -ms-transform: rotate(-245deg);
          -o-transform: rotate(-245deg);
          transform: rotate(-245deg); }
      .content-wrap .statistics .chart.eight-stats .chart-info p:nth-child(8) {
        -webkit-transform: rotate(290deg);
        -moz-transform: rotate(290deg);
        -ms-transform: rotate(290deg);
        -o-transform: rotate(290deg);
        transform: rotate(290deg); }
        .content-wrap .statistics .chart.eight-stats .chart-info p:nth-child(8) span {
          -webkit-transform: rotate(-290deg);
          -moz-transform: rotate(-290deg);
          -ms-transform: rotate(-290deg);
          -o-transform: rotate(-290deg);
          transform: rotate(-290deg); }
      .content-wrap .statistics .chart.remove-stats .chart-info p {
        opacity: 0 !important;
        -webkit-transition: 0.2s !important;
        -moz-transition: 0.2s !important;
        transition: 0.2s !important; }
        .content-wrap .statistics .chart.remove-stats .chart-info p span {
          -webkit-transition: 0.2s !important;
          -moz-transition: 0.2s !important;
          transition: 0.2s !important; }

.overlay::-webkit-scrollbar {
  height: 12px;
  width: 20px;
  background: transparent;
  border-radius: 20px; }

.overlay::-webkit-scrollbar-thumb {
  background: #ddd;
  border: 8px solid rgba(255, 255, 255, 0.945);
  border-radius: 20px; }

.overlay::selection {
  background: #f03252;
  /* WebKit/Blink Browsers */ }

.overlay::-moz-selection {
  background: #f03252;
  /* Gecko Browsers */ }

.overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.945);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  overflow-y: scroll;
  pointer-events: none;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: 0.45s cubic-bezier(1, 0, 0, 1);
  -moz-transition: 0.45s cubic-bezier(1, 0, 0, 1);
  transition: 0.45s cubic-bezier(1, 0, 0, 1);
  text-align: center; }
  .overlay > div {
    width: 80%;
    max-width: 580px;
    padding: 1% 10% 5.5%;
    margin: 0 auto;
    display: none; }
    .overlay > div.active {
      display: block; }
    .overlay > div.sharing-goodies {
      max-width: 600px; }
      .overlay > div.sharing-goodies p {
        max-width: 500px;
        margin: 0 auto; }
  .overlay div > * {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.3s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.3s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.3s;
    opacity: 0.00; }
  .overlay .nav-btn.close {
    margin-top: 4%;
    opacity: 0;
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s;
    }
    .overlay .nav-btn.close::after {
      background-color: #fafafa; }
    .overlay .nav-btn.close .icon::before, .overlay .nav-btn.close .icon::after {
       }
  .overlay h2 {
    font-size: 2.5em;
    color: #f03252;
    margin: 1.4em 0 .4em; }
  .overlay p {
    color: #444;
    font-size: 1.5em;
    text-transform: none;
    line-height: 1.6em;
    margin-bottom: 1em; }
    .overlay p:nth-child(2) {
      font-size: 2.2em;
      text-transform: uppercase;
      line-height: 1.2em;
      letter-spacing: .06em; }
    .overlay p span.disclaimer {
      -webkit-transform: translateY(-4px);
      -moz-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
      -o-transform: translateY(-4px);
      transform: translateY(-4px); }
    .overlay p em {
      font-family: 'courier';
      display: block;
      font-size: .9em;
      font-style: normal;
      margin-top: .5em; }
    .overlay p a {
      text-transform: uppercase;
      letter-spacing: .05em;
      display: inline-block; }
  .overlay ul {
    margin-bottom: 3.2em; }
    .overlay ul li {
      border-bottom: 2px solid #ccc;
      padding: 1.7em 0 1.4em; }
      .overlay ul li a {
        font-size: 1.35em;
        line-height: 1.1em;
        display: inline-block; }
        .overlay ul li a span {
          font-size: .72em;
          -webkit-filter: brightness(0.6); }
  .overlay a:hover img {
    border: 1px solid #ddd; }
  .overlay img {
    width: 100%;
    margin: 1.6em 0 1.8em;
    border: 1px solid #ededed;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s; }
  .overlay.active {
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
    .overlay.active .close, .overlay.active div > * {
      opacity: 1; }
    .overlay.active div > *:nth-child(1) {
      -webkit-transition: 0.48s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s;
      -moz-transition: 0.48s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s;
      transition: 0.48s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s; }
    .overlay.active div > *:nth-child(2) {
      -webkit-transition: 0.56s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s;
      -moz-transition: 0.56s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s;
      transition: 0.56s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s; }
    .overlay.active div > *:nth-child(3) {
      -webkit-transition: 0.64s cubic-bezier(0.62, 0.02, 0.34, 1) 0.6s;
      -moz-transition: 0.64s cubic-bezier(0.62, 0.02, 0.34, 1) 0.6s;
      transition: 0.64s cubic-bezier(0.62, 0.02, 0.34, 1) 0.6s; }
    .overlay.active div > *:nth-child(4) {
      -webkit-transition: 0.72s cubic-bezier(0.62, 0.02, 0.34, 1) 0.7s;
      -moz-transition: 0.72s cubic-bezier(0.62, 0.02, 0.34, 1) 0.7s;
      transition: 0.72s cubic-bezier(0.62, 0.02, 0.34, 1) 0.7s; }
    .overlay.active div > *:nth-child(5) {
      -webkit-transition: 0.8s cubic-bezier(0.62, 0.02, 0.34, 1) 0.8s;
      -moz-transition: 0.8s cubic-bezier(0.62, 0.02, 0.34, 1) 0.8s;
      transition: 0.8s cubic-bezier(0.62, 0.02, 0.34, 1) 0.8s; }
    .overlay.active div > *:nth-child(6) {
      -webkit-transition: 0.88s cubic-bezier(0.62, 0.02, 0.34, 1) 0.9s;
      -moz-transition: 0.88s cubic-bezier(0.62, 0.02, 0.34, 1) 0.9s;
      transition: 0.88s cubic-bezier(0.62, 0.02, 0.34, 1) 0.9s; }
    .overlay.active div > *:nth-child(7) {
      -webkit-transition: 0.96s cubic-bezier(0.62, 0.02, 0.34, 1) 1s;
      -moz-transition: 0.96s cubic-bezier(0.62, 0.02, 0.34, 1) 1s;
      transition: 0.96s cubic-bezier(0.62, 0.02, 0.34, 1) 1s; }
    .overlay.active div > *:nth-child(8) {
      -webkit-transition: 1.04s cubic-bezier(0.62, 0.02, 0.34, 1) 1.1s;
      -moz-transition: 1.04s cubic-bezier(0.62, 0.02, 0.34, 1) 1.1s;
      transition: 1.04s cubic-bezier(0.62, 0.02, 0.34, 1) 1.1s; }
    .overlay.active div > *:nth-child(9) {
      -webkit-transition: 1.12s cubic-bezier(0.62, 0.02, 0.34, 1) 1.2s;
      -moz-transition: 1.12s cubic-bezier(0.62, 0.02, 0.34, 1) 1.2s;
      transition: 1.12s cubic-bezier(0.62, 0.02, 0.34, 1) 1.2s; }
    .overlay.active div > *:nth-child(10) {
      -webkit-transition: 1.2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.3s;
      -moz-transition: 1.2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.3s;
      transition: 1.2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.3s; }
  .overlay .sharing-goodies .sharing-btns {
    text-align: center;
    margin: 2.2em 0 4em; }
    .overlay .sharing-goodies .sharing-btns .share-btn {
      display: inline-block;
      margin-right: 10px;
      padding: 15px;
      height: 20px;
      border-radius: 4px;
      background-color: rgba(100, 100, 100, 0.07); }
      .overlay .sharing-goodies .sharing-btns .share-btn:last-child {
        margin-right: 0; }
      .overlay .sharing-goodies .sharing-btns .share-btn:nth-child(1) {
        width: 100%; }
      .overlay .sharing-goodies .sharing-btns .share-btn:nth-child(2) {
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
        transform: translateY(-2px); }
      .overlay .sharing-goodies .sharing-btns .share-btn:nth-child(3) {
        width: 58px; }

body.video-on #animalchanger::before {
  display: none; }
body.video-on li {
  opacity: 1; }

.smash .stage .animal-nav li, .all-animals .stage .animal-nav li, .preloader-layer-2 .animal-nav li {
  -webkit-transition: 0.23s ease-in;
  -moz-transition: 0.23s ease-in;
  transition: 0.23s ease-in;
  opacity: 0;
  -webkit-transform: translateX(11px);
  -moz-transform: translateX(11px);
  -ms-transform: translateX(11px);
  -o-transform: translateX(11px);
  transform: translateX(11px);
  pointer-events: none; }
.smash .stage .main-nav li, .all-animals .stage .main-nav li, .preloader-layer-2 .main-nav li {
  -webkit-transition: 0.23s ease-in;
  -moz-transition: 0.23s ease-in;
  transition: 0.23s ease-in;
  opacity: 0;
  -webkit-transform: translateX(-11px);
  -moz-transform: translateX(-11px);
  -ms-transform: translateX(-11px);
  -o-transform: translateX(-11px);
  transform: translateX(-11px);
  pointer-events: none; }
.smash .stage .animalinfo-wrapper, .all-animals .stage .animalinfo-wrapper, .preloader-layer-2 .animalinfo-wrapper {
  -webkit-transition: 0.2s ease-in 0s;
  -moz-transition: 0.2s ease-in 0s;
  transition: 0.2s ease-in 0s;
  opacity: 0;
  -webkit-transform: translateY(11px);
  -moz-transform: translateY(11px);
  -ms-transform: translateY(11px);
  -o-transform: translateY(11px);
  transform: translateY(11px); }
.smash .stage footer, .all-animals .stage footer, .preloader-layer-2 footer {
  pointer-events: none; }
  .smash .stage footer ul li, .smash .stage footer .footer-nav, .all-animals .stage footer ul li, .all-animals .stage footer .footer-nav, .preloader-layer-2 footer ul li, .preloader-layer-2 footer .footer-nav {
    opacity: 0;
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -ms-transform: translateY(4px);
    -o-transform: translateY(4px);
    transform: translateY(4px); }

.nav-btn {
  height: 64px;
  width: 64px;
  border-radius: 100px;
  position: relative;
  -webkit-transition: 0.14s;
  -moz-transition: 0.14s;
  transition: 0.14s;
  margin-bottom: 10px;
 }
  .nav-btn.close {
    background: #36302E;
    display: block;
    margin: 0 auto;
    float:inherit;
    position: relative; }
    .nav-btn.close .icon {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -12px;
      margin-top: -4px;
      z-index: 99;
      -webkit-transition: 0.18s 0.1s;
      -moz-transition: 0.18s 0.1s;
      transition: 0.18s 0.1s; }
      .nav-btn.close .icon::before, .nav-btn.close .icon::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 25px;
        height: 7px;
        border-radius: 2px;
        background-image: url("../images/repeat-white.png");
        background-size: 30px 30px;
        -webkit-transition: 0.3s cubic-bezier(0.62, 0.02, 0.34, 1);
        -moz-transition: 0.3s cubic-bezier(0.62, 0.02, 0.34, 1);
        transition: 0.3s cubic-bezier(0.62, 0.02, 0.34, 1);
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%; }
      .nav-btn.close .icon::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      .nav-btn.close .icon::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg); }
    .nav-btn.close:hover .icon::before {
      -webkit-transform: rotate(-135deg);
      -moz-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
      -o-transform: rotate(-135deg);
      transform: rotate(-135deg);
      -webkit-transition-delay: 0.1s;
      -moz-transition-delay: 0.1s;
      transition-delay: 0.1s; }
    .nav-btn.close:hover .icon::after {
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      transform: rotate(135deg); }
  .nav-btn::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    background-color: #179DFF;
    width: 54px;
    height: 54px;
    border-radius: 100px;
    background-size: 120%;
    -webkit-transition: 0.14s;
    -moz-transition: 0.14s;
    transition: 0.14s; }
  .nav-btn:hover {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
    transform: scale(1.07); }
    .nav-btn:hover::after {
      -webkit-transform: scale(0.94);
      -moz-transform: scale(0.94);
      -ms-transform: scale(0.94);
      -o-transform: scale(0.94);
      transform: scale(0.94); }
  .nav-btn:active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
    .nav-btn:active::after {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
  .nav-btn .arrow {
    z-index: 99;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -5px;
    -webkit-transition: 0.18s 0.1s;
    -moz-transition: 0.18s 0.1s;
    transition: 0.18s 0.1s; }
    .nav-btn .arrow::before, .nav-btn .arrow::after {
      content: "";
      position: absolute;
      width: 15px;
      height: 7px;
      border-radius: 2px;
      background-image:url("../images/repeat-white.png");
      background-size:30px 30px;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      transition: 0.3s;
      -webkit-transform-origin: 50% 100%;
      -moz-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
      -o-transform-origin: 50% 100%;
      transform-origin: 50% 100%; }
    .nav-btn .arrow::before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .nav-btn .arrow::after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .nav-btn:hover .arrow {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px); }
  .nav-btn .popout {
    position: absolute;
    right: 80px;
    top: 6px;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -ms-transform: translateX(8px);
    -o-transform: translateX(8px);
    transform: translateX(8px); }
    .nav-btn .popout.text-change {
      opacity: 0;
      -webkit-transition: 0.15s;
      -moz-transition: 0.15s;
      transition: 0.15s;
      -webkit-transform: translateY(5px);
      -moz-transform: translateY(5px);
      -ms-transform: translateY(5px);
      -o-transform: translateY(5px);
      transform: translateY(5px); }
  .nav-btn:hover .popout {
    -webkit-transform: translateX(0) !important;
    -moz-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    -o-transform: translateX(0) !important;
    transform: translateX(0) !important;
    opacity: 1; }
    .nav-btn:hover .popout.text-change {
      opacity: 0;
      -webkit-transition: 0.14s;
      -moz-transition: 0.14s;
      transition: 0.14s;
      -webkit-transform: translateY(5px);
      -moz-transform: translateY(5px);
      -ms-transform: translateY(5px);
      -o-transform: translateY(5px);
      transform: translateY(5px); }

.offsite {
  padding-right: 21px;
  position: relative;
  color: #f03252;
  display: inline-block; }
  .offsite span {
    position: absolute;
    top: 50%;
    right: 3px;
    margin-top: -6px;
    width: 9px;
    height: 7px;
    border-radius: 3px;
    border: 2px solid #f03252; }
    .offsite span::before {
      content: "";
      position: absolute;
      top: 2px;
      left: -5px;
      background-color: #fff;
      border: 1px solid #222;
      height: 1px;
      width: 7px;
      -webkit-transition: 0.21s;
      -moz-transition: 0.21s;
      transition: 0.21s; }
  .offsite:hover span::before {
    left: 4px;
    -webkit-transition: 0.17s 0.12s;
    -moz-transition: 0.17s 0.12s;
    transition: 0.17s 0.12s; }
  .ctas .offsite {
    padding-left: 22px;
    padding-right: 0;
    color: #fff; }
    .ctas .offsite span {
      left: 0;
      right: auto; }
  .offsite.offsite-dark span {
    -webkit-transform: scale(0.8) translateY(1px);
    -moz-transform: scale(0.8) translateY(1px);
    -ms-transform: scale(0.8) translateY(1px);
    -o-transform: scale(0.8) translateY(1px);
    transform: scale(0.8) translateY(1px);
    border-color: #444; }
    .offsite.offsite-dark span::before {
      background-color: #444;
      border-color: #fff; }
  p .offsite.line-link::after {
    bottom: 1px; }

.line-link {
  position: relative; }
  .line-link::after {
    content: '';
    /* background: url("../img/textured-ui/mini-texture.png") repeat left center; */
    background-size: 40px 30px;
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: -5px;
    left: 0;
    border-radius: 40px;
    opacity: 0;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px);
    -webkit-transition: 0.19s;
    -moz-transition: 0.19s;
    transition: 0.19s; }
  .line-link:hover::after {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  .line-link.dark-line::after {
    /* background: url("../img/textured-ui/green-texture-less.png") repeat left center;  */
  }
  .line-link.red::after {
     }

.box-link {
  position: relative;
  display: inline-block;
  padding: 16px 25px 16px 29px;
  font-size: .96em;
  color: #fff;
  /* background: url("../img/textured-ui/red-texture.png") repeat center center/70px 70px; */
  border-radius: 40px; }
  .box-link span {
    z-index: 10;
    position: relative; }
  .box-link::after {
    content: "";
    position: absolute;
    z-index: 1;
    border-radius: 40px;
    background: #1a1a1d;
    bottom: 2px;
    top: 2px;
    right: 2px;
    left: 2px;
    -webkit-transition: 0.18s cubic-bezier(0.62, 0.02, 0.34, 1);
    -moz-transition: 0.18s cubic-bezier(0.62, 0.02, 0.34, 1);
    transition: 0.18s cubic-bezier(0.62, 0.02, 0.34, 1); }
  .box-link:hover::after {
    bottom: 4px;
    top: 4px;
    right: 4px;
    left: 4px; }
    .popout.big-red::before {
      left: -22px;
      background-size: 42px 50px; }
    .popout.big-red::after {
      right: -22px;
      background-size: 42px 50px;
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg); }
    .popout.big-red:hover {
      padding: 21px 13px; }

.animalinfo-wrapper {
  /* position: fixed; */
  width: 90%;
  margin-top: 19%;
  padding-left: 2%;
  -webkit-transition: 0.18s 0.3s;
  -moz-transition: 0.18s 0.3s;
  transition: 0.18s 0.3s; }
  .animalinfo-wrapper .animalinfo {
    /* text-align: center; */
    position: relative;
    -webkit-transition: 0.18s;
    -moz-transition: 0.18s;
    transition: 0.18s; }
    .animalinfo-wrapper .animalinfo li {
      margin-top: 0;
      margin-right: 16px;
      position: relative;
      margin-bottom: 20px;
      -webkit-transition: 0.23s;
      -moz-transition: 0.23s;
      transition: 0.23s;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
      .animalinfo-wrapper .animalinfo li:nth-child(1) {
        letter-spacing: .1em;
        margin-right: 32px; }
        .animalinfo-wrapper .animalinfo li:nth-child(1) span {
          font-size: 2.7em;
          display: block;
          margin-top: 7px; }
      .animalinfo-wrapper .animalinfo li:nth-child(2) {
        transition-delay: .13s; }
        .animalinfo-wrapper .animalinfo li:nth-child(1) h2 {
          color: #fff; display: block; font-size:40px;}
      .animalinfo-wrapper .animalinfo li:nth-child(2) {
        /* transition-delay: .22s; */
        margin-right: 0; }
        .animalinfo-wrapper .animalinfo li:nth-child(2) p {
          display: block;font-size:30px;
        color:#fff;}
          .animalinfo-wrapper .animalinfo li:nth-child(2) a.wallpaper {
            
            margin-right: 0; }
            .animalinfo-wrapper .animalinfo li:nth-child(2) a.wallpaper span {
              z-index: 99;
              position: absolute;
              top: 50%;
              left: 50%;
              margin-left: -8px;
              margin-top: -8px;
              -webkit-transition: 0.18s;
              -moz-transition: 0.18s;
              transition: 0.18s;
              height: 13px;
              width: 13px;
              border: 2px solid #fff;
              border-radius: 4px;
              -webkit-backface-visibility: hidden; }
              .animalinfo-wrapper .animalinfo li:nth-child(2) a.wallpaper span::before, .animalinfo-wrapper .animalinfo li:nth-child(2) a.wallpaper span::after {
                content: "";
                position: absolute;
                width: 11px;
                height: 2px;
                border-radius: 3px;
                background: white;
                -webkit-backface-visibility: hidden;
                -webkit-transition: 0.18s;
                -moz-transition: 0.18s;
                transition: 0.18s;
                -webkit-transform-origin: 50% 50%;
                -moz-transform-origin: 50% 50%;
                -ms-transform-origin: 50% 50%;
                -o-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
                -webkit-transform: rotate(-45deg) translateX(-8px) translateY(0px);
                -moz-transform: rotate(-45deg) translateX(-8px) translateY(0px);
                -ms-transform: rotate(-45deg) translateX(-8px) translateY(0px);
                -o-transform: rotate(-45deg) translateX(-8px) translateY(0px);
                transform: rotate(-45deg) translateX(-8px) translateY(0px);
                top: 0;
                left: 50%; }
              .animalinfo-wrapper .animalinfo li:nth-child(2) a.wallpaper span::after {
                opacity: 0; }
            .animalinfo-wrapper .animalinfo li:nth-child(2) a.wallpaper:hover span {
              border: 4px solid #FFF !important;
              -webkit-transform: translateX(4px);
              -moz-transform: translateX(4px);
              -ms-transform: translateX(4px);
              -o-transform: translateX(4px);
              transform: translateX(4px);
              height: 0;
              width: 0; }
              .animalinfo-wrapper .animalinfo li:nth-child(2) a.wallpaper:hover span::before, .animalinfo-wrapper .animalinfo li:nth-child(2) a.wallpaper:hover span::after {
                height: 3px;
                background-color: #FFF !important; }
              .animalinfo-wrapper .animalinfo li:nth-child(2) a.wallpaper:hover span::after {
                opacity: 1;
                -webkit-transform: rotate(-45deg) translateX(-8px) translateY(4px);
                -moz-transform: rotate(-45deg) translateX(-8px) translateY(4px);
                -ms-transform: rotate(-45deg) translateX(-8px) translateY(4px);
                -o-transform: rotate(-45deg) translateX(-8px) translateY(4px);
                transform: rotate(-45deg) translateX(-8px) translateY(4px); }
              .animalinfo-wrapper .animalinfo li:nth-child(2) a.wallpaper:hover span::before {
                -webkit-transform: rotate(45deg) translateX(0px) translateY(12px);
                -moz-transform: rotate(45deg) translateX(0px) translateY(12px);
                -ms-transform: rotate(45deg) translateX(0px) translateY(12px);
                -o-transform: rotate(45deg) translateX(0px) translateY(12px);
                transform: rotate(45deg) translateX(0px) translateY(12px); }
          .animalinfo-wrapper .animalinfo li:nth-child(2) a.direct-stats {
            -webkit-transition: 0.3s 0.32s;
            -moz-transition: 0.3s 0.32s;
            transition: 0.3s 0.32s;
            background: url("../img/textured-ui/green-texture-circle.png") center center repeat;
            background-size: cover; }
    .animalinfo-wrapper .animalinfo.text-change li, .animalinfo-wrapper .animalinfo.text-change a:nth-child(2) {
      opacity: 0;
      -webkit-transition: 0.15s;
      -moz-transition: 0.15s;
      transition: 0.15s;
      -webkit-transform: translateY(5px);
      -moz-transform: translateY(5px);
      -ms-transform: translateY(5px);
      -o-transform: translateY(5px);
      transform: translateY(5px); }
      .animalinfo-wrapper .animalinfo.text-change li:nth-child(2), .animalinfo-wrapper .animalinfo.text-change li:nth-child(3), .animalinfo-wrapper .animalinfo.text-change li:nth-child(3) a:nth-child(2), .animalinfo-wrapper .animalinfo.text-change a:nth-child(2):nth-child(2), .animalinfo-wrapper .animalinfo.text-change a:nth-child(2):nth-child(3), .animalinfo-wrapper .animalinfo.text-change a:nth-child(2):nth-child(3) a:nth-child(2) {
        transition-delay: 0s; }

.stage {
  z-index: 100;
  position: relative;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  transition: 0.7s; }
  .stage .main-nav {
    position: absolute;
    top: 50%;
    left: 30px;
    margin-top: -95px; }
    .stage .main-nav .popout {
      right: auto;
      left: 80px;
      -webkit-transform: translateX(-8px);
      -moz-transform: translateX(-8px);
      -ms-transform: translateX(-8px);
      -o-transform: translateX(-8px);
      transform: translateX(-8px); }
    .stage .main-nav > li {
      -webkit-transition: 0.23s;
      -moz-transition: 0.23s;
      transition: 0.23s; }
      .stage .main-nav > li:nth-child(2) {
        -webkit-transition-delay: 0.18s;
        -moz-transition-delay: 0.18s;
        transition-delay: 0.18s; }
      .stage .main-nav > li:nth-child(3) {
        -webkit-transition-delay: 0.36s;
        -moz-transition-delay: 0.36s;
        transition-delay: 0.36s; }
      .stage .main-nav > li:nth-child(1) ul {
        position: relative;
        z-index: 999999;
        top: 50%;
        left: 50%; }
        .stage .main-nav > li:nth-child(1) ul li {
          position: absolute; }
          .stage .main-nav > li:nth-child(1) ul li:nth-child(1) {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg); }
          .stage .main-nav > li:nth-child(1) ul li:nth-child(2) {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg); }
          .stage .main-nav > li:nth-child(1) ul li:nth-child(3) {
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg); }
          .stage .main-nav > li:nth-child(1) ul li:nth-child(4) {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg); }
          .stage .main-nav > li:nth-child(1) ul li:nth-child(5) {
            -webkit-transform: rotate(225deg);
            -moz-transform: rotate(225deg);
            -ms-transform: rotate(225deg);
            -o-transform: rotate(225deg);
            transform: rotate(225deg); }
          .stage .main-nav > li:nth-child(1) ul li:nth-child(6) {
            -webkit-transform: rotate(270deg);
            -moz-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            -o-transform: rotate(270deg);
            transform: rotate(270deg); }
          .stage .main-nav > li:nth-child(1) ul li:nth-child(7) {
            -webkit-transform: rotate(315deg);
            -moz-transform: rotate(315deg);
            -ms-transform: rotate(315deg);
            -o-transform: rotate(315deg);
            transform: rotate(315deg); }
          .stage .main-nav > li:nth-child(1) ul li:nth-child(8) {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg); }
        .stage .main-nav > li:nth-child(1) ul li::before, .stage .main-nav > li:nth-child(1) ul::before {
          content: "";
          position: absolute;
          height: 2px;
          width: 2px;
          display: block;
          border-radius: 50px;
          margin-top: -1px;
          margin-left: -1px;
          -webkit-transition: 0.22s 0.14s;
          -moz-transition: 0.22s 0.14s;
          transition: 0.22s 0.14s; }
        .stage .main-nav > li:nth-child(1) ul li::before {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px); }
        .stage .main-nav > li:nth-child(1) ul::before {
          height: 4px;
          width: 4px;
          margin-top: -2px;
          margin-left: -2px; }
        .stage .main-nav > li:nth-child(1) ul::after {
          content: "";
          position: absolute;
          height: 30px;
          width: 30px;
          margin-top: -15px;
          margin-left: -15px;
          top: 0;
          left: 0;
          -webkit-transition: 0.22s;
          -moz-transition: 0.22s;
          transition: 0.22s;
          -webkit-clip-path: polygon(50% 50%, 50% 50%, 50% 50%); }
      .stage .main-nav > li:nth-child(1) a:hover ul::after {
        -webkit-transition: 3s 0s, -webkit-clip-path 0.32s 0.3s;
        -moz-transition: 3s 0s, -webkit-clip-path 0.32s 0.3s;
        transition: 3s 0s, -webkit-clip-path 0.32s 0.3s;
        -webkit-clip-path: polygon(20.4% 65%, 56.4% 83%, 65.8% 16%);
        -webkit-transform: rotate(20deg);
        -moz-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
        -o-transform: rotate(20deg);
        transform: rotate(20deg); }
      .stage .main-nav > li:nth-child(1) a:hover ul li::before {
        -webkit-transition: 0.22s cubic-bezier(0.38, -0.32, 0.89, 0.34) 0s;
        -moz-transition: 0.22s cubic-bezier(0.38, -0.32, 0.89, 0.34) 0s;
        transition: 0.22s cubic-bezier(0.38, -0.32, 0.89, 0.34) 0s;
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 0; }
      .stage .main-nav > li:nth-child(1) a:hover ul li:nth-child(1)::before {
        -webkit-transition-delay: 0.02s;
        -moz-transition-delay: 0.02s;
        transition-delay: 0.02s; }
      .stage .main-nav > li:nth-child(1) a:hover ul li:nth-child(2)::before {
        -webkit-transition-delay: 0.04s;
        -moz-transition-delay: 0.04s;
        transition-delay: 0.04s; }
      .stage .main-nav > li:nth-child(1) a:hover ul li:nth-child(3)::before {
        -webkit-transition-delay: 0.06s;
        -moz-transition-delay: 0.06s;
        transition-delay: 0.06s; }
      .stage .main-nav > li:nth-child(1) a:hover ul li:nth-child(4)::before {
        -webkit-transition-delay: 0.08s;
        -moz-transition-delay: 0.08s;
        transition-delay: 0.08s; }
      .stage .main-nav > li:nth-child(1) a:hover ul li:nth-child(5)::before {
        -webkit-transition-delay: 0.1s;
        -moz-transition-delay: 0.1s;
        transition-delay: 0.1s; }
      .stage .main-nav > li:nth-child(1) a:hover ul li:nth-child(6)::before {
        -webkit-transition-delay: 0.12s;
        -moz-transition-delay: 0.12s;
        transition-delay: 0.12s; }
      .stage .main-nav > li:nth-child(1) a:hover ul li:nth-child(7)::before {
        -webkit-transition-delay: 0.14s;
        -moz-transition-delay: 0.14s;
        transition-delay: 0.14s; }
      .stage .main-nav > li:nth-child(1) a:hover ul li:nth-child(8)::before {
        -webkit-transition-delay: 0.16s;
        -moz-transition-delay: 0.16s;
        transition-delay: 0.16s; }
      .stage .main-nav > li:nth-child(1) a:hover ul::before {
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        transition-delay: 0.2s;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0); }
      .stage .main-nav > li:nth-child(2) a .arrow {
        -webkit-transform: scale(0.45) rotate(-45deg);
        -moz-transform: scale(0.45) rotate(-45deg);
        -ms-transform: scale(0.45) rotate(-45deg);
        -o-transform: scale(0.45) rotate(-45deg);
        transform: scale(0.45) rotate(-45deg);
        top: 26px;
        left: 31px;
        -webkit-font-smoothing: antialiased;
        -webkit-transition: 0.2s cubic-bezier(0.62, 0.02, 0.34, 1);
        -moz-transition: 0.2s cubic-bezier(0.62, 0.02, 0.34, 1);
        transition: 0.2s cubic-bezier(0.62, 0.02, 0.34, 1); }
        .stage .main-nav > li:nth-child(2) a .arrow::before, .stage .main-nav > li:nth-child(2) a .arrow::after {
          width: 17px;
          height: 6px;
          top: 2px; }
        .stage .main-nav > li:nth-child(2) a .arrow::before {
          left: 1px; }
        .stage .main-nav > li:nth-child(2) a .arrow::after {
          left: -3px; }
        .stage .main-nav > li:nth-child(2) a .arrow:nth-child(2) {
          -webkit-transform: scale(0.45) rotate(135deg);
          -moz-transform: scale(0.45) rotate(135deg);
          -ms-transform: scale(0.45) rotate(135deg);
          -o-transform: scale(0.45) rotate(135deg);
          transform: scale(0.45) rotate(135deg);
          top: 39px;
          left: 37px;
          -webkit-transition: 0.2s cubic-bezier(0.62, 0.02, 0.34, 1);
          -moz-transition: 0.2s cubic-bezier(0.62, 0.02, 0.34, 1);
          transition: 0.2s cubic-bezier(0.62, 0.02, 0.34, 1); }
        .stage .main-nav > li:nth-child(2) a .arrow div::before, .stage .main-nav > li:nth-child(2) a .arrow div::after {
          content: "";
          position: absolute;
          width: 6px;
          height: 23px;
          border-radius: 2px;
          top: 6px;
          left: 4px;
          -webkit-transition: 0.2s cubic-bezier(0.62, 0.02, 0.34, 1);
          -moz-transition: 0.2s cubic-bezier(0.62, 0.02, 0.34, 1);
          transition: 0.2s cubic-bezier(0.62, 0.02, 0.34, 1); }
        .stage .main-nav > li:nth-child(2) a .arrow div::after {
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          left: -1px;
          top: 20px;
          height: 15px; }
      .stage .main-nav > li:nth-child(2) a:hover .arrow {
        -webkit-transform: scale(0.45) rotate(-135deg) translate3d(-12px, -18px, 0);
        -moz-transform: scale(0.45) rotate(-135deg) translate3d(-12px, -18px, 0);
        -ms-transform: scale(0.45) rotate(-135deg) translate3d(-12px, -18px, 0);
        -o-transform: scale(0.45) rotate(-135deg) translate3d(-12px, -18px, 0);
        transform: scale(0.45) rotate(-135deg) translate3d(-12px, -18px, 0); }
        .stage .main-nav > li:nth-child(2) a:hover .arrow:nth-child(2) {
          -webkit-transform: scale(0.45) rotate(45deg) translate3d(-9px, -20px, 0);
          -moz-transform: scale(0.45) rotate(45deg) translate3d(-9px, -20px, 0);
          -ms-transform: scale(0.45) rotate(45deg) translate3d(-9px, -20px, 0);
          -o-transform: scale(0.45) rotate(45deg) translate3d(-9px, -20px, 0);
          transform: scale(0.45) rotate(45deg) translate3d(-9px, -20px, 0); }
      .stage .main-nav > li:nth-child(2) a.stop .arrow {
        -webkit-transform: scale(0.45) rotate(-90deg) translate3d(-12px, -18px, 0);
        -moz-transform: scale(0.45) rotate(-90deg) translate3d(-12px, -18px, 0);
        -ms-transform: scale(0.45) rotate(-90deg) translate3d(-12px, -18px, 0);
        -o-transform: scale(0.45) rotate(-90deg) translate3d(-12px, -18px, 0);
        transform: scale(0.45) rotate(-90deg) translate3d(-12px, -18px, 0);
        -webkit-transition-delay: 0.07s;
        -moz-transition-delay: 0.07s;
        transition-delay: 0.07s; }
        .stage .main-nav > li:nth-child(2) a.stop .arrow::before, .stage .main-nav > li:nth-child(2) a.stop .arrow::after {
          opacity: 0; }
        .stage .main-nav > li:nth-child(2) a.stop .arrow:nth-child(2) {
          -webkit-transform: scale(0.45) rotate(90deg) translate3d(-9px, -20px, 0);
          -moz-transform: scale(0.45) rotate(90deg) translate3d(-9px, -20px, 0);
          -ms-transform: scale(0.45) rotate(90deg) translate3d(-9px, -20px, 0);
          -o-transform: scale(0.45) rotate(90deg) translate3d(-9px, -20px, 0);
          transform: scale(0.45) rotate(90deg) translate3d(-9px, -20px, 0); }
        .stage .main-nav > li:nth-child(2) a.stop .arrow div::before, .stage .main-nav > li:nth-child(2) a.stop .arrow div::after {
          -webkit-transition-delay: 0.07s;
          -moz-transition-delay: 0.07s;
          transition-delay: 0.07s; }
        .stage .main-nav > li:nth-child(2) a.stop .arrow div::before {
          width: 11px;
          height: 35px;
          top: 7px;
          left: 5px; }
        .stage .main-nav > li:nth-child(2) a.stop .arrow div::after {
          width: 11px;
          height: 32px;
          top: 23px;
          left: -7px; }
      .stage .main-nav > li:nth-child(2) a.stop::after {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0); }
      .stage .main-nav > li:nth-child(3) .mute {
        height: 100%;
        width: 100%;
        position: relative;
        z-index: 9; }
        .stage .main-nav > li:nth-child(3) .mute::before, .stage .main-nav > li:nth-child(3) .mute::after {
          content: "";
          position: absolute;
          height: 100%;
          width: 100%;
          background: url("../img/textured-ui/mute-1.png") no-repeat center center;
          background-size: 15px 22px;
          -webkit-transition: 0.24s;
          -moz-transition: 0.24s;
          transition: 0.24s; }
        .stage .main-nav > li:nth-child(3) .mute::after {
          background: url("../img/textured-ui/mute-2.png") no-repeat center center;
          background-size: 15px 22px;
          -webkit-transition-delay: 0.11s;
          -moz-transition-delay: 0.11s;
          transition-delay: 0.11s; }
        .stage .main-nav > li:nth-child(3) .mute span {
          position: absolute;
          right: 50%;
          height: 2px;
          width: 0;
          border-radius: 7px;
          border: 2px solid #181818;
          z-index: 2;
          opacity: 0;
          -webkit-transform: translate3d(11px, 14px, 0) rotate(-45deg);
          -moz-transform: translate3d(11px, 14px, 0) rotate(-45deg);
          -ms-transform: translate3d(11px, 14px, 0) rotate(-45deg);
          -o-transform: translate3d(11px, 14px, 0) rotate(-45deg);
          transform: translate3d(11px, 14px, 0) rotate(-45deg);
          -webkit-transform-origin: 100% 50%;
          -moz-transform-origin: 100% 50%;
          -ms-transform-origin: 100% 50%;
          -o-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
          -webkit-transition: 0.22s, opacity 0.1s 0.1s;
          -moz-transition: 0.22s, opacity 0.1s 0.1s;
          transition: 0.22s, opacity 0.1s 0.1s; }
      .stage .main-nav > li:nth-child(3).muted .mute::before, .stage .main-nav > li:nth-child(3).muted .mute::after {
        opacity: 0.37; }
      .stage .main-nav > li:nth-child(3).muted .mute span {
        -webkit-transition: 0.23s cubic-bezier(0.62, 0.02, 0.34, 1), border 0.14s;
        -moz-transition: 0.23s cubic-bezier(0.62, 0.02, 0.34, 1), border 0.14s;
        transition: 0.23s cubic-bezier(0.62, 0.02, 0.34, 1), border 0.14s;
        width: 22px;
        opacity: 1; }
      .stage .main-nav > li:nth-child(3).muted:hover .mute span {
        -webkit-transition: 0.22s cubic-bezier(0.62, 0.02, 0.34, 1) 0.15s, opacity 0.13s 0.15s;
        -moz-transition: 0.22s cubic-bezier(0.62, 0.02, 0.34, 1) 0.15s, opacity 0.13s 0.15s;
        transition: 0.22s cubic-bezier(0.62, 0.02, 0.34, 1) 0.15s, opacity 0.13s 0.15s; }
    @media only screen and (min-width: 700px) {
      .stage .main-nav.no-mute {
        margin-top: -70px; }
        .stage .main-nav.no-mute li:nth-child(3) {
          display: none; } }
    .stage .main-nav .all-animals-off-btn {
      opacity: 0;
      pointer-events: none;
      -webkit-transform: translateX(-11px);
      -moz-transform: translateX(-11px);
      -ms-transform: translateX(-11px);
      -o-transform: translateX(-11px);
      transform: translateX(-11px);
      -webkit-transition: 0.23s;
      -moz-transition: 0.23s;
      transition: 0.23s;
      position: absolute;
      top: 50%;
      margin-top: -27px; }
  .animal-nav {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    bottom: -20px;
    z-index: 1; }
    .animal-nav li {
      -webkit-transition: 0.23s;
      -moz-transition: 0.23s;
      transition: 0.23s;
      margin: 0 6px;
    }
    .animal-nav .next a .arrow {
      -webkit-transform: translateX(-6px);
      -moz-transform: translateX(-6px);
      -ms-transform: translateX(-6px);
      -o-transform: translateX(-6px);
      transform: translateX(-6px); }
      .animal-nav .next a .arrow::before {
        -webkit-transform: rotate(-45deg) translateX(8px) translateY(8px);
        -moz-transform: rotate(-45deg) translateX(8px) translateY(8px);
        -ms-transform: rotate(-45deg) translateX(8px) translateY(8px);
        -o-transform: rotate(-45deg) translateX(8px) translateY(8px);
        transform: rotate(-45deg) translateX(8px) translateY(8px); }
      .animal-nav .next a .arrow::after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
    .animal-nav .next a:hover .arrow {
      -webkit-transform: translateX(-6px) translateY(2px);
      -moz-transform: translateX(-6px) translateY(2px);
      -ms-transform: translateX(-6px) translateY(2px);
      -o-transform: translateX(-6px) translateY(2px);
      transform: translateX(-6px) translateY(2px); }
    .two-state-two .stage .animal-nav .throbbing {
      -webkit-transform: scale(1.063);
      -moz-transform: scale(1.063);
      -ms-transform: scale(1.063);
      -o-transform: scale(1.063);
      transform: scale(1.063);
      -webkit-transition: 0.17s 0s;
      -moz-transition: 0.17s 0s;
      transition: 0.17s 0s; }
    .animal-nav .why-endangered {
      display: block;
      margin: 0px 0;
      height: 50px;
      width: 50px;
      border-radius: 50%;
      -webkit-transform-origin: 50% 50%;
      -moz-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      -o-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      -webkit-transition: all 0.43s cubic-bezier(0.7, 0.3, 0, 1), -webkit-transform 0.33s cubic-bezier(0.06, 0.63, 0.15, 1.4);
      -moz-transition: all 0.43s cubic-bezier(0.7, 0.3, 0, 1), -moz-transform 0.33s cubic-bezier(0.06, 0.63, 0.15, 1.4);
      transition: all 0.43s cubic-bezier(0.7, 0.3, 0, 1), transform 0.33s cubic-bezier(0.06, 0.63, 0.15, 1.4);
      background: #fff url("../images/all.svg") no-repeat center center;
      background-size: 60%; }
      .animal-nav .why-endangered::before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em;
        /* Adjusts for spacing */ }
      .animal-nav .why-endangered:hover {
        -webkit-transform: scale(1.07);
        -moz-transform: scale(1.07);
        -ms-transform: scale(1.07);
        -o-transform: scale(1.07);
        transform: scale(1.07); }
      .animal-nav .why-endangered:active {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); }
      .animal-nav .why-endangered span {
        text-align: center;
        font-size: 1.2em;
        letter-spacing: 0.1em;
        line-height: 1.1em;
        z-index: 2;
        width: 84%;
        -webkit-transition: 0.18s;
        -moz-transition: 0.18s;
        transition: 0.18s;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 8%; }
        .stage .animal-nav .why-endangered span span {
          display: block;
          font-size: 1.4em; }
      .stage .animal-nav .why-endangered svg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
        .stage .animal-nav .why-endangered svg path {
          -webkit-transition: 0.18s;
          -moz-transition: 0.18s;
          transition: 0.18s;
          z-index: 1; }
  .stage footer {
    position: absolute;
    bottom: 30px;
    z-index: 999999;
    width: 100%; }
    .stage footer .footer-nav {
      display: none; }
    .stage footer ul {
      text-align: center;
      top: 0;
      position: relative; }
      .stage footer ul li {
        display: inline-block;
        font-size: 1.05em;
        margin: 0 15px;
        position: relative;
        -webkit-transition: 0.27s;
        -moz-transition: 0.27s;
        transition: 0.27s;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); }
        .stage footer ul li:nth-child(1) {
          -webkit-transition-delay: 0s;
          -moz-transition-delay: 0s;
          transition-delay: 0s; }
        .stage footer ul li:nth-child(2) {
          -webkit-transition-delay: 0.14s;
          -moz-transition-delay: 0.14s;
          transition-delay: 0.14s; }
        .stage footer ul li:nth-child(3) {
          -webkit-transition-delay: 0.28s;
          -moz-transition-delay: 0.28s;
          transition-delay: 0.28s; }
        .stage footer ul li:nth-child(4) {
          -webkit-transition-delay: 0.42s;
          -moz-transition-delay: 0.42s;
          transition-delay: 0.42s; }
        .stage footer ul li:nth-child(5) {
          -webkit-transition-delay: 0.56s;
          -moz-transition-delay: 0.56s;
          transition-delay: 0.56s; }
        .stage footer ul li::after {
          content: "I";
          right: -15px;
          top: 0;
          position: absolute; }
        .stage footer ul li:last-child::after, .stage footer ul li:nth-last-child(2)::after {
          display: none; }
        .stage footer ul li .popout {
          font-size: 1em;
          letter-spacing: .09em;
          top: -2px;
          background-size: 80px 34px;
          -webkit-transition: 0.26s cubic-bezier(0.62, 0.02, 0.34, 1);
          -moz-transition: 0.26s cubic-bezier(0.62, 0.02, 0.34, 1);
          transition: 0.26s cubic-bezier(0.62, 0.02, 0.34, 1);
          position: relative; }
          .stage footer ul li .popout .wee {
            position: absolute;
            left: 0px;
            top: 12px;
            opacity: 0;
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            transition: 0.2s; }
          .stage footer ul li .popout .bryan {
            letter-spacing: .08em; }
          .stage footer ul li .popout::before, .stage footer ul li .popout::after {
            background-size: 20px 34px; }
          .stage footer ul li .popout:hover {
            padding-left: 74px; }
            .stage footer ul li .popout:hover .wee {
              opacity: 1;
              -webkit-transition: 0.26s 0.1s;
              -moz-transition: 0.26s 0.1s;
              transition: 0.26s 0.1s; }
        .stage footer ul li .share {
          padding-left: 34px;
          background: url("../img/textured-ui/social.png") left center no-repeat;
          background-size: 23px 15px; }

.webkitbrowser .textured-type, .webkitbrowser .animal-nav-content h2 {
  -webkit-animation: scratchy 0.253s linear forwards infinite;
  -moz-animation: scratchy 0.253s linear forwards infinite;
  animation: scratchy 0.253s linear forwards infinite; }
  .webkitbrowser .textured-type.smaller, .webkitbrowser .animal-nav-content h2.smaller {
    background-size: 70px 50px; }

.animal-nav-content {
  display: block;
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s; }
  .animal-nav-content.inactive {
    display: none; }
  .animal-nav-content.active {
    opacity: 1; }
    .animal-nav-content.active .title-content h1, .animal-nav-content.active .title-content h2, .animal-nav-content.active .title-content h4, .animal-nav-content.active .title-content p {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
  .animal-nav-content ul li h4 {
    font-size: 1.7em;
    letter-spacing: .16em;
    margin-bottom: .5em; }
  .animal-nav-content ul li h2 {
    margin-bottom: .2em; }
  .animal-nav-content ul li span {
    color: #706e6e;
    letter-spacing: .2em; }
    .animal-nav-content ul li span i {
      color: #bbb; }
  .animal-nav-content ul li:nth-child(1) h4 {
    color: #84A5DD; }
  .animal-nav-content ul li:nth-child(2) h4 {
    color: #64d6e2; }
  .animal-nav-content ul li:nth-child(3) h4 {
    color: #FDAED4; }
  .animal-nav-content ul li:nth-child(4) h4 {
    color: #785ebb; }
  .animal-nav-content ul li:nth-child(5) h4 {
    color: #a09de5; }
  .animal-nav-content ul li:nth-child(6) h4 {
    color: #A0CADB; }
  .animal-nav-content ul li:nth-child(7) h4 {
    color: #79BBB5; }
  .animal-nav-content ul li:nth-child(8) h4 {
    color: #F6D860; }
  .animal-nav-content ul li:nth-child(9) h4 {
    color: #9988CD; }
  .animal-nav-content ul li:nth-child(10) h4 {
    color: #EDB948; }
  .animal-nav-content ul li:nth-child(11) h4 {
    color: #FDACB4; }
  .animal-nav-content ul li:nth-child(12) h4 {
    color: #dbbe39; }
  .animal-nav-content ul li:nth-child(13) h4 {
    color: #DFBC94; }
  .animal-nav-content ul li:nth-child(14) h4 {
    color: #3CCAD1; }
  .animal-nav-content ul li:nth-child(15) h4 {
    color: #F68F6F; }
  .animal-nav-content ul li:nth-child(16) h4 {
    color: #9787EA; }
  .animal-nav-content ul li:nth-child(17) h4 {
    color: #ccc5e3; }
  .animal-nav-content ul li:nth-child(18) h4 {
    color: #FD9372; }
  .animal-nav-content ul li:nth-child(19) h4 {
    color: #9B7AD5; }
  .animal-nav-content ul li:nth-child(20) h4 {
    color: #de89ac; }
  .animal-nav-content ul li:nth-child(21) h4 {
    color: #98BFF6; }
  .animal-nav-content ul li:nth-child(22) h4 {
    color: #FEC54F; }
  .animal-nav-content ul li:nth-child(23) h4 {
    color: #9784ED; }
  .animal-nav-content ul li:nth-child(24) h4 {
    color: #F4C3C5; }
  .animal-nav-content ul li:nth-child(25) h4 {
    color: #63C5AB; }
  .animal-nav-content ul li:nth-child(26) h4 {
    color: #F4696B; }
  .animal-nav-content ul li:nth-child(27) h4 {
    color: #E794AE; }
  .animal-nav-content ul li:nth-child(28) h4 {
    color: #9B7FE6; }
  .animal-nav-content ul li:nth-child(29) h4 {
    color: #EF9F64; }
  .animal-nav-content ul li:nth-child(30) h4 {
    color: #87C4A3; }
  .animal-nav-content .title-content {
    margin-top: -166px;
    z-index: 3;
    position: relative;
    -webkit-transition: 0.5s 0.3s;
    -moz-transition: 0.5s 0.3s;
    transition: 0.5s 0.3s; }
    .animal-nav-content .title-content h1, .animal-nav-content .title-content h2, .animal-nav-content .title-content h4, .animal-nav-content .title-content p {
      text-align: center;
      opacity: 0;
      -webkit-transition: 0.45s 0.7s cubic-bezier(0.62, 0.02, 0.34, 1);
      -moz-transition: 0.45s 0.7s cubic-bezier(0.62, 0.02, 0.34, 1);
      transition: 0.45s 0.7s cubic-bezier(0.62, 0.02, 0.34, 1);
      -webkit-transform: translateY(-2px);
      -moz-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
      -o-transform: translateY(-2px);
      transform: translateY(-2px); }
    .animal-nav-content .title-content h1 {
      -webkit-transition-delay: 0.85s;
      -moz-transition-delay: 0.85s;
      transition-delay: 0.85s;
      -webkit-transform: translateY(5px);
      -moz-transform: translateY(5px);
      -ms-transform: translateY(5px);
      -o-transform: translateY(5px);
      transform: translateY(5px); }
    .animal-nav-content .title-content h2 {
      font-size: 6em;
      line-height: .9em;
      margin: 6px 0 15px;
      -webkit-transform: translateY(5px);
      -moz-transform: translateY(5px);
      -ms-transform: translateY(5px);
      -o-transform: translateY(5px);
      transform: translateY(5px); }
      .animal-nav-content .title-content h2 span {
        display: block; }
    .animal-nav-content .title-content h4 {
      color: #656b72;
      font-size: 1.7em;
      margin-bottom: 25px;
      letter-spacing: .2em;
      -webkit-transition: 1.2s 1.2s;
      -moz-transition: 1.2s 1.2s;
      transition: 1.2s 1.2s; }
    .animal-nav-content .title-content p {
      font-size: 1.15em;
      letter-spacing: .2em;
      -webkit-transition: 1.7s 1.6s;
      -moz-transition: 1.7s 1.6s;
      transition: 1.7s 1.6s;
      line-height: 1.3em;
      padding: 0 40px; }
      .animal-nav-content .title-content p a {
        letter-spacing: .2em;
        display: inline-block;
        color: #f03252; }
    .animal-nav-content .title-content.inactive {
      opacity: 0;
      -webkit-transition: 0.2s 0.06s;
      -moz-transition: 0.2s 0.06s;
      transition: 0.2s 0.06s; }

.all-animals .main-nav .all-animals-off-btn {
  -webkit-transition-delay: 0.54s;
  -moz-transition-delay: 0.54s;
  transition-delay: 0.54s;
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  pointer-events: auto; }
.all-animals .animal-nav {
  pointer-events: none; }

html:not(.small-nav) .animal-nav-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 340px;
  margin-left: -170px;
  margin-top: 45px;
  z-index: 9999999; }
  html:not(.small-nav) .animal-nav-content ul {
    z-index: 1;
    pointer-events: none;
    position: relative;
    margin-top: -60px; }
    html:not(.small-nav) .animal-nav-content ul li {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      text-align: center; }
      html:not(.small-nav) .animal-nav-content ul li > * {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -moz-transform: translateY(6px);
        -ms-transform: translateY(6px);
        -o-transform: translateY(6px);
        transform: translateY(6px);
        -webkit-transition: 0.13s;
        -moz-transition: 0.13s;
        transition: 0.13s; }
      html:not(.small-nav) .animal-nav-content ul li.active > * {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: 0.34s 0.1s;
        -moz-transition: 0.34s 0.1s;
        transition: 0.34s 0.1s; }
        html:not(.small-nav) .animal-nav-content ul li.active > *:nth-child(2) {
          -webkit-transition-delay: 0.25s;
          -moz-transition-delay: 0.25s;
          transition-delay: 0.25s; }
        html:not(.small-nav) .animal-nav-content ul li.active > *:nth-child(3) {
          -webkit-transition-delay: 0.4s;
          -moz-transition-delay: 0.4s;
          transition-delay: 0.4s; }
html:not(.small-nav) .hover-detector {
  z-index: 999999;
  position: absolute;
  height: 0px;
  width: 0px;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  display: block;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s; }
  html:not(.small-nav) .hover-detector.active {
    opacity: 1; }
    html:not(.small-nav) .hover-detector.active div {
      opacity: 1; }
      html:not(.small-nav) .hover-detector.active div:nth-child(1) {
        -webkit-transition: 0.39s 0.03s;
        -moz-transition: 0.39s 0.03s;
        transition: 0.39s 0.03s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(2) {
        -webkit-transition: 0.44s 0.06s;
        -moz-transition: 0.44s 0.06s;
        transition: 0.44s 0.06s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(3) {
        -webkit-transition: 0.49s 0.09s;
        -moz-transition: 0.49s 0.09s;
        transition: 0.49s 0.09s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(4) {
        -webkit-transition: 0.54s 0.12s;
        -moz-transition: 0.54s 0.12s;
        transition: 0.54s 0.12s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(5) {
        -webkit-transition: 0.59s 0.15s;
        -moz-transition: 0.59s 0.15s;
        transition: 0.59s 0.15s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(6) {
        -webkit-transition: 0.64s 0.18s;
        -moz-transition: 0.64s 0.18s;
        transition: 0.64s 0.18s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(7) {
        -webkit-transition: 0.69s 0.21s;
        -moz-transition: 0.69s 0.21s;
        transition: 0.69s 0.21s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(8) {
        -webkit-transition: 0.74s 0.24s;
        -moz-transition: 0.74s 0.24s;
        transition: 0.74s 0.24s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(9) {
        -webkit-transition: 0.79s 0.27s;
        -moz-transition: 0.79s 0.27s;
        transition: 0.79s 0.27s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(10) {
        -webkit-transition: 0.84s 0.3s;
        -moz-transition: 0.84s 0.3s;
        transition: 0.84s 0.3s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(11) {
        -webkit-transition: 0.89s 0.33s;
        -moz-transition: 0.89s 0.33s;
        transition: 0.89s 0.33s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(12) {
        -webkit-transition: 0.94s 0.36s;
        -moz-transition: 0.94s 0.36s;
        transition: 0.94s 0.36s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(13) {
        -webkit-transition: 0.99s 0.39s;
        -moz-transition: 0.99s 0.39s;
        transition: 0.99s 0.39s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(14) {
        -webkit-transition: 1.04s 0.42s;
        -moz-transition: 1.04s 0.42s;
        transition: 1.04s 0.42s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(15) {
        -webkit-transition: 1.09s 0.45s;
        -moz-transition: 1.09s 0.45s;
        transition: 1.09s 0.45s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(16) {
        -webkit-transition: 1.14s 0.48s;
        -moz-transition: 1.14s 0.48s;
        transition: 1.14s 0.48s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(17) {
        -webkit-transition: 1.19s 0.51s;
        -moz-transition: 1.19s 0.51s;
        transition: 1.19s 0.51s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(18) {
        -webkit-transition: 1.24s 0.54s;
        -moz-transition: 1.24s 0.54s;
        transition: 1.24s 0.54s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(19) {
        -webkit-transition: 1.29s 0.57s;
        -moz-transition: 1.29s 0.57s;
        transition: 1.29s 0.57s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(20) {
        -webkit-transition: 1.34s 0.6s;
        -moz-transition: 1.34s 0.6s;
        transition: 1.34s 0.6s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(21) {
        -webkit-transition: 1.39s 0.63s;
        -moz-transition: 1.39s 0.63s;
        transition: 1.39s 0.63s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(22) {
        -webkit-transition: 1.44s 0.66s;
        -moz-transition: 1.44s 0.66s;
        transition: 1.44s 0.66s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(23) {
        -webkit-transition: 1.49s 0.69s;
        -moz-transition: 1.49s 0.69s;
        transition: 1.49s 0.69s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(24) {
        -webkit-transition: 1.54s 0.72s;
        -moz-transition: 1.54s 0.72s;
        transition: 1.54s 0.72s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(25) {
        -webkit-transition: 1.59s 0.75s;
        -moz-transition: 1.59s 0.75s;
        transition: 1.59s 0.75s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(26) {
        -webkit-transition: 1.64s 0.78s;
        -moz-transition: 1.64s 0.78s;
        transition: 1.64s 0.78s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(27) {
        -webkit-transition: 1.69s 0.81s;
        -moz-transition: 1.69s 0.81s;
        transition: 1.69s 0.81s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(28) {
        -webkit-transition: 1.74s 0.84s;
        -moz-transition: 1.74s 0.84s;
        transition: 1.74s 0.84s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(29) {
        -webkit-transition: 1.79s 0.87s;
        -moz-transition: 1.79s 0.87s;
        transition: 1.79s 0.87s; }
      html:not(.small-nav) .hover-detector.active div:nth-child(30) {
        -webkit-transition: 1.84s 0.9s;
        -moz-transition: 1.84s 0.9s;
        transition: 1.84s 0.9s; }
      html:not(.small-nav) .hover-detector.active div::after {
        opacity: 0; }
    html:not(.small-nav) .hover-detector.active div:nth-child(1) {
      -webkit-transform: rotate(5deg) translateY(-230px);
      -moz-transform: rotate(5deg) translateY(-230px);
      -ms-transform: rotate(5deg) translateY(-230px);
      -o-transform: rotate(5deg) translateY(-230px);
      transform: rotate(5deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(2) {
      -webkit-transform: rotate(17deg) translateY(-230px);
      -moz-transform: rotate(17deg) translateY(-230px);
      -ms-transform: rotate(17deg) translateY(-230px);
      -o-transform: rotate(17deg) translateY(-230px);
      transform: rotate(17deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(3) {
      -webkit-transform: rotate(29deg) translateY(-230px);
      -moz-transform: rotate(29deg) translateY(-230px);
      -ms-transform: rotate(29deg) translateY(-230px);
      -o-transform: rotate(29deg) translateY(-230px);
      transform: rotate(29deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(4) {
      -webkit-transform: rotate(41deg) translateY(-230px);
      -moz-transform: rotate(41deg) translateY(-230px);
      -ms-transform: rotate(41deg) translateY(-230px);
      -o-transform: rotate(41deg) translateY(-230px);
      transform: rotate(41deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(5) {
      -webkit-transform: rotate(53deg) translateY(-230px);
      -moz-transform: rotate(53deg) translateY(-230px);
      -ms-transform: rotate(53deg) translateY(-230px);
      -o-transform: rotate(53deg) translateY(-230px);
      transform: rotate(53deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(6) {
      -webkit-transform: rotate(65deg) translateY(-230px);
      -moz-transform: rotate(65deg) translateY(-230px);
      -ms-transform: rotate(65deg) translateY(-230px);
      -o-transform: rotate(65deg) translateY(-230px);
      transform: rotate(65deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(7) {
      -webkit-transform: rotate(77deg) translateY(-230px);
      -moz-transform: rotate(77deg) translateY(-230px);
      -ms-transform: rotate(77deg) translateY(-230px);
      -o-transform: rotate(77deg) translateY(-230px);
      transform: rotate(77deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(8) {
      -webkit-transform: rotate(89deg) translateY(-230px);
      -moz-transform: rotate(89deg) translateY(-230px);
      -ms-transform: rotate(89deg) translateY(-230px);
      -o-transform: rotate(89deg) translateY(-230px);
      transform: rotate(89deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(9) {
      -webkit-transform: rotate(101deg) translateY(-230px);
      -moz-transform: rotate(101deg) translateY(-230px);
      -ms-transform: rotate(101deg) translateY(-230px);
      -o-transform: rotate(101deg) translateY(-230px);
      transform: rotate(101deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(10) {
      -webkit-transform: rotate(113deg) translateY(-230px);
      -moz-transform: rotate(113deg) translateY(-230px);
      -ms-transform: rotate(113deg) translateY(-230px);
      -o-transform: rotate(113deg) translateY(-230px);
      transform: rotate(113deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(11) {
      -webkit-transform: rotate(125deg) translateY(-230px);
      -moz-transform: rotate(125deg) translateY(-230px);
      -ms-transform: rotate(125deg) translateY(-230px);
      -o-transform: rotate(125deg) translateY(-230px);
      transform: rotate(125deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(12) {
      -webkit-transform: rotate(137deg) translateY(-230px);
      -moz-transform: rotate(137deg) translateY(-230px);
      -ms-transform: rotate(137deg) translateY(-230px);
      -o-transform: rotate(137deg) translateY(-230px);
      transform: rotate(137deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(13) {
      -webkit-transform: rotate(149deg) translateY(-230px);
      -moz-transform: rotate(149deg) translateY(-230px);
      -ms-transform: rotate(149deg) translateY(-230px);
      -o-transform: rotate(149deg) translateY(-230px);
      transform: rotate(149deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(14) {
      -webkit-transform: rotate(161deg) translateY(-230px);
      -moz-transform: rotate(161deg) translateY(-230px);
      -ms-transform: rotate(161deg) translateY(-230px);
      -o-transform: rotate(161deg) translateY(-230px);
      transform: rotate(161deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(15) {
      -webkit-transform: rotate(173deg) translateY(-230px);
      -moz-transform: rotate(173deg) translateY(-230px);
      -ms-transform: rotate(173deg) translateY(-230px);
      -o-transform: rotate(173deg) translateY(-230px);
      transform: rotate(173deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(16) {
      -webkit-transform: rotate(185deg) translateY(-230px);
      -moz-transform: rotate(185deg) translateY(-230px);
      -ms-transform: rotate(185deg) translateY(-230px);
      -o-transform: rotate(185deg) translateY(-230px);
      transform: rotate(185deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(17) {
      -webkit-transform: rotate(197deg) translateY(-230px);
      -moz-transform: rotate(197deg) translateY(-230px);
      -ms-transform: rotate(197deg) translateY(-230px);
      -o-transform: rotate(197deg) translateY(-230px);
      transform: rotate(197deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(18) {
      -webkit-transform: rotate(209deg) translateY(-230px);
      -moz-transform: rotate(209deg) translateY(-230px);
      -ms-transform: rotate(209deg) translateY(-230px);
      -o-transform: rotate(209deg) translateY(-230px);
      transform: rotate(209deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(19) {
      -webkit-transform: rotate(221deg) translateY(-230px);
      -moz-transform: rotate(221deg) translateY(-230px);
      -ms-transform: rotate(221deg) translateY(-230px);
      -o-transform: rotate(221deg) translateY(-230px);
      transform: rotate(221deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(20) {
      -webkit-transform: rotate(233deg) translateY(-230px);
      -moz-transform: rotate(233deg) translateY(-230px);
      -ms-transform: rotate(233deg) translateY(-230px);
      -o-transform: rotate(233deg) translateY(-230px);
      transform: rotate(233deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(21) {
      -webkit-transform: rotate(245deg) translateY(-230px);
      -moz-transform: rotate(245deg) translateY(-230px);
      -ms-transform: rotate(245deg) translateY(-230px);
      -o-transform: rotate(245deg) translateY(-230px);
      transform: rotate(245deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(22) {
      -webkit-transform: rotate(257deg) translateY(-230px);
      -moz-transform: rotate(257deg) translateY(-230px);
      -ms-transform: rotate(257deg) translateY(-230px);
      -o-transform: rotate(257deg) translateY(-230px);
      transform: rotate(257deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(23) {
      -webkit-transform: rotate(269deg) translateY(-230px);
      -moz-transform: rotate(269deg) translateY(-230px);
      -ms-transform: rotate(269deg) translateY(-230px);
      -o-transform: rotate(269deg) translateY(-230px);
      transform: rotate(269deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(24) {
      -webkit-transform: rotate(281deg) translateY(-230px);
      -moz-transform: rotate(281deg) translateY(-230px);
      -ms-transform: rotate(281deg) translateY(-230px);
      -o-transform: rotate(281deg) translateY(-230px);
      transform: rotate(281deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(25) {
      -webkit-transform: rotate(293deg) translateY(-230px);
      -moz-transform: rotate(293deg) translateY(-230px);
      -ms-transform: rotate(293deg) translateY(-230px);
      -o-transform: rotate(293deg) translateY(-230px);
      transform: rotate(293deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(26) {
      -webkit-transform: rotate(305deg) translateY(-230px);
      -moz-transform: rotate(305deg) translateY(-230px);
      -ms-transform: rotate(305deg) translateY(-230px);
      -o-transform: rotate(305deg) translateY(-230px);
      transform: rotate(305deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(27) {
      -webkit-transform: rotate(317deg) translateY(-230px);
      -moz-transform: rotate(317deg) translateY(-230px);
      -ms-transform: rotate(317deg) translateY(-230px);
      -o-transform: rotate(317deg) translateY(-230px);
      transform: rotate(317deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(28) {
      -webkit-transform: rotate(329deg) translateY(-230px);
      -moz-transform: rotate(329deg) translateY(-230px);
      -ms-transform: rotate(329deg) translateY(-230px);
      -o-transform: rotate(329deg) translateY(-230px);
      transform: rotate(329deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(29) {
      -webkit-transform: rotate(341deg) translateY(-230px);
      -moz-transform: rotate(341deg) translateY(-230px);
      -ms-transform: rotate(341deg) translateY(-230px);
      -o-transform: rotate(341deg) translateY(-230px);
      transform: rotate(341deg) translateY(-230px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(30) {
      -webkit-transform: rotate(353deg) translateY(-230px);
      -moz-transform: rotate(353deg) translateY(-230px);
      -ms-transform: rotate(353deg) translateY(-230px);
      -o-transform: rotate(353deg) translateY(-230px);
      transform: rotate(353deg) translateY(-230px); }
  html:not(.small-nav) .hover-detector.inactive {
    display: none; }
  html:not(.small-nav) .hover-detector div {
    width: 56px;
    height: 56px;
    opacity: 0;
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0);
    top: 50%;
    left: 50%;
    border-radius: 100px;
    margin-top: -28px;
    margin-left: -28px;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }
    html:not(.small-nav) .hover-detector div:nth-child(1) {
      -webkit-transform: rotate(4.7deg) translateY(-200px);
      -moz-transform: rotate(4.7deg) translateY(-200px);
      -ms-transform: rotate(4.7deg) translateY(-200px);
      -o-transform: rotate(4.7deg) translateY(-200px);
      transform: rotate(4.7deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(2) {
      -webkit-transform: rotate(16.4deg) translateY(-200px);
      -moz-transform: rotate(16.4deg) translateY(-200px);
      -ms-transform: rotate(16.4deg) translateY(-200px);
      -o-transform: rotate(16.4deg) translateY(-200px);
      transform: rotate(16.4deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(3) {
      -webkit-transform: rotate(28.1deg) translateY(-200px);
      -moz-transform: rotate(28.1deg) translateY(-200px);
      -ms-transform: rotate(28.1deg) translateY(-200px);
      -o-transform: rotate(28.1deg) translateY(-200px);
      transform: rotate(28.1deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(4) {
      -webkit-transform: rotate(39.8deg) translateY(-200px);
      -moz-transform: rotate(39.8deg) translateY(-200px);
      -ms-transform: rotate(39.8deg) translateY(-200px);
      -o-transform: rotate(39.8deg) translateY(-200px);
      transform: rotate(39.8deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(5) {
      -webkit-transform: rotate(51.5deg) translateY(-200px);
      -moz-transform: rotate(51.5deg) translateY(-200px);
      -ms-transform: rotate(51.5deg) translateY(-200px);
      -o-transform: rotate(51.5deg) translateY(-200px);
      transform: rotate(51.5deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(6) {
      -webkit-transform: rotate(63.2deg) translateY(-200px);
      -moz-transform: rotate(63.2deg) translateY(-200px);
      -ms-transform: rotate(63.2deg) translateY(-200px);
      -o-transform: rotate(63.2deg) translateY(-200px);
      transform: rotate(63.2deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(7) {
      -webkit-transform: rotate(74.9deg) translateY(-200px);
      -moz-transform: rotate(74.9deg) translateY(-200px);
      -ms-transform: rotate(74.9deg) translateY(-200px);
      -o-transform: rotate(74.9deg) translateY(-200px);
      transform: rotate(74.9deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(8) {
      -webkit-transform: rotate(86.6deg) translateY(-200px);
      -moz-transform: rotate(86.6deg) translateY(-200px);
      -ms-transform: rotate(86.6deg) translateY(-200px);
      -o-transform: rotate(86.6deg) translateY(-200px);
      transform: rotate(86.6deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(9) {
      -webkit-transform: rotate(98.3deg) translateY(-200px);
      -moz-transform: rotate(98.3deg) translateY(-200px);
      -ms-transform: rotate(98.3deg) translateY(-200px);
      -o-transform: rotate(98.3deg) translateY(-200px);
      transform: rotate(98.3deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(10) {
      -webkit-transform: rotate(110deg) translateY(-200px);
      -moz-transform: rotate(110deg) translateY(-200px);
      -ms-transform: rotate(110deg) translateY(-200px);
      -o-transform: rotate(110deg) translateY(-200px);
      transform: rotate(110deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(11) {
      -webkit-transform: rotate(121.7deg) translateY(-200px);
      -moz-transform: rotate(121.7deg) translateY(-200px);
      -ms-transform: rotate(121.7deg) translateY(-200px);
      -o-transform: rotate(121.7deg) translateY(-200px);
      transform: rotate(121.7deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(12) {
      -webkit-transform: rotate(133.4deg) translateY(-200px);
      -moz-transform: rotate(133.4deg) translateY(-200px);
      -ms-transform: rotate(133.4deg) translateY(-200px);
      -o-transform: rotate(133.4deg) translateY(-200px);
      transform: rotate(133.4deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(13) {
      -webkit-transform: rotate(145.1deg) translateY(-200px);
      -moz-transform: rotate(145.1deg) translateY(-200px);
      -ms-transform: rotate(145.1deg) translateY(-200px);
      -o-transform: rotate(145.1deg) translateY(-200px);
      transform: rotate(145.1deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(14) {
      -webkit-transform: rotate(156.8deg) translateY(-200px);
      -moz-transform: rotate(156.8deg) translateY(-200px);
      -ms-transform: rotate(156.8deg) translateY(-200px);
      -o-transform: rotate(156.8deg) translateY(-200px);
      transform: rotate(156.8deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(15) {
      -webkit-transform: rotate(168.5deg) translateY(-200px);
      -moz-transform: rotate(168.5deg) translateY(-200px);
      -ms-transform: rotate(168.5deg) translateY(-200px);
      -o-transform: rotate(168.5deg) translateY(-200px);
      transform: rotate(168.5deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(16) {
      -webkit-transform: rotate(180.2deg) translateY(-200px);
      -moz-transform: rotate(180.2deg) translateY(-200px);
      -ms-transform: rotate(180.2deg) translateY(-200px);
      -o-transform: rotate(180.2deg) translateY(-200px);
      transform: rotate(180.2deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(17) {
      -webkit-transform: rotate(191.9deg) translateY(-200px);
      -moz-transform: rotate(191.9deg) translateY(-200px);
      -ms-transform: rotate(191.9deg) translateY(-200px);
      -o-transform: rotate(191.9deg) translateY(-200px);
      transform: rotate(191.9deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(18) {
      -webkit-transform: rotate(203.6deg) translateY(-200px);
      -moz-transform: rotate(203.6deg) translateY(-200px);
      -ms-transform: rotate(203.6deg) translateY(-200px);
      -o-transform: rotate(203.6deg) translateY(-200px);
      transform: rotate(203.6deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(19) {
      -webkit-transform: rotate(215.3deg) translateY(-200px);
      -moz-transform: rotate(215.3deg) translateY(-200px);
      -ms-transform: rotate(215.3deg) translateY(-200px);
      -o-transform: rotate(215.3deg) translateY(-200px);
      transform: rotate(215.3deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(20) {
      -webkit-transform: rotate(227deg) translateY(-200px);
      -moz-transform: rotate(227deg) translateY(-200px);
      -ms-transform: rotate(227deg) translateY(-200px);
      -o-transform: rotate(227deg) translateY(-200px);
      transform: rotate(227deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(21) {
      -webkit-transform: rotate(238.7deg) translateY(-200px);
      -moz-transform: rotate(238.7deg) translateY(-200px);
      -ms-transform: rotate(238.7deg) translateY(-200px);
      -o-transform: rotate(238.7deg) translateY(-200px);
      transform: rotate(238.7deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(22) {
      -webkit-transform: rotate(250.4deg) translateY(-200px);
      -moz-transform: rotate(250.4deg) translateY(-200px);
      -ms-transform: rotate(250.4deg) translateY(-200px);
      -o-transform: rotate(250.4deg) translateY(-200px);
      transform: rotate(250.4deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(23) {
      -webkit-transform: rotate(262.1deg) translateY(-200px);
      -moz-transform: rotate(262.1deg) translateY(-200px);
      -ms-transform: rotate(262.1deg) translateY(-200px);
      -o-transform: rotate(262.1deg) translateY(-200px);
      transform: rotate(262.1deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(24) {
      -webkit-transform: rotate(273.8deg) translateY(-200px);
      -moz-transform: rotate(273.8deg) translateY(-200px);
      -ms-transform: rotate(273.8deg) translateY(-200px);
      -o-transform: rotate(273.8deg) translateY(-200px);
      transform: rotate(273.8deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(25) {
      -webkit-transform: rotate(285.5deg) translateY(-200px);
      -moz-transform: rotate(285.5deg) translateY(-200px);
      -ms-transform: rotate(285.5deg) translateY(-200px);
      -o-transform: rotate(285.5deg) translateY(-200px);
      transform: rotate(285.5deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(26) {
      -webkit-transform: rotate(297.2deg) translateY(-200px);
      -moz-transform: rotate(297.2deg) translateY(-200px);
      -ms-transform: rotate(297.2deg) translateY(-200px);
      -o-transform: rotate(297.2deg) translateY(-200px);
      transform: rotate(297.2deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(27) {
      -webkit-transform: rotate(308.9deg) translateY(-200px);
      -moz-transform: rotate(308.9deg) translateY(-200px);
      -ms-transform: rotate(308.9deg) translateY(-200px);
      -o-transform: rotate(308.9deg) translateY(-200px);
      transform: rotate(308.9deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(28) {
      -webkit-transform: rotate(320.6deg) translateY(-200px);
      -moz-transform: rotate(320.6deg) translateY(-200px);
      -ms-transform: rotate(320.6deg) translateY(-200px);
      -o-transform: rotate(320.6deg) translateY(-200px);
      transform: rotate(320.6deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(29) {
      -webkit-transform: rotate(332.3deg) translateY(-200px);
      -moz-transform: rotate(332.3deg) translateY(-200px);
      -ms-transform: rotate(332.3deg) translateY(-200px);
      -o-transform: rotate(332.3deg) translateY(-200px);
      transform: rotate(332.3deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:nth-child(30) {
      -webkit-transform: rotate(344deg) translateY(-200px);
      -moz-transform: rotate(344deg) translateY(-200px);
      -ms-transform: rotate(344deg) translateY(-200px);
      -o-transform: rotate(344deg) translateY(-200px);
      transform: rotate(344deg) translateY(-200px); }
    html:not(.small-nav) .hover-detector div:before {
      content: "";
      height: 100%;
      width: 100%;
      background-color: #fff;
      -webkit-transition: all 0.2s cubic-bezier(0.62, 0.02, 0.34, 1);
      -moz-transition: all 0.2s cubic-bezier(0.62, 0.02, 0.34, 1);
      transition: all 0.2s cubic-bezier(0.62, 0.02, 0.34, 1);
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 40px;
      -webkit-transform: scale(0.065);
      -moz-transform: scale(0.065);
      -ms-transform: scale(0.065);
      -o-transform: scale(0.065);
      transform: scale(0.065); }
    html:not(.small-nav) .hover-detector div:after {
      content: "";
      height: 100%;
      width: 100%;
      border: 1px solid rgba(255, 255, 255, 0.2);
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      transition: all 0.5s;
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 40px;
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8); }
    html:not(.small-nav) .hover-detector div:hover {
      cursor: pointer; }
    html:not(.small-nav) .hover-detector div.active-animal:after, html:not(.small-nav) .hover-detector div:hover:after {
      -webkit-transition: all 0.19s cubic-bezier(0.62, 0.02, 0.34, 1);
      -moz-transition: all 0.19s cubic-bezier(0.62, 0.02, 0.34, 1);
      transition: all 0.19s cubic-bezier(0.62, 0.02, 0.34, 1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      opacity: 1; }
    html:not(.small-nav) .hover-detector div.active-animal:before, html:not(.small-nav) .hover-detector div:hover:before {
      -webkit-transform: scale(0.1);
      -moz-transform: scale(0.1);
      -ms-transform: scale(0.1);
      -o-transform: scale(0.1);
      transform: scale(0.1); }
    html:not(.small-nav) .hover-detector div:nth-child(1)::after {
      border-color: #84A5DD; }
    html:not(.small-nav) .hover-detector div:nth-child(2)::after {
      border-color: #64d6e2; }
    html:not(.small-nav) .hover-detector div:nth-child(3)::after {
      border-color: #FDAED4; }
    html:not(.small-nav) .hover-detector div:nth-child(4)::after {
      border-color: #785ebb; }
    html:not(.small-nav) .hover-detector div:nth-child(5)::after {
      border-color: #a09de5; }
    html:not(.small-nav) .hover-detector div:nth-child(6)::after {
      border-color: #A0CADB; }
    html:not(.small-nav) .hover-detector div:nth-child(7)::after {
      border-color: #79BBB5; }
    html:not(.small-nav) .hover-detector div:nth-child(8)::after {
      border-color: #F6D860; }
    html:not(.small-nav) .hover-detector div:nth-child(9)::after {
      border-color: #9988CD; }
    html:not(.small-nav) .hover-detector div:nth-child(10)::after {
      border-color: #EDB948; }
    html:not(.small-nav) .hover-detector div:nth-child(11)::after {
      border-color: #FDACB4; }
    html:not(.small-nav) .hover-detector div:nth-child(12)::after {
      border-color: #dbbe39; }
    html:not(.small-nav) .hover-detector div:nth-child(13)::after {
      border-color: #DFBC94; }
    html:not(.small-nav) .hover-detector div:nth-child(14)::after {
      border-color: #3CCAD1; }
    html:not(.small-nav) .hover-detector div:nth-child(15)::after {
      border-color: #F68F6F; }
    html:not(.small-nav) .hover-detector div:nth-child(16)::after {
      border-color: #9787EA; }
    html:not(.small-nav) .hover-detector div:nth-child(17)::after {
      border-color: #ccc5e3; }
    html:not(.small-nav) .hover-detector div:nth-child(18)::after {
      border-color: #FD9372; }
    html:not(.small-nav) .hover-detector div:nth-child(19)::after {
      border-color: #9B7AD5; }
    html:not(.small-nav) .hover-detector div:nth-child(20)::after {
      border-color: #de89ac; }
    html:not(.small-nav) .hover-detector div:nth-child(21)::after {
      border-color: #98BFF6; }
    html:not(.small-nav) .hover-detector div:nth-child(22)::after {
      border-color: #FEC54F; }
    html:not(.small-nav) .hover-detector div:nth-child(23)::after {
      border-color: #9784ED; }
    html:not(.small-nav) .hover-detector div:nth-child(24)::after {
      border-color: #F4C3C5; }
    html:not(.small-nav) .hover-detector div:nth-child(25)::after {
      border-color: #63C5AB; }
    html:not(.small-nav) .hover-detector div:nth-child(26)::after {
      border-color: #F4696B; }
    html:not(.small-nav) .hover-detector div:nth-child(27)::after {
      border-color: #E794AE; }
    html:not(.small-nav) .hover-detector div:nth-child(28)::after {
      border-color: #9B7FE6; }
    html:not(.small-nav) .hover-detector div:nth-child(29)::after {
      border-color: #EF9F64; }
    html:not(.small-nav) .hover-detector div:nth-child(30)::after {
      border-color: #87C4A3; }
  html:not(.small-nav) .hover-detector.inactive {
    pointer-events: none; }
html:not(.small-nav) .all-animals #animalchanger {
  background-color: #1b1b1c; }
  html:not(.small-nav) .all-animals #animalchanger::before {
    opacity: .15;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition-delay: 0.27s;
    -moz-transition-delay: 0.27s;
    transition-delay: 0.27s; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    html:not(.small-nav) .all-animals #animalchanger {
      background-color: #222; } }
html:not(.small-nav) .all-animals .stage .animal-nav .why-endangered span {
  color: #1b1b1c !important;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s; }
html:not(.small-nav) .all-animals .stage .nav-btn::after {
  background-color: #1b1b1c !important; }
html:not(.small-nav) .all-animals .stage .popout {
  color: #1b1b1c !important; }
html:not(.small-nav) .all-animals .hover-detector {
  display: block;
  -webkit-transition: 200s cubic-bezier(0.11, 0.01, 0.45, 0.74);
  -moz-transition: 200s cubic-bezier(0.11, 0.01, 0.45, 0.74);
  transition: 200s cubic-bezier(0.11, 0.01, 0.45, 0.74); }
  html:not(.small-nav) .all-animals .hover-detector.active {
    -webkit-transform: rotate(1000deg);
    -moz-transform: rotate(1000deg);
    -ms-transform: rotate(1000deg);
    -o-transform: rotate(1000deg);
    transform: rotate(1000deg); }
html:not(.small-nav) .all-animals.earlyburst .hover-detector.active {
  opacity: 1; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(1)::after {
    -webkit-transition-delay: 0.045s;
    -moz-transition-delay: 0.045s;
    transition-delay: 0.045s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(2)::after {
    -webkit-transition-delay: 0.09s;
    -moz-transition-delay: 0.09s;
    transition-delay: 0.09s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(3)::after {
    -webkit-transition-delay: 0.135s;
    -moz-transition-delay: 0.135s;
    transition-delay: 0.135s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(4)::after {
    -webkit-transition-delay: 0.18s;
    -moz-transition-delay: 0.18s;
    transition-delay: 0.18s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(5)::after {
    -webkit-transition-delay: 0.225s;
    -moz-transition-delay: 0.225s;
    transition-delay: 0.225s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(6)::after {
    -webkit-transition-delay: 0.27s;
    -moz-transition-delay: 0.27s;
    transition-delay: 0.27s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(7)::after {
    -webkit-transition-delay: 0.315s;
    -moz-transition-delay: 0.315s;
    transition-delay: 0.315s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(8)::after {
    -webkit-transition-delay: 0.36s;
    -moz-transition-delay: 0.36s;
    transition-delay: 0.36s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(9)::after {
    -webkit-transition-delay: 0.405s;
    -moz-transition-delay: 0.405s;
    transition-delay: 0.405s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(10)::after {
    -webkit-transition-delay: 0.45s;
    -moz-transition-delay: 0.45s;
    transition-delay: 0.45s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(11)::after {
    -webkit-transition-delay: 0.495s;
    -moz-transition-delay: 0.495s;
    transition-delay: 0.495s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(12)::after {
    -webkit-transition-delay: 0.54s;
    -moz-transition-delay: 0.54s;
    transition-delay: 0.54s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(13)::after {
    -webkit-transition-delay: 0.585s;
    -moz-transition-delay: 0.585s;
    transition-delay: 0.585s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(14)::after {
    -webkit-transition-delay: 0.63s;
    -moz-transition-delay: 0.63s;
    transition-delay: 0.63s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(15)::after {
    -webkit-transition-delay: 0.675s;
    -moz-transition-delay: 0.675s;
    transition-delay: 0.675s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(16)::after {
    -webkit-transition-delay: 0.72s;
    -moz-transition-delay: 0.72s;
    transition-delay: 0.72s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(17)::after {
    -webkit-transition-delay: 0.765s;
    -moz-transition-delay: 0.765s;
    transition-delay: 0.765s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(18)::after {
    -webkit-transition-delay: 0.81s;
    -moz-transition-delay: 0.81s;
    transition-delay: 0.81s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(19)::after {
    -webkit-transition-delay: 0.855s;
    -moz-transition-delay: 0.855s;
    transition-delay: 0.855s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(20)::after {
    -webkit-transition-delay: 0.9s;
    -moz-transition-delay: 0.9s;
    transition-delay: 0.9s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(21)::after {
    -webkit-transition-delay: 0.945s;
    -moz-transition-delay: 0.945s;
    transition-delay: 0.945s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(22)::after {
    -webkit-transition-delay: 0.99s;
    -moz-transition-delay: 0.99s;
    transition-delay: 0.99s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(23)::after {
    -webkit-transition-delay: 1.035s;
    -moz-transition-delay: 1.035s;
    transition-delay: 1.035s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(24)::after {
    -webkit-transition-delay: 1.08s;
    -moz-transition-delay: 1.08s;
    transition-delay: 1.08s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(25)::after {
    -webkit-transition-delay: 1.125s;
    -moz-transition-delay: 1.125s;
    transition-delay: 1.125s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(26)::after {
    -webkit-transition-delay: 1.17s;
    -moz-transition-delay: 1.17s;
    transition-delay: 1.17s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(27)::after {
    -webkit-transition-delay: 1.215s;
    -moz-transition-delay: 1.215s;
    transition-delay: 1.215s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(28)::after {
    -webkit-transition-delay: 1.26s;
    -moz-transition-delay: 1.26s;
    transition-delay: 1.26s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(29)::after {
    -webkit-transition-delay: 1.305s;
    -moz-transition-delay: 1.305s;
    transition-delay: 1.305s; }
  html:not(.small-nav) .all-animals.earlyburst .hover-detector.active div:nth-child(30)::after {
    -webkit-transition-delay: 1.35s;
    -moz-transition-delay: 1.35s;
    transition-delay: 1.35s; }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(1) .shard {
  -webkit-transition: all 0.3s 0.34s, background-color 0.3s 0.01s linear, -webkit-clip-path 0.14s 0.34s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.34s, background-color 0.3s 0.01s linear, -webkit-clip-path 0.14s 0.34s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.34s, background-color 0.3s 0.01s linear, -webkit-clip-path 0.14s 0.34s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(2) .shard {
  -webkit-transition: all 0.3s 0.35s, background-color 0.3s 0.02s linear, -webkit-clip-path 0.18s 0.35s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.35s, background-color 0.3s 0.02s linear, -webkit-clip-path 0.18s 0.35s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.35s, background-color 0.3s 0.02s linear, -webkit-clip-path 0.18s 0.35s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(3) .shard {
  -webkit-transition: all 0.3s 0.36s, background-color 0.3s 0.03s linear, -webkit-clip-path 0.22s 0.36s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.36s, background-color 0.3s 0.03s linear, -webkit-clip-path 0.22s 0.36s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.36s, background-color 0.3s 0.03s linear, -webkit-clip-path 0.22s 0.36s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(4) .shard {
  -webkit-transition: all 0.3s 0.37s, background-color 0.3s 0.04s linear, -webkit-clip-path 0.26s 0.37s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.37s, background-color 0.3s 0.04s linear, -webkit-clip-path 0.26s 0.37s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.37s, background-color 0.3s 0.04s linear, -webkit-clip-path 0.26s 0.37s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5) .shard {
  -webkit-transition: all 0.3s 0.38s, background-color 0.3s 0.05s linear, -webkit-clip-path 0.3s 0.38s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.38s, background-color 0.3s 0.05s linear, -webkit-clip-path 0.3s 0.38s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.38s, background-color 0.3s 0.05s linear, -webkit-clip-path 0.3s 0.38s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(6) .shard {
  -webkit-transition: all 0.3s 0.39s, background-color 0.3s 0.06s linear, -webkit-clip-path 0.34s 0.39s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.39s, background-color 0.3s 0.06s linear, -webkit-clip-path 0.34s 0.39s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.39s, background-color 0.3s 0.06s linear, -webkit-clip-path 0.34s 0.39s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(7) .shard {
  -webkit-transition: all 0.3s 0.4s, background-color 0.3s 0.07s linear, -webkit-clip-path 0.38s 0.4s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.4s, background-color 0.3s 0.07s linear, -webkit-clip-path 0.38s 0.4s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.4s, background-color 0.3s 0.07s linear, -webkit-clip-path 0.38s 0.4s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(8) .shard {
  -webkit-transition: all 0.3s 0.41s, background-color 0.3s 0.08s linear, -webkit-clip-path 0.42s 0.41s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.41s, background-color 0.3s 0.08s linear, -webkit-clip-path 0.42s 0.41s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.41s, background-color 0.3s 0.08s linear, -webkit-clip-path 0.42s 0.41s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(9) .shard {
  -webkit-transition: all 0.3s 0.42s, background-color 0.3s 0.09s linear, -webkit-clip-path 0.46s 0.42s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.42s, background-color 0.3s 0.09s linear, -webkit-clip-path 0.46s 0.42s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.42s, background-color 0.3s 0.09s linear, -webkit-clip-path 0.46s 0.42s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(10) .shard {
  -webkit-transition: all 0.3s 0.43s, background-color 0.3s 0.1s linear, -webkit-clip-path 0.5s 0.43s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.43s, background-color 0.3s 0.1s linear, -webkit-clip-path 0.5s 0.43s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.43s, background-color 0.3s 0.1s linear, -webkit-clip-path 0.5s 0.43s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(11) .shard {
  -webkit-transition: all 0.3s 0.44s, background-color 0.3s 0.11s linear, -webkit-clip-path 0.54s 0.44s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.44s, background-color 0.3s 0.11s linear, -webkit-clip-path 0.54s 0.44s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.44s, background-color 0.3s 0.11s linear, -webkit-clip-path 0.54s 0.44s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(12) .shard {
  -webkit-transition: all 0.3s 0.45s, background-color 0.3s 0.12s linear, -webkit-clip-path 0.58s 0.45s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.45s, background-color 0.3s 0.12s linear, -webkit-clip-path 0.58s 0.45s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.45s, background-color 0.3s 0.12s linear, -webkit-clip-path 0.58s 0.45s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(13) .shard {
  -webkit-transition: all 0.3s 0.46s, background-color 0.3s 0.13s linear, -webkit-clip-path 0.62s 0.46s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.46s, background-color 0.3s 0.13s linear, -webkit-clip-path 0.62s 0.46s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.46s, background-color 0.3s 0.13s linear, -webkit-clip-path 0.62s 0.46s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(14) .shard {
  -webkit-transition: all 0.3s 0.47s, background-color 0.3s 0.14s linear, -webkit-clip-path 0.66s 0.47s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.47s, background-color 0.3s 0.14s linear, -webkit-clip-path 0.66s 0.47s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.47s, background-color 0.3s 0.14s linear, -webkit-clip-path 0.66s 0.47s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(15) .shard {
  -webkit-transition: all 0.3s 0.48s, background-color 0.3s 0.15s linear, -webkit-clip-path 0.7s 0.48s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.48s, background-color 0.3s 0.15s linear, -webkit-clip-path 0.7s 0.48s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.48s, background-color 0.3s 0.15s linear, -webkit-clip-path 0.7s 0.48s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(16) .shard {
  -webkit-transition: all 0.3s 0.49s, background-color 0.3s 0.16s linear, -webkit-clip-path 0.74s 0.49s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.49s, background-color 0.3s 0.16s linear, -webkit-clip-path 0.74s 0.49s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.49s, background-color 0.3s 0.16s linear, -webkit-clip-path 0.74s 0.49s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(17) .shard {
  -webkit-transition: all 0.3s 0.5s, background-color 0.3s 0.17s linear, -webkit-clip-path 0.78s 0.5s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.5s, background-color 0.3s 0.17s linear, -webkit-clip-path 0.78s 0.5s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.5s, background-color 0.3s 0.17s linear, -webkit-clip-path 0.78s 0.5s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(18) .shard {
  -webkit-transition: all 0.3s 0.51s, background-color 0.3s 0.18s linear, -webkit-clip-path 0.82s 0.51s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.51s, background-color 0.3s 0.18s linear, -webkit-clip-path 0.82s 0.51s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.51s, background-color 0.3s 0.18s linear, -webkit-clip-path 0.82s 0.51s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(19) .shard {
  -webkit-transition: all 0.3s 0.52s, background-color 0.3s 0.19s linear, -webkit-clip-path 0.86s 0.52s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.52s, background-color 0.3s 0.19s linear, -webkit-clip-path 0.86s 0.52s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.52s, background-color 0.3s 0.19s linear, -webkit-clip-path 0.86s 0.52s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(20) .shard {
  -webkit-transition: all 0.3s 0.53s, background-color 0.3s 0.2s linear, -webkit-clip-path 0.9s 0.53s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.53s, background-color 0.3s 0.2s linear, -webkit-clip-path 0.9s 0.53s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.53s, background-color 0.3s 0.2s linear, -webkit-clip-path 0.9s 0.53s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(21) .shard {
  -webkit-transition: all 0.3s 0.54s, background-color 0.3s 0.21s linear, -webkit-clip-path 0.94s 0.54s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.54s, background-color 0.3s 0.21s linear, -webkit-clip-path 0.94s 0.54s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.54s, background-color 0.3s 0.21s linear, -webkit-clip-path 0.94s 0.54s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(22) .shard {
  -webkit-transition: all 0.3s 0.55s, background-color 0.3s 0.22s linear, -webkit-clip-path 0.98s 0.55s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.55s, background-color 0.3s 0.22s linear, -webkit-clip-path 0.98s 0.55s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.55s, background-color 0.3s 0.22s linear, -webkit-clip-path 0.98s 0.55s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(23) .shard {
  -webkit-transition: all 0.3s 0.56s, background-color 0.3s 0.23s linear, -webkit-clip-path 1.02s 0.56s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.56s, background-color 0.3s 0.23s linear, -webkit-clip-path 1.02s 0.56s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.56s, background-color 0.3s 0.23s linear, -webkit-clip-path 1.02s 0.56s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(24) .shard {
  -webkit-transition: all 0.3s 0.57s, background-color 0.3s 0.24s linear, -webkit-clip-path 1.06s 0.57s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.57s, background-color 0.3s 0.24s linear, -webkit-clip-path 1.06s 0.57s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.57s, background-color 0.3s 0.24s linear, -webkit-clip-path 1.06s 0.57s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(25) .shard {
  -webkit-transition: all 0.3s 0.58s, background-color 0.3s 0.25s linear, -webkit-clip-path 1.1s 0.58s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.58s, background-color 0.3s 0.25s linear, -webkit-clip-path 1.1s 0.58s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.58s, background-color 0.3s 0.25s linear, -webkit-clip-path 1.1s 0.58s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(26) .shard {
  -webkit-transition: all 0.3s 0.59s, background-color 0.3s 0.26s linear, -webkit-clip-path 1.14s 0.59s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.59s, background-color 0.3s 0.26s linear, -webkit-clip-path 1.14s 0.59s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.59s, background-color 0.3s 0.26s linear, -webkit-clip-path 1.14s 0.59s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(27) .shard {
  -webkit-transition: all 0.3s 0.6s, background-color 0.3s 0.27s linear, -webkit-clip-path 1.18s 0.6s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.6s, background-color 0.3s 0.27s linear, -webkit-clip-path 1.18s 0.6s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.6s, background-color 0.3s 0.27s linear, -webkit-clip-path 1.18s 0.6s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(28) .shard {
  -webkit-transition: all 0.3s 0.61s, background-color 0.3s 0.28s linear, -webkit-clip-path 1.22s 0.61s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.61s, background-color 0.3s 0.28s linear, -webkit-clip-path 1.22s 0.61s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.61s, background-color 0.3s 0.28s linear, -webkit-clip-path 1.22s 0.61s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(29) .shard {
  -webkit-transition: all 0.3s 0.62s, background-color 0.3s 0.29s linear, -webkit-clip-path 1.26s 0.62s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.62s, background-color 0.3s 0.29s linear, -webkit-clip-path 1.26s 0.62s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.62s, background-color 0.3s 0.29s linear, -webkit-clip-path 1.26s 0.62s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(30) .shard {
  -webkit-transition: all 0.3s 0.63s, background-color 0.3s 0.3s linear, -webkit-clip-path 1.3s 0.63s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.63s, background-color 0.3s 0.3s linear, -webkit-clip-path 1.3s 0.63s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.63s, background-color 0.3s 0.3s linear, -webkit-clip-path 1.3s 0.63s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(1) .shard {
  -webkit-transition: all 0.3s 0.11s, background-color 0.3s 0.01s linear, -webkit-clip-path 0.18s 0.11s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.11s, background-color 0.3s 0.01s linear, -webkit-clip-path 0.18s 0.11s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.11s, background-color 0.3s 0.01s linear, -webkit-clip-path 0.18s 0.11s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(2) .shard {
  -webkit-transition: all 0.3s 0.12s, background-color 0.3s 0.02s linear, -webkit-clip-path 0.26s 0.12s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.12s, background-color 0.3s 0.02s linear, -webkit-clip-path 0.26s 0.12s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.12s, background-color 0.3s 0.02s linear, -webkit-clip-path 0.26s 0.12s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(3) .shard {
  -webkit-transition: all 0.3s 0.13s, background-color 0.3s 0.03s linear, -webkit-clip-path 0.34s 0.13s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.13s, background-color 0.3s 0.03s linear, -webkit-clip-path 0.34s 0.13s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.13s, background-color 0.3s 0.03s linear, -webkit-clip-path 0.34s 0.13s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(4) .shard {
  -webkit-transition: all 0.3s 0.14s, background-color 0.3s 0.04s linear, -webkit-clip-path 0.42s 0.14s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.14s, background-color 0.3s 0.04s linear, -webkit-clip-path 0.42s 0.14s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.14s, background-color 0.3s 0.04s linear, -webkit-clip-path 0.42s 0.14s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(5) .shard {
  -webkit-transition: all 0.3s 0.15s, background-color 0.3s 0.05s linear, -webkit-clip-path 0.5s 0.15s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.15s, background-color 0.3s 0.05s linear, -webkit-clip-path 0.5s 0.15s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.15s, background-color 0.3s 0.05s linear, -webkit-clip-path 0.5s 0.15s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(6) .shard {
  -webkit-transition: all 0.3s 0.16s, background-color 0.3s 0.06s linear, -webkit-clip-path 0.58s 0.16s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.16s, background-color 0.3s 0.06s linear, -webkit-clip-path 0.58s 0.16s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.16s, background-color 0.3s 0.06s linear, -webkit-clip-path 0.58s 0.16s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(7) .shard {
  -webkit-transition: all 0.3s 0.17s, background-color 0.3s 0.07s linear, -webkit-clip-path 0.66s 0.17s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.17s, background-color 0.3s 0.07s linear, -webkit-clip-path 0.66s 0.17s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.17s, background-color 0.3s 0.07s linear, -webkit-clip-path 0.66s 0.17s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(8) .shard {
  -webkit-transition: all 0.3s 0.18s, background-color 0.3s 0.08s linear, -webkit-clip-path 0.74s 0.18s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.18s, background-color 0.3s 0.08s linear, -webkit-clip-path 0.74s 0.18s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.18s, background-color 0.3s 0.08s linear, -webkit-clip-path 0.74s 0.18s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(9) .shard {
  -webkit-transition: all 0.3s 0.19s, background-color 0.3s 0.09s linear, -webkit-clip-path 0.82s 0.19s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.19s, background-color 0.3s 0.09s linear, -webkit-clip-path 0.82s 0.19s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.19s, background-color 0.3s 0.09s linear, -webkit-clip-path 0.82s 0.19s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(10) .shard {
  -webkit-transition: all 0.3s 0.2s, background-color 0.3s 0.1s linear, -webkit-clip-path 0.9s 0.2s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.2s, background-color 0.3s 0.1s linear, -webkit-clip-path 0.9s 0.2s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.2s, background-color 0.3s 0.1s linear, -webkit-clip-path 0.9s 0.2s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(11) .shard {
  -webkit-transition: all 0.3s 0.21s, background-color 0.3s 0.11s linear, -webkit-clip-path 0.98s 0.21s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.21s, background-color 0.3s 0.11s linear, -webkit-clip-path 0.98s 0.21s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.21s, background-color 0.3s 0.11s linear, -webkit-clip-path 0.98s 0.21s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(12) .shard {
  -webkit-transition: all 0.3s 0.22s, background-color 0.3s 0.12s linear, -webkit-clip-path 1.06s 0.22s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.22s, background-color 0.3s 0.12s linear, -webkit-clip-path 1.06s 0.22s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.22s, background-color 0.3s 0.12s linear, -webkit-clip-path 1.06s 0.22s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(13) .shard {
  -webkit-transition: all 0.3s 0.23s, background-color 0.3s 0.13s linear, -webkit-clip-path 1.14s 0.23s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.23s, background-color 0.3s 0.13s linear, -webkit-clip-path 1.14s 0.23s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.23s, background-color 0.3s 0.13s linear, -webkit-clip-path 1.14s 0.23s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(14) .shard {
  -webkit-transition: all 0.3s 0.24s, background-color 0.3s 0.14s linear, -webkit-clip-path 1.22s 0.24s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.24s, background-color 0.3s 0.14s linear, -webkit-clip-path 1.22s 0.24s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.24s, background-color 0.3s 0.14s linear, -webkit-clip-path 1.22s 0.24s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(15) .shard {
  -webkit-transition: all 0.3s 0.25s, background-color 0.3s 0.15s linear, -webkit-clip-path 1.3s 0.25s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.25s, background-color 0.3s 0.15s linear, -webkit-clip-path 1.3s 0.25s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.25s, background-color 0.3s 0.15s linear, -webkit-clip-path 1.3s 0.25s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(16) .shard {
  -webkit-transition: all 0.3s 0.26s, background-color 0.3s 0.16s linear, -webkit-clip-path 1.38s 0.26s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.26s, background-color 0.3s 0.16s linear, -webkit-clip-path 1.38s 0.26s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.26s, background-color 0.3s 0.16s linear, -webkit-clip-path 1.38s 0.26s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(17) .shard {
  -webkit-transition: all 0.3s 0.27s, background-color 0.3s 0.17s linear, -webkit-clip-path 1.46s 0.27s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.27s, background-color 0.3s 0.17s linear, -webkit-clip-path 1.46s 0.27s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.27s, background-color 0.3s 0.17s linear, -webkit-clip-path 1.46s 0.27s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(18) .shard {
  -webkit-transition: all 0.3s 0.28s, background-color 0.3s 0.18s linear, -webkit-clip-path 1.54s 0.28s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.28s, background-color 0.3s 0.18s linear, -webkit-clip-path 1.54s 0.28s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.28s, background-color 0.3s 0.18s linear, -webkit-clip-path 1.54s 0.28s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(19) .shard {
  -webkit-transition: all 0.3s 0.29s, background-color 0.3s 0.19s linear, -webkit-clip-path 1.62s 0.29s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.29s, background-color 0.3s 0.19s linear, -webkit-clip-path 1.62s 0.29s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.29s, background-color 0.3s 0.19s linear, -webkit-clip-path 1.62s 0.29s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(20) .shard {
  -webkit-transition: all 0.3s 0.3s, background-color 0.3s 0.2s linear, -webkit-clip-path 1.7s 0.3s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.3s, background-color 0.3s 0.2s linear, -webkit-clip-path 1.7s 0.3s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.3s, background-color 0.3s 0.2s linear, -webkit-clip-path 1.7s 0.3s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(21) .shard {
  -webkit-transition: all 0.3s 0.31s, background-color 0.3s 0.21s linear, -webkit-clip-path 1.78s 0.31s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.31s, background-color 0.3s 0.21s linear, -webkit-clip-path 1.78s 0.31s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.31s, background-color 0.3s 0.21s linear, -webkit-clip-path 1.78s 0.31s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(22) .shard {
  -webkit-transition: all 0.3s 0.32s, background-color 0.3s 0.22s linear, -webkit-clip-path 1.86s 0.32s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.32s, background-color 0.3s 0.22s linear, -webkit-clip-path 1.86s 0.32s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.32s, background-color 0.3s 0.22s linear, -webkit-clip-path 1.86s 0.32s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(23) .shard {
  -webkit-transition: all 0.3s 0.33s, background-color 0.3s 0.23s linear, -webkit-clip-path 1.94s 0.33s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.33s, background-color 0.3s 0.23s linear, -webkit-clip-path 1.94s 0.33s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.33s, background-color 0.3s 0.23s linear, -webkit-clip-path 1.94s 0.33s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(24) .shard {
  -webkit-transition: all 0.3s 0.34s, background-color 0.3s 0.24s linear, -webkit-clip-path 2.02s 0.34s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.34s, background-color 0.3s 0.24s linear, -webkit-clip-path 2.02s 0.34s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.34s, background-color 0.3s 0.24s linear, -webkit-clip-path 2.02s 0.34s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(25) .shard {
  -webkit-transition: all 0.3s 0.35s, background-color 0.3s 0.25s linear, -webkit-clip-path 2.1s 0.35s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.35s, background-color 0.3s 0.25s linear, -webkit-clip-path 2.1s 0.35s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.35s, background-color 0.3s 0.25s linear, -webkit-clip-path 2.1s 0.35s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(26) .shard {
  -webkit-transition: all 0.3s 0.36s, background-color 0.3s 0.26s linear, -webkit-clip-path 2.18s 0.36s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.36s, background-color 0.3s 0.26s linear, -webkit-clip-path 2.18s 0.36s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.36s, background-color 0.3s 0.26s linear, -webkit-clip-path 2.18s 0.36s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(27) .shard {
  -webkit-transition: all 0.3s 0.37s, background-color 0.3s 0.27s linear, -webkit-clip-path 2.26s 0.37s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.37s, background-color 0.3s 0.27s linear, -webkit-clip-path 2.26s 0.37s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.37s, background-color 0.3s 0.27s linear, -webkit-clip-path 2.26s 0.37s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(28) .shard {
  -webkit-transition: all 0.3s 0.38s, background-color 0.3s 0.28s linear, -webkit-clip-path 2.34s 0.38s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.38s, background-color 0.3s 0.28s linear, -webkit-clip-path 2.34s 0.38s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.38s, background-color 0.3s 0.28s linear, -webkit-clip-path 2.34s 0.38s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(29) .shard {
  -webkit-transition: all 0.3s 0.39s, background-color 0.3s 0.29s linear, -webkit-clip-path 2.42s 0.39s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.39s, background-color 0.3s 0.29s linear, -webkit-clip-path 2.42s 0.39s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.39s, background-color 0.3s 0.29s linear, -webkit-clip-path 2.42s 0.39s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals.earlyburst .wrap .shard-wrap:nth-child(5n+2):nth-child(30) .shard {
  -webkit-transition: all 0.3s 0.4s, background-color 0.3s 0.3s linear, -webkit-clip-path 2.5s 0.4s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.4s, background-color 0.3s 0.3s linear, -webkit-clip-path 2.5s 0.4s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.4s, background-color 0.3s 0.3s linear, -webkit-clip-path 2.5s 0.4s cubic-bezier(0.7, 0.3, 0, 1); }
html:not(.small-nav) .all-animals .popout {
  color: #1b1b1c; }
html:not(.small-nav) .all-animals .level-one {
  -webkit-transform: scale(0.75) translateY(-18%);
  -moz-transform: scale(0.75) translateY(-18%);
  -ms-transform: scale(0.75) translateY(-18%);
  -o-transform: scale(0.75) translateY(-18%);
  transform: scale(0.75) translateY(-18%);
  -webkit-transition: 1.3s cubic-bezier(0.7, 0.3, 0, 1) 0.4s;
  -moz-transition: 1.3s cubic-bezier(0.7, 0.3, 0, 1) 0.4s;
  transition: 1.3s cubic-bezier(0.7, 0.3, 0, 1) 0.4s; }
  html:not(.small-nav) .all-animals .level-one .level-two {
    -webkit-transform: rotate(100deg) translateX(10px);
    -moz-transform: rotate(100deg) translateX(10px);
    -ms-transform: rotate(100deg) translateX(10px);
    -o-transform: rotate(100deg) translateX(10px);
    transform: rotate(100deg) translateX(10px);
    -webkit-transition: -webkit-transform 60s cubic-bezier(0.11, 0.01, 0.45, 0.74);
    -moz-transition: -moz-transform 60s cubic-bezier(0.11, 0.01, 0.45, 0.74);
    transition: transform 60s cubic-bezier(0.11, 0.01, 0.45, 0.74); }
    html:not(.small-nav) .all-animals .level-one .level-two .animal-mover {
      -webkit-transition: 0.4s;
      -moz-transition: 0.4s;
      transition: 0.4s; }
  html:not(.small-nav) .all-animals .level-one::before {
    content: "";
    position: absolute;
    bottom: 30%;
    left: 40%;
    background-image: -webkit-radial-gradient(closest-side, rgba(0, 0, 0, 0.45) 0, rgba(0, 0, 0, 0.15) 35%, transparent 100%);
    background-image: radial-gradient( closest-side, rgba(0, 0, 0, 0.45) 0, rgba(0, 0, 0, 0.15) 35%, transparent 100%);
    width: 20%;
    height: 5%;
    opacity: 0;
    -webkit-transition: 0.24s cubic-bezier(0.62, 0.02, 0.34, 1);
    -moz-transition: 0.24s cubic-bezier(0.62, 0.02, 0.34, 1);
    transition: 0.24s cubic-bezier(0.62, 0.02, 0.34, 1); }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
      html:not(.small-nav) .all-animals .level-one::before {
        display: none; } }
  html:not(.small-nav) .all-animals .level-one.shadow-active::before {
    opacity: 1;
    -webkit-transition: 0.6s cubic-bezier(0.62, 0.02, 0.34, 1) 0.3s;
    -moz-transition: 0.6s cubic-bezier(0.62, 0.02, 0.34, 1) 0.3s;
    transition: 0.6s cubic-bezier(0.62, 0.02, 0.34, 1) 0.3s; }
  html:not(.small-nav) .all-animals .level-one.shadow-inactive::before, html:not(.small-nav) .all-animals .level-one.shadow-active.shadow-inactive::before {
    opacity: 0;
    -webkit-transition: 0.13s cubic-bezier(0.62, 0.02, 0.34, 1);
    -moz-transition: 0.13s cubic-bezier(0.62, 0.02, 0.34, 1);
    transition: 0.13s cubic-bezier(0.62, 0.02, 0.34, 1); }
  html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap .shard {
    -webkit-transition: 0.31s cubic-bezier(0.62, 0.02, 0.34, 1);
    -moz-transition: 0.31s cubic-bezier(0.62, 0.02, 0.34, 1);
    transition: 0.31s cubic-bezier(0.62, 0.02, 0.34, 1); }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap .shard.active {
  -webkit-clip-path: polygon(40.6% 38%, 50% 60%, 59% 40%);
  -webkit-transition: 0.71s cubic-bezier(1, 0, 0, 1);
  -moz-transition: 0.71s cubic-bezier(1, 0, 0, 1);
  transition: 0.71s cubic-bezier(1, 0, 0, 1); }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(3n+1) .shard.active {
  -webkit-clip-path: polygon(40.6% 58%, 50% 38%, 59% 45%); }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(3n+2) .shard.active {
  -webkit-clip-path: polygon(41.6% 56.5%, 52% 37%, 57% 56%); }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(1) .shard.active {
  background-color: #84A5DD; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(2) .shard.active {
  background-color: #64d6e2; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(3) .shard.active {
  background-color: #FDAED4; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(4) .shard.active {
  background-color: #785ebb; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(5) .shard.active {
  background-color: #a09de5; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(6) .shard.active {
  background-color: #A0CADB; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(7) .shard.active {
  background-color: #79BBB5; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(8) .shard.active {
  background-color: #F6D860; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(9) .shard.active {
  background-color: #9988CD; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(10) .shard.active {
  background-color: #EDB948; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(11) .shard.active {
  background-color: #FDACB4; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(12) .shard.active {
  background-color: #dbbe39; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(13) .shard.active {
  background-color: #DFBC94; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(14) .shard.active {
  background-color: #3CCAD1; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(15) .shard.active {
  background-color: #F68F6F; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(16) .shard.active {
  background-color: #9787EA; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(17) .shard.active {
  background-color: #ccc5e3; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(18) .shard.active {
  background-color: #FD9372; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(19) .shard.active {
  background-color: #9B7AD5; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(20) .shard.active {
  background-color: #de89ac; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(21) .shard.active {
  background-color: #98BFF6; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(22) .shard.active {
  background-color: #FEC54F; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(23) .shard.active {
  background-color: #9784ED; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(24) .shard.active {
  background-color: #F4C3C5; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(25) .shard.active {
  background-color: #63C5AB; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(26) .shard.active {
  background-color: #F4696B; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(27) .shard.active {
  background-color: #E794AE; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(28) .shard.active {
  background-color: #9B7FE6; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(29) .shard.active {
  background-color: #EF9F64; }
html:not(.small-nav) .all-animals .level-one .wrap .shard-wrap:nth-child(30) .shard.active {
  background-color: #87C4A3; }

.all-animals .level-one .shard-wrap:nth-child(5n+1) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(5n+1) .shard {
  background-color: #28282a; }
.all-animals .level-one .shard-wrap:nth-child(5n+2) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(5n+2) .shard {
  background-color: #111; }
.all-animals .level-one .shard-wrap:nth-child(5n+3) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(5n+3) .shard {
  background-color: #333; }
.all-animals .level-one .shard-wrap:nth-child(5n+4) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(5n+4) .shard {
  background-color: #222; }
.all-animals .level-one .shard-wrap:nth-child(5n+5) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(5n+5) .shard {
  background-color: #121212; }
.all-animals .level-one .shard-wrap:nth-child(31) .shard, .all-animals .level-one .shard-wrap:nth-child(32) .shard, .all-animals .level-one .shard-wrap:nth-child(33) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(31) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(32) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(33) .shard {
  -webkit-clip-path: polygon(50% 50%, 50% 50%, 50% 50%); }
.all-animals .level-one .shard-wrap:nth-child(1) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(1) .shard {
  -webkit-clip-path: polygon(12.762% 61.464%, 17.986% 76.893%, 21.367% 69.321%); }
.all-animals .level-one .shard-wrap:nth-child(2) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(2) .shard {
  -webkit-clip-path: polygon(78.188% 35.179%, 83.275% 54.179%, 85.792% 43.179%); }
.all-animals .level-one .shard-wrap:nth-child(3) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(3) .shard {
  -webkit-clip-path: polygon(83.584% 85.607%, 82.494% 97.893%, 89.503% 96.607%); }
.all-animals .level-one .shard-wrap:nth-child(4) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(4) .shard {
  -webkit-clip-path: polygon(69.013% 68.464%, 64.753% 77.036%, 70.342% 74.179%); }
.all-animals .level-one .shard-wrap:nth-child(5) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(5) .shard {
  -webkit-clip-path: polygon(18.5% 44.286%, 15.2% 42.286%, 15.9% 44.857%); }
.all-animals .level-one .shard-wrap:nth-child(6) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(6) .shard {
  -webkit-clip-path: polygon(28.027% 30.75%, 20.63% 44.75%, 30.912% 46.321%); }
.all-animals .level-one .shard-wrap:nth-child(7) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(7) .shard {
  -webkit-clip-path: polygon(30.5% 13.321%, 26.8% 10.321%, 31% 8.464%); }
.all-animals .level-one .shard-wrap:nth-child(8) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(8) .shard {
  -webkit-clip-path: polygon(60.5% 58.036%, 62.6% 64.179%, 62.6% 58.036%); }
.all-animals .level-one .shard-wrap:nth-child(9) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(9) .shard {
  -webkit-clip-path: polygon(13.4% 93.75%, 8.2% 93.464%, 12.7% 97.036%); }
.all-animals .level-one .shard-wrap:nth-child(10) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(10) .shard {
  -webkit-clip-path: polygon(25% 92%, 25.5% 92.5%, 26% 92%); }
.all-animals .level-one .shard-wrap:nth-child(11) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(11) .shard {
  -webkit-clip-path: polygon(6.5% 17.893%, 6.9% 10.893%, 2.8% 19.464%); }
.all-animals .level-one .shard-wrap:nth-child(12) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(12) .shard {
  -webkit-clip-path: polygon(32.1% 84%, 34.1% 86.429%, 35.5% 81.714%); }
.all-animals .level-one .shard-wrap:nth-child(13) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(13) .shard {
  -webkit-clip-path: polygon(32.3% 34.607%, 31.3% 39.607%, 33.3% 36.036%);
  background-color: #181818; }
.all-animals .level-one .shard-wrap:nth-child(14) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(14) .shard {
  -webkit-clip-path: polygon(14.008% 88.179%, 18.023% 93.464%, 16.653% 89.321%); }
.all-animals .level-one .shard-wrap:nth-child(15) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(15) .shard {
  -webkit-clip-path: polygon(84.234% 7.893%, 90.231% 6.607%, 87.93% 5.75%); }
.all-animals .level-one .shard-wrap:nth-child(16) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(16) .shard {
  -webkit-clip-path: polygon(59.9% 94.714%, 60.4% 99.9%, 63.6% 98.714%); }
.all-animals .level-one .shard-wrap:nth-child(17) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(17) .shard {
  -webkit-clip-path: polygon(8.75% 52.607%, 6.123% 59.036%, 11.425% 57.321%); }
.all-animals .level-one .shard-wrap:nth-child(18) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(18) .shard {
  -webkit-clip-path: polygon(70% 92%, 71% 94%, 72% 93%); }
.all-animals .level-one .shard-wrap:nth-child(19) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(19) .shard {
  -webkit-clip-path: polygon(73.5% 18.857%, 76.3% 16.857%, 74.4% 14.429%); }
.all-animals .level-one .shard-wrap:nth-child(20) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(20) .shard {
  -webkit-clip-path: polygon(80% 92%, 81% 94%, 82% 93%); }
.all-animals .level-one .shard-wrap:nth-child(21) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(21) .shard {
  -webkit-clip-path: polygon(73.3% 30.429%, 75.5% 28.714%, 74.8% 27.857%); }
.all-animals .level-one .shard-wrap:nth-child(22) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(22) .shard {
  -webkit-clip-path: polygon(85% 27%, 86% 29%, 87% 28%); }
.all-animals .level-one .shard-wrap:nth-child(23) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(23) .shard {
  -webkit-clip-path: polygon(22.6% 35.571%, 19.8% 34.714%, 21.8% 32%); }
.all-animals .level-one .shard-wrap:nth-child(24) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(24) .shard {
  -webkit-clip-path: polygon(86.9% 44.643%, 90.5% 44.929%, 89.8% 41.786%); }
.all-animals .level-one .shard-wrap:nth-child(25) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(25) .shard {
  -webkit-clip-path: polygon(47.769% 99.732%, 48.769% 100%, 50.169% 98%); }
.all-animals .level-one .shard-wrap:nth-child(26) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(26) .shard {
  -webkit-clip-path: polygon(5.669% 36.589%, 4.769% 33.018%, 4.069% 36.304%); }
.all-animals .level-one .shard-wrap:nth-child(27) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(27) .shard {
  -webkit-clip-path: polygon(84.1% 69.857%, 85.5% 70.714%, 85.3% 69.286%); }
.all-animals .level-one .shard-wrap:nth-child(28) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(28) .shard {
  -webkit-clip-path: polygon(24% 95.732%, 27.769% 98%, 25.969% 99.161%); }
.all-animals .level-one .shard-wrap:nth-child(29) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(29) .shard {
  -webkit-clip-path: polygon(85% 80%, 85.5% 80.5%, 86% 80%); }
.all-animals .level-one .shard-wrap:nth-child(30) .shard, .preloader.start-up-seq .level-one .shard-wrap:nth-child(30) .shard {
  -webkit-clip-path: polygon(60.769% 12.875%, 64.769% 10.018%, 65.669% 14.875%); }

.slow-polygons .level-one .shard-wrap:nth-child(1) .shard {
  transition-delay: 5s-30s- 1/11.6s0.1s;
  -webkit-transition: all 0.3s 5s-30s- 1/11.6s0.1s, -webkit-clip-path 0.34s 5s-30s- 1/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 5s-30s- 1/11.6s0.1s, -webkit-clip-path 0.34s 5s-30s- 1/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 5s-30s- 1/11.6s0.1s, -webkit-clip-path 0.34s 5s-30s- 1/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(2) .shard {
  transition-delay: 2.5s-30s- 2/11.6s0.1s;
  -webkit-transition: all 0.3s 2.5s-30s- 2/11.6s0.1s, -webkit-clip-path 0.38s 2.5s-30s- 2/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 2.5s-30s- 2/11.6s0.1s, -webkit-clip-path 0.38s 2.5s-30s- 2/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 2.5s-30s- 2/11.6s0.1s, -webkit-clip-path 0.38s 2.5s-30s- 2/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(3) .shard {
  transition-delay: 1.66667s-30s- 3/11.6s0.1s;
  -webkit-transition: all 0.3s 1.66667s-30s- 3/11.6s0.1s, -webkit-clip-path 0.42s 1.66667s-30s- 3/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 1.66667s-30s- 3/11.6s0.1s, -webkit-clip-path 0.42s 1.66667s-30s- 3/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 1.66667s-30s- 3/11.6s0.1s, -webkit-clip-path 0.42s 1.66667s-30s- 3/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(4) .shard {
  transition-delay: 1.25s-30s- 4/11.6s0.1s;
  -webkit-transition: all 0.3s 1.25s-30s- 4/11.6s0.1s, -webkit-clip-path 0.46s 1.25s-30s- 4/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 1.25s-30s- 4/11.6s0.1s, -webkit-clip-path 0.46s 1.25s-30s- 4/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 1.25s-30s- 4/11.6s0.1s, -webkit-clip-path 0.46s 1.25s-30s- 4/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(5) .shard {
  transition-delay: 1s-30s- 5/11.6s0.1s;
  -webkit-transition: all 0.3s 1s-30s- 5/11.6s0.1s, -webkit-clip-path 0.5s 1s-30s- 5/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 1s-30s- 5/11.6s0.1s, -webkit-clip-path 0.5s 1s-30s- 5/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 1s-30s- 5/11.6s0.1s, -webkit-clip-path 0.5s 1s-30s- 5/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(6) .shard {
  transition-delay: 0.83333s-30s- 6/11.6s0.1s;
  -webkit-transition: all 0.3s 0.83333s-30s- 6/11.6s0.1s, -webkit-clip-path 0.54s 0.83333s-30s- 6/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.83333s-30s- 6/11.6s0.1s, -webkit-clip-path 0.54s 0.83333s-30s- 6/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.83333s-30s- 6/11.6s0.1s, -webkit-clip-path 0.54s 0.83333s-30s- 6/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(7) .shard {
  transition-delay: 0.71429s-30s- 7/11.6s0.1s;
  -webkit-transition: all 0.3s 0.71429s-30s- 7/11.6s0.1s, -webkit-clip-path 0.58s 0.71429s-30s- 7/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.71429s-30s- 7/11.6s0.1s, -webkit-clip-path 0.58s 0.71429s-30s- 7/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.71429s-30s- 7/11.6s0.1s, -webkit-clip-path 0.58s 0.71429s-30s- 7/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(8) .shard {
  transition-delay: 0.625s-30s- 8/11.6s0.1s;
  -webkit-transition: all 0.3s 0.625s-30s- 8/11.6s0.1s, -webkit-clip-path 0.62s 0.625s-30s- 8/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.625s-30s- 8/11.6s0.1s, -webkit-clip-path 0.62s 0.625s-30s- 8/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.625s-30s- 8/11.6s0.1s, -webkit-clip-path 0.62s 0.625s-30s- 8/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(9) .shard {
  transition-delay: 0.55556s-30s- 9/11.6s0.1s;
  -webkit-transition: all 0.3s 0.55556s-30s- 9/11.6s0.1s, -webkit-clip-path 0.66s 0.55556s-30s- 9/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.55556s-30s- 9/11.6s0.1s, -webkit-clip-path 0.66s 0.55556s-30s- 9/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.55556s-30s- 9/11.6s0.1s, -webkit-clip-path 0.66s 0.55556s-30s- 9/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(10) .shard {
  transition-delay: 0.5s-30s- 10/11.6s0.1s;
  -webkit-transition: all 0.3s 0.5s-30s- 10/11.6s0.1s, -webkit-clip-path 0.7s 0.5s-30s- 10/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.5s-30s- 10/11.6s0.1s, -webkit-clip-path 0.7s 0.5s-30s- 10/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.5s-30s- 10/11.6s0.1s, -webkit-clip-path 0.7s 0.5s-30s- 10/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(11) .shard {
  transition-delay: 0.45455s-30s- 11/11.6s0.1s;
  -webkit-transition: all 0.3s 0.45455s-30s- 11/11.6s0.1s, -webkit-clip-path 0.74s 0.45455s-30s- 11/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.45455s-30s- 11/11.6s0.1s, -webkit-clip-path 0.74s 0.45455s-30s- 11/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.45455s-30s- 11/11.6s0.1s, -webkit-clip-path 0.74s 0.45455s-30s- 11/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(12) .shard {
  transition-delay: 0.41667s-30s- 12/11.6s0.1s;
  -webkit-transition: all 0.3s 0.41667s-30s- 12/11.6s0.1s, -webkit-clip-path 0.78s 0.41667s-30s- 12/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.41667s-30s- 12/11.6s0.1s, -webkit-clip-path 0.78s 0.41667s-30s- 12/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.41667s-30s- 12/11.6s0.1s, -webkit-clip-path 0.78s 0.41667s-30s- 12/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(13) .shard {
  transition-delay: 0.38462s-30s- 13/11.6s0.1s;
  -webkit-transition: all 0.3s 0.38462s-30s- 13/11.6s0.1s, -webkit-clip-path 0.82s 0.38462s-30s- 13/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.38462s-30s- 13/11.6s0.1s, -webkit-clip-path 0.82s 0.38462s-30s- 13/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.38462s-30s- 13/11.6s0.1s, -webkit-clip-path 0.82s 0.38462s-30s- 13/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(14) .shard {
  transition-delay: 0.35714s-30s- 14/11.6s0.1s;
  -webkit-transition: all 0.3s 0.35714s-30s- 14/11.6s0.1s, -webkit-clip-path 0.86s 0.35714s-30s- 14/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.35714s-30s- 14/11.6s0.1s, -webkit-clip-path 0.86s 0.35714s-30s- 14/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.35714s-30s- 14/11.6s0.1s, -webkit-clip-path 0.86s 0.35714s-30s- 14/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(15) .shard {
  transition-delay: 0.33333s-30s- 15/11.6s0.1s;
  -webkit-transition: all 0.3s 0.33333s-30s- 15/11.6s0.1s, -webkit-clip-path 0.9s 0.33333s-30s- 15/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.33333s-30s- 15/11.6s0.1s, -webkit-clip-path 0.9s 0.33333s-30s- 15/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.33333s-30s- 15/11.6s0.1s, -webkit-clip-path 0.9s 0.33333s-30s- 15/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(16) .shard {
  transition-delay: 0.3125s-30s- 16/11.6s0.1s;
  -webkit-transition: all 0.3s 0.3125s-30s- 16/11.6s0.1s, -webkit-clip-path 0.94s 0.3125s-30s- 16/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.3125s-30s- 16/11.6s0.1s, -webkit-clip-path 0.94s 0.3125s-30s- 16/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.3125s-30s- 16/11.6s0.1s, -webkit-clip-path 0.94s 0.3125s-30s- 16/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(17) .shard {
  transition-delay: 0.29412s-30s- 17/11.6s0.1s;
  -webkit-transition: all 0.3s 0.29412s-30s- 17/11.6s0.1s, -webkit-clip-path 0.98s 0.29412s-30s- 17/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.29412s-30s- 17/11.6s0.1s, -webkit-clip-path 0.98s 0.29412s-30s- 17/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.29412s-30s- 17/11.6s0.1s, -webkit-clip-path 0.98s 0.29412s-30s- 17/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(18) .shard {
  transition-delay: 0.27778s-30s- 18/11.6s0.1s;
  -webkit-transition: all 0.3s 0.27778s-30s- 18/11.6s0.1s, -webkit-clip-path 1.02s 0.27778s-30s- 18/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.27778s-30s- 18/11.6s0.1s, -webkit-clip-path 1.02s 0.27778s-30s- 18/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.27778s-30s- 18/11.6s0.1s, -webkit-clip-path 1.02s 0.27778s-30s- 18/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(19) .shard {
  transition-delay: 0.26316s-30s- 19/11.6s0.1s;
  -webkit-transition: all 0.3s 0.26316s-30s- 19/11.6s0.1s, -webkit-clip-path 1.06s 0.26316s-30s- 19/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.26316s-30s- 19/11.6s0.1s, -webkit-clip-path 1.06s 0.26316s-30s- 19/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.26316s-30s- 19/11.6s0.1s, -webkit-clip-path 1.06s 0.26316s-30s- 19/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(20) .shard {
  transition-delay: 0.25s-30s- 20/11.6s0.1s;
  -webkit-transition: all 0.3s 0.25s-30s- 20/11.6s0.1s, -webkit-clip-path 1.1s 0.25s-30s- 20/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.25s-30s- 20/11.6s0.1s, -webkit-clip-path 1.1s 0.25s-30s- 20/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.25s-30s- 20/11.6s0.1s, -webkit-clip-path 1.1s 0.25s-30s- 20/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(21) .shard {
  transition-delay: 0.2381s-30s- 21/11.6s0.1s;
  -webkit-transition: all 0.3s 0.2381s-30s- 21/11.6s0.1s, -webkit-clip-path 1.14s 0.2381s-30s- 21/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.2381s-30s- 21/11.6s0.1s, -webkit-clip-path 1.14s 0.2381s-30s- 21/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.2381s-30s- 21/11.6s0.1s, -webkit-clip-path 1.14s 0.2381s-30s- 21/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(22) .shard {
  transition-delay: 0.22727s-30s- 22/11.6s0.1s;
  -webkit-transition: all 0.3s 0.22727s-30s- 22/11.6s0.1s, -webkit-clip-path 1.18s 0.22727s-30s- 22/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.22727s-30s- 22/11.6s0.1s, -webkit-clip-path 1.18s 0.22727s-30s- 22/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.22727s-30s- 22/11.6s0.1s, -webkit-clip-path 1.18s 0.22727s-30s- 22/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(23) .shard {
  transition-delay: 0.21739s-30s- 23/11.6s0.1s;
  -webkit-transition: all 0.3s 0.21739s-30s- 23/11.6s0.1s, -webkit-clip-path 1.22s 0.21739s-30s- 23/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.21739s-30s- 23/11.6s0.1s, -webkit-clip-path 1.22s 0.21739s-30s- 23/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.21739s-30s- 23/11.6s0.1s, -webkit-clip-path 1.22s 0.21739s-30s- 23/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(24) .shard {
  transition-delay: 0.20833s-30s- 24/11.6s0.1s;
  -webkit-transition: all 0.3s 0.20833s-30s- 24/11.6s0.1s, -webkit-clip-path 1.26s 0.20833s-30s- 24/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.20833s-30s- 24/11.6s0.1s, -webkit-clip-path 1.26s 0.20833s-30s- 24/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.20833s-30s- 24/11.6s0.1s, -webkit-clip-path 1.26s 0.20833s-30s- 24/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(25) .shard {
  transition-delay: 0.2s-30s- 25/11.6s0.1s;
  -webkit-transition: all 0.3s 0.2s-30s- 25/11.6s0.1s, -webkit-clip-path 1.3s 0.2s-30s- 25/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.2s-30s- 25/11.6s0.1s, -webkit-clip-path 1.3s 0.2s-30s- 25/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.2s-30s- 25/11.6s0.1s, -webkit-clip-path 1.3s 0.2s-30s- 25/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(26) .shard {
  transition-delay: 0.19231s-30s- 26/11.6s0.1s;
  -webkit-transition: all 0.3s 0.19231s-30s- 26/11.6s0.1s, -webkit-clip-path 1.34s 0.19231s-30s- 26/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.19231s-30s- 26/11.6s0.1s, -webkit-clip-path 1.34s 0.19231s-30s- 26/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.19231s-30s- 26/11.6s0.1s, -webkit-clip-path 1.34s 0.19231s-30s- 26/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(27) .shard {
  transition-delay: 0.18519s-30s- 27/11.6s0.1s;
  -webkit-transition: all 0.3s 0.18519s-30s- 27/11.6s0.1s, -webkit-clip-path 1.38s 0.18519s-30s- 27/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.18519s-30s- 27/11.6s0.1s, -webkit-clip-path 1.38s 0.18519s-30s- 27/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.18519s-30s- 27/11.6s0.1s, -webkit-clip-path 1.38s 0.18519s-30s- 27/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(28) .shard {
  transition-delay: 0.17857s-30s- 28/11.6s0.1s;
  -webkit-transition: all 0.3s 0.17857s-30s- 28/11.6s0.1s, -webkit-clip-path 1.42s 0.17857s-30s- 28/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.17857s-30s- 28/11.6s0.1s, -webkit-clip-path 1.42s 0.17857s-30s- 28/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.17857s-30s- 28/11.6s0.1s, -webkit-clip-path 1.42s 0.17857s-30s- 28/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(29) .shard {
  transition-delay: 0.17241s-30s- 29/11.6s0.1s;
  -webkit-transition: all 0.3s 0.17241s-30s- 29/11.6s0.1s, -webkit-clip-path 1.46s 0.17241s-30s- 29/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.17241s-30s- 29/11.6s0.1s, -webkit-clip-path 1.46s 0.17241s-30s- 29/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.17241s-30s- 29/11.6s0.1s, -webkit-clip-path 1.46s 0.17241s-30s- 29/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }
.slow-polygons .level-one .shard-wrap:nth-child(30) .shard {
  transition-delay: 0.16667s-30s- 30/11.6s0.1s;
  -webkit-transition: all 0.3s 0.16667s-30s- 30/11.6s0.1s, -webkit-clip-path 1.5s 0.16667s-30s- 30/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: all 0.3s 0.16667s-30s- 30/11.6s0.1s, -webkit-clip-path 1.5s 0.16667s-30s- 30/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1);
  transition: all 0.3s 0.16667s-30s- 30/11.6s0.1s, -webkit-clip-path 1.5s 0.16667s-30s- 30/11.6s0.1s cubic-bezier(0.7, 0.3, 0, 1); }

#animalchanger.crow {
  background-color: #84A5DD; }
  #animalchanger.crow .stage .animal-nav .why-endangered span, #animalchanger.crow .stage .animal-nav .why-endangered::after {
    color: #84A5DD; }
  #animalchanger.crow .stage .nav-btn::after {
    background-color: #84A5DD; }
  #animalchanger.crow .stage .mute span {
    border-color: #84A5DD; }
  #animalchanger.crow .stage .popout {
    color: #84A5DD; }
  #animalchanger.crow .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #84A5DD; }
    #animalchanger.crow .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.crow .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #84A5DD; }
  #animalchanger.crow .wallpaper span {
    border-color: #84A5DD; }
  #animalchanger.crow .wallpaper span::before, #animalchanger.crow .wallpaper span::after {
    background-color: #84A5DD; }
  #animalchanger.crow .overlay h2, #animalchanger.crow .overlay p span, #animalchanger.crow .overlay a {
    color: #84A5DD; }
  #animalchanger.crow .chart.show-chart-1 .shard {
    -webkit-clip-path: polygon(15% 15%, 62% 39%, 53% 53%, 49% 51.5%, 50% 50%, 50% 50%, 50% 50%, 50% 50%); }
  #animalchanger.crow .chart.show-chart-2 .shard {
    -webkit-clip-path: polygon(41% 34.5%, 62% 30%, 84% 50%, 69% 83%, 29% 87%, 0% 50%, 50% 50%, 50% 50%); }
  #animalchanger.crow .wrap .shadow {
    left: 30%;
    bottom: 10%;
    width: 50%; }
    #animalchanger.crow .wrap .shadow::before {
      left: 30%;
      bottom: 0%;
      width: 50%;
      height: 100%; }
    #animalchanger.crow .wrap .shadow::after {
      left: -37%;
      bottom: 20%;
      height: 60%;
      width: 50%; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(20% 50%, 25% 52.4%, 11.5% 54.5%);
    background-color: #2C323D; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(14.7% 47.5%, 35.2% 50.2%, 25% 52.5%);
    background-color: #63676F; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(22.9% 44.5%, 35.2% 50.2%, 25% 48.9%);
    background-color: #0F1622; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(24.9% 52.5%, 51.2% 46.7%, 29.4% 54.5%);
    background-color: #0F1622; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(27.8% 46.8%, 47.7% 33.7%, 50.4% 46.8%);
    background-color: #313741; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(27.7% 46.73%, 51.8% 46.7%, 35.3% 50.3%);
    background-color: #313741; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(29.7% 43.7%, 47.5% 34%, 49% 41%);
    background-color: #252b36; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(29.2% 54.5%, 62.9% 42%, 54.3% 65.9%);
    background-color: #252b36; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(47.6% 33.6%, 62.9% 42.1%, 50.36% 46.9%);
    background-color: #3c424c; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(47.7% 33.7%, 65% 36.1%, 62.9% 42.3%);
    background-color: #4d525b; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(44.7% 33.5%, 62% 23.7%, 65.2% 36.3%);
    background-color: #363b46; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(62% 45%, 45% 61.5%, 54.5% 66%);
    background-color: #202632; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(54% 76%, 56.5% 87%, 56% 78%);
    background-color: #5e636b; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(52% 64.7%, 54.2% 78%, 54.35% 65.86%);
    background-color: #363b46; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(57.9% 62%, 54.2% 78%, 54.33% 65.7%);
    background-color: #0f1622; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(58.4% 87%, 54.2% 78%, 55% 74%);
    background-color: #373d47; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(49.5% 47.3%, 62.5% 42.2%, 64% 44.1%);
    background-color: #0f1622; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(65.2% 35.4%, 63.5% 55.8%, 54.2% 66.1%);
    background-color: #171d29; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(61.5% 24%, 74% 14%, 65.1% 36.6%);
    background-color: #171d29; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(78.6% 21.5%, 73.95% 14%, 65% 36.6%);
    background-color: #252b36; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(78.57% 21.5%, 63.44% 56%, 65% 36.4%);
    background-color: #1d242f; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(78.5% 21.4%, 63.42% 56%, 79.9% 23.74%);
    background-color: #171d29; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(78.5% 21.5%, 88.8% 22%, 79.9% 23.8%);
    background-color: #0f1622; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(77% 21.5%, 88.8% 22.05%, 86.3% 19.35%);
    background-color: #252b36; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(78.5% 21.5%, 80.2% 17%, 86.5% 19.4%);
    background-color: #333943; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(78.5% 21.5%, 80.3% 17%, 73.9% 14%);
    background-color: #424751; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(76.25% 18%, 74.5% 22.5%, 78.6% 21.5%);
    background-color: #0f1622; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(76.25% 17.9%, 75.35% 20%, 76.8% 18.8%);
    background-color: #a2a7a8; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(61.7% 44.7%, 64.4% 44%, 65.1% 36.2%);
    background-color: #0f1622; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(78.5% 21.5%, 76.3% 23.7%, 74.6% 22.5%);
    background-color: #0f1622; }
  #animalchanger.crow .wrap .shard-wrap.peripheral .shard {
    background-color: #14aa78; }
  #animalchanger.crow .wrap .shard-wrap:nth-child(31) .shard {
    background-color: #0f7c58;
    -webkit-clip-path: polygon(87% 70.5%, 85% 89%, 83% 89%); }
  #animalchanger.crow .wrap .shard-wrap:nth-child(32) .shard {
    background-color: #14aa78;
    -webkit-clip-path: polygon(81% 73.5%, 85% 92%, 83% 92%); }

#animalchanger.vaquita .shard-wrap:nth-child(1) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(1) .shard {
  -webkit-clip-path: polygon(9.38% 59.35%, 13.4% 58.95%, 9.28% 61.08%); }
#animalchanger.vaquita .shard-wrap:nth-child(2) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(2) .shard {
  -webkit-clip-path: polygon(9.28% 61.08%, 13.25% 58.96%, 11.7% 62.35%); }
#animalchanger.vaquita .shard-wrap:nth-child(3) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(3) .shard {
  -webkit-clip-path: polygon(9.389% 59.352%, 14.368% 45.048%, 17.882% 45.693%); }
#animalchanger.vaquita .shard-wrap:nth-child(4) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(4) .shard {
  -webkit-clip-path: polygon(9.389% 59.352%, 17.882% 45.693%, 14.684% 54.94%); }
#animalchanger.vaquita .shard-wrap:nth-child(5) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(5) .shard {
  -webkit-clip-path: polygon(9.389% 59.352%, 14.684% 54.94%, 13.25% 58.958%); }
#animalchanger.vaquita .shard-wrap:nth-child(6) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(6) .shard {
  -webkit-clip-path: polygon(11.705% 62.346%, 13.25% 58.958%, 32.112% 61.716%); }
#animalchanger.vaquita .shard-wrap:nth-child(7) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(7) .shard {
  -webkit-clip-path: polygon(13.25% 58.958%, 14.684% 54.94%, 17.827% 55.964%); }
#animalchanger.vaquita .shard-wrap:nth-child(8) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(8) .shard {
  -webkit-clip-path: polygon(13.25% 58.958%, 17.827% 55.964%, 15.676% 59.431%); }
#animalchanger.vaquita .shard-wrap:nth-child(9) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(9) .shard {
  -webkit-clip-path: polygon(14.684% 54.94%, 17.882% 45.693%, 17.827% 55.964%); }
#animalchanger.vaquita .shard-wrap:nth-child(10) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(10) .shard {
  -webkit-clip-path: polygon(15.676% 59.431%, 17.827% 55.964%, 32.112% 61.716%); }
#animalchanger.vaquita .shard-wrap:nth-child(11) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(11) .shard {
  -webkit-clip-path: polygon(14.368% 45.048%, 41.129% 30.988%, 17.882% 45.693%); }
#animalchanger.vaquita .shard-wrap:nth-child(12) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(12) .shard {
  -webkit-clip-path: polygon(17.882% 45.693%, 41.047% 30.988%, 58.171% 35.479%); }
#animalchanger.vaquita .shard-wrap:nth-child(13) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(13) .shard {
  -webkit-clip-path: polygon(17.882% 45.693%, 37.186% 39.103%, 17.827% 55.964%); }
#animalchanger.vaquita .shard-wrap:nth-child(14) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(14) .shard {
  -webkit-clip-path: polygon(17.827% 55.964%, 37.131% 39.103%, 33.711% 48.13%); }
#animalchanger.vaquita .shard-wrap:nth-child(15) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(15) .shard {
  -webkit-clip-path: polygon(17.827% 55.964%, 33.766% 48.13%, 32.112% 61.716%); }
#animalchanger.vaquita .shard-wrap:nth-child(16) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(16) .shard {
  -webkit-clip-path: polygon(25.99% 61.716%, 32.64% 61.368%, 36.91% 70.146%); }
#animalchanger.vaquita .shard-wrap:nth-child(17) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(17) .shard {
  -webkit-clip-path: polygon(33.711% 48.13%, 55.276% 61.952%, 32.195% 61.597%); }
#animalchanger.vaquita .shard-wrap:nth-child(18) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(18) .shard {
  -webkit-clip-path: polygon(27.107% 55.964%, 39.318% 59.352%, 40.467% 66.772%); }
#animalchanger.vaquita .shard-wrap:nth-child(19) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(19) .shard {
  -webkit-clip-path: polygon(27.107% 55.964%, 40.467% 66.772%, 45.128% 74.085%); }
#animalchanger.vaquita .shard-wrap:nth-child(20) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(20) .shard {
  -webkit-clip-path: polygon(33.711% 48.13%, 37.076% 39.121%, 59.688% 51.237%); }
#animalchanger.vaquita .shard-wrap:nth-child(21) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(21) .shard {
  -webkit-clip-path: polygon(36.414% 33.588%, 47.582% 21.06%, 47.044% 34.533%); }
#animalchanger.vaquita .shard-wrap:nth-child(22) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(22) .shard {
  -webkit-clip-path: polygon(33.711% 48.13%, 59.688% 51.237%, 55.276% 61.952%); }
#animalchanger.vaquita .shard-wrap:nth-child(23) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(23) .shard {
  -webkit-clip-path: polygon(37.076% 39.121%, 58.171% 35.479%, 55.3% 40.679%); }
#animalchanger.vaquita .shard-wrap:nth-child(24) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(24) .shard {
  -webkit-clip-path: polygon(37.076% 39.121%, 55.3% 40.442%, 59.688% 51.237%); }
#animalchanger.vaquita .shard-wrap:nth-child(25) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(25) .shard {
  -webkit-clip-path: polygon(55.3% 40.442%, 58.171% 35.479%, 59.688% 51.237%); }
#animalchanger.vaquita .shard-wrap:nth-child(26) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(26) .shard {
  -webkit-clip-path: polygon(58.171% 35.479%, 75.108% 48.262%, 59.688% 51.237%); }
#animalchanger.vaquita .shard-wrap:nth-child(27) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(27) .shard {
  -webkit-clip-path: polygon(55.276% 61.952%, 59.688% 51.237%, 75.108% 48.262%); }
#animalchanger.vaquita .shard-wrap:nth-child(28) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(28) .shard {
  -webkit-clip-path: polygon(58.171% 35.479%, 82.907% 41.309%, 75.108% 48.262%); }
#animalchanger.vaquita .shard-wrap:nth-child(29) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(29) .shard {
  -webkit-clip-path: polygon(78.275% 41.979%, 86.099% 38.183%, 96.64% 38.788%); }
#animalchanger.vaquita .shard-wrap:nth-child(30) .shard, .preloader #animalchanger.vaquita-shards .shard-wrap:nth-child(30) .shard {
  -webkit-clip-path: polygon(78.275% 41.979%, 96.64% 38.788%, 88.644% 43.784%); }

#animalchanger.vaquita {
  background-color: #64d6e2; }
  #animalchanger.vaquita .stage .animal-nav .why-endangered span, #animalchanger.vaquita .stage .animal-nav .why-endangered::after {
    color: #64d6e2; }
  #animalchanger.vaquita .stage .nav-btn::after {
    background-color: #64d6e2; }
  #animalchanger.vaquita .stage .popout {
    color: #64d6e2; }
  #animalchanger.vaquita .stage .mute span {
    border-color: #64d6e2; }
  #animalchanger.vaquita .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #64d6e2; }
    #animalchanger.vaquita .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.vaquita .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #64d6e2; }
  #animalchanger.vaquita .wallpaper span {
    border-color: #64d6e2; }
  #animalchanger.vaquita .wallpaper span::before, #animalchanger.vaquita .wallpaper span::after {
    background-color: #64d6e2; }
  #animalchanger.vaquita .overlay h2, #animalchanger.vaquita .overlay p span, #animalchanger.vaquita .overlay a {
    color: #64d6e2; }
  #animalchanger.vaquita .chart.show-chart-1 .shard {
    -webkit-clip-path: polygon(30% 15%, 75% 7.5%, 84% 50.5%, 59% 66%, 44% 61%, 43% 50.5%, 50% 50%, 50% 50%); }
  #animalchanger.vaquita .chart.show-chart-2 .shard {
    -webkit-clip-path: polygon(31% 4%, 66% 11%, 84% 36%, 81% 63%, 60% 74%, 43% 68%, 37% 55.5%, 42.5% 47%); }
  #animalchanger.vaquita .wrap .shadow {
    left: 9%;
    width: 70%; }
    #animalchanger.vaquita .wrap .shadow::before, #animalchanger.vaquita .wrap .shadow::after {
      left: 20%;
      bottom: 22%;
      width: 30%;
      height: 50%; }
    #animalchanger.vaquita .wrap .shadow::before {
      left: 97%; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(1) .shard {
    background-color: #334543; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(2) .shard {
    background-color: #111619; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(3) .shard {
    background-color: #3c4650; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(4) .shard {
    background-color: #0F1622; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(5) .shard {
    background-color: #d9eadf; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(6) .shard {
    background-color: #d9ebeb; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(7) .shard {
    background-color: #333c40; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(8) .shard {
    background-color: #1c2529; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(9) .shard {
    background-color: #62827f; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(10) .shard {
    background-color: #bdd0d0; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(11) .shard {
    background-color: #273537; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(12) .shard {
    background-color: #384e4d; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(13) .shard {
    background-color: #486461; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(14) .shard {
    background-color: #62827f; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(15) .shard {
    background-color: #aac7c6; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(16) .shard {
    background-color: #0d1417; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(17) .shard {
    background-color: #d9ebeb; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(18) .shard {
    background-color: #334543; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(19) .shard {
    background-color: #21282f; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(20) .shard {
    background-color: #739998; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(21) .shard {
    background-color: #2d3b3b; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(22) .shard {
    background-color: #d8e2de; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(23) .shard {
    background-color: #415555; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(24) .shard {
    background-color: #486461; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(25) .shard {
    background-color: #384e4d; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(26) .shard {
    background-color: #4b6364; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(27) .shard {
    background-color: #c0dbd3; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(28) .shard {
    background-color: #2d3b3b; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(29) .shard {
    background-color: #365255; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(30) .shard {
    background-color: #678781; }
  #animalchanger.vaquita .wrap .shard-wrap.peripheral .shard {
    background-color: rgba(255, 255, 255, 0); }
    #animalchanger.vaquita .wrap .shard-wrap.peripheral .shard::before {
      -webkit-animation: bubbles 1s infinite forwards;
      -moz-animation: bubbles 1s infinite forwards;
      animation: bubbles 1s infinite forwards; }
  #animalchanger.vaquita .wrap .shard-wrap.peripheral:nth-child(31) .shard {
    -webkit-clip-path: polygon(15% 18.5%, 15.5% 22%, 17% 20%); }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(32) .shard {
    -webkit-clip-path: polygon(11.67% 9.5%, 12.3% 8.4%, 12.7% 9.7%); }
    #animalchanger.vaquita .wrap .shard-wrap:nth-child(32) .shard::before {
      -webkit-animation-delay: 0.3s;
      -moz-animation-delay: 0.3s;
      animation-delay: 0.3s; }
  #animalchanger.vaquita .wrap .shard-wrap:nth-child(33) .shard {
    -webkit-clip-path: polygon(7.75% 35.5%, 9.4% 37%, 9.1% 34.5%); }
    #animalchanger.vaquita .wrap .shard-wrap:nth-child(33) .shard::before {
      -webkit-animation-delay: 0.6s;
      -moz-animation-delay: 0.6s;
      animation-delay: 0.6s; }

#animalchanger.kakapo {
  background-color: #dbbe39; }
  #animalchanger.kakapo .stage .animal-nav .why-endangered span, #animalchanger.kakapo .stage .animal-nav .why-endangered::after {
    color: #dbbe39; }
  #animalchanger.kakapo .stage .nav-btn::after {
    background-color: #dbbe39; }
  #animalchanger.kakapo .stage .popout {
    color: #dbbe39; }
  #animalchanger.kakapo .stage .mute span {
    border-color: #dbbe39; }
  #animalchanger.kakapo .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #dbbe39; }
    #animalchanger.kakapo .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.kakapo .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #dbbe39; }
  #animalchanger.kakapo .wallpaper span {
    border-color: #dbbe39; }
  #animalchanger.kakapo .wallpaper span::before, #animalchanger.kakapo .wallpaper span::after {
    background-color: #dbbe39; }
  #animalchanger.kakapo .overlay h2, #animalchanger.kakapo .overlay p span, #animalchanger.kakapo .overlay a {
    color: #dbbe39; }
  #animalchanger.kakapo .chart.show-chart-1 .shard {
    -webkit-clip-path: polygon(57% 33.5%, 66% 43%, 74% 60%, 64% 83%, 36.5% 83%, 15% 64.5%, 15% 64.5%, 5% 31.5%); }
  #animalchanger.kakapo .animal-mover {
    -webkit-transform: translateX(4%);
    -moz-transform: translateX(4%);
    -ms-transform: translateX(4%);
    -o-transform: translateX(4%);
    transform: translateX(4%); }
  #animalchanger.kakapo .wrap .shadow {
    left: 12%;
    width: 61%;
    bottom: 11.3%;
    height: 8%; }
    #animalchanger.kakapo .wrap .shadow::before {
      left: 32%;
      bottom: 22%;
      width: 37%;
      height: 55%; }
    #animalchanger.kakapo .wrap .shadow::after {
      left: 108%;
      bottom: 22%;
      height: 44%;
      width: 25%; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(9.75% 39.337%, 10.65% 33.194%, 21.65% 33.337%);
    background-color: #e9ddb2; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(9.75% 39.194%, 21.35% 33.194%, 23.45% 43.194%);
    background-color: #cebf82; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(9.75% 39.051%, 23.45% 43.051%, 9.35% 45.48%);
    background-color: #d2c895; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(14.95% 40.48%, 17.65% 41.337%, 13.75% 43.051%);
    background-color: #231f20; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(9.35% 45.766%, 10.95% 55.051%, 9.25% 51.051%);
    background-color: #d3eadd; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(9.35% 45.337%, 12.75% 44.908%, 10.95% 55.051%);
    background-color: #dbdb60; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(11.95% 49.766%, 12.75% 45.051%, 20.85% 56.337%);
    background-color: #9c9c6d; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(12.7% 44.908%, 23.35% 43.1%, 20.9% 56.194%);
    background-color: #dbd095; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(10.65% 33.337%, 34.45% 18.48%, 21.35% 33.337%);
    background-color: #76b166; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(21.35% 33.337%, 32.95% 20.051%, 23.45% 43.051%);
    background-color: #6da13a; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(20.85% 56.337%, 23.55% 43.051%, 35.15% 63.766%);
    background-color: #939c42; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(30.85% 25.051%, 44.65% 23.48%, 59.85% 31.194%);
    background-color: #7cb949; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(30.75% 25.194%, 43.25% 41.908%, 23.35% 43.051%);
    background-color: #85aa48; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(23.45% 43.1%, 43.33% 41.8%, 39.85% 51.766%);
    background-color: #699f43; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(23.45% 43.194%, 39.85% 51.766%, 34.75% 63.48%);
    background-color: #6c7e4b; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(33.15% 19.623%, 47.95% 23.623%, 30.85% 25.194%);
    background-color: #6aa84e; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(30.7% 25.1%, 57.95% 30.65%, 43.35% 42.051%);
    background-color: #70aa48; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(34.75% 63.48%, 39.85% 51.623%, 45.05% 81.766%);
    background-color: #588025; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(37.65% 80.48%, 44.15% 83.194%, 41.95% 84.48%);
    background-color: #6e6255; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(44.55% 78.051%, 42.55% 88.194%, 45.75% 79.908%);
    background-color: #6d7161; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(35.95% 86.48%, 44.15% 83.051%, 43.15% 85.48%);
    background-color: #4a4b46; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(42.25% 65.908%, 63.45% 54.051%, 44.75% 81.766%);
    background-color: #435a2c; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(39.85% 51.766%, 62.85% 48.48%, 42.45% 66.908%);
    background-color: #56712b; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(58.35% 49.051%, 69.05% 43.908%, 63.25% 54.337%);
    background-color: #458b23; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(42.45% 66.337%, 59.95% 50.766%, 63.25% 54.337%);
    background-color: #406c2b; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(43.35% 41.766%, 58.75% 49.051%, 39.75% 51.908%);
    background-color: #6aa84e; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(43.35% 41.766%, 58.15% 30.48%, 58.65% 49.051%);
    background-color: #57954f; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(57.95% 30.766%, 70.25% 43.623%, 58.55% 49%);
    background-color: #519f4b; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(63.25% 54.337%, 69% 43.95%, 70.95% 51.623%);
    background-color: #56712b; }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(63.35% 54.337%, 70.75% 51.623%, 88.05% 73.051%);
    background-color: #2b3108; }
  #animalchanger.kakapo .wrap .shard-wrap.peripheral {
    z-index: 1; }
  #animalchanger.kakapo .wrap .shard-wrap.peripheral:nth-child(31) .shard {
    background-color: #fff;
    -webkit-clip-path: polygon(52.603% 27.924%, 65.003% 27.924%, 57.003% 19.924%); }
  #animalchanger.kakapo .wrap .shard-wrap:nth-child(33) .shard {
    background-color: #fafafa;
    -webkit-clip-path: polygon(56.603% 27.924%, 70.003% 27.924%, 63.003% 17%); }
  #animalchanger.kakapo .wrap .shard-wrap.peripheral:nth-child(32) .shard {
    background-color: #fff;
    -webkit-clip-path: polygon(63.603% 27.924%, 75.003% 27.924%, 69.003% 19.924%); }

#animalchanger.ostrich {
  background-color: #de89ac; }
  #animalchanger.ostrich .stage .animal-nav .why-endangered span, #animalchanger.ostrich .stage .animal-nav .why-endangered::after {
    color: #de89ac; }
  #animalchanger.ostrich .stage .nav-btn::after {
    background-color: #de89ac; }
  #animalchanger.ostrich .stage .popout {
    color: #de89ac; }
  #animalchanger.ostrich .stage .mute span {
    border-color: #de89ac; }
  #animalchanger.ostrich .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #de89ac; }
    #animalchanger.ostrich .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.ostrich .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #de89ac; }
  #animalchanger.ostrich .wallpaper span {
    border-color: #de89ac; }
  #animalchanger.ostrich .wallpaper span::before, #animalchanger.ostrich .wallpaper span::after {
    background-color: #de89ac; }
  #animalchanger.ostrich .overlay h2, #animalchanger.ostrich .overlay p span, #animalchanger.ostrich .overlay a {
    color: #de89ac; }
  #animalchanger.ostrich .wrap .shadow {
    left: 38.5%;
    width: 20%;
    bottom: 10%;
    height: 4%; }
    #animalchanger.ostrich .wrap .shadow::before {
      left: -28%;
      bottom: -33%;
      width: 97%;
      height: 88%; }
    #animalchanger.ostrich .wrap .shadow::after {
      left: 37%;
      bottom: 30%;
      height: 60%;
      width: 20%; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(24.6% 27.143%, 32.8% 33.1%, 25.8% 38.4%);
    background-color: #f8f1e8; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(25.8% 38.286%, 32.7% 33.286%, 30.1% 39.429%);
    background-color: #bcae92; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(29.9% 39.143%, 32.6% 33%, 33.45% 44.1%);
    background-color: #0c0d08; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(32.5% 33%, 43.3% 30.857%, 33.4% 44.15%);
    background-color: #191919; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(33.4% 44.1%, 40.3% 34.6%, 53.4% 41.1%);
    background-color: #222627; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(40.1% 34.714%, 43.1% 31%, 45.8% 37.714%);
    background-color: #191919; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(33.4% 44%, 53.4% 41%, 60.8% 58.429%);
    background-color: #141414; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(42% 28.5%, 53.2% 40.857%, 45.6% 37.429%);
    background-color: #b9bbb0; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(42.1% 28.571%, 48.7% 27.143%, 53.3% 41.1%);
    background-color: #f8f1e8; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(37.5% 60%, 50% 43.1%, 51.7% 51.857%);
    background-color: #c1bdb4; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(50% 43.2%, 54.6% 45.429%, 51.6% 52%);
    background-color: #f8f1e8; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(37.5% 60%, 50% 43.3%, 46% 46%);
    background-color: #b4b4aa; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(37.5% 60%, 39.6% 58.857%, 46.4% 77%);
    background-color: #918e87; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(38.5% 61.7%, 46.3% 76.857%, 44.4% 79.286%);
    background-color: #727272; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(42.1% 81.429%, 46.3% 77%, 42.7% 89.571%);
    background-color: #debfab; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(46.4% 54.571%, 49.8% 52.571%, 45% 70.429%);
    background-color: #727272; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(45% 70.286%, 46.5% 64.714%, 48.7% 88.143%);
    background-color: #87847d; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(48.7% 27.143%, 66.1% 38.857%, 53.2% 41%);
    background-color: #222627; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(48.7% 27.2%, 57% 28.714%, 66.1% 38.97%);
    background-color: #363837; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(53.2% 40.857%, 66.15% 38.75%, 60.8% 58.571%);
    background-color: #1e1e1e; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(62.7% 51.286%, 66.1% 38.7%, 69.3% 47.286%);
    background-color: #0c0d08; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(66.02% 38.67%, 72.5% 40.714%, 69.2% 47.286%);
    background-color: #060606; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(66.1% 38.8%, 71.3% 32.714%, 72.5% 40.8%);
    background-color: #17140d; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(69.7% 34.429%, 67.3% 25.143%, 71.4% 32.857%);
    background-color: #c4c0b7; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(67.3% 25.143%, 68.2% 20.143%, 71.3% 32.714%);
    background-color: #f8f1e8; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(67.3% 25.143%, 66.6% 19.714%, 69.2% 15.429%);
    background-color: #bebebe; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(66.6% 19.571%, 68% 12.143%, 71.1% 12.857%);
    background-color: #aaaaaa; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(66.6% 19.571%, 67.3% 12.286%, 68.4% 12.429%);
    background-color: #cbbdb0; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(67.3% 12.571%, 67.6% 11.143%, 71.1% 12.714%);
    background-color: #c8c8c8; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(69.2% 15.429%, 71% 12.714%, 73.6% 14.571%);
    background-color: #d84d50; }
  #animalchanger.ostrich .wrap .shard-wrap.peripheral .shard {
    background-color: #14aa78; }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(31) .shard {
    background-color: #0f7c58;
    -webkit-clip-path: polygon(67% 60.5%, 65% 79%, 63% 79%); }
  #animalchanger.ostrich .wrap .shard-wrap:nth-child(32) .shard {
    background-color: #14aa78;
    -webkit-clip-path: polygon(61% 63.5%, 65% 82%, 63% 82%); }

#animalchanger.parrotfish {
  background-color: #ccc5e3; }
  #animalchanger.parrotfish .stage .animal-nav .why-endangered span, #animalchanger.parrotfish .stage .animal-nav .why-endangered::after {
    color: #ccc5e3; }
  #animalchanger.parrotfish .stage .nav-btn::after {
    background-color: #ccc5e3; }
  #animalchanger.parrotfish .stage .popout {
    color: #ccc5e3; }
  #animalchanger.parrotfish .stage .mute span {
    border-color: #ccc5e3; }
  #animalchanger.parrotfish .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #ccc5e3; }
    #animalchanger.parrotfish .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.parrotfish .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #ccc5e3; }
  #animalchanger.parrotfish .wallpaper span {
    border-color: #ccc5e3; }
  #animalchanger.parrotfish .wallpaper span::before, #animalchanger.parrotfish .wallpaper span::after {
    background-color: #ccc5e3; }
  #animalchanger.parrotfish .overlay h2, #animalchanger.parrotfish .overlay p span, #animalchanger.parrotfish .overlay a {
    color: #ccc5e3; }
  #animalchanger.parrotfish .wrap .shadow {
    left: 4%;
    width: 80%; }
    #animalchanger.parrotfish .wrap .shadow::before {
      left: 43%;
      bottom: 22%;
      width: 37%;
      height: 55%; }
    #animalchanger.parrotfish .wrap .shadow::after {
      left: 80%;
      bottom: 20%;
      height: 60%;
      width: 30%; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(7.013% 37.714%, 12.812% 34.286%, 26.012% 40%);
    background-color: #ff9763; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(14.313% 38.714%, 12.313% 48.857%, 14.313% 60.714%);
    background-color: #02ac96; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(9.112% 62.286%, 28.813% 54.714%, 16.313% 63.286%);
    background-color: #d66b5b; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(14.313% 38.5%, 22.9% 48.429%, 14.25% 60.6%);
    background-color: #e58557; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(14.213% 38.429%, 25.912% 39.857%, 22.813% 48.429%);
    background-color: #ed8e5b; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(14.313% 60.571%, 22.813% 48.429%, 28.813% 54.857%);
    background-color: #e37364; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(22.712% 48.5%, 25.912% 39.714%, 28.7% 54.77%);
    background-color: #e58557; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(25.912% 39.85%, 47.713% 44.286%, 28.75% 54.9%);
    background-color: #08da9f; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(31.712% 41.2%, 31.813% 30.714%, 52.25% 22.8%);
    background-color: #a06891; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(29.213% 59%, 31.212% 53.4%, 47.713% 62.3%);
    background-color: #a74876; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(31.712% 41.2%, 47.813% 26.286%, 47.713% 44.3%);
    background-color: #5cefb2; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(31.112% 53.429%, 47.813% 44.143%, 47.713% 62.286%);
    background-color: #00c290; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(47.713% 26.429%, 56.112% 35.286%, 47.713% 44.286%);
    background-color: #30e5aa; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(47.713% 44.286%, 56.3% 53.143%, 47.713% 62.35%);
    background-color: #00c794; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(47.713% 44.286%, 56.112% 35.429%, 56.112% 53.286%);
    background-color: #00cc97; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(47.713% 26.35%, 52.22% 22.6%, 66.112% 25.7%);
    background-color: #ffc86d; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(47.6% 26.4%, 66.112% 25.714%, 56.012% 35.4%);
    background-color: #ffba5b; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(56.012% 35.286%, 66.1% 25.714%, 68.212% 48%);
    background-color: #ffaa5a; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(53.15% 38.35%, 56.012% 35.286%, 68.5% 48.3%);
    background-color: #583c3e; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(52.812% 44.6%, 53.212% 38.286%, 68.5% 48.2%);
    background-color: #3b2e37; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(52.812% 44.54%, 68.4% 48%, 56.112% 53.429%);
    background-color: #744f44; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(47.7% 62.286%, 56.15% 53.2%, 65.813% 64.571%);
    background-color: #f86826; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(56.012% 53.143%, 68.212% 48%, 65.712% 64.571%);
    background-color: #fa7637; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(54.012% 70.143%, 57.913% 63.429%, 65.612% 64.5%);
    background-color: #f4542e; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(66.112% 25.857%, 86.513% 43.571%, 68.112% 48.143%);
    background-color: #ff9658; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(68.112% 47.857%, 86.513% 43.429%, 65.6% 64.62%);
    background-color: #fa8637; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(65.712% 64.286%, 82.013% 48%, 85.513% 53.286%);
    background-color: #ba694b; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(75.113% 43.714%, 76.712% 40.857%, 79.813% 42.571%);
    background-color: #32a4f0; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(82% 47.9%, 86.45% 43.5%, 88.413% 47.571%);
    background-color: #32a4f0; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(82% 48%, 87.112% 50.571%, 85.413% 53.286%);
    background-color: #0078a1; }
  #animalchanger.parrotfish .wrap .shard-wrap.peripheral .shard {
    background-color: #fff;
    -webkit-animation: bubbles 1s infinite forwards;
    -moz-animation: bubbles 1s infinite forwards;
    animation: bubbles 1s infinite forwards; }
  #animalchanger.parrotfish .wrap .shard-wrap.peripheral:nth-child(31) .shard {
    -webkit-clip-path: polygon(95% 18.5%, 95.5% 22%, 97% 20%); }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(32) .shard {
    -webkit-clip-path: polygon(91.67% 9.5%, 92.3% 8.4%, 92.7% 9.7%);
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s; }
  #animalchanger.parrotfish .wrap .shard-wrap:nth-child(33) .shard {
    -webkit-clip-path: polygon(87.75% 35.5%, 89.4% 37%, 89.1% 34.5%);
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    animation-delay: 0.6s; }

#animalchanger.penguin {
  background-color: #3CCAD1; }
  #animalchanger.penguin .stage .animal-nav .why-endangered span, #animalchanger.penguin .stage .animal-nav .why-endangered::after {
    color: #3CCAD1; }
  #animalchanger.penguin .stage .nav-btn::after {
    background-color: #3CCAD1; }
  #animalchanger.penguin .stage .popout {
    color: #3CCAD1; }
  #animalchanger.penguin .stage .mute span {
    border-color: #3CCAD1; }
  #animalchanger.penguin .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #3CCAD1; }
    #animalchanger.penguin .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.penguin .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #3CCAD1; }
  #animalchanger.penguin .wallpaper span {
    border-color: #3CCAD1; }
  #animalchanger.penguin .wallpaper span::before, #animalchanger.penguin .wallpaper span::after {
    background-color: #3CCAD1; }
  #animalchanger.penguin .overlay h2, #animalchanger.penguin .overlay p span, #animalchanger.penguin .overlay a {
    color: #3CCAD1; }
  #animalchanger.penguin .chart.show-chart-1 .shard {
    -webkit-clip-path: polygon(25% 7%, 56% 40%, 60% 50.2%, 54.5% 57%, 47% 55%, 47.5% 50%, 50% 50%, 50% 50%); }
  #animalchanger.penguin .chart.show-chart-2 .shard {
    -webkit-clip-path: polygon(20.6% 10%, 74% 17%, 78% 59.2%, 50% 70%, 4% 65%, 50% 50%, 50% 50%, 50% 50%); }
  #animalchanger.penguin .wrap .shadow {
    left: 25%;
    width: 43%;
    bottom: 12%;
    height: 8%; }
    #animalchanger.penguin .wrap .shadow::before {
      left: 8%;
      bottom: -18%;
      width: 27%;
      height: 39%; }
    #animalchanger.penguin .wrap .shadow::after {
      left: 75%;
      bottom: 42%;
      height: 37%;
      width: 24%; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(38.65% 66%, 40.75% 84.429%, 47.85% 70%);
    background-color: #000; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(38.65% 66.143%, 47.85% 70%, 54.65% 46.286%);
    background-color: #141414; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(38.15% 57.857%, 33.65% 84.571%, 52.75% 51%);
    background-color: #2D2D31; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(44.65% 39.571%, 36.85% 59.429%, 52.85% 50.857%);
    background-color: #37383A; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(45.85% 41.4%, 52.75% 50.857%, 55.2% 38.286%);
    background-color: #29292E; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(47.55% 27.143%, 41.25% 45.714%, 55.05% 38.429%);
    background-color: #464649; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(40.75% 84.571%, 52.35% 85%, 49.05% 89.857%);
    background-color: #1E1D21; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(46.95% 81.714%, 58.95% 81.143%, 55.75% 85.571%);
    background-color: #1E1D21; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(47.55% 27.143%, 61.15% 21.714%, 55.05% 38.429%);
    background-color: #D8D8DD; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(47.55% 27.143%, 48.25% 13.143%, 50.55% 25.857%);
    background-color: #ABABB5; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(48.25% 13.143%, 53.85% 7.857%, 49.05% 17.714%);
    background-color: #CCCECD; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(49.05% 17.714%, 52.15% 11.286%, 50.55% 25.857%);
    background-color: #1C1C1E; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(52.15% 11.286%, 53.65% 7.714%, 59.65% 10.571%);
    background-color: #faf9fa; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(52.1% 11.4%, 59.8% 10.5%, 57.65% 15.7%);
    background-color: #b580a7; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(52.05% 11.286%, 60.55% 18%, 50.45% 25.857%);
    background-color: #32323C; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(50.45% 25.857%, 60.45% 17.857%, 61.15% 21.714%);
    background-color: #141414; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(57.65% 15.714%, 59.75% 10.571%, 66.75% 14.571%);
    background-color: #3C363E; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(57.5% 15.6%, 66.75% 14.571%, 60.45% 18%);
    background-color: #000; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(55.25% 41%, 57.05% 74.429%, 47.95% 69.857%);
    background-color: #a7a6a1; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(61.45% 15.143%, 62.95% 12.429%, 62.65% 15%);
    background-color: #726672; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(61.45% 15.143%, 62.65% 15%, 62.95% 16.571%);
    background-color: #4E434B; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(54.95% 38.429%, 61.15% 21.714%, 64.15% 32.429%);
    background-color: #F2F2F2; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(55.05% 38.286%, 64.05% 32.429%, 53.25% 48.143%);
    background-color: #141414; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(55.35% 45%, 64% 32.429%, 64% 37.143%);
    background-color: #3e3c40; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(55.45% 45%, 64.05% 37%, 63.75% 51.286%);
    background-color: #CCCECD; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(55.45% 44.857%, 63.75% 51.143%, 57.05% 74.429%);
    background-color: #bfc2c1; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(59.55% 65.714%, 63.05% 53.571%, 65.45% 73.429%);
    background-color: #000000; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(59.65% 48.143%, 61.05% 49.143%, 59.95% 50.143%);
    background-color: #29292e; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(40.65% 84.571%, 47.85% 69.714%, 57.2% 74.3%);
    background-color: #84817d; }
  #animalchanger.penguin .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(40.85% 84.5%, 57.1% 74.2%, 51.75% 81.857%);
    background-color: #756e60; }

#animalchanger.iguana {
  background-color: #F6D860; }
  #animalchanger.iguana .stage .animal-nav .why-endangered span, #animalchanger.iguana .stage .animal-nav .why-endangered::after {
    color: #F6D860; }
  #animalchanger.iguana .stage .nav-btn::after {
    background-color: #F6D860; }
  #animalchanger.iguana .stage .popout {
    color: #F6D860; }
  #animalchanger.iguana .stage .mute span {
    border-color: #F6D860; }
  #animalchanger.iguana .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #F6D860; }
    #animalchanger.iguana .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.iguana .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #F6D860; }
  #animalchanger.iguana .wallpaper span {
    border-color: #F6D860; }
  #animalchanger.iguana .wallpaper span::before, #animalchanger.iguana .wallpaper span::after {
    background-color: #F6D860; }
  #animalchanger.iguana .overlay h2, #animalchanger.iguana .overlay p span, #animalchanger.iguana .overlay a {
    color: #F6D860; }
  #animalchanger.iguana .wrap .shadow {
    left: 24%;
    width: 80%;
    bottom: 13%; }
    #animalchanger.iguana .wrap .shadow::before {
      left: 43%;
      bottom: 22%;
      width: 37%;
      height: 55%; }
    #animalchanger.iguana .wrap .shadow::after {
      left: 80%;
      bottom: 20%;
      height: 60%;
      width: 30%; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(11.3% 31.5%, 12.8% 27.357%, 13.9% 32.357%);
    background-color: #F4C264; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(21.4% 35.357%, 21.3% 24.214%, 26.2% 32.071%);
    background-color: #53A245; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(12.8% 27.214%, 21.4% 24.214%, 22% 28.7%);
    background-color: #83CA65; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(12.8% 27.214%, 21.9% 28.357%, 13.9% 32.214%);
    background-color: #70BA58; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(13.6% 32.35%, 22% 28.214%, 21.4% 35.4%);
    background-color: #3CAE58; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(12.5% 31.786%, 21.4% 35.4%, 17.7% 37.929%);
    background-color: #A5CFB4; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(17.7% 37.929%, 26.2% 32.071%, 27.4% 34.071%);
    background-color: #C0D5DA; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(17.7% 37.9%, 27.4% 34%, 27.5% 43.8%);
    background-color: #439D56; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(21.15% 24.15%, 39.7% 37.214%, 26.1% 31.929%);
    background-color: #76B548; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(21.3% 24.214%, 34.7% 31.071%, 39.8% 37.357%);
    background-color: #1D2E1E; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(26.1% 31.929%, 39.8% 37.357%, 27.4% 34.214%);
    background-color: #E7EEF0; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(27.3% 34.071%, 39.8% 37.357%, 37.7% 47.5%);
    background-color: #5FBC60; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(27.35% 34.1%, 37.85% 47.5%, 27.5% 51%);
    background-color: #3CAE58; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(27.5% 50.929%, 37.7% 47.5%, 35.8% 57.357%);
    background-color: #42A54A; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(14.2% 41.5%, 20.2% 41.5%, 24% 46.929%);
    background-color: #378E32; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(17.7% 37.929%, 29% 44.643%, 24.7% 48.929%);
    background-color: #5EC857; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(24.8% 48.929%, 28.9% 44.5%, 34.9% 52.5%);
    background-color: #63DB7B; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(30.5% 50.929%, 35% 52.643%, 23.4% 54.929%);
    background-color: #5EC857; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(35.7% 57.357%, 39.8% 37.214%, 38.5% 59.7%);
    background-color: #C0D5DA; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(39.8% 37.214%, 53.4% 49.929%, 55.5% 57.5%);
    background-color: #1D2E1E; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(39.8% 37.214%, 51.65% 50.6%, 39.1% 47.786%);
    background-color: #8AD36D; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(39.15% 47.65%, 51.5% 50.5%, 38.4% 59.643%);
    background-color: #51C356; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(38.4% 59.643%, 51.5% 50.45%, 47.9% 63.214%);
    background-color: #36A740; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(47.9% 63.214%, 51.5% 50.357%, 50.7% 63.643%);
    background-color: #C0D0D1; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(51.4% 50.214%, 63.4% 71.643%, 50.7% 63.643%);
    background-color: #44AF3C; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(56% 58.5%, 77.2% 70.214%, 84.5% 78.1%);
    background-color: #1D2E1E; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(55.8% 58.357%, 76.4% 71.5%, 63.45% 71.75%);
    background-color: #51C356; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(63.4% 71.7%, 76.35% 71.45%, 77.5% 76.9%);
    background-color: #38973B; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(76.3% 71.5%, 90.7% 82.929%, 77.5% 76.929%);
    background-color: #39A334; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(86.9% 81.25%, 99.7% 84.214%, 92.6% 84.357%);
    background-color: #51C356; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(31) .shard {
    -webkit-clip-path: polygon(0% 46.3%, 4.85% 36.5%, 46.05% 55.071%);
    background-color: #453C37; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(32) .shard {
    -webkit-clip-path: polygon(-0.05% 46.214%, 46.85% 55.071%, 52.75% 68.071%);
    background-color: #342D1E; }
  #animalchanger.iguana .wrap .shard-wrap:nth-child(33) .shard {
    -webkit-clip-path: polygon(73.65% 84.357%, 38.85% 57.071%, 92.75% 84.214%);
    background-color: #2C2215; }

#animalchanger.peccary {
  background-color: #F4696B; }
  #animalchanger.peccary .stage .animal-nav .why-endangered span, #animalchanger.peccary .stage .animal-nav .why-endangered::after {
    color: #F4696B; }
  #animalchanger.peccary .stage .nav-btn::after {
    background-color: #F4696B; }
  #animalchanger.peccary .stage .popout {
    color: #F4696B; }
  #animalchanger.peccary .stage .mute span {
    border-color: #F4696B; }
  #animalchanger.peccary .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #F4696B; }
    #animalchanger.peccary .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.peccary .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #F4696B; }
  #animalchanger.peccary .wallpaper span {
    border-color: #F4696B; }
  #animalchanger.peccary .wallpaper span::before, #animalchanger.peccary .wallpaper span::after {
    background-color: #F4696B; }
  #animalchanger.peccary .overlay h2, #animalchanger.peccary .overlay p span, #animalchanger.peccary .overlay a {
    color: #F4696B; }
  #animalchanger.peccary .chart.show-chart-1 .shard {
    -webkit-clip-path: polygon(36.5% 37%, 85% 15%, 66% 66%, 41% 59%, 50% 50%, 50% 50%, 50% 50%, 50% 50%); }
  #animalchanger.peccary .chart.show-chart-2 .shard {
    -webkit-clip-path: polygon(15.5% 16%, 75% 25%, 55% 55%, 49.5% 50.5%, 50% 50%, 50% 50%, 50% 50%, 50% 50%); }
  #animalchanger.peccary .wrap .shadow {
    left: 22%;
    width: 60%;
    bottom: 13%; }
    #animalchanger.peccary .wrap .shadow::before {
      left: 19%;
      bottom: 22%;
      width: 37%;
      height: 55%; }
    #animalchanger.peccary .wrap .shadow::after {
      left: 77%;
      bottom: 20%;
      height: 40%;
      width: 30%; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(16.95% 79.214%, 15.95% 80.929%, 23.25% 79.929%);
    background-color: #DDABBC; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(17.85% 58.786%, 22.05% 58.5%, 17.05% 79.214%);
    background-color: #83695A; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(16.95% 79.214%, 21.95% 58.214%, 23.5% 79.929%);
    background-color: #7D6252; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(21.95% 58.643%, 26.85% 58.357%, 23.35% 79.929%);
    background-color: #695240; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(21.95% 58.5%, 26.85% 58.357%, 22.15% 61.214%);
    background-color: #4F4440; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(16.25% 59.214%, 19.55% 43.786%, 21.15% 49.786%);
    background-color: #83695A; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(16.15% 59.071%, 24.35% 41.786%, 26.85% 58.5%);
    background-color: #8E7566; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(26.75% 59.5%, 24.35% 43.214%, 33.05% 55.071%);
    background-color: #7B6354; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(26.75% 58.5%, 29.8% 79.8%, 23.75% 77.071%);
    background-color: #856B5C; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(20.55% 58.929%, 27.45% 55.5%, 27.25% 58.643%);
    background-color: #a2877a; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(26.7% 58.3%, 36.05% 71.929%, 29.55% 78.643%);
    background-color: #796357; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(24.35% 43.357%, 31.45% 32.643%, 33.2% 55.5%);
    background-color: #695649; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(31.4% 35.214%, 47.05% 21.929%, 42.7% 49.929%);
    background-color: #6A5644; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(46.25% 26.786%, 65.85% 19.5%, 42.65% 49.929%);
    background-color: #4B3E32; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(42.15% 50.071%, 65.25% 20.214%, 62.05% 40.929%);
    background-color: #423225; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(41.6% 50.071%, 61.95% 40.86%, 67.75% 55.471%);
    background-color: #483827; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(41.85% 50.071%, 67.5% 55.171%, 49.75% 62.071%);
    background-color: #3B312A; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(33.05% 55.271%, 31.55% 35.357%, 44.35% 48.929%);
    background-color: #725E4C; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(26.75% 58.5%, 44.25% 48.929%, 35.45% 71.214%);
    background-color: #866E63; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(35.45% 71.071%, 43.25% 51.43%, 43.99% 70.071%);
    background-color: #624E43; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(43.15% 51.643%, 49.85% 61.929%, 43.85% 70.071%);
    background-color: #6E5C4A; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(38.35% 70.6%, 43.75% 69.929%, 37.85% 84.5%);
    background-color: #3E362C; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(43.75% 69.929%, 48.55% 63.5%, 44.85% 84.786%);
    background-color: #4C4137; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(49.65% 61.929%, 67.45% 55.071%, 61.15% 62.643%);
    background-color: #302C24; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(61.95% 40.9%, 65.2% 20.214%, 80.15% 43.271%);
    background-color: #4D3B2D; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(61.85% 40.786%, 80.15% 43.071%, 67.35% 55.071%);
    background-color: #534030; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(67.35% 54.9%, 80% 43%, 76.65% 76.94%);
    background-color: #4D3A29; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(65.1% 20.214%, 74.95% 23.929%, 80.75% 44.929%);
    background-color: #3E352E; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(77.2% 70.8%, 79.85% 43.786%, 78.95% 84.786%);
    background-color: #3A3021; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(73.45% 69.3%, 76.15% 75.643%, 73.45% 84.786%);
    background-color: #3E352E; }
  #animalchanger.peccary .wrap .shard-wrap.peripheral .shard {
    background-color: #14aa78; }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(31) .shard {
    background-color: #0f7c58;
    -webkit-clip-path: polygon(87% 70.5%, 85% 89%, 83% 89%); }
  #animalchanger.peccary .wrap .shard-wrap:nth-child(32) .shard {
    background-color: #14aa78;
    -webkit-clip-path: polygon(81% 73.5%, 85% 92%, 83% 92%); }

#animalchanger.drill {
  background-color: #87C4A3; }
  #animalchanger.drill .stage .animal-nav .why-endangered span, #animalchanger.drill .stage .animal-nav .why-endangered::after {
    color: #87C4A3; }
  #animalchanger.drill .stage .nav-btn::after {
    background-color: #87C4A3; }
  #animalchanger.drill .stage .popout {
    color: #87C4A3; }
  #animalchanger.drill .stage .mute span {
    border-color: #87C4A3; }
  #animalchanger.drill .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #87C4A3; }
    #animalchanger.drill .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.drill .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #87C4A3; }
  #animalchanger.drill .wallpaper span {
    border-color: #87C4A3; }
  #animalchanger.drill .wallpaper span::before, #animalchanger.drill .wallpaper span::after {
    background-color: #87C4A3; }
  #animalchanger.drill .overlay h2, #animalchanger.drill .overlay p span, #animalchanger.drill .overlay a {
    color: #87C4A3; }
  #animalchanger.drill .wrap .shadow {
    left: 34%;
    width: 42%;
    bottom: 13.2%; }
    #animalchanger.drill .wrap .shadow::before {
      left: 6%;
      bottom: -13%;
      width: 60%;
      height: 55%; }
    #animalchanger.drill .wrap .shadow::after {
      left: 65%;
      bottom: 34%;
      height: 30%;
      width: 20%; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(46.7% 81.357%, 30.3% 44.071%, 39.6% 36.643%);
    background-color: #2C2C26; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(45.9% 77.214%, 39.6% 37.214%, 47.9% 46.071%);
    background-color: #13170D; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(39.3% 36.929%, 54.2% 16.786%, 47.9% 46.214%);
    background-color: #3A3B2E; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(39.6% 41.071%, 47.1% 26.357%, 41.3% 45.929%);
    background-color: #D4E6D5; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(24.4% 26.357%, 35.7% 6.5%, 35.7% 17.5%);
    background-color: #87896d; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(43.3% 34.5%, 47.3% 26.357%, 35.7% 17.5%);
    background-color: #B7C3AD; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(24.3% 26.357%, 35.7% 17.5%, 28.3% 34.214%);
    background-color: #AAB4A1; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(24.3% 26.357%, 31.9% 40.929%, 30.3% 45.214%);
    background-color: #A0A499; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(28.3% 34.071%, 35.7% 17.5%, 35.8% 48.929%);
    background-color: #161919; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(35.7% 17.5%, 43.3% 34.357%, 35.8% 48.643%);
    background-color: #282A27; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(30.2% 45.357%, 35.7% 29.071%, 35.8% 48.786%);
    background-color: #B4BCA1; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(35.7% 29.071%, 41.4% 45.929%, 35.7% 48.786%);
    background-color: #C1D3BB; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(31.7% 40.786%, 39.4% 41.214%, 35.7% 44.071%);
    background-color: #7E5C68; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(30.7% 40.929%, 35.8% 28.8%, 35.95% 42.929%);
    background-color: #505453; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(35.7% 29.071%, 40.8% 40.786%, 35.8% 42.929%);
    background-color: #404445; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(31.8% 25.786%, 35.7% 23.929%, 40% 25.786%);
    background-color: #44473D; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(31.8% 25.786%, 39.9% 25.786%, 35.7% 29.071%);
    background-color: #000000; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(35.6% 17.357%, 35.7% 6.2%, 47.2% 26.357%);
    background-color: #6E6F51; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(35.8% 6.5%, 54.7% 16.071%, 47.2% 26.357%);
    background-color: #5E5C40; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(47.8% 46.2%, 54.23% 16.43%, 58.9% 38.929%);
    background-color: #5B573A; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(47.9% 45.7%, 52.5% 86.071%, 45% 86.071%);
    background-color: #3B3825; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(47.8% 46.071%, 58.7% 38.929%, 51.5% 78.5%);
    background-color: #504D31; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(65% 14.214%, 74.1% 35.5%, 67.9% 41.5%);
    background-color: #92917D; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(54.3% 16.786%, 67.4% 23.643%, 58.7% 39.071%);
    background-color: #545135; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(58.6% 38.786%, 67.4% 23.643%, 68% 41.643%);
    background-color: #474735; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(58.6% 38.7%, 68% 41.5%, 55.2% 57.643%);
    background-color: #383828; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(59.2% 54.786%, 62.4% 70.643%, 60.2% 84.071%);
    background-color: #13170D; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(58.7% 53.071%, 67.97% 41.4%, 60.96% 69.3%);
    background-color: #252A1E; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(67.8% 41.5%, 74.1% 35.5%, 66.8% 62.214%);
    background-color: #5B573A; }
  #animalchanger.drill .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(60.9% 69.1%, 67.9% 41.2%, 65.9% 84.357%);
    background-color: #2E3018; }

#animalchanger.oryx {
  background-color: #79BBB5; }
  #animalchanger.oryx .stage .animal-nav .why-endangered span, #animalchanger.oryx .stage .animal-nav .why-endangered::after {
    color: #79BBB5; }
  #animalchanger.oryx .stage .nav-btn::after {
    background-color: #79BBB5; }
  #animalchanger.oryx .stage .popout {
    color: #79BBB5; }
  #animalchanger.oryx .stage .mute span {
    border-color: #79BBB5; }
  #animalchanger.oryx .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #79BBB5; }
    #animalchanger.oryx .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.oryx .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #79BBB5; }
  #animalchanger.oryx .wallpaper span {
    border-color: #79BBB5; }
  #animalchanger.oryx .wallpaper span::before, #animalchanger.oryx .wallpaper span::after {
    background-color: #79BBB5; }
  #animalchanger.oryx .overlay h2, #animalchanger.oryx .overlay p span, #animalchanger.oryx .overlay a {
    color: #79BBB5; }
  #animalchanger.oryx .chart.show-chart-1 .shard {
    -webkit-clip-path: polygon(25% 7%, 66% 23%, 68% 50.5%, 53% 56%, 48% 54%, 50% 50%, 50% 50%, 50% 50%); }
  #animalchanger.oryx .chart.show-chart-2 .shard {
    -webkit-clip-path: polygon(34% 34%, 66% 34%, 73% 73%, 15% 85.5%, 50% 50%, 50% 50%, 50% 50%, 50% 50%); }
  #animalchanger.oryx .chart.show-chart-3 .shard {
    -webkit-clip-path: polygon(33% 21%, 56% 40%, 55% 50%, 75.5% 94%, 45.5% 57%, 45% 50%, 50% 50%, 50% 50%); }
  #animalchanger.oryx .wrap .shadow {
    left: 14%;
    width: 53%;
    bottom: 12%; }
    #animalchanger.oryx .wrap .shadow::before {
      left: 71%;
      bottom: 22%;
      width: 30%;
      height: 55%; }
    #animalchanger.oryx .wrap .shadow::after {
      left: 10%;
      bottom: 23%;
      height: 37%;
      width: 30%; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(23.25% 43.286%, 31.25% 33.571%, 46.85% 36.286%);
    background-color: #EFDCCD; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(32.5% 60%, 36.05% 55%, 41.75% 66.857%);
    background-color: #7B7362; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(23.35% 43.286%, 34.8% 57.5%, 23.45% 56.143%);
    background-color: #AE886D; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(23.45% 56.143%, 34.66% 57.3%, 22.45% 71.714%);
    background-color: #D7C5A4; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(27.85% 65.429%, 33.05% 59.2%, 29.75% 85.857%);
    background-color: #7F6B5F; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(23.25% 43.286%, 46.85% 36.286%, 35.05% 57.714%);
    background-color: #DACDBC; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(22.45% 71.714%, 28.3% 64.714%, 24.65% 85.857%);
    background-color: #F2E1C5; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(36.55% 54.714%, 46.85% 36.286%, 50.65% 52.286%);
    background-color: #E9DCC4; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(36% 54.857%, 50.65% 52.286%, 41.85% 66.857%);
    background-color: #CFBA91; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(41.75% 66.857%, 50.65% 52.143%, 56.05% 64.714%);
    background-color: #BAAE96; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(46.75% 36.429%, 54.35% 33%, 61.25% 36.429%);
    background-color: #F3EADF; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(46.75% 36.429%, 61.15% 36.286%, 50.65% 52.143%);
    background-color: #EBE1CB; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(50.4% 52.286%, 61.25% 36.1%, 60.96% 56.143%);
    background-color: #DDCFB7; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(59.65% 63.286%, 63.65% 61.714%, 61.05% 86%);
    background-color: #8A7B63; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(50.55% 52.286%, 60.85% 56.143%, 60.55% 75.143%);
    background-color: #EBE1CB; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(58.15% 69.714%, 60.45% 75%, 58.95% 85.714%);
    background-color: #A89F92; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(61.25% 36.429%, 66.25% 60.5%, 60.73% 63%);
    background-color: #78523B; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(61.15% 36.286%, 69.75% 23.429%, 73.75% 35.286%);
    background-color: #A2785C; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(61.15% 36.2%, 73.7% 35.23%, 66.14% 60.7%);
    background-color: #825D48; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(73.55% 35.286%, 76.25% 36%, 66.2% 60.429%);
    background-color: #634C39; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(69.65% 23.429%, 74.15% 22.429%, 73.75% 35.286%);
    background-color: #B98D5D; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(73.75% 35.286%, 74.15% 20%, 79.55% 28.143%);
    background-color: #ECE1D5; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(79.45% 28%, 84.55% 34.286%, 75.95% 32.571%);
    background-color: #D2C9C1; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(75.95% 32.571%, 84.45% 34.143%, 84.15% 38.429%);
    background-color: #B4ABA0; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(75.95% 32.429%, 83.45% 38%, 73.75% 35.286%);
    background-color: #AFA491; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(70.65% 23.286%, 69.95% 17.714%, 73.05% 22.857%);
    background-color: #776244; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(73.05% 22.857%, 67.95% 7.714%, 75.35% 21.714%);
    background-color: #514C49; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(50.55% 1.714%, 67.99% 7.857%, 68.98% 10.571%);
    background-color: #312F34; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(39.15% 7.714%, 50.65% 1.714%, 52.95% 2.857%);
    background-color: #272220; }
  #animalchanger.oryx .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(72.65% 22.857%, 77.95% 16.286%, 75.35% 22.714%);
    background-color: #C8C0B9; }

#animalchanger.frog {
  background-color: #785ebb; }
  #animalchanger.frog .stage .animal-nav .why-endangered span, #animalchanger.frog .stage .animal-nav .why-endangered::after {
    color: #785ebb; }
  #animalchanger.frog .stage .nav-btn::after {
    background-color: #785ebb; }
  #animalchanger.frog .stage .popout {
    color: #785ebb; }
  #animalchanger.frog .stage .mute span {
    border-color: #785ebb; }
  #animalchanger.frog .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #785ebb; }
    #animalchanger.frog .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.frog .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #785ebb; }
  #animalchanger.frog .wallpaper span {
    border-color: #785ebb; }
  #animalchanger.frog .wallpaper span::before, #animalchanger.frog .wallpaper span::after {
    background-color: #785ebb; }
  #animalchanger.frog .overlay h2, #animalchanger.frog .overlay p span, #animalchanger.frog .overlay a {
    color: #785ebb; }
  #animalchanger.frog .chart.show-chart-1 .shard {
    -webkit-clip-path: polygon(48.5% 48.5%, 66.3% 34%, 56% 56%, 15% 85%, 50% 50%, 50% 50%, 50% 50%, 50% 50%); }
  #animalchanger.frog .wrap .shadow {
    left: 19%;
    width: 53%;
    bottom: 10.5%;
    height: 13%; }
    #animalchanger.frog .wrap .shadow::before {
      left: 26%;
      bottom: 2%;
      width: 50%;
      height: 85%; }
    #animalchanger.frog .wrap .shadow::after {
      left: 7%;
      bottom: 36%;
      height: 25%;
      width: 18%; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(25.4% 30.6%, 33.5% 32.2%, 25.92% 36.857%);
    background-color: #FEDD47; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(25.85% 36.9%, 35.25% 28.857%, 36.15% 47.714%);
    background-color: #F1C838; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(25.45% 30.714%, 30.35% 28.286%, 32.1% 32.143%);
    background-color: #FDD24B; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(30.3% 28.2%, 35.35% 28.857%, 31.4% 32.2%);
    background-color: #F3E567; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(25.95% 36.857%, 36.25% 47.714%, 27.85% 41.714%);
    background-color: #CDAA25; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(30.25% 28.4%, 35.85% 26%, 39.99% 29.686%);
    background-color: #FFF88B; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(35% 29%, 39.85% 29.429%, 43.5% 39.4%);
    background-color: #FDD24B; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(35.15% 29%, 43.45% 39.2%, 36.04% 47.99%);
    background-color: #E4BA2D; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(31.25% 35.429%, 35.15% 30%, 37.45% 38%);
    background-color: #F4E281; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(31.15% 35.571%, 34.55% 33.714%, 37.35% 38.2%);
    background-color: #3A393B; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(31.15% 35.429%, 37.45% 38.143%, 33.15% 39.714%);
    background-color: #2B2424; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(32.65% 35.286%, 33.55% 34.857%, 33.15% 36%);
    background-color: #fff; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(39.75% 29.4%, 56.15% 41.857%, 43.35% 39.243%);
    background-color: #F0EA75; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(43.35% 39%, 43.65% 51.571%, 36.15% 47.857%);
    background-color: #FAC932; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(43.3% 38.7%, 52.55% 56.857%, 43.45% 58%);
    background-color: #FED63C; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(43.25% 38.857%, 56.15% 41.857%, 52.45% 57%);
    background-color: #F9E049; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(43.45% 57.857%, 52.55% 56.7%, 53.25% 70.286%);
    background-color: #E6BF2B; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(37.45% 50.429%, 53.35% 70.286%, 43.95% 65.143%);
    background-color: #70540E; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(36% 47.6657%, 43.75% 51.429%, 38.45% 55%);
    background-color: #FBD942; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(43.65% 51.429%, 49.35% 63.286%, 38.35% 55%);
    background-color: #F0EA75; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(34.35% 71.571%, 49.35% 73.429%, 41.55% 75.143%);
    background-color: #2C2924; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(45.35% 60.286%, 49.25% 63.143%, 37.85% 73.286%);
    background-color: #D8C533; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(37.65% 73.3%, 49.1% 63.143%, 41.75% 75.43%);
    background-color: #BDA126; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(52.45% 56.9%, 56.05% 41.857%, 67.25% 63.4%);
    background-color: #FEEC63; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(52.45% 56.714%, 67.15% 63.286%, 53.2% 70.3%);
    background-color: #F3CD37; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(61.45% 66.429%, 72.85% 68.143%, 61.65% 75.857%);
    background-color: #986E19; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(53.2% 70.1%, 67.25% 63.1%, 55.25% 81.714%);
    background-color: #F9DB35; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(62.35% 70.571%, 75.15% 72.429%, 55.15% 81.714%);
    background-color: #FAC62D; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(75.15% 72.429%, 65.95% 84.286%, 57.85% 83.571%);
    background-color: #FDDA54; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(58.65% 83%, 65.85% 84.429%, 52.65% 84%);
    background-color: #180D13; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(31) .shard {
    -webkit-clip-path: polygon(24.35% 68.143%, 56.65% 67.143%, 79.35% 85.714%);
    background-color: #3B6F4B; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(32) .shard {
    -webkit-clip-path: polygon(24.25% 68.143%, 79.35% 85.714%, 50.35% 87.286%);
    background-color: #4E9F73; }
  #animalchanger.frog .wrap .shard-wrap:nth-child(33) .shard {
    -webkit-clip-path: polygon(24.35% 68.143%, 29.25% 71.714%, 27.25% 79%);
    background-color: #1D3246; }

#animalchanger.seahorse {
  background-color: #9988CD; }
  #animalchanger.seahorse .stage .animal-nav .why-endangered span, #animalchanger.seahorse .stage .animal-nav .why-endangered::after {
    color: #9988CD; }
  #animalchanger.seahorse .stage .nav-btn::after {
    background-color: #9988CD; }
  #animalchanger.seahorse .stage .popout {
    color: #9988CD; }
  #animalchanger.seahorse .stage .mute span {
    border-color: #9988CD; }
  #animalchanger.seahorse .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #9988CD; }
    #animalchanger.seahorse .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.seahorse .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #9988CD; }
  #animalchanger.seahorse .wallpaper span {
    border-color: #9988CD; }
  #animalchanger.seahorse .wallpaper span::before, #animalchanger.seahorse .wallpaper span::after {
    background-color: #9988CD; }
  #animalchanger.seahorse .overlay h2, #animalchanger.seahorse .overlay p span, #animalchanger.seahorse .overlay a {
    color: #9988CD; }
  #animalchanger.seahorse .wrap .shadow {
    left: 37%;
    width: 50%;
    bottom: 11.5%;
    height: 5%; }
    #animalchanger.seahorse .wrap .shadow::before {
      left: 58%;
      bottom: 14%;
      width: 50%;
      height: 85%; }
    #animalchanger.seahorse .wrap .shadow::after {
      left: 25%;
      bottom: 36%;
      height: 25%;
      width: 18%; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(23.96% 44.643%, 21.9% 50.643%, 25.5% 49.357%);
    background-color: #483448; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(23.86% 44.643%, 28.6% 36.7%, 25.7% 50.5%);
    background-color: #39273D; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(23.3% 39.643%, 28.5% 36.929%, 23.9% 44.643%);
    background-color: #4F4053; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(21.3% 35.4%, 28.6% 36.86%, 23.4% 40.214%);
    background-color: #3A2D3E; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(18.9% 24.786%, 28.67% 36.99%, 21.3% 35.5%);
    background-color: #483448; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(18.9% 24.929%, 26.15% 17.643%, 23% 30.071%);
    background-color: #574663; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(22.9% 30%, 26.1% 17.643%, 33.95% 27.786%);
    background-color: #48364A; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(23% 29.929%, 33.7% 27.643%, 28.56% 36.95%);
    background-color: #332437; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(26.1% 17.7%, 34.3% 14.214%, 33.87% 27.8%);
    background-color: #554054; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(33.8% 12.786%, 40.6% 19.929%, 33.9% 27.643%);
    background-color: #5D4D63; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(33.8% 27.643%, 40.9% 18.5%, 44.7% 24.214%);
    background-color: #554054; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(33.8% 27.643%, 45.2% 22.929%, 48.4% 33.357%);
    background-color: #4C384D; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(33.9% 27.643%, 48.6% 32.214%, 40.1% 41.357%);
    background-color: #443344; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(33.9% 27.643%, 46.9% 54.8%, 36.3% 41.357%);
    background-color: #554054; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(40.2% 41.171%, 48.7% 31.357%, 51.4% 43.214%);
    background-color: #3F2D42; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(40.2% 41.071%, 51.8% 42.357%, 44.4% 49.786%);
    background-color: #39263A; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(44.4% 49.786%, 51.8% 41.214%, 56.2% 54.071%);
    background-color: #302035; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(36.2% 41.071%, 46.7% 54.4%, 39.9% 55.2%);
    background-color: #604D64; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(44.4% 49.643%, 56.3% 53.214%, 49.5% 60.929%);
    background-color: #39273D; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(50.7% 59.5%, 56.6% 51.929%, 59.7% 59.643%);
    background-color: #302035; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(50.6% 59.357%, 60% 58.929%, 56% 65.9%);
    background-color: #2A192C; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(56% 65.786%, 59.8% 57.929%, 63.7% 61.357%);
    background-color: #241723; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(55.8% 65.8%, 63.7% 61.2%, 61.1% 72%);
    background-color: #1F1619; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(39.9% 55.071%, 46.6% 54.357%, 61.1% 72.071%);
    background-color: #4F4053; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(61.05% 71.99%, 63.8% 60.214%, 67.5% 64.643%);
    background-color: #13101F; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(61.1% 71.929%, 75.7% 53.214%, 67.3% 71.214%);
    background-color: #41313B; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(75.6% 53.357%, 81% 63.357%, 73.9% 56.929%);
    background-color: #41313B; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(78.5% 61.071%, 81% 63.357%, 77.6% 70.5%);
    background-color: #342A38; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(73.5% 67.357%, 78% 65.929%, 77.6% 70.5%);
    background-color: #493B44; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(75% 62.214%, 75.5% 66.8%, 73.5% 67.45%);
    background-color: #0D0A15; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(28), #animalchanger.seahorse .wrap .shard-wrap:nth-child(29) {
    z-index: 4; }
  #animalchanger.seahorse .wrap .shard-wrap.peripheral {
    z-index: 3; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(31) .shard {
    -webkit-clip-path: polygon(62.1% 17.214%, 64.7% 15.643%, 78.4% 64.071%);
    background-color: #68602A; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(32) .shard {
    -webkit-clip-path: polygon(67.3% 32.071%, 78.6% 64.214%, 78.1% 71.5%);
    background-color: #434227; }
  #animalchanger.seahorse .wrap .shard-wrap:nth-child(33) .shard {
    -webkit-clip-path: polygon(78.4% 64.214%, 80.4% 85.643%, 76.9% 85.786%);
    background-color: #494221; }

#animalchanger.camel {
  background-color: #FD9372; }
  #animalchanger.camel .stage .animal-nav .why-endangered span, #animalchanger.camel .stage .animal-nav .why-endangered::after {
    color: #FD9372; }
  #animalchanger.camel .stage .nav-btn::after {
    background-color: #FD9372; }
  #animalchanger.camel .stage .popout {
    color: #FD9372; }
  #animalchanger.camel .stage .mute span {
    border-color: #FD9372; }
  #animalchanger.camel .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #FD9372; }
    #animalchanger.camel .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.camel .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #FD9372; }
  #animalchanger.camel .wallpaper span {
    border-color: #FD9372; }
  #animalchanger.camel .wallpaper span::before, #animalchanger.camel .wallpaper span::after {
    background-color: #FD9372; }
  #animalchanger.camel .overlay h2, #animalchanger.camel .overlay p span, #animalchanger.camel .overlay a {
    color: #FD9372; }
  #animalchanger.camel .chart.show-chart-1 .shard {
    -webkit-clip-path: polygon(43.6% 41.5%, 57% 40.7%, 79% 59.8%, 50% 92%, 9.5% 63.25%, 50% 50%, 50% 50%, 50% 50%); }
  #animalchanger.camel .chart.show-chart-2 .shard {
    -webkit-clip-path: polygon(44.6% 41.5%, 56% 40.7%, 96% 50.3%, 71% 87%, 36.5% 73.25%, 19% 50%, 50% 50%, 50% 50%); }
  #animalchanger.camel .wrap .shadow {
    left: 18%;
    width: 45%;
    bottom: 12.5%;
    height: 5%; }
    #animalchanger.camel .wrap .shadow::before {
      left: 48%;
      bottom: 7%;
      width: 50%;
      height: 85%; }
    #animalchanger.camel .wrap .shadow::after {
      left: 13%;
      bottom: 36%;
      height: 25%;
      width: 18%; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(21.25% 73%, 22.95% 58.143%, 26.75% 85.286%);
    background-color: #301A02; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(24.45% 65.571%, 29.95% 85.286%, 23.25% 72.571%);
    background-color: #493106; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(23.25% 72.714%, 19.45% 41.857%, 28.85% 51.857%);
    background-color: #93693C; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(19.45% 42%, 23.65% 28%, 28.85% 52%);
    background-color: #A97D4E; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(23.55% 28.286%, 37.45% 35.857%, 28.85% 51.857%);
    background-color: #BF8D56; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(22.45% 27.714%, 30.75% 16.143%, 42.85% 21.286%);
    background-color: #BC864E; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(22.45% 27.571%, 42.85% 21.143%, 48.35% 42.143%);
    background-color: #A87647; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(28.75% 51.857%, 37.35% 35.857%, 42.95% 51.571%);
    background-color: #966336; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(29.95% 16.143%, 36.25% 11%, 42.85% 21.143%);
    background-color: #BE9E74; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(37.15% 35.857%, 48.35% 42%, 42.95% 51.429%);
    background-color: #6E4829; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(42.75% 21.143%, 61.95% 33%, 48.25% 42.143%);
    background-color: #B27D48; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(42.75% 21.143%, 50.85% 16.143%, 61.95% 33%);
    background-color: #B99566; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(42.75% 51.429%, 48.35% 42%, 47.25% 66.714%);
    background-color: #47322C; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(48.25% 42.143%, 54.55% 63.286%, 47.13% 66.857%);
    background-color: #311E0F; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(47.45% 66.571%, 50.65% 65%, 49.05% 85.571%);
    background-color: #724F38; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(51.15% 64.571%, 54.25% 63.143%, 53.05% 85.429%);
    background-color: #533820; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(48% 41.75%, 56.25% 48.7%, 55.05% 65.571%);
    background-color: #522A10; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(48.15% 42%, 61.95% 33%, 61.35% 53.429%);
    background-color: #64422D; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(61.85% 32.857%, 71.75% 42.571%, 60.65% 55.4%);
    background-color: #7E5130; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(61.85% 32.9%, 65.95% 24.286%, 71.15% 29.143%);
    background-color: #7C5531; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(61.85% 32.857%, 70.95% 29%, 71.45% 43.143%);
    background-color: #664015; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(61.35% 54.429%, 71.55% 42.714%, 63.35% 63.857%);
    background-color: #513A2D; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(62.75% 64.429%, 71.35% 42.714%, 72.25% 58.429%);
    background-color: #61452E; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(70.85% 29%, 76.65% 48.143%, 71.85% 60.143%);
    background-color: #916032; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(70.85% 29.143%, 75.85% 32.143%, 77.25% 51.714%);
    background-color: #A66E40; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(65.85% 24.571%, 68.65% 17.571%, 76.15% 23.857%);
    background-color: #A07555; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(70.05% 24.286%, 70.55% 16.571%, 76.15% 24%);
    background-color: #B38956; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(65.75% 24.714%, 79.25% 23.286%, 70.95% 29.286%);
    background-color: #D6C6AF; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(70.85% 29.143%, 79.25% 23.286%, 81.95% 28.286%);
    background-color: #C3B091; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(70.85% 29.143%, 81.15% 28.286%, 75.85% 32.857%);
    background-color: #876F53; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(28), #animalchanger.camel .wrap .shard-wrap:nth-child(29) {
    z-index: 3; }
  #animalchanger.camel .wrap .shard-wrap.peripheral .shard {
    background-color: #14aa78; }
  #animalchanger.camel .wrap .shard-wrap:nth-child(31) {
    z-index: 2; }
    #animalchanger.camel .wrap .shard-wrap:nth-child(31) .shard {
      -webkit-clip-path: polygon(81% 31.5%, 80% 32.5%, 78% 21%); }
  #animalchanger.camel .wrap .shard-wrap:nth-child(32) .shard {
    -webkit-clip-path: polygon(76% 75.5%, 77% 90%, 75.5% 90%); }

#animalchanger.butterfly {
  background-color: #9B7AD5; }
  #animalchanger.butterfly .stage .animal-nav .why-endangered span, #animalchanger.butterfly .stage .animal-nav .why-endangered::after {
    color: #9B7AD5; }
  #animalchanger.butterfly .stage .nav-btn::after {
    background-color: #9B7AD5; }
  #animalchanger.butterfly .stage .popout {
    color: #9B7AD5; }
  #animalchanger.butterfly .stage .mute span {
    border-color: #9B7AD5; }
  #animalchanger.butterfly .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #9B7AD5; }
    #animalchanger.butterfly .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.butterfly .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #9B7AD5; }
  #animalchanger.butterfly .wallpaper span {
    border-color: #9B7AD5; }
  #animalchanger.butterfly .wallpaper span::before, #animalchanger.butterfly .wallpaper span::after {
    background-color: #9B7AD5; }
  #animalchanger.butterfly .overlay h2, #animalchanger.butterfly .overlay p span, #animalchanger.butterfly .overlay a {
    color: #9B7AD5; }
  #animalchanger.butterfly .wrap .shadow {
    left: 22%;
    width: 45%;
    bottom: 12.5%;
    height: 5%; }
    #animalchanger.butterfly .wrap .shadow::before {
      left: 32%;
      bottom: 29%;
      width: 20%;
      height: 45%; }
    #animalchanger.butterfly .wrap .shadow::after {
      left: 25%;
      bottom: 36%;
      height: 25%;
      width: 18%; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(19.15% 16.5%, 37.25% 25.643%, 46.55% 47.929%);
    background-color: #3B2D28; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(19.15% 16.5%, 26.9% 50.929%, 29.25% 34.3%);
    background-color: #3B2D28; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(19.05% 16.5%, 29% 34.3%, 36.4% 27.5%);
    background-color: #E46E39; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(29% 34.214%, 36.3% 27.4%, 46.6% 48.2%);
    background-color: #FB913C; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(28.9% 34.1%, 46.55% 48.214%, 26.85% 50.929%);
    background-color: #423C32; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(26.75% 50.786%, 46.55% 48.071%, 46.05% 52.643%);
    background-color: #30201D; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(31.25% 52.5%, 45.95% 52.786%, 32.65% 64.786%);
    background-color: #EE8548; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(31.15% 52.5%, 45.95% 52.929%, 38.05% 57.643%);
    background-color: #EFBA6B; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(35.45% 60.5%, 36.45% 61.214%, 35.35% 62.071%);
    background-color: #232626; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(32.55% 64.643%, 45.85% 52.929%, 38.45% 70.214%);
    background-color: #CA6532; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(47.55% 46.786%, 50.15% 44.071%, 43.15% 67.071%);
    background-color: #3B2D28; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(50.15% 44.071%, 50.35% 48.643%, 43.25% 66.643%);
    background-color: #23120C; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(48.85% 48.071%, 48.25% 52.214%, 47.15% 51.643%);
    background-color: #DCB050; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(48.25% 46.214%, 48.25% 44.786%, 50.15% 44.071%);
    background-color: #62564D; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(50.15% 44.071%, 51.25% 46.643%, 50.25% 47.786%);
    background-color: #62564D; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(49.15% 44.357%, 46.75% 28.643%, 49.85% 44.214%);
    background-color: #070401; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(50.45% 44.643%, 62.15% 38.214%, 50.75% 45.357%);
    background-color: #070401; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(46.85% 57.357%, 42.95% 75.357%, 38.95% 72.643%);
    background-color: #E6A15B; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(38.95% 72.643%, 42.95% 75.357%, 39.75% 77.071%);
    background-color: #3B2D28; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(45.45% 56.5%, 46.95% 57.357%, 39.05% 72.643%);
    background-color: #FCCC67; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(48.45% 54.214%, 58.95% 69.214%, 51.95% 76.214%);
    background-color: #E98247; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(48.35% 54.214%, 58.95% 69.071%, 51.65% 65.786%);
    background-color: #EEB96B; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(48.45% 54.214%, 51.95% 76.214%, 45.05% 74.214%);
    background-color: #CA6532; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(51.05% 70.071%, 51.85% 70.357%, 51.25% 71.929%);
    background-color: #232626; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(48.35% 54.214%, 50.35% 49.929%, 62.75% 72.786%);
    background-color: #30201D; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(50.45% 50.071%, 67.85% 42.929%, 86.55% 53.929%);
    background-color: #392C27; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(50.45% 50.071%, 67.75% 45.214%, 69.85% 57.5%);
    background-color: #F78F3B; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(50.35% 50.071%, 69.85% 57.357%, 62.65% 72.786%);
    background-color: #3A352C; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(67.65% 45.357%, 86.55% 53.929%, 69.85% 57.5%);
    background-color: #E46E39; }
  #animalchanger.butterfly .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(69.75% 57.357%, 86.65% 53.929%, 62.65% 72.786%);
    background-color: #3B2D28; }

#animalchanger.armadillo {
  background-color: #EDB948; }
  #animalchanger.armadillo .stage .animal-nav .why-endangered span, #animalchanger.armadillo .stage .animal-nav .why-endangered::after {
    color: #EDB948; }
  #animalchanger.armadillo .stage .nav-btn::after {
    background-color: #EDB948; }
  #animalchanger.armadillo .stage .popout {
    color: #EDB948; }
  #animalchanger.armadillo .stage .mute span {
    border-color: #EDB948; }
  #animalchanger.armadillo .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #EDB948; }
    #animalchanger.armadillo .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.armadillo .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #EDB948; }
  #animalchanger.armadillo .wallpaper span {
    border-color: #EDB948; }
  #animalchanger.armadillo .wallpaper span::before, #animalchanger.armadillo .wallpaper span::after {
    background-color: #EDB948; }
  #animalchanger.armadillo .overlay h2, #animalchanger.armadillo .overlay p span, #animalchanger.armadillo .overlay a {
    color: #EDB948; }
  #animalchanger.armadillo .wrap .shadow {
    left: 29%;
    width: 45%;
    bottom: 13.5%;
    height: 4%; }
    #animalchanger.armadillo .wrap .shadow::before {
      left: -21%;
      bottom: 10%;
      width: 33%;
      height: 65%; }
    #animalchanger.armadillo .wrap .shadow::after {
      left: 86%;
      bottom: 25%;
      height: 55%;
      width: 18%; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(16.45% 78.8%, 17.1% 72.9%, 22.75% 68.1%);
    background-color: #624942; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(16.95% 73.5%, 20.95% 57.357%, 24.55% 57.786%);
    background-color: #998158; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(16.95% 73.071%, 24.35% 57.5%, 22.75% 68.214%);
    background-color: #7A5852; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(22.65% 68.071%, 24.25% 57.643%, 28.05% 72.786%);
    background-color: #624942; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(16.36% 78.8%, 22.7% 68.1%, 28.2% 72.8%);
    background-color: #463830; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(17.95% 77.8%, 23.95% 74.929%, 19.65% 79.214%);
    background-color: #241B02; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(24.55% 59.071%, 27.75% 51.071%, 28.05% 72.786%);
    background-color: #3E3730; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(21.75% 57.214%, 26.45% 49.071%, 24.75% 63.071%);
    background-color: #BBA376; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(31.65% 73.071%, 40.25% 73.214%, 26.75% 84.786%);
    background-color: #594C3F; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(42.65% 73.071%, 47.25% 69.929%, 46.95% 84.214%);
    background-color: #6D635A; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(27.95% 72.786%, 50.05% 67.929%, 44.45% 73.357%);
    background-color: #E2C87C; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(27.55% 48.786%, 33.45% 72.3%, 27.9% 72.929%);
    background-color: #AA9873; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(27.55% 48.929%, 31.55% 41.643%, 33.45% 72.214%);
    background-color: #C4B492; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(31.65% 43.214%, 38.75% 70.929%, 33.35% 72.357%);
    background-color: #9F8862; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(31.65% 43.214%, 44.15% 71.071%, 38.55% 70.929%);
    background-color: #AA9873; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(31.65% 43.214%, 36.65% 37.357%, 44.1% 71%);
    background-color: #C3B08D; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(36.65% 37.357%, 50.05% 67.643%, 44.15% 71.071%);
    background-color: #9F8862; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(37.35% 38.929%, 42.05% 33.786%, 49.25% 65.929%);
    background-color: #917A5B; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(42.35% 35.357%, 47.45% 31.5%, 49.35% 66.357%);
    background-color: #AB8D6E; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(47.5% 33.357%, 51.45% 31.214%, 49.4% 66.7%);
    background-color: #C2A178; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(51.25% 33.214%, 56.25% 31.786%, 49.45% 66.643%);
    background-color: #D0B383; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(55.75% 33.929%, 62.85% 33.929%, 49.45% 66.5%);
    background-color: #D8C39B; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(62.05% 35.5%, 73.45% 41.071%, 50.95% 62.786%);
    background-color: #D6B781; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(50.95% 62.643%, 72.75% 41.786%, 80.05% 57.071%);
    background-color: #C5A47A; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(51.05% 62.643%, 78.75% 57.214%, 54.75% 67.786%);
    background-color: #AB8D6E; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(54.65% 67.786%, 78.65% 57.214%, 80.25% 67.357%);
    background-color: #9E8762; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(54.55% 67.786%, 79.05% 67.357%, 79.95% 74.5%);
    background-color: #7E6B4C; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(54.65% 67.643%, 78.55% 74.071%, 72.35% 79.643%);
    background-color: #624B41; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(56.75% 69.214%, 61.85% 73.071%, 59.35% 83.643%);
    background-color: #51413A; }
  #animalchanger.armadillo .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(54.65% 67.643%, 72.85% 79.071%, 72.25% 82.643%);
    background-color: #C69D5E; }

#animalchanger.panda {
  background-color: #98BFF6; }
  #animalchanger.panda .stage .animal-nav .why-endangered span, #animalchanger.panda .stage .animal-nav .why-endangered::after {
    color: #98BFF6; }
  #animalchanger.panda .stage .nav-btn::after {
    background-color: #98BFF6; }
  #animalchanger.panda .stage .popout {
    color: #98BFF6; }
  #animalchanger.panda .stage .mute span {
    border-color: #98BFF6; }
  #animalchanger.panda .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #98BFF6; }
    #animalchanger.panda .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.panda .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #98BFF6; }
  #animalchanger.panda .wallpaper span {
    border-color: #98BFF6; }
  #animalchanger.panda .wallpaper span::before, #animalchanger.panda .wallpaper span::after {
    background-color: #98BFF6; }
  #animalchanger.panda .overlay h2, #animalchanger.panda .overlay p span, #animalchanger.panda .overlay a {
    color: #98BFF6; }
  #animalchanger.panda .chart.show-chart-1 .shard {
    -webkit-clip-path: polygon(25% 7%, 69% 16.5%, 84% 50%, 63% 72%, 38% 71%, 40% 50%, 50% 50%, 50% 50%); }
  #animalchanger.panda .wrap .shadow {
    left: 25%;
    width: 45%;
    bottom: 12.5%;
    height: 5%; }
    #animalchanger.panda .wrap .shadow::before {
      left: 38%;
      bottom: -32%;
      width: 50%;
      height: 85%; }
    #animalchanger.panda .wrap .shadow::after {
      left: 16%;
      bottom: 32%;
      height: 25%;
      width: 18%; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(26.4% 36.714%, 40% 31%, 30.6% 44%);
    background-color: #893926; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(30.6% 43.571%, 40% 31%, 41.1% 50.857%);
    background-color: #370A02; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(30.6% 43.286%, 41.1% 50.714%, 27.9% 85%);
    background-color: #351A16; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(15.7% 50.857%, 25.8% 35.143%, 25.3% 48.429%);
    background-color: #C0684A; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(18.6% 46.429%, 16.2% 37.429%, 23.1% 39.429%);
    background-color: #DAD1BA; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(15.6% 50.714%, 25.4% 48.286%, 25.9% 62.143%);
    background-color: #EBDECD; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(22% 49.143%, 25.3% 48.3%, 19.8% 55.286%);
    background-color: #603122; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(25.2% 48.429%, 25.8% 35%, 36.2% 52.143%);
    background-color: #894338; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(25.2% 48.286%, 36.1% 52.143%, 25.8% 62%);
    background-color: #F9F0E2; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(25.2% 48.3%, 28.4% 49.3%, 31.7% 56.429%);
    background-color: #603122; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(25.5% 56.571%, 27.8% 59.857%, 23.9% 60%);
    background-color: #050505; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(28.3% 39.286%, 35.7% 37%, 33.6% 47.714%);
    background-color: #DAC79D; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(29.6% 62.286%, 41% 50.571%, 36.2% 85.429%);
    background-color: #220B11; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(39.9% 31%, 50.9% 46.857%, 41% 50.99%);
    background-color: #63290D; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(40.9% 50.857%, 50.9% 46.857%, 39% 65.143%);
    background-color: #53170A; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(39.9% 31%, 49.9% 30.143%, 50.8% 47%);
    background-color: #94431F; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(38.9% 65%, 50.9% 46.6%, 61.1% 66.143%);
    background-color: #3D0F08; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(38.9% 65.143%, 44.4% 56.7%, 50.5% 65.714%);
    background-color: #190F0D; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(50.4% 65.6%, 56.2% 57.143%, 61% 66.4%);
    background-color: #190F0D; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(50.8% 47%, 49.7% 30.143%, 63.8% 37%);
    background-color: #7C300F; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(49.6% 30.143%, 63.7% 37%, 60.5% 39.571%);
    background-color: #A6462B; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(50.8% 46.857%, 63.7% 36.857%, 68.2% 51.8%);
    background-color: #68210C; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(50.9% 46.714%, 68.1% 51.714%, 61.1% 66.286%);
    background-color: #722B12; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(50.5% 65.571%, 61% 66.286%, 53.1% 87.286%);
    background-color: #2E1616; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(54.5% 83.429%, 59.6% 69.857%, 59.6% 83.714%);
    background-color: #0A0A0D; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(61.1% 66.143%, 68.1% 51.714%, 71.4% 63.143%);
    background-color: #4F1904; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(64.9% 40.857%, 81.6% 57.286%, 71.3% 63.286%);
    background-color: #621B15; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(71.3% 63.143%, 81.5% 57.143%, 84.7% 69.857%);
    background-color: #621B15; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(71.4% 63%, 84.7% 69.714%, 78.4% 75.429%);
    background-color: #1B1517; }
  #animalchanger.panda .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(71.4% 78.571%, 84.7% 69.857%, 79.3% 81.571%);
    background-color: #2D2022; }

#animalchanger.hirola {
  background-color: #EF9F64; }
  #animalchanger.hirola .stage .animal-nav .why-endangered span, #animalchanger.hirola .stage .animal-nav .why-endangered::after {
    color: #EF9F64; }
  #animalchanger.hirola .stage .nav-btn::after {
    background-color: #EF9F64; }
  #animalchanger.hirola .stage .popout {
    color: #EF9F64; }
  #animalchanger.hirola .stage .mute span {
    border-color: #EF9F64; }
  #animalchanger.hirola .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #EF9F64; }
    #animalchanger.hirola .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.hirola .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #EF9F64; }
  #animalchanger.hirola .wallpaper span {
    border-color: #EF9F64; }
  #animalchanger.hirola .wallpaper span::before, #animalchanger.hirola .wallpaper span::after {
    background-color: #EF9F64; }
  #animalchanger.hirola .overlay h2, #animalchanger.hirola .overlay p span, #animalchanger.hirola .overlay a {
    color: #EF9F64; }
  #animalchanger.hirola .chart.show-chart-1 .shard {
    -webkit-clip-path: polygon(25% 7%, 73% 10%, 77% 50.4%, 53% 55%, 49% 52%, 46% 50%, 50% 50%, 50% 50%); }
  #animalchanger.hirola .chart.show-chart-2 .shard {
    -webkit-clip-path: polygon(19% 19%, 86% 15%, 60% 60%, 49% 51%, 50% 50%, 50% 50%, 50% 50%, 50% 50%); }
  #animalchanger.hirola .wrap .shadow {
    left: 32%;
    width: 45%;
    bottom: 12.5%;
    height: 5%; }
    #animalchanger.hirola .wrap .shadow::before {
      left: 42%;
      bottom: 0%;
      width: 50%;
      height: 62%; }
    #animalchanger.hirola .wrap .shadow::after {
      left: 13%;
      bottom: 32%;
      height: 25%;
      width: 18%; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(20.35% 45.429%, 22.8% 35.571%, 28.95% 39.286%);
    background-color: #8F6B4E; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(20.35% 45.429%, 26.45% 41%, 23.65% 47.429%);
    background-color: #684B2D; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(22.8% 35.714%, 22.75% 27.857%, 30.05% 29%);
    background-color: #B89076; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(25.4% 28.357%, 29.7% 28.929%, 22.8% 35.643%);
    background-color: #c6a188; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(22.8% 35.714%, 30% 28.857%, 27.95% 40.4%);
    background-color: #AA8269; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(22.85% 29.143%, 19.35% 24.857%, 22.65% 26.286%);
    background-color: #DEC9BF; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(22.75% 27.857%, 25.85% 25.571%, 30.05% 29.286%);
    background-color: #A2725D; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(29.85% 29%, 34.35% 26.286%, 32.75% 31.143%);
    background-color: #DEC9BF; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(23.45% 27.286%, 21.65% 16.143%, 24.95% 26.429%);
    background-color: #634C42; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(26.05% 25.857%, 30.15% 19.714%, 28.05% 27.571%);
    background-color: #634C42; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(21.75% 16%, 24.95% 4.429%, 22.25% 17.857%);
    background-color: #312B34; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(30.05% 19.714%, 34.05% 15.571%, 28.85% 24.429%);
    background-color: #312B34; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(33.15% 16.571%, 33.15% 4.429%, 33.95% 15.571%);
    background-color: #413430; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(29.95% 29.143%, 37.15% 42.571%, 27.85% 40%);
    background-color: #A3785C; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(27.75% 40%, 37.15% 42.429%, 33.8% 53.4%);
    background-color: #835D48; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(33.45% 35.857%, 52.05% 38.2%, 37.05% 42.714%);
    background-color: #835D48; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(37.2% 42.1%, 38.85% 58.714%, 33.75% 53.429%);
    background-color: #896444; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(37.05% 42.429%, 47.85% 60.714%, 38.75% 58.714%);
    background-color: #A3785C; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(37.05% 42.571%, 52.05% 38.143%, 47.85% 60.714%);
    background-color: #996E50; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(38.85% 58.571%, 43.45% 59.571%, 36.65% 76.286%);
    background-color: #9E765B; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(38.55% 71.571%, 41.95% 85.429%, 36.65% 75.714%);
    background-color: #76563A; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(43.85% 59.571%, 47.85% 60.571%, 46.35% 85.714%);
    background-color: #AC805E; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(47.75% 60.571%, 52% 38.143%, 61.95% 58.143%);
    background-color: #91694E; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(51.85% 38.286%, 67.15% 35.714%, 73.65% 47.571%);
    background-color: #906754; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(52.05% 38.286%, 73.65% 47.429%, 61.85% 58.286%);
    background-color: #A2785C; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(65.85% 59.143%, 70.85% 52.286%, 73.65% 74.143%);
    background-color: #654E45; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(61.85% 58.143%, 73.55% 47.429%, 68.35% 59.143%);
    background-color: #AF896D; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(61.85% 58%, 68.35% 59.143%, 68.35% 72.286%);
    background-color: #BF9C87; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(66.45% 68.143%, 68.25% 72.143%, 62.05% 86.143%);
    background-color: #7E5C3F; }
  #animalchanger.hirola .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(71.45% 69.714%, 73.55% 73.857%, 71.35% 85.429%);
    background-color: #B48461; }

#animalchanger.sifaka {
  background-color: #9784ED; }
  #animalchanger.sifaka .stage .animal-nav .why-endangered span, #animalchanger.sifaka .stage .animal-nav .why-endangered::after {
    color: #9784ED; }
  #animalchanger.sifaka .stage .nav-btn::after {
    background-color: #9784ED; }
  #animalchanger.sifaka .stage .popout {
    color: #9784ED; }
  #animalchanger.sifaka .stage .mute span {
    border-color: #9784ED; }
  #animalchanger.sifaka .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #9784ED; }
    #animalchanger.sifaka .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.sifaka .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #9784ED; }
  #animalchanger.sifaka .wallpaper span {
    border-color: #9784ED; }
  #animalchanger.sifaka .wallpaper span::before, #animalchanger.sifaka .wallpaper span::after {
    background-color: #9784ED; }
  #animalchanger.sifaka .overlay h2, #animalchanger.sifaka .overlay p span, #animalchanger.sifaka .overlay a {
    color: #9784ED; }
  #animalchanger.sifaka .chart.show-chart-1 .shard {
    -webkit-clip-path: polygon(44.5% 45%, 69% 31.5%, 82% 82%, 33% 67%, 50% 50%, 50% 50%, 50% 50%, 50% 50%); }
  #animalchanger.sifaka .wrap .shadow {
    left: 38%;
    width: 45%;
    bottom: 13.4%;
    height: 5%; }
    #animalchanger.sifaka .wrap .shadow::before {
      left: 18%;
      bottom: 26%;
      width: 50%;
      height: 55%; }
    #animalchanger.sifaka .wrap .shadow::after {
      left: -52%;
      bottom: 27%;
      height: 45%;
      width: 20%; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(32.4% 36.857%, 51.6% 26.857%, 47.2% 46.429%);
    background-color: #52505A; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(32.4% 36.857%, 31.1% 27%, 39.1% 38.143%);
    background-color: #D4D6CE; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(31.1% 27.143%, 41.6% 23%, 39.1% 38.143%);
    background-color: #4D4F5C; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(31% 27.143%, 34.2% 15.429%, 47.1% 20.857%);
    background-color: #E3E1D4; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(31.2% 27.143%, 35.3% 19.429%, 41.8% 23.143%);
    background-color: #CCD1D0; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(33.5% 35%, 36.4% 25%, 36.9% 32.857%);
    background-color: #7E7F8A; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(33.4% 34.714%, 36.8% 32.714%, 39.1% 38.286%);
    background-color: #3A3C48; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(39.1% 38.143%, 41.5% 23%, 43.1% 30.286%);
    background-color: #2F303A; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(41.5% 22.857%, 47.1% 20.857%, 43% 30.286%);
    background-color: #CCCFCC; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(39.1% 38%, 47% 20.714%, 48.4% 30.857%);
    background-color: #B5B6B5; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(34.2% 15.429%, 41.3% 12.429%, 47% 20.714%);
    background-color: #5A5658; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(47.3% 23.143%, 62.1% 13.714%, 48.4% 30.714%);
    background-color: #E3E1D4; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(49.1% 24.786%, 64.1% 13.643%, 56% 32.357%);
    background-color: #B39C71; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(20% 67.5%, 35.4% 38.786%, 39.7% 52.5%);
    background-color: #D0C2A1; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(20% 67.357%, 39.7% 52.357%, 23.4% 71.929%);
    background-color: #A78B73; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(23.3% 71.929%, 39.5% 52.214%, 44.9% 57.5%);
    background-color: #A27757; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(35.4% 38.643%, 47.1% 45.929%, 40.6% 55.5%);
    background-color: #DDDAD0; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(12.5% 65.929%, 20.1% 67.357%, 18.1% 69.786%);
    background-color: #242F3A; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(12.6% 77.071%, 19.9% 67.214%, 23.6% 72.071%);
    background-color: #3C3C3C; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(40.6% 55.5%, 47% 45.786%, 62.6% 67.357%);
    background-color: #B4B4A9; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(51.5% 26.786%, 65.6% 43.214%, 61.8% 67.214%);
    background-color: #7E7774; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(46.9% 45.929%, 51.5% 27.071%, 58.4% 46.643%);
    background-color: #A7A19C; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(47% 45.929%, 58.3% 46.357%, 61.9% 67.214%);
    background-color: #95928C; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(51.1% 49.643%, 56.4% 54.786%, 49.1% 64.5%);
    background-color: #A7916F; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(49.1% 64.357%, 56.2% 54.643%, 51% 74.5%);
    background-color: #9E7F51; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(51% 74.214%, 56.2% 54.5%, 59.5% 69.786%);
    background-color: #92703C; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(27) .shard {
    z-index: 3;
    -webkit-clip-path: polygon(58.2% 64.357%, 64.4% 62.214%, 59.5% 69.786%);
    background-color: #2E2B30; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(65.1% 33.929%, 70.2% 39.929%, 65.8% 56.214%);
    background-color: #AE9B75; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(65.8% 47.643%, 68.5% 51.5%, 66.2% 57.357%);
    background-color: #322F35; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(30) .shard {
    z-index: 3;
    -webkit-clip-path: polygon(63% 8.786%, 66% 11.643%, 64.5% 18.643%);
    background-color: #322828; }
  #animalchanger.sifaka .wrap .shard-wrap.peripheral .shard {
    z-index: 2; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(31) .shard {
    -webkit-clip-path: polygon(56.6% 84%, 66.5% 63.143%, 65% 84%);
    background-color: #5A4331; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(32) .shard {
    -webkit-clip-path: polygon(61.5% 74%, 61.2% 22.714%, 66.4% 63.286%);
    background-color: #45392F; }
  #animalchanger.sifaka .wrap .shard-wrap:nth-child(33) .shard {
    -webkit-clip-path: polygon(66.4% 63.286%, 64.2% 4.571%, 58.8% 5.286%);
    background-color: #5F4E47; }

#animalchanger.rhino {
  background-color: #63C5AB; }
  #animalchanger.rhino .stage .animal-nav .why-endangered span, #animalchanger.rhino .stage .animal-nav .why-endangered::after {
    color: #63C5AB; }
  #animalchanger.rhino .stage .nav-btn::after {
    background-color: #63C5AB; }
  #animalchanger.rhino .stage .popout {
    color: #63C5AB; }
  #animalchanger.rhino .stage .mute span {
    border-color: #63C5AB; }
  #animalchanger.rhino .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #63C5AB; }
    #animalchanger.rhino .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.rhino .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #63C5AB; }
  #animalchanger.rhino .wallpaper span {
    border-color: #63C5AB; }
  #animalchanger.rhino .wallpaper span::before, #animalchanger.rhino .wallpaper span::after {
    background-color: #63C5AB; }
  #animalchanger.rhino .overlay h2, #animalchanger.rhino .overlay p span, #animalchanger.rhino .overlay a {
    color: #63C5AB; }
  #animalchanger.rhino .chart.show-chart-1 .shard {
    -webkit-clip-path: polygon(46.5% 41%, 55% 38.5%, 74% 40%, 97% 69.5%, 63.5% 82.5%, 40% 73%, 32% 57.5%, 43% 47.5%); }
  #animalchanger.rhino .chart.show-chart-2 .shard {
    -webkit-clip-path: polygon(35.5% 26%, 59% 35.5%, 68% 50%, 55.5% 59.5%, 24.5% 93.5%, 11% 50%, 50% 50%, 50% 50%); }
  #animalchanger.rhino .wrap .shadow {
    left: 28%;
    width: 45%;
    bottom: 13.5%;
    height: 5%; }
    #animalchanger.rhino .wrap .shadow::before {
      left: 86%;
      bottom: 10%;
      width: 40%;
      height: 65%; }
    #animalchanger.rhino .wrap .shadow::after {
      left: -9%;
      bottom: 36%;
      height: 25%;
      width: 18%; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(15.1% 69.071%, 18% 56.929%, 20% 74.5%);
    background-color: #473F34; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(17.9% 56.929%, 36.4% 52.071%, 20% 74.5%);
    background-color: #786E5B; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(15.2% 57.5%, 18% 56.786%, 16.4% 63.643%);
    background-color: #8F8574; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(17.9% 56.786%, 18.4% 61.214%, 16.4% 63.5%);
    background-color: #8F8574; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(17.8% 57.214%, 18.9% 36.786%, 30.7% 41.786%);
    background-color: #B4A696; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(17.8% 57.071%, 30.5% 41.786%, 36.3% 52.071%);
    background-color: #8F8574; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(22.6% 55.786%, 27.5% 53.071%, 26.7% 58.214%);
    background-color: #ACA191; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(18.7% 41.643%, 13.7% 33.929%, 20.5% 37.357%);
    background-color: #8F8574; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(28.6% 62.5%, 36.2% 51.929%, 40.6% 59.357%);
    background-color: #463E33; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(28.6% 62.5%, 37.2% 60.071%, 24.4% 79.786%);
    background-color: #312720; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(24.3% 79.786%, 31.9% 68.071%, 29.7% 82.071%);
    background-color: #473F34; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(20.4% 37.5%, 36.5% 20.643%, 49.5% 21.786%);
    background-color: #B3A595; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(20.4% 37.357%, 49.4% 21.643%, 44.4% 48.071%);
    background-color: #8F8574; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(30.4% 41.786%, 44.6% 47.786%, 40.4% 59.5%);
    background-color: #776D5A; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(26.1% 39.786%, 34.6% 36.786%, 29% 43.643%);
    background-color: #615844; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(44.3% 47.786%, 49.4% 21.5%, 72% 45.357%);
    background-color: #978C7F; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(44.4% 47.643%, 71.8% 44.929%, 49.8% 60.5%);
    background-color: #787161; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(40.4% 59.214%, 44.5% 47.786%, 50% 60.357%);
    background-color: #675D49; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(40.3% 59.214%, 49.9% 60.214%, 49.5% 85.357%);
    background-color: #454133; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(44.2% 70.357%, 49.5% 85.357%, 41.9% 85.214%);
    background-color: #32302D; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(49.3% 21.643%, 72.9% 17.214%, 71.8% 45.5%);
    background-color: #B1A394; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(49.7% 60.071%, 71.8% 44.9%, 71.5% 65.7%);
    background-color: #595041; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(49.7% 60.071%, 71.4% 65.4%, 59.2% 67.071%);
    background-color: #473F34; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(71.6% 45.214%, 72.8% 17.214%, 85% 31.214%);
    background-color: #8F8574; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(71.5% 45.071%, 85.2% 31.071%, 77.7% 54.929%);
    background-color: #615844; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(77.4% 54.643%, 85.1% 31.214%, 79.6% 58.071%);
    background-color: #473F34; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(71.3% 65.5%, 71.6% 45.071%, 79.6% 57.929%);
    background-color: #373020; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(71.2% 65.357%, 79.6% 57.786%, 72.7% 79.214%);
    background-color: #473F34; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(70.8% 84.357%, 77.2% 64.929%, 79.7% 84.214%);
    background-color: #32302D; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(83.7% 37.786%, 85% 31.214%, 89.3% 51.786%);
    background-color: #292216; }
  #animalchanger.rhino .wrap .shard-wrap.peripheral .shard {
    background-color: #14aa78; }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(31) .shard {
    background-color: #0f7c58;
    -webkit-clip-path: polygon(24% 73.5%, 23% 74.5%, 13% 66%); }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(32) .shard {
    -webkit-clip-path: polygon(23% 76.5%, 14% 65.5%, 15% 64%); }
  #animalchanger.rhino .wrap .shard-wrap:nth-child(33) {
    z-index: 2; }
    #animalchanger.rhino .wrap .shard-wrap:nth-child(33) .shard {
      -webkit-clip-path: polygon(26% 75.5%, 27% 90%, 25.5% 90%); }

#animalchanger.tamarin {
  background-color: #FDAED4; }
  #animalchanger.tamarin .stage .animal-nav .why-endangered span, #animalchanger.tamarin .stage .animal-nav .why-endangered::after {
    color: #FDAED4; }
  #animalchanger.tamarin .stage .nav-btn::after {
    background-color: #FDAED4; }
  #animalchanger.tamarin .stage .popout {
    color: #FDAED4; }
  #animalchanger.tamarin .stage .mute span {
    border-color: #FDAED4; }
  #animalchanger.tamarin .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #FDAED4; }
    #animalchanger.tamarin .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.tamarin .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #FDAED4; }
  #animalchanger.tamarin .wallpaper span {
    border-color: #FDAED4; }
  #animalchanger.tamarin .wallpaper span::before, #animalchanger.tamarin .wallpaper span::after {
    background-color: #FDAED4; }
  #animalchanger.tamarin .overlay h2, #animalchanger.tamarin .overlay p span, #animalchanger.tamarin .overlay a {
    color: #FDAED4; }
  #animalchanger.tamarin .chart.show-chart-1 .shard {
    -webkit-clip-path: polygon(47.5% 43%, 51.5% 47%, 62% 45%, 72% 59.5%, 61.5% 77%, 35.5% 85%, 9% 67.5%, 4% 31%); }
  #animalchanger.tamarin .chart.show-chart-2 .shard {
    -webkit-clip-path: polygon(48% 46.7%, 55% 42%, 70% 50.5%, 62% 70%, 29% 87%, 0.5% 50%, 50% 50%, 50% 50%); }
  #animalchanger.tamarin .wrap .shadow {
    left: 20%;
    width: 55%;
    bottom: 12.7%;
    height: 5%; }
    #animalchanger.tamarin .wrap .shadow::before {
      left: 58%;
      bottom: 9%;
      width: 50%;
      height: 85%; }
    #animalchanger.tamarin .wrap .shadow::after {
      left: 10%;
      bottom: 30%;
      height: 45%;
      width: 18%; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(23.45% 28.071%, 25.15% 15.214%, 28.05% 25.929%);
    background-color: #B95917; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(23.35% 28.071%, 30.3% 24.786%, 32.05% 39.67%);
    background-color: #4A1F18; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(25.15% 15.214%, 27.75% 25.929%, 30.85% 18.214%);
    background-color: #4A1F18; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(25.05% 15.214%, 38.65% 12.786%, 30.75% 18.214%);
    background-color: #E2872D; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(30% 23%, 43.15% 29.357%, 31.85% 39.5%);
    background-color: #692410; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(30.75% 18.071%, 38.7% 12.8%, 33.95% 25.4%);
    background-color: #9D3E16; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(28.25% 19.5%, 30.95% 18.1%, 27.75% 25.786%);
    background-color: #B59280; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(27.75% 25.643%, 30.75% 18.214%, 30.15% 24.214%);
    background-color: #A3795E; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(27.75% 25.7%, 30.15% 24.1%, 30.8% 29.929%);
    background-color: #301F19; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(30.75% 18.071%, 34% 25.3%, 30.05% 24.214%);
    background-color: #825C41; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(30.15% 24.214%, 34.05% 25.357%, 30.7% 30.071%);
    background-color: #211A14; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(30.75% 18.214%, 33.95% 18.786%, 34.05% 25.357%);
    background-color: #B89276; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(33.95% 25.214%, 38.65% 12.929%, 42.25% 29.357%);
    background-color: #7F2D13; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(31.85% 39.33%, 47.2% 23.4%, 37.23% 45.35%);
    background-color: #5A2117; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(23.45% 28.071%, 31.95% 39.357%, 32.05% 52.214%);
    background-color: #3B201A; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(38.65% 13.071%, 47.25% 23.357%, 41.8% 29.1%);
    background-color: #B95917; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(31.85% 39.214%, 51.9% 61.1%, 31.95% 51.929%);
    background-color: #301F19; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(47.15% 23.357%, 52.75% 33.071%, 37.1% 45.4%);
    background-color: #80330B; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(37.1% 45.3%, 52.75% 32.9%, 52.55% 52.643%);
    background-color: #9C3F10; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(37.15% 45.214%, 52.55% 52.357%, 51.75% 61.071%);
    background-color: #3B271A; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(42.45% 56.6%, 45.85% 58.1%, 34.15% 63.071%);
    background-color: #542B0A; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(52.2% 56.357%, 51.75% 60.929%, 40.35% 63.5%);
    background-color: #B45D1C; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(47.15% 23.357%, 59.45% 26.929%, 52.55% 33.214%);
    background-color: #F5BD4D; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(52.65% 33.071%, 58.75% 27.357%, 70.35% 37.214%);
    background-color: #EBAD41; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(52.65% 33.071%, 69.05% 36.786%, 52.55% 52.643%);
    background-color: #DC9022; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(52.55% 52.643%, 68.95% 36.786%, 69.55% 51.5%);
    background-color: #D87B1F; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(52.55% 52.5%, 69.8% 51.4%, 51.55% 61.071%);
    background-color: #C7691E; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(51.55% 60.929%, 69.6% 51.4%, 64.25% 62.5%);
    background-color: #AC551A; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(58.65% 61.786%, 64.25% 62.5%, 64.55% 84.643%);
    background-color: #D4932F; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(64.45% 79.357%, 75.85% 82.643%, 64.55% 84.643%);
    background-color: #BE731B; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(31) .shard {
    -webkit-clip-path: polygon(35.75% 62.214%, 45.96% 58%, 43.1% 84.8%);
    background-color: #6A463F; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(32) .shard {
    -webkit-clip-path: polygon(45.95% 57.2%, 54.65% 61.214%, 43% 85%);
    background-color: #5E382D; }
  #animalchanger.tamarin .wrap .shard-wrap:nth-child(33) .shard {
    -webkit-clip-path: polygon(43.05% 84.786%, 54.75% 60.214%, 52.75% 84.786%);
    background-color: #4F3220; }

#animalchanger.turtle {
  background-color: #A0CADB; }
  #animalchanger.turtle .stage .animal-nav .why-endangered span, #animalchanger.turtle .stage .animal-nav .why-endangered::after {
    color: #A0CADB; }
  #animalchanger.turtle .stage .nav-btn::after {
    background-color: #A0CADB; }
  #animalchanger.turtle .stage .popout {
    color: #A0CADB; }
  #animalchanger.turtle .stage .mute span {
    border-color: #A0CADB; }
  #animalchanger.turtle .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #A0CADB; }
    #animalchanger.turtle .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.turtle .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #A0CADB; }
  #animalchanger.turtle .wallpaper span {
    border-color: #A0CADB; }
  #animalchanger.turtle .wallpaper span::before, #animalchanger.turtle .wallpaper span::after {
    background-color: #A0CADB; }
  #animalchanger.turtle .overlay h2, #animalchanger.turtle .overlay p span, #animalchanger.turtle .overlay a {
    color: #A0CADB; }
  #animalchanger.turtle .chart.show-chart-1 .shard {
    -webkit-clip-path: polygon(49.5% 49%, 51.5% 47%, 58% 47%, 55% 52%, 56.5% 65%, 34% 89%, 9% 67.5%, 4.5% 31.5%); }
  #animalchanger.turtle .wrap .shadow {
    left: 19%;
    width: 55%;
    bottom: 12.5%;
    height: 5%; }
    #animalchanger.turtle .wrap .shadow::before {
      width: 0%; }
    #animalchanger.turtle .wrap .shadow::after {
      left: 87%;
      bottom: 26%;
      height: 55%;
      width: 26%; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(20.25% 49.857%, 30.75% 51.286%, 32.55% 58.714%);
    background-color: #BDC2A3; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(26.35% 55.857%, 32.45% 58.714%, 22.95% 70.571%);
    background-color: #3C6268; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(22.65% 61%, 26.45% 56.286%, 22.95% 70.429%);
    background-color: #1B4859; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(10.65% 58.714%, 20.05% 52.143%, 30.85% 51.857%);
    background-color: #62726F; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(10.55% 58.571%, 30.85% 51.857%, 25.45% 59.143%);
    background-color: #B7C8C0; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(17.95% 50.143%, 23.5% 45.1%, 31.05% 52%);
    background-color: #487378; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(23.45% 45.143%, 44.45% 35.571%, 30.85% 52%);
    background-color: #4F7F86; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(30.75% 51.857%, 40.9% 60.95%, 32.35% 58.571%);
    background-color: #AEAF95; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(30.75% 51.857%, 42.15% 53.571%, 40.55% 60.714%);
    background-color: #A2A390; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(40.55% 60.857%, 42.15% 51.286%, 58.4% 58.429%);
    background-color: #AEB49D; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(40.25% 50.286%, 55.75% 46.571%, 57.85% 58.571%);
    background-color: #9FAB9E; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(30.85% 51.857%, 44.45% 35.571%, 43.55% 54.429%);
    background-color: #407177; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(43.45% 54.571%, 44.35% 35.5%, 55.3% 47.714%);
    background-color: #4C838B; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(44.3% 35.571%, 62.45% 36.714%, 55.15% 47.857%);
    background-color: #598B91; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(55.15% 47.714%, 62.5% 36.714%, 66.05% 50.714%);
    background-color: #39676F; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(55.65% 47.857%, 65.95% 50.571%, 57.75% 58.571%);
    background-color: #BEBEAA; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(57.65% 58.571%, 65.95% 50.571%, 66.85% 55.714%);
    background-color: #A9AB96; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(66% 50.6%, 64.45% 45%, 75.75% 46.429%);
    background-color: #377C81; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(64.45% 45.1%, 75.65% 43.714%, 75.65% 46.571%);
    background-color: #48949F; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(65.85% 50.571%, 75.8% 46.429%, 75.6% 53.99%);
    background-color: #2B484A; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(65.85% 50.571%, 80.05% 55.286%, 66.75% 55.714%);
    background-color: #CFCAB7; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(55.05% 51.571%, 58.25% 41.429%, 67.05% 41.714%);
    background-color: #C2D5D9; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(58.25% 41.571%, 65.85% 21.714%, 67.05% 41.714%);
    background-color: #ADC4BA; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(58.25% 41.571%, 60.45% 19.429%, 65.95% 21.857%);
    background-color: #507B7D; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(60.55% 19.714%, 59.95% 10%, 65.95% 22%);
    background-color: #13302F; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(75.55% 43.714%, 82.55% 49.857%, 75.65% 46.714%);
    background-color: #80A59F; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(75.65% 46.429%, 82.45% 49.857%, 75.45% 54%);
    background-color: #4F5B5B; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(75.35% 53.857%, 82.35% 49.857%, 80.75% 54.429%);
    background-color: #5A696A; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(80.65% 54.286%, 82.45% 49.857%, 82.05% 56%);
    background-color: #6B7879; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(78.15% 47.714%, 79.55% 48.429%, 79.55% 51.429%);
    background-color: #1D353A; }
  #animalchanger.turtle .wrap .shard-wrap.peripheral .shard {
    background-color: rgba(255, 255, 255, 0); }
    #animalchanger.turtle .wrap .shard-wrap.peripheral .shard::before {
      -webkit-animation: bubbles 1s infinite forwards;
      -moz-animation: bubbles 1s infinite forwards;
      animation: bubbles 1s infinite forwards; }
  #animalchanger.turtle .wrap .shard-wrap.peripheral:nth-child(31) .shard {
    -webkit-clip-path: polygon(85% 18.5%, 85.5% 22%, 87% 20%); }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(32) .shard {
    -webkit-clip-path: polygon(81.67% 9.5%, 82.3% 8.4%, 82.7% 9.7%); }
    #animalchanger.turtle .wrap .shard-wrap:nth-child(32) .shard::before {
      -webkit-animation-delay: 0.3s;
      -moz-animation-delay: 0.3s;
      animation-delay: 0.3s; }
  #animalchanger.turtle .wrap .shard-wrap:nth-child(33) .shard {
    -webkit-clip-path: polygon(77.75% 35.5%, 79.4% 37%, 79.1% 34.5%); }
    #animalchanger.turtle .wrap .shard-wrap:nth-child(33) .shard::before {
      -webkit-animation-delay: 0.6s;
      -moz-animation-delay: 0.6s;
      animation-delay: 0.6s; }

#animalchanger.okapi {
  background-color: #E794AE; }
  #animalchanger.okapi .stage .animal-nav .why-endangered span, #animalchanger.okapi .stage .animal-nav .why-endangered::after {
    color: #E794AE; }
  #animalchanger.okapi .stage .nav-btn::after {
    background-color: #E794AE; }
  #animalchanger.okapi .stage .popout {
    color: #E794AE; }
  #animalchanger.okapi .stage .mute span {
    border-color: #E794AE; }
  #animalchanger.okapi .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #E794AE; }
    #animalchanger.okapi .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.okapi .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #E794AE; }
  #animalchanger.okapi .wallpaper span {
    border-color: #E794AE; }
  #animalchanger.okapi .wallpaper span::before, #animalchanger.okapi .wallpaper span::after {
    background-color: #E794AE; }
  #animalchanger.okapi .overlay h2, #animalchanger.okapi .overlay p span, #animalchanger.okapi .overlay a {
    color: #E794AE; }
  #animalchanger.okapi .wrap .shadow {
    left: 21%;
    width: 45%;
    bottom: 13.5%;
    height: 5%; }
    #animalchanger.okapi .wrap .shadow::before {
      left: 58%;
      bottom: 7%;
      width: 50%;
      height: 85%; }
    #animalchanger.okapi .wrap .shadow::after {
      left: 7%;
      bottom: 21%;
      height: 25%;
      width: 18%; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(26.8% 72.714%, 28.9% 37.714%, 33.5% 54.286%);
    background-color: #C5C2BF; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(26.8% 72.714%, 30.7% 61.571%, 27.8% 85%);
    background-color: #F5F7ED; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(28.9% 37.714%, 33.1% 29%, 30.5% 44.5%);
    background-color: #662424; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(30.4% 44.143%, 33.1% 28.857%, 43.3% 38%);
    background-color: #321D21; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(30.4% 44%, 43.3% 37.714%, 33.3% 54.857%);
    background-color: #3C2832; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(33.2% 54.714%, 42.9% 37.857%, 38.1% 60.143%);
    background-color: #6B4243; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(33.2% 54.571%, 38.1% 59.857%, 33.4% 75.429%);
    background-color: #CDCAC3; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(33.4% 75.286%, 35.6% 68%, 37.2% 84.143%);
    background-color: #F8F8F8; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(33.1% 29%, 45.2% 27.714%, 43% 38%);
    background-color: #50272D; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(45.2% 27.714%, 55.7% 46%, 38.6% 57.286%);
    background-color: #543539; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(45.1% 27.857%, 57.7% 24.429%, 55.5% 46%);
    background-color: #321D27; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(38.6% 57.286%, 55.5% 45.857%, 56% 56%);
    background-color: #271E28; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(55.4% 45.857%, 57.7% 24.429%, 63.4% 35%);
    background-color: #180F14; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(55.4% 45.857%, 63.4% 34.857%, 59.3% 59.714%);
    background-color: #1E1E26; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(55.4% 45.714%, 59.3% 59.571%, 55.9% 58%);
    background-color: #1C1616; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(51.6% 56.429%, 55.8% 56.143%, 53.2% 69.571%);
    background-color: #C5C2BF; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(52.3% 61.857%, 54.9% 81.714%, 51.4% 81.857%);
    background-color: #F2F2F2; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(55.9% 58%, 59.4% 59.286%, 58.7% 83.714%);
    background-color: #F2F2F2; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(57.6% 24.571%, 69.1% 18.143%, 68.8% 24.714%);
    background-color: #533438; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(57.6% 24.429%, 74.9% 24.714%, 63.4% 35.143%);
    background-color: #362127; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(63.3% 35%, 71.8% 27%, 61.8% 44.429%);
    background-color: #0A0C0C; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(68.8% 24.714%, 69.2% 18.143%, 74.1% 32%);
    background-color: #C5C2BF; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(69.1% 18%, 72.6% 14%, 74.1% 31.857%);
    background-color: #D6D2D4; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(73.4% 16.286%, 77.5% 11%, 76.6% 17.429%);
    background-color: #5A3F44; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(71.4% 20%, 72.6% 14%, 76.7% 20%);
    background-color: #8F4847; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(71.5% 19.857%, 76.7% 20%, 77.1% 27.857%);
    background-color: #47292B; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(71.45% 19.8%, 73.3% 22.4%, 71.6% 23%);
    background-color: #020621; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(73.3% 22.571%, 77.1% 28%, 74.1% 32.143%);
    background-color: #E3E3E3; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(74% 32%, 77.1% 27.857%, 77.3% 32%);
    background-color: #292E46; }
  #animalchanger.okapi .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(69.1% 18.286%, 68.6% 10.429%, 71.9% 15%);
    background-color: #321D21; }

#animalchanger.lynx {
  background-color: #F4C3C5; }
  #animalchanger.lynx .stage .animal-nav .why-endangered span, #animalchanger.lynx .stage .animal-nav .why-endangered::after {
    color: #F4C3C5; }
  #animalchanger.lynx .stage .nav-btn::after {
    background-color: #F4C3C5; }
  #animalchanger.lynx .stage .popout {
    color: #F4C3C5; }
  #animalchanger.lynx .stage .mute span {
    border-color: #F4C3C5; }
  #animalchanger.lynx .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #F4C3C5; }
    #animalchanger.lynx .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.lynx .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #F4C3C5; }
  #animalchanger.lynx .wallpaper span {
    border-color: #F4C3C5; }
  #animalchanger.lynx .wallpaper span::before, #animalchanger.lynx .wallpaper span::after {
    background-color: #F4C3C5; }
  #animalchanger.lynx .overlay h2, #animalchanger.lynx .overlay p span, #animalchanger.lynx .overlay a {
    color: #F4C3C5; }
  #animalchanger.lynx .chart.show-chart-1 .shard {
    -webkit-clip-path: polygon(32.5% 9%, 69% 4.5%, 84% 36%, 77% 61.5%, 54.5% 61.5%, 47% 58%, 44% 52.5%, 46% 48.5%); }
  #animalchanger.lynx .wrap .shadow {
    left: 32%;
    width: 45%;
    bottom: 14%;
    height: 5%; }
    #animalchanger.lynx .wrap .shadow::before {
      left: 33%;
      bottom: 6%;
      width: 50%;
      height: 85%; }
    #animalchanger.lynx .wrap .shadow::after {
      left: 15%;
      bottom: -3%;
      height: 31%;
      width: 28%; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(29.3% 35.214%, 38.4% 57.3%, 28.6% 54.357%);
    background-color: #ADA391; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(28.6% 34.643%, 49.4% 40.357%, 38.3% 57.214%);
    background-color: #948876; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(37.4% 27.643%, 48.9% 40.643%, 29.4% 35.071%);
    background-color: #A18F73; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(37.5% 27.929%, 63.9% 42.214%, 48.8% 40.786%);
    background-color: #AD9E86; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(25.7% 25.214%, 31.6% 32.786%, 30.1% 43.071%);
    background-color: #D6D8D6; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(22.7% 26.929%, 25.7% 25.214%, 30% 43.071%);
    background-color: #75736C; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(25.6% 25.214%, 32.8% 15.643%, 32.9% 34.643%);
    background-color: #A3978B; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(32.8% 15.643%, 39.9% 25.214%, 32.7% 34.786%);
    background-color: #B2A394; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(26.9% 23.5%, 26% 13.643%, 31.2% 17.929%);
    background-color: #776356; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(23.2% 9.5%, 31.2% 17.929%, 25.9% 14.357%);
    background-color: #282821; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(34.5% 17.929%, 42.3% 9.786%, 39.6% 14.5%);
    background-color: #282821; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(34.4% 18.071%, 39.7% 14.214%, 38.6% 23.5%);
    background-color: #776356; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(33.9% 31.929%, 39.9% 25.357%, 35.6% 43.071%);
    background-color: #D6D8D6; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(39.9% 25.214%, 42.9% 27.071%, 35.6% 42.929%);
    background-color: #75736C; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(28.2% 33.5%, 32.8% 24.786%, 37.3% 33.5%);
    background-color: #BAAFA1; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(28.2% 33.5%, 37.3% 33.5%, 32.7% 37.643%);
    background-color: #E4DCD8; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(30.4% 32.214%, 35.1% 32.214%, 32.8% 35.214%);
    background-color: #7C5D65; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(29.3% 54.357%, 35.5% 56.357%, 33.8% 84.357%);
    background-color: #867A68; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(32.3% 73.5%, 34.2% 85.357%, 29.3% 85.357%);
    background-color: #998B77; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(48.9% 40.643%, 44.5% 85.643%, 39.7% 85.643%);
    background-color: #AD9E8C; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(38.2% 57.071%, 49% 40.5%, 46.6% 62.357%);
    background-color: #887D6E; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(48.9% 40.5%, 62.3% 41.929%, 60% 62.357%);
    background-color: #8F8373; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(48.9% 40.5%, 60.1% 61.786%, 46.6% 62.214%);
    background-color: #807465; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(46.6% 62.1%, 60.1% 61.5%, 59.6% 78.643%);
    background-color: #776B5D; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(62.2% 42.214%, 76.9% 70.357%, 59.9% 62.5%);
    background-color: #948876; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(56.9% 60.071%, 75.9% 69.643%, 77.6% 84.214%);
    background-color: #AD9E8C; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(57% 59.929%, 77.7% 84.414%, 60.3% 83.786%);
    background-color: #948876; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(59.1% 74.929%, 63.5% 85.643%, 55.6% 85.643%);
    background-color: #A89A89; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(76.9% 77.929%, 84.3% 76.214%, 77.6% 83.214%);
    background-color: #8F7E6A; }
  #animalchanger.lynx .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(82.2% 76.786%, 85.1% 69.929%, 84.3% 76.357%);
    background-color: #6D6148; }

#animalchanger.bear {
  background-color: #9787EA; }
  #animalchanger.bear .stage .animal-nav .why-endangered span, #animalchanger.bear .stage .animal-nav .why-endangered::after {
    color: #9787EA; }
  #animalchanger.bear .stage .nav-btn::after {
    background-color: #9787EA; }
  #animalchanger.bear .stage .popout {
    color: #9787EA; }
  #animalchanger.bear .stage .mute span {
    border-color: #9787EA; }
  #animalchanger.bear .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #9787EA; }
    #animalchanger.bear .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.bear .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #9787EA; }
  #animalchanger.bear .wallpaper span {
    border-color: #9787EA; }
  #animalchanger.bear .wallpaper span::before, #animalchanger.bear .wallpaper span::after {
    background-color: #9787EA; }
  #animalchanger.bear .overlay h2, #animalchanger.bear .overlay p span, #animalchanger.bear .overlay a {
    color: #9787EA; }
  #animalchanger.bear .wrap .shadow {
    left: 30.3%;
    width: 35%;
    bottom: 12.6%;
    height: 5%; }
    #animalchanger.bear .wrap .shadow::before {
      left: 57%;
      bottom: -7%;
      width: 50%;
      height: 49%; }
    #animalchanger.bear .wrap .shadow::after {
      left: 25%;
      bottom: 37%;
      height: 25%;
      width: 31%; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(28.35% 15.214%, 31.45% 10.2%, 31.7% 19.5%);
    background-color: #BAA284; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(31.35% 10.214%, 34.25% 17.5%, 31.45% 19.357%);
    background-color: #9E856B; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(31.35% 10.357%, 36.15% 3.357%, 38.95% 12.071%);
    background-color: #473C32; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(31.35% 10.14%, 38.85% 11.929%, 34.05% 17.643%);
    background-color: #4D4135; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(34.05% 17.5%, 38.75% 11.786%, 41.15% 17.643%);
    background-color: #302922; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(36.05% 3.5%, 41.55% 2.357%, 38.85% 12.214%);
    background-color: #564533; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(38.75% 12.071%, 41.25% 2.929%, 50.65% 13.5%);
    background-color: #403429; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(38.75% 11.9%, 49.9% 13.357%, 41.05% 17.643%);
    background-color: #342A1F; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(41.15% 2.929%, 51.55% 8.786%, 49.65% 13.5%);
    background-color: #4D4135; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(41.05% 17.357%, 49.65% 13.357%, 53.35% 42.357%);
    background-color: #2C2317; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(48.65% 18.5%, 50.25% 8.214%, 59.35% 18.214%);
    background-color: #473C32; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(41.1% 17.3%, 53.55% 42.214%, 45.05% 46.643%);
    background-color: #242017; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(41.85% 19.357%, 45.25% 21.357%, 45.75% 28.643%);
    background-color: #A37431; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(45.15% 21.214%, 48.75% 18.5%, 45.65% 28.5%);
    background-color: #CB9A57; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(48.5% 18.5%, 58.65% 18.03%, 61.45% 27.99%);
    background-color: #4C4237; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(58.05% 25.357%, 62.45% 48.4%, 52.35% 62.9%);
    background-color: #352D25; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(48.55% 18.5%, 61.05% 27.5%, 60.55% 42.357%);
    background-color: #554738; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(42.6% 27.929%, 44.4% 41.214%, 38.45% 45.214%);
    background-color: #262420; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(35.05% 44.5%, 40.4% 37.357%, 37.55% 53.214%);
    background-color: #403429; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(45.05% 46.357%, 56.05% 40.786%, 52.55% 62.786%);
    background-color: #292418; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(48.65% 18.643%, 60.25% 41.786%, 53.15% 41.929%);
    background-color: #483A2E; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(45.15% 46.357%, 52.65% 62.643%, 42.68% 61.2%);
    background-color: #362F20; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(46.65% 58.643%, 53.25% 41.643%, 60.35% 41.643%);
    background-color: #504135; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(42.65% 60.929%, 52.65% 62.5%, 45.45% 74.071%);
    background-color: #302917; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(42.75% 60.929%, 48.05% 84.786%, 42.75% 84.786%);
    background-color: #3A322B; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(45.45% 73.786%, 52.55% 62.071%, 53.95% 66.5%);
    background-color: #29251B; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(52.45% 62.643%, 62.45% 48.214%, 60.65% 68.929%);
    background-color: #4C3E32; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(52.55% 62.5%, 60.75% 68.786%, 58.55% 79.929%);
    background-color: #342C27; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(60.65% 68.643%, 60.95% 86.5%, 56.65% 86.5%);
    background-color: #3A322E; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(28.25% 15.214%, 29.05% 14.071%, 29.55% 16.786%);
    background-color: #4C3E32; }
  #animalchanger.bear .wrap .shard-wrap:nth-child(31) .shard, #animalchanger.bear .wrap .shard-wrap:nth-child(32) .shard, #animalchanger.bear .wrap .shard-wrap:nth-child(33) .shard {
    -webkit-clip-path: polygon(31.25% 18.214%, 32.05% 17.071%, 30.8% 12.786%);
    background-color: #F1A9E2; }

#animalchanger.echidna {
  background-color: #DFBC94; }
  #animalchanger.echidna .stage .animal-nav .why-endangered span, #animalchanger.echidna .stage .animal-nav .why-endangered::after {
    color: #DFBC94; }
  #animalchanger.echidna .stage .nav-btn::after {
    background-color: #DFBC94; }
  #animalchanger.echidna .stage .popout {
    color: #DFBC94; }
  #animalchanger.echidna .stage .mute span {
    border-color: #DFBC94; }
  #animalchanger.echidna .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #DFBC94; }
    #animalchanger.echidna .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.echidna .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #DFBC94; }
  #animalchanger.echidna .wallpaper span {
    border-color: #DFBC94; }
  #animalchanger.echidna .wallpaper span::before, #animalchanger.echidna .wallpaper span::after {
    background-color: #DFBC94; }
  #animalchanger.echidna .overlay h2, #animalchanger.echidna .overlay p span, #animalchanger.echidna .overlay a {
    color: #DFBC94; }
  #animalchanger.echidna .wrap .shadow {
    left: 25%;
    width: 45%;
    bottom: 12.5%;
    height: 6%; }
    #animalchanger.echidna .wrap .shadow::before {
      left: 66%;
      bottom: 27%;
      width: 45%;
      height: 60%; }
    #animalchanger.echidna .wrap .shadow::after {
      left: 1%;
      bottom: 22%;
      height: 25%;
      width: 18%; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(14.4% 77.429%, 22.2% 61.143%, 23.9% 63.429%);
    background-color: #7C6E69; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(14.4% 77.286%, 20.5% 68.143%, 15.7% 77.429%);
    background-color: #635B53; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(22.2% 61.286%, 29.9% 46.857%, 23.8% 63.571%);
    background-color: #5E4648; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(23.5% 63.7%, 30% 46.7%, 33.5% 55.6%);
    background-color: #3C2628; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(23.6% 63.571%, 33.4% 55.429%, 32.3% 64.286%);
    background-color: #24181A; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(23.6% 63.429%, 26.9% 63.714%, 19.9% 69.286%);
    background-color: #131214; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(24.8% 60.571%, 26% 57.429%, 27.2% 58.571%);
    background-color: #171715; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(29.9% 46.714%, 40.9% 53.857%, 33.3% 55.429%);
    background-color: #432D32; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(33.2% 55.286%, 40.7% 53.75%, 32.1% 64.143%);
    background-color: #331F1F; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(29.8% 46.857%, 40.5% 41.857%, 40.7% 53.857%);
    background-color: #513838; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(49.4% 80.77%, 50.8% 69.05%, 42.1% 68.286%);
    background-color: #1D1414; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(40.5% 53.714%, 45.2% 69.286%, 31.8% 64.4%);
    background-color: #402729; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(32.8% 54%, 34.3% 53.571%, 34.1% 57%);
    background-color: #CBC0B6; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(26% 77.286%, 36% 72%, 29.4% 84.143%);
    background-color: #24181A; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(32.1% 64.286%, 45.2% 69.286%, 26% 77.429%);
    background-color: #513838; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(40.4% 53.99%, 54.2% 34%, 55.9% 48.857%);
    background-color: #543C3E; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(40.4% 54.1%, 40.4% 43.571%, 54.2% 34.1%);
    background-color: #4A3232; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(40.5% 53.857%, 55.7% 48.571%, 54.6% 61.143%);
    background-color: #412828; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(40.4% 53.7%, 54.8% 61.1%, 45.1% 69.286%);
    background-color: #483330; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(45% 69.4%, 54.3% 60.7%, 62.2% 71.1%);
    background-color: #2B2124; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(55.7% 48.571%, 54.1% 34.143%, 70.1% 42.714%);
    background-color: #442E2E; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(55.6% 48.429%, 68.1% 57.93%, 54.5% 61.286%);
    background-color: #362424; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(55.5% 48.5%, 69.4% 42.857%, 67.95% 57.99%);
    background-color: #3B2524; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(54.5% 61.143%, 67.9% 57.857%, 65.1% 75.3%);
    background-color: #412828; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(48.7% 66%, 50.6% 67.571%, 47% 67.571%);
    background-color: #CABFB5; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(60.4% 66.571%, 62.6% 65.857%, 61.2% 68.143%);
    background-color: #CBC0B6; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(69.3% 42.857%, 77.8% 62.286%, 67.9% 57.714%);
    background-color: #2B2124; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(67.8% 57.5%, 77.9% 62.186%, 64.9% 75.3%);
    background-color: #312324; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(64.83% 75.143%, 77.7% 62.286%, 66.6% 84.143%);
    background-color: #24181A; }
  #animalchanger.echidna .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(64.9% 75%, 66.7% 84%, 62.6% 84%);
    background-color: #422A2D; }

#animalchanger.loris {
  background-color: #9B7FE6; }
  #animalchanger.loris .stage .animal-nav .why-endangered span, #animalchanger.loris .stage .animal-nav .why-endangered::after {
    color: #9B7FE6; }
  #animalchanger.loris .stage .nav-btn::after {
    background-color: #9B7FE6; }
  #animalchanger.loris .stage .popout {
    color: #9B7FE6; }
  #animalchanger.loris .stage .mute span {
    border-color: #9B7FE6; }
  #animalchanger.loris .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #9B7FE6; }
    #animalchanger.loris .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.loris .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #9B7FE6; }
  #animalchanger.loris .wallpaper span {
    border-color: #9B7FE6; }
  #animalchanger.loris .wallpaper span::before, #animalchanger.loris .wallpaper span::after {
    background-color: #9B7FE6; }
  #animalchanger.loris .overlay h2, #animalchanger.loris .overlay p span, #animalchanger.loris .overlay a {
    color: #9B7FE6; }
  #animalchanger.loris .wrap .shadow {
    left: 34%;
    width: 60%;
    bottom: 14.2%; }
    #animalchanger.loris .wrap .shadow::before {
      left: 44%;
      bottom: 26%;
      width: 37%;
      height: 55%; }
    #animalchanger.loris .wrap .shadow::after {
      left: 40%;
      bottom: 20%;
      height: 60%;
      width: 30%; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(26.45% 38.071%, 37.65% 37.929%, 26.15% 53.5%);
    background-color: #DDD9D8; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(25.65% 38.357%, 41.45% 24.357%, 37.55% 38.071%);
    background-color: #D2CCC6; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(26.55% 52.643%, 37.45% 37.929%, 41.25% 62.357%);
    background-color: #D3CCC6; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(26.65% 52.786%, 36.55% 59.214%, 34.65% 65.786%);
    background-color: #7F7576; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(36.25% 59.214%, 41.25% 62.214%, 33.75% 69.643%);
    background-color: #A9A19C; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(33.85% 69.5%, 41.15% 62.214%, 40.15% 72.214%);
    background-color: #BEB6B9; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(37.35% 38.071%, 41.15% 24.643%, 48.35% 33.071%);
    background-color: #DAD2CD; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(37.25% 38.071%, 48.25% 32.786%, 39.75% 54.071%);
    background-color: #CEC2B8; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(40.35% 24.071%, 50.75% 18.214%, 48.25% 32.929%);
    background-color: #DDD9D8; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(48.15% 32.643%, 51.75% 49.929%, 40.65% 47.929%);
    background-color: #BEB6B9; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(40.75% 47.786%, 51.75% 49.643%, 53.85% 71.214%);
    background-color: #A69C9D; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(48.15% 32.786%, 50.85% 18.214%, 53.15% 28.5%);
    background-color: #B19986; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(48.15% 33.071%, 53.05% 28.214%, 54.45% 32.929%);
    background-color: #5D4633; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(48.25% 32.786%, 55.75% 32.5%, 51.65% 49.929%);
    background-color: #6A5042; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(55.65% 32.643%, 59.95% 38.643%, 51.65% 49.929%);
    background-color: #483710; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(50.55% 17.643%, 60.25% 13.643%, 53.25% 29.643%);
    background-color: #8F6D5D; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(60.05% 13.5%, 69.15% 18.5%, 66.95% 29.786%);
    background-color: #8F6D5D; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(51.85% 31.5%, 60.15% 13.643%, 60.05% 38.786%);
    background-color: #979599; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(60.15% 13.643%, 68.55% 31.5%, 60.05% 38.929%);
    background-color: #DDD2CC; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(54.05% 30.357%, 56.75% 30.357%, 57.65% 35.214%);
    background-color: #1B1D20; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(54.05% 30.214%, 58.35% 17.643%, 60.15% 32.357%);
    background-color: #3D383F; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(63.25% 30.786%, 66.35% 30.214%, 62.65% 35.071%);
    background-color: #1B1D20; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(59.95% 32.214%, 61.85% 17.643%, 66.45% 30.357%);
    background-color: #3D383F; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(58.65% 35.786%, 60.15% 32.214%, 61.45% 35.786%);
    background-color: #524449; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(58.75% 35.786%, 61.45% 35.786%, 60.05% 37.929%);
    background-color: #16120D; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(50.55% 17.643%, 52.75% 20.071%, 51.55% 22.071%);
    background-color: #69544A; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(66.95% 20.929%, 69.05% 18.5%, 68.25% 23.071%);
    background-color: #69544A; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(60.15% 38.929%, 67.55% 32.357%, 65.55% 51.929%);
    background-color: #C6B2AB; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(60.25% 38.929%, 65.65% 51.786%, 60.65% 56.071%);
    background-color: #A79690; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(60.65% 55.643%, 65.65% 51.643%, 66.25% 70.5%);
    background-color: #D7D3D2; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(31) .shard {
    -webkit-clip-path: polygon(23.25% 62.071%, 69.15% 68.786%, 24.85% 65.929%);
    background-color: #6A5042; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(32) .shard {
    -webkit-clip-path: polygon(24.85% 65.786%, 68.95% 68.786%, 69.85% 71.643%);
    background-color: #4D2E21; }
  #animalchanger.loris .wrap .shard-wrap:nth-child(33) .shard {
    -webkit-clip-path: polygon(69.05% 68.929%, 74.35% 83.214%, 71.95% 83.214%);
    background-color: #4B2D20; }

#animalchanger.damselfly {
  background-color: #F68F6F; }
  #animalchanger.damselfly .stage .animal-nav .why-endangered span, #animalchanger.damselfly .stage .animal-nav .why-endangered::after {
    color: #F68F6F; }
  #animalchanger.damselfly .stage .nav-btn::after {
    background-color: #F68F6F; }
  #animalchanger.damselfly .stage .popout {
    color: #F68F6F; }
  #animalchanger.damselfly .stage .mute span {
    border-color: #F68F6F; }
  #animalchanger.damselfly .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #F68F6F; }
    #animalchanger.damselfly .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.damselfly .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #F68F6F; }
  #animalchanger.damselfly .wallpaper span {
    border-color: #F68F6F; }
  #animalchanger.damselfly .wallpaper span::before, #animalchanger.damselfly .wallpaper span::after {
    background-color: #F68F6F; }
  #animalchanger.damselfly .overlay h2, #animalchanger.damselfly .overlay p span, #animalchanger.damselfly .overlay a {
    color: #F68F6F; }
  #animalchanger.damselfly .wrap .shadow {
    left: 20%;
    width: 55%;
    bottom: 12.5%;
    height: 3%; }
    #animalchanger.damselfly .wrap .shadow::before {
      width: 0%; }
    #animalchanger.damselfly .wrap .shadow::after {
      width: 0%; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(16.8% 56.143%, 21.4% 54.143%, 19.1% 60%);
    background-color: #272729; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(21.4% 54.143%, 24.8% 60.143%, 19% 60%);
    background-color: #A72A34; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(21.4% 54.143%, 27.5% 54.857%, 24.7% 60.286%);
    background-color: #C4334A; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(24.7% 60.143%, 27.5% 54.9%, 29.4% 59.429%);
    background-color: #101F1F; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(27.4% 54.8%, 34.3% 59.6%, 29.3% 59.4%);
    background-color: #2C292D; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(27.4% 54.857%, 32% 54.143%, 34.2% 59.8%);
    background-color: #3C3A42; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(31.9% 54.143%, 37.8% 54.571%, 34.02% 59.6%);
    background-color: #272729; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(34% 59.571%, 37.6% 54.571%, 39.8% 58.857%);
    background-color: #BA223A; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(37.5% 54.571%, 43.9% 56.429%, 39.7% 58.857%);
    background-color: #C4304A; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(37.5% 54.571%, 48% 54.714%, 43.5% 56.571%);
    background-color: #DE4C63; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(39.7% 58.857%, 43.5% 56.429%, 47.5% 59.429%);
    background-color: #9A2A3C; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(43.4% 56.429%, 47.99% 54.714%, 50.4% 56.6%);
    background-color: #BB293A; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(43.4% 56.286%, 50.4% 56.429%, 47.4% 59.571%);
    background-color: #C52F49; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(48% 54.714%, 56.1% 53.857%, 50.3% 56.571%);
    background-color: #DE4C63; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(47.4% 59.429%, 50.3% 56.429%, 53.4% 58.714%);
    background-color: #8D233B; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(50.3% 56.429%, 56.1% 53.857%, 53.4% 58.857%);
    background-color: #BC2D40; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(53.3% 58.7%, 56% 54%, 60.3% 58.714%);
    background-color: #A72A34; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(55.8% 54%, 64.3% 54.571%, 60.3% 58.714%);
    background-color: #DE3C58; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(60.2% 58.714%, 64.2% 54.571%, 75.5% 59.2%);
    background-color: #181B1F; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(64.3% 54.65%, 65.6% 51.429%, 77.5% 54%);
    background-color: #45424B; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(64% 54.6%, 78.3% 53.714%, 75.4% 59.26%);
    background-color: #2D2C35; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(70.7% 59%, 71.5% 59.143%, 66.5% 71.143%);
    background-color: #262624; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(73.6% 59%, 74.9% 59.1%, 71.9% 68.714%);
    background-color: #333E4E; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(72.3% 67.429%, 79.4% 78.429%, 71.9% 68.857%);
    background-color: #1D2124; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(75.4% 56.286%, 76.4% 51.857%, 79.9% 54.143%);
    background-color: #812925; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(75.4% 56.143%, 79.9% 54.143%, 78.4% 58.429%);
    background-color: #3B0F13; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(38.6% 19%, 69.5% 53.714%, 41.5% 30.857%);
    background-color: #6D9B9F; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(57.4% 28.714%, 69.5% 53.857%, 62.4% 44.286%);
    background-color: #9ABFC2; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(44.7% 29%, 51.5% 10%, 62.5% 44.429%);
    background-color: #80B1B4; }
  #animalchanger.damselfly .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(44.7% 29%, 40% 9.857%, 51.6% 10.143%);
    background-color: #9ABFC2; }

#animalchanger.sloth {
  background-color: #FDACB4; }
  #animalchanger.sloth .stage .animal-nav .why-endangered span, #animalchanger.sloth .stage .animal-nav .why-endangered::after {
    color: #FDACB4; }
  #animalchanger.sloth .stage .nav-btn::after {
    background-color: #FDACB4; }
  #animalchanger.sloth .stage .popout {
    color: #FDACB4; }
  #animalchanger.sloth .stage .mute span {
    border-color: #FDACB4; }
  #animalchanger.sloth .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #FDACB4; }
    #animalchanger.sloth .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.sloth .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #FDACB4; }
  #animalchanger.sloth .wallpaper span {
    border-color: #FDACB4; }
  #animalchanger.sloth .wallpaper span::before, #animalchanger.sloth .wallpaper span::after {
    background-color: #FDACB4; }
  #animalchanger.sloth .overlay h2, #animalchanger.sloth .overlay p span, #animalchanger.sloth .overlay a {
    color: #FDACB4; }
  #animalchanger.sloth .chart.show-chart-1 .shard {
    -webkit-clip-path: polygon(25% 7%, 68% 19%, 80% 50.2%, 59% 66%, 45% 59%, 50% 50%, 50% 50%, 50% 50%); }
  #animalchanger.sloth .chart.show-chart-2 .shard {
    -webkit-clip-path: polygon(25% 7%, 71% 14%, 90% 50.2%, 65.5% 77%, 38.5% 70%, 41% 50%, 50% 50%, 50% 50%); }
  #animalchanger.sloth .wrap .shadow {
    left: 20%;
    width: 55%;
    bottom: 12.5%;
    height: 5%; }
    #animalchanger.sloth .wrap .shadow::before {
      left: -19%;
      bottom: 16%;
      width: 35%;
      height: 85%; }
    #animalchanger.sloth .wrap .shadow::after {
      left: 93%;
      bottom: 13%;
      height: 55%;
      width: 18%; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(1) .shard {
    transition-duration: 0.57s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(2) .shard {
    transition-duration: 0.74s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(3) .shard {
    transition-duration: 0.91s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(4) .shard {
    transition-duration: 1.08s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(5) .shard {
    transition-duration: 1.25s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(6) .shard {
    transition-duration: 1.42s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(7) .shard {
    transition-duration: 1.59s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(8) .shard {
    transition-duration: 1.76s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(9) .shard {
    transition-duration: 1.93s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(10) .shard {
    transition-duration: 2.1s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(11) .shard {
    transition-duration: 2.27s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(12) .shard {
    transition-duration: 2.44s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(13) .shard {
    transition-duration: 2.61s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(14) .shard {
    transition-duration: 2.78s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(15) .shard {
    transition-duration: 2.95s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(16) .shard {
    transition-duration: 3.12s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(17) .shard {
    transition-duration: 3.29s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(18) .shard {
    transition-duration: 3.46s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(19) .shard {
    transition-duration: 3.63s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(20) .shard {
    transition-duration: 3.8s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(21) .shard {
    transition-duration: 3.97s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(22) .shard {
    transition-duration: 4.14s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(23) .shard {
    transition-duration: 4.31s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(24) .shard {
    transition-duration: 4.48s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(25) .shard {
    transition-duration: 4.65s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(26) .shard {
    transition-duration: 4.82s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(27) .shard {
    transition-duration: 4.99s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(28) .shard {
    transition-duration: 5.16s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(29) .shard {
    transition-duration: 5.33s; }
  body:not(.smash) #animalchanger.sloth .wrap .shard-wrap:nth-child(30) .shard {
    transition-duration: 5.5s; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(32.85% 53.714%, 47.55% 57.714%, 32.05% 70.429%);
    background-color: #7C5F4B; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(26.45% 49.286%, 34.65% 68.143%, 31.75% 73.143%);
    background-color: #907B72; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(34.6% 68.03%, 52.3% 75.286%, 31.65% 73.143%);
    background-color: #1F1D17; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(34.65% 68.143%, 47.45% 57.8%, 50.6% 65.6%);
    background-color: #52453C; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(34.3% 68.1%, 50.6% 65.5%, 52.35% 75.429%);
    background-color: #333128; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(32.95% 54.143%, 52.15% 44%, 47.35% 58%);
    background-color: #8F6A59; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(33.25% 53.857%, 31.65% 30%, 38.95% 47.857%);
    background-color: #6A5E51; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(31.75% 55%, 42.3% 42.4%, 52.5% 44%);
    background-color: #9A755B; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(53.55% 39%, 63.25% 54.143%, 47.3% 57.99%);
    background-color: #866042; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(41.25% 42.286%, 52.2% 36.857%, 57.15% 44.857%);
    background-color: #79584C; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(47.35% 57.8%, 63.3% 54%, 50.5% 65.714%);
    background-color: #624C3E; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(50.45% 65.571%, 63.25% 54%, 52.15% 75.429%);
    background-color: #3B372F; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(63.25% 53.9%, 68.35% 64.429%, 51.5% 76.571%);
    background-color: #484240; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(63.15% 53.857%, 74.85% 37%, 68.3% 64.4%);
    background-color: #443930; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(52.05% 36.857%, 60.2% 40.286%, 63.3% 54.3%);
    background-color: #754C34; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(52.05% 37%, 52.25% 14.429%, 65.15% 42.286%);
    background-color: #3A2C1A; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(48.35% 17.714%, 52.25% 14.286%, 54.35% 25.143%);
    background-color: #594F48; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(63.25% 54.143%, 58.15% 31.286%, 68.35% 25.286%);
    background-color: #8F715A; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(63.15% 54%, 68.35% 25.286%, 74.95% 37.143%);
    background-color: #6D523A; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(60.75% 34.429%, 67.45% 29.857%, 71.85% 37.429%);
    background-color: #BFB0A3; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(59.65% 36.571%, 66.45% 35%, 64.15% 49%);
    background-color: #99867B; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(66.35% 35%, 72.35% 40.286%, 64.05% 48.857%);
    background-color: #806D5B; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(62.55% 37.429%, 66.45% 35.143%, 69.25% 39.429%);
    background-color: #5A5D6E; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(62.45% 37.429%, 69.25% 39.429%, 65.45% 40.857%);
    background-color: #313430; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(59.75% 36.571%, 63.35% 33%, 65.05% 35.429%);
    background-color: #3A2E22; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(67.65% 36.143%, 70.25% 35.429%, 72.15% 40.143%);
    background-color: #392D21; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(59.65% 36.571%, 60.85% 31.429%, 64.35% 32%);
    background-color: #DBAE63; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(69.45% 33.571%, 72.25% 34.429%, 72.25% 40.286%);
    background-color: #DBAE63; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(63.15% 54%, 80.35% 68.143%, 72.55% 69.4%);
    background-color: #635552; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(73.35% 69.3%, 81.75% 60.286%, 80.35% 68.143%);
    background-color: #876C5F; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(31) .shard {
    -webkit-clip-path: polygon(19.85% 40%, 21.65% 43.714%, 19.15% 85%);
    background-color: #4D373D; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(32) .shard {
    -webkit-clip-path: polygon(20.3% 41%, 40.25% 29.3%, 21.6% 43.771%);
    background-color: #1F1D17; }
  #animalchanger.sloth .wrap .shard-wrap:nth-child(33) .shard {
    -webkit-clip-path: polygon(20.35% 41%, 60.45% 12.714%, 63.45% 15.714%);
    background-color: #4D373D; }

#animalchanger.owl .wrap .shard-wrap:nth-child(1) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(1) .shard {
  -webkit-clip-path: polygon(43.576% 5.071%, 35.376% 10.5%, 52.676% 9.643%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(2) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(2) .shard {
  -webkit-clip-path: polygon(35.376% 10.5%, 42.176% 15.071%, 52.676% 9.5%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(3) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(3) .shard {
  -webkit-clip-path: polygon(35.376% 10.5%, 32.976% 23.357%, 42.176% 15.071%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(4) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(4) .shard {
  -webkit-clip-path: polygon(42.176% 15.071%, 52.676% 9.5%, 54.976% 21.071%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(5) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(5) .shard {
  -webkit-clip-path: polygon(35.976% 11.786%, 41.176% 11.786%, 42.276% 15.071%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(6) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(6) .shard {
  -webkit-clip-path: polygon(42.176% 15.071%, 43.376% 11.643%, 48.776% 12.5%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(7) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(7) .shard {
  -webkit-clip-path: polygon(32.976% 23.214%, 42.176% 15.071%, 41.776% 23.5%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(8) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(8) .shard {
  -webkit-clip-path: polygon(42.176% 15.071%, 41.776% 23.5%, 54.976% 21.071%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(9) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(9) .shard {
  -webkit-clip-path: polygon(42.176% 15.214%, 40.476% 19.357%, 41.776% 23.5%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(10) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(10) .shard {
  -webkit-clip-path: polygon(42.176% 15.214%, 41.676% 23.357%, 43.876% 19.5%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(11) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(11) .shard {
  -webkit-clip-path: polygon(31.576% 31.929%, 33.576% 28.357%, 35.976% 52.786%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(12) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(12) .shard {
  -webkit-clip-path: polygon(33.576% 28.357%, 44.976% 31.357%, 35.776% 50.786%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(13) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(13) .shard {
  -webkit-clip-path: polygon(32.976% 23.214%, 31.676% 31.929%, 37.176% 21.929%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(14) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(14) .shard {
  -webkit-clip-path: polygon(33.576% 28.357%, 37.176% 21.929%, 38.176% 31.5%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(15) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(15) .shard {
  -webkit-clip-path: polygon(37.176% 21.929%, 41.676% 23.5%, 38.076% 31.643%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(16) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(16) .shard {
  -webkit-clip-path: polygon(41.8% 23.2%, 38.05% 31.5%, 45.2% 31.5%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(17) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(17) .shard {
  -webkit-clip-path: polygon(41.776% 23.5%, 44.976% 31.357%, 48.076% 20.643%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(18) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(18) .shard {
  -webkit-clip-path: polygon(44.976% 31.357%, 35.876% 50.786%, 54.176% 53.643%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(19) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(19) .shard {
  -webkit-clip-path: polygon(35.876% 50.786%, 58.076% 53.929%, 61.476% 73.5%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(20) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(20) .shard {
  -webkit-clip-path: polygon(44.976% 31.357%, 48.1% 20.3%, 48.16% 42.357%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(21) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(21) .shard {
  -webkit-clip-path: polygon(48.076% 20.643%, 48.076% 42.3%, 55% 35.1%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(22) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(22) .shard {
  -webkit-clip-path: polygon(48% 20.643%, 55.03% 20.929%, 54.95% 35.2%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(23) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(23) .shard {
  -webkit-clip-path: polygon(48.1% 42.2%, 57.8% 32.071%, 63.9% 51.3%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(24) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(24) .shard {
  -webkit-clip-path: polygon(55% 20.929%, 54.9% 35.071%, 63.1% 44.357%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(25) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(25) .shard {
  -webkit-clip-path: polygon(55% 20.929%, 63% 44.214%, 61.9% 31.214%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(26) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(26) .shard {
  -webkit-clip-path: polygon(55% 35.071%, 62.1% 45.929%, 60.7% 41.5%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(27) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(27) .shard {
  -webkit-clip-path: polygon(48.05% 42.1%, 66.4% 76.214%, 62.9% 50.643%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(28) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(28) .shard {
  -webkit-clip-path: polygon(58.9% 62.357%, 62.9% 80.071%, 64.8% 73.357%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(29) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(29) .shard {
  -webkit-clip-path: polygon(45.1% 58.929%, 41.7% 63.071%, 47.2% 60.786%); }
#animalchanger.owl .wrap .shard-wrap:nth-child(30) .shard, .preloader #animalchanger.owl-shards .wrap .shard-wrap:nth-child(30) .shard {
  -webkit-clip-path: polygon(47.2% 60.786%, 44.6% 68.214%, 49.4% 62.786%); }

#animalchanger.owl {
  background-color: #a09de5; }
  #animalchanger.owl .stage .animal-nav .why-endangered span, #animalchanger.owl .stage .animal-nav .why-endangered::after {
    color: #a09de5; }
  #animalchanger.owl .stage .nav-btn::after {
    background-color: #a09de5; }
  #animalchanger.owl .stage .popout {
    color: #a09de5; }
  #animalchanger.owl .stage .mute span {
    border-color: #a09de5; }
  #animalchanger.owl .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #a09de5; }
    #animalchanger.owl .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.owl .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #a09de5; }
  #animalchanger.owl .wallpaper span {
    border-color: #a09de5; }
  #animalchanger.owl .wallpaper span::before, #animalchanger.owl .wallpaper span::after {
    background-color: #a09de5; }
  #animalchanger.owl .overlay h2, #animalchanger.owl .overlay p span, #animalchanger.owl .overlay a {
    color: #a09de5; }
  #animalchanger.owl .wrap .shadow {
    left: 15%;
    bottom: 12%;
    width: 70%;
    height: 6%; }
    #animalchanger.owl .wrap .shadow::before {
      left: 48%;
      bottom: 16%;
      width: 37%;
      height: 70%; }
    #animalchanger.owl .wrap .shadow::after {
      width: 0;
      left: 50%; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(43.576% 5.071%, 35.376% 10.5%, 52.676% 9.643%);
    background-color: #8B7F7A; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(35.376% 10.5%, 42.176% 15.071%, 52.676% 9.5%);
    background-color: #75614B; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(35.376% 10.5%, 32.976% 23.357%, 42.176% 15.071%);
    background-color: #B1A799; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(42.176% 15.071%, 52.676% 9.5%, 54.976% 21.071%);
    background-color: #BCAEA5; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(35.976% 11.786%, 41.176% 11.786%, 42.276% 15.071%);
    background-color: #D3CBC7; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(42.176% 15.071%, 43.376% 11.643%, 48.776% 12.5%);
    background-color: #D3CBC7; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(32.976% 23.214%, 42.176% 15.071%, 41.776% 23.5%);
    background-color: #A09086; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(42.176% 15.071%, 41.776% 23.5%, 54.976% 21.071%);
    background-color: #5B5852; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(42.176% 15.214%, 40.476% 19.357%, 41.776% 23.5%);
    background-color: #D2B253; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(42.176% 15.214%, 41.676% 23.357%, 43.876% 19.5%);
    background-color: #937428; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(31.576% 31.929%, 33.576% 28.357%, 35.976% 52.786%);
    background-color: #B6ACA6; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(33.576% 28.357%, 44.976% 31.357%, 35.776% 50.786%);
    background-color: #C1BAB6; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(32.976% 23.214%, 31.676% 31.929%, 37.176% 21.929%);
    background-color: #685C5B; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(33.576% 28.357%, 37.176% 21.929%, 38.176% 31.5%);
    background-color: #4F4B4C; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(37.176% 21.929%, 41.676% 23.5%, 38.076% 31.643%);
    background-color: #858184; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(41.8% 23.2%, 38.05% 31.5%, 45.2% 31.5%);
    background-color: #4F4B4C; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(41.776% 23.5%, 44.976% 31.357%, 48.076% 20.643%);
    background-color: #858184; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(44.976% 31.357%, 35.876% 50.786%, 54.176% 53.643%);
    background-color: #B5A9A6; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(35.876% 50.786%, 58.076% 53.929%, 61.476% 73.5%);
    background-color: #9F918A; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(44.976% 31.357%, 48.1% 20.3%, 48.16% 42.357%);
    background-color: #696360; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(48.076% 20.643%, 48.076% 42.3%, 55% 35.1%);
    background-color: #414343; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(48% 20.643%, 55.03% 20.929%, 54.95% 35.2%);
    background-color: #4C4B48; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(48.1% 42.2%, 57.8% 32.071%, 63.9% 51.3%);
    background-color: #33312D; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(55% 20.929%, 54.9% 35.071%, 63.1% 44.357%);
    background-color: #393B3D; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(55% 20.929%, 63% 44.214%, 61.9% 31.214%);
    background-color: #282628; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(55% 35.071%, 62.1% 45.929%, 60.7% 41.5%);
    background-color: #241F1B; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(48.05% 42.1%, 66.4% 76.214%, 62.9% 50.643%);
    background-color: #171619; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(58.9% 62.357%, 62.9% 80.071%, 64.8% 73.357%);
    background-color: #494238; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(45.1% 58.929%, 41.7% 63.071%, 47.2% 60.786%);
    background-color: #6C4D34; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(47.2% 60.786%, 44.6% 68.214%, 49.4% 62.786%);
    background-color: #84614A; }
  #animalchanger.owl .wrap .shard-wrap.peripheral:nth-child(31) .shard {
    -webkit-clip-path: polygon(23.5% 43.786%, 22.3% 47.5%, 55.8% 69.357%);
    background-color: #392232; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(32) .shard {
    -webkit-clip-path: polygon(33% 54.357%, 60.5% 78.643%, 55.8% 69.357%);
    background-color: #170C02; }
  #animalchanger.owl .wrap .shard-wrap:nth-child(33) .shard {
    -webkit-clip-path: polygon(55.8% 69.214%, 62.5% 84.929%, 67.1% 85.071%);
    background-color: #2E1A1F; }

#animalchanger.tapir {
  background-color: #FEC54F; }
  #animalchanger.tapir .stage .animal-nav .why-endangered span, #animalchanger.tapir .stage .animal-nav .why-endangered::after {
    color: #FEC54F; }
  #animalchanger.tapir .stage .nav-btn::after {
    background-color: #FEC54F; }
  #animalchanger.tapir .stage .popout {
    color: #FEC54F; }
  #animalchanger.tapir .stage .mute span {
    border-color: #FEC54F; }
  #animalchanger.tapir .stage .animalinfo li:nth-child(3) .direct-stats span {
    border-color: #FEC54F; }
    #animalchanger.tapir .stage .animalinfo li:nth-child(3) .direct-stats span::before, #animalchanger.tapir .stage .animalinfo li:nth-child(3) .direct-stats span::after {
      background-color: #FEC54F; }
  #animalchanger.tapir .wallpaper span {
    border-color: #FEC54F; }
  #animalchanger.tapir .wallpaper span::before, #animalchanger.tapir .wallpaper span::after {
    background-color: #FEC54F; }
  #animalchanger.tapir .overlay h2, #animalchanger.tapir .overlay p span, #animalchanger.tapir .overlay a {
    color: #FEC54F; }
  #animalchanger.tapir .wrap .shadow {
    left: 18.8%;
    bottom: 9%;
    width: 27%;
    height: 6%; }
    #animalchanger.tapir .wrap .shadow::before {
      left: 168%;
      bottom: 43%;
      width: 68%;
      height: 59%; }
    #animalchanger.tapir .wrap .shadow::after {
      width: 140%;
      left: 68%;
      height: 110%;
      bottom: 20%; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(1) .shard {
    -webkit-clip-path: polygon(11.1% 81.286%, 13.9% 80.286%, 13.9% 74.429%);
    background-color: #262327; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(2) .shard {
    -webkit-clip-path: polygon(9.6% 71.3%, 11.2% 81.2%, 13.95% 74.571%);
    background-color: #3C3642; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(3) .shard {
    -webkit-clip-path: polygon(9.6% 71.6%, 13.8% 74.571%, 18% 65.7%);
    background-color: #262327; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(4) .shard {
    -webkit-clip-path: polygon(9.55% 71.8%, 17.9% 65.857%, 11.7% 56.286%);
    background-color: #2E2C31; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(5) .shard {
    -webkit-clip-path: polygon(11.7% 56.5%, 17.9% 66%, 16.5% 46.143%);
    background-color: #37343E; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(6) .shard {
    -webkit-clip-path: polygon(17.8% 65.7%, 15.6% 70.714%, 26.2% 61.286%);
    background-color: #17171A; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(7) .shard {
    -webkit-clip-path: polygon(16.44% 45.8%, 17.7% 65.857%, 26.4% 61.429%);
    background-color: #262327; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(8) .shard {
    -webkit-clip-path: polygon(16.4% 46.143%, 26.2% 61.429%, 26.4% 36%);
    background-color: #1B1B1E; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(9) .shard {
    -webkit-clip-path: polygon(13.8% 41.857%, 16.5% 41%, 17.4% 47.429%);
    background-color: #131215; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(10) .shard {
    -webkit-clip-path: polygon(26.3% 36%, 26.1% 61.429%, 34.3% 63.4%);
    background-color: #262327; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(11) .shard {
    -webkit-clip-path: polygon(26.2% 36.05%, 45.7% 40.29%, 34% 63.429%);
    background-color: #2F2B36; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(12) .shard {
    -webkit-clip-path: polygon(26.3% 36.143%, 42.8% 27%, 44.8% 40.429%);
    background-color: #262529; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(13) .shard {
    -webkit-clip-path: polygon(44.7% 40.429%, 33.9% 63.429%, 47.9% 61.429%);
    background-color: #171619; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(14) .shard {
    -webkit-clip-path: polygon(33.9% 63.286%, 30.2% 78%, 48% 61.2%);
    background-color: #29282C; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(15) .shard {
    -webkit-clip-path: polygon(30.2% 77.857%, 35.6% 72.7%, 32.6% 88%);
    background-color: #131215; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(16) .shard {
    -webkit-clip-path: polygon(40.5% 68.143%, 47.9% 61.286%, 46.1% 77.857%);
    background-color: #040808; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(17) .shard {
    -webkit-clip-path: polygon(40.5% 68%, 43.4% 84.857%, 46.1% 77.6%);
    background-color: #262327; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(18) .shard {
    -webkit-clip-path: polygon(42.25% 77.714%, 37.6% 85.286%, 43.45% 84.714%);
    background-color: #131215; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(19) .shard {
    -webkit-clip-path: polygon(42.7% 27%, 47.8% 61.429%, 59.2% 41.571%);
    background-color: #C6CFDD; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(20) .shard {
    -webkit-clip-path: polygon(42.7% 27%, 59.1% 41.571%, 71.5% 25.857%);
    background-color: #DCE6F0; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(21) .shard {
    -webkit-clip-path: polygon(59.1% 41.429%, 49.3% 58.571%, 65% 62.143%);
    background-color: #BCC2CD; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(22) .shard {
    -webkit-clip-path: polygon(49.5% 58.429%, 47.9% 61.429%, 64.9% 62.143%);
    background-color: #29282C; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(23) .shard {
    -webkit-clip-path: polygon(59.1% 41.3%, 71.5% 25.857%, 64.9% 62.143%);
    background-color: #CED7E5; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(24) .shard {
    -webkit-clip-path: polygon(71.5% 25.857%, 64.9% 62.143%, 89.3% 43.429%);
    background-color: #DCE6F0; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(25) .shard {
    -webkit-clip-path: polygon(83.9% 63.571%, 82.4% 86.286%, 86.5% 86.286%);
    background-color: #302B2B; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(26) .shard {
    -webkit-clip-path: polygon(74.4% 57.714%, 85.6% 77.857%, 83.1% 57%);
    background-color: #000000; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(27) .shard {
    -webkit-clip-path: polygon(64.9% 62.143%, 89.3% 43.286%, 86.2% 56.286%);
    background-color: #1B1B1E; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(28) .shard {
    -webkit-clip-path: polygon(70.7% 60.4%, 79.8% 77.8%, 79.8% 57.8%);
    background-color: #29282C; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(29) .shard {
    -webkit-clip-path: polygon(76.1% 70.6%, 73% 86.6%, 79.88% 77.6%);
    background-color: #19191B; }
  #animalchanger.tapir .wrap .shard-wrap:nth-child(30) .shard {
    -webkit-clip-path: polygon(88.8% 44.643%, 87.6% 50.071%, 92.7% 47.5%);
    background-color: #2F2F32; }

.smash .stage .animal-nav .why-endangered span {
  color: #1C1C1C !important;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s; }
.smash .stage .nav-btn::after {
  background-color: #1C1C1C !important;
  -webkit-transition: background 0.13s 0.1s linear;
  -moz-transition: background 0.13s 0.1s linear;
  transition: background 0.13s 0.1s linear; }
.smash .stage .popout {
  color: #1C1C1C !important;
  -webkit-transition: all 0.26s cubic-bezier(0.62, 0.02, 0.34, 1, background 0.13s 0.1s linear);
  -moz-transition: all 0.26s cubic-bezier(0.62, 0.02, 0.34, 1, background 0.13s 0.1s linear);
  transition: all 0.26s cubic-bezier(0.62, 0.02, 0.34, 1, background 0.13s 0.1s linear); }
.smash #animalchanger {
  -webkit-transition: background 0.13s linear;
  -moz-transition: background 0.13s linear;
  transition: background 0.13s linear;
  background-color: #B7A15F; }
  .smash #animalchanger::before {
    opacity: 0.13;
    -webkit-transition-delay: 0.24s;
    -moz-transition-delay: 0.24s;
    transition-delay: 0.24s;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3); }
  .smash #animalchanger .level-one {
    -webkit-transition: all 3.5s cubic-bezier(0, 0.77, 0.2, 1) 0.13s;
    -moz-transition: all 3.5s cubic-bezier(0, 0.77, 0.2, 1) 0.13s;
    transition: all 3.5s cubic-bezier(0, 0.77, 0.2, 1) 0.13s;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    margin-top: 0; }
    .smash #animalchanger .level-one .level-two {
      -webkit-transition: 1500s linear 0.4s;
      -moz-transition: 1500s linear 0.4s;
      transition: 1500s linear 0.4s;
      -webkit-transform: rotate(6000deg) !important;
      -moz-transform: rotate(6000deg) !important;
      -ms-transform: rotate(6000deg) !important;
      -o-transform: rotate(6000deg) !important;
      transform: rotate(6000deg) !important; }
    .smash #animalchanger .level-one .animal-mover {
      -webkit-transform: translateX(0) translateY(0) rotate(0deg);
      -moz-transform: translateX(0) translateY(0) rotate(0deg);
      -ms-transform: translateX(0) translateY(0) rotate(0deg);
      -o-transform: translateX(0) translateY(0) rotate(0deg);
      transform: translateX(0) translateY(0) rotate(0deg);
      -webkit-transition: 0.1s;
      -moz-transition: 0.1s;
      transition: 0.1s; }
.smash .wrap .shard-wrap .shard {
  -webkit-transition: all 0.24s 0.13s, background-image 0s;
  -moz-transition: all 0.24s 0.13s, background-image 0s;
  transition: all 0.24s 0.13s, background-image 0s; }
.smash .wrap .shard-wrap:nth-child(2n) .shard {
  /* background-image: url("../img/blood.png"); */
  background-position: center center;
  background-repeat: repeat;
  background-size: 10%; }
.smash .wrap .shard-wrap:nth-child(1) .shard {
  -webkit-clip-path: polygon(23.2% 21.571%, 21.7% 17.714%, 20.2% 19.857%) !important; }
.smash .wrap .shard-wrap:nth-child(2) .shard {
  -webkit-clip-path: polygon(18.8% 25.714%, 16.3% 22.714%, 15.6% 24%) !important; }
.smash .wrap .shard-wrap:nth-child(3) .shard {
  -webkit-clip-path: polygon(10% 20%, 10.5% 20.5%, 11% 20%) !important; }
.smash .wrap .shard-wrap:nth-child(4) .shard {
  -webkit-clip-path: polygon(10% 30%, 11% 32%, 12% 31%) !important; }
.smash .wrap .shard-wrap:nth-child(5) .shard {
  -webkit-clip-path: polygon(18.5% 42.286%, 15.2% 40.286%, 15.9% 42.857%) !important; }
.smash .wrap .shard-wrap:nth-child(6) .shard {
  -webkit-clip-path: polygon(10% 50%, 10.5% 50.5%, 11% 50%) !important; }
.smash .wrap .shard-wrap:nth-child(7) .shard {
  -webkit-clip-path: polygon(8.5% 55%, 8% 57.286%, 11.7% 55.429%) !important; }
.smash .wrap .shard-wrap:nth-child(8) .shard {
  -webkit-clip-path: polygon(15.1% 63.857%, 15.5% 65.714%, 18.1% 63.857%) !important; }
.smash .wrap .shard-wrap:nth-child(9) .shard {
  -webkit-clip-path: polygon(18.8% 78%, 15.8% 79.143%, 17.3% 80.714%) !important; }
.smash .wrap .shard-wrap:nth-child(10) .shard {
  -webkit-clip-path: polygon(25% 90%, 25.5% 90.5%, 26% 90%) !important; }
.smash .wrap .shard-wrap:nth-child(11) .shard {
  -webkit-clip-path: polygon(39.3% 17.143%, 38.7% 13%, 36.9% 15.571%) !important; }
.smash .wrap .shard-wrap:nth-child(12) .shard {
  -webkit-clip-path: polygon(32.1% 82%, 34.1% 84.429%, 35.5% 79.714%) !important; }
.smash .wrap .shard-wrap:nth-child(13) .shard {
  -webkit-clip-path: polygon(48.5% 2.571%, 49.4% 5.571%, 50% 2.714%) !important; }
.smash .wrap .shard-wrap:nth-child(14) .shard {
  -webkit-clip-path: polygon(50% 93%, 51% 95%, 52% 94%) !important; }
.smash .wrap .shard-wrap:nth-child(15) .shard {
  -webkit-clip-path: polygon(60.3% 8%, 62.3% 5.571%, 60.9% 3.857%) !important; }
.smash .wrap .shard-wrap:nth-child(16) .shard {
  -webkit-clip-path: polygon(59.9% 92.714%, 60.4% 98.286%, 63.6% 96.714%) !important; }
.smash .wrap .shard-wrap:nth-child(17) .shard {
  -webkit-clip-path: polygon(70.5% 11.429%, 71.3% 8.571%, 73.1% 9.571%) !important; }
.smash .wrap .shard-wrap:nth-child(18) .shard {
  -webkit-clip-path: polygon(70% 90%, 71% 92%, 72% 91%) !important; }
.smash .wrap .shard-wrap:nth-child(19) .shard {
  -webkit-clip-path: polygon(73.5% 16.857%, 76.3% 14.857%, 74.4% 12.429%) !important; }
.smash .wrap .shard-wrap:nth-child(20) .shard {
  -webkit-clip-path: polygon(80% 90%, 81% 92%, 82% 91%) !important; }
.smash .wrap .shard-wrap:nth-child(21) .shard {
  -webkit-clip-path: polygon(73.3% 28.429%, 75.5% 26.714%, 74.8% 25.857%) !important; }
.smash .wrap .shard-wrap:nth-child(22) .shard {
  -webkit-clip-path: polygon(85% 25%, 86% 27%, 87% 26%) !important; }
.smash .wrap .shard-wrap:nth-child(23) .shard {
  -webkit-clip-path: polygon(79.6% 33.571%, 82.8% 32.714%, 81.8% 30%) !important; }
.smash .wrap .shard-wrap:nth-child(24) .shard {
  -webkit-clip-path: polygon(86.9% 42.643%, 90.5% 42.929%, 89.8% 39.786%) !important; }
.smash .wrap .shard-wrap:nth-child(25) .shard {
  -webkit-clip-path: polygon(80% 50%, 80.5% 50.5%, 81% 50%) !important; }
.smash .wrap .shard-wrap:nth-child(26) .shard {
  -webkit-clip-path: polygon(84.5% 60%, 83% 62%, 81% 61%) !important; }
.smash .wrap .shard-wrap:nth-child(27) .shard {
  -webkit-clip-path: polygon(84.1% 67.857%, 85.5% 68.714%, 85.3% 67.286%) !important; }
.smash .wrap .shard-wrap:nth-child(28) .shard {
  -webkit-clip-path: polygon(80% 70%, 81% 73%, 82% 71%) !important; }
.smash .wrap .shard-wrap:nth-child(29) .shard {
  -webkit-clip-path: polygon(85% 80%, 85.5% 80.5%, 86% 80%) !important; }
.smash .wrap .shard-wrap:nth-child(30) .shard {
  -webkit-clip-path: polygon(76.6% 81.214%, 78% 84.786%, 78.4% 83.5%) !important; }
.smash .wrap .shard-wrap:nth-child(31).peripheral .shard, .smash .wrap .shard-wrap:nth-child(32).peripheral .shard, .smash .wrap .shard-wrap:nth-child(33).peripheral .shard {
  -webkit-clip-path: polygon(50% 50%, 50% 50%, 50% 50%) !important;
  -webkit-transition: 0.05s !important;
  -moz-transition: 0.05s !important;
  transition: 0.05s !important;
  background-image: none;
  -webkit-animation: none !important;
  -moz-animation: none !important;
  animation: none !important; }
  .smash .wrap .shard-wrap:nth-child(31).peripheral .shard::before, .smash .wrap .shard-wrap:nth-child(32).peripheral .shard::before, .smash .wrap .shard-wrap:nth-child(33).peripheral .shard::before {
    -webkit-animation: none !important;
    -moz-animation: none !important;
    animation: none !important; }

.animal-mover {
  -webkit-transition: 0.8s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.8s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.8s cubic-bezier(0.62, 0.02, 0.34, 1); }

.animal-animations-on #animalchanger.vaquita .animal-mover {
  -webkit-transform: translateX(2%);
  -moz-transform: translateX(2%);
  -ms-transform: translateX(2%);
  -o-transform: translateX(2%);
  transform: translateX(2%); }
.animal-animations-on.state-three #animalchanger.vaquita .animal-mover {
  -webkit-transition: 1.2s cubic-bezier(1, 0, 0, 1);
  -moz-transition: 1.2s cubic-bezier(1, 0, 0, 1);
  transition: 1.2s cubic-bezier(1, 0, 0, 1);
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%); }
.animal-animations-on.state-two #animalchanger.vaquita .animal-mover {
  -webkit-transform: translateX(4%);
  -moz-transform: translateX(4%);
  -ms-transform: translateX(4%);
  -o-transform: translateX(4%);
  transform: translateX(4%);
  -webkit-transition: 1s linear;
  -moz-transition: 1s linear;
  transition: 1s linear; }
.animal-animations-on.state-four #animalchanger.vaquita .animal-mover {
  -webkit-transition: 2s linear;
  -moz-transition: 2s linear;
  transition: 2s linear; }

.animal-animations-on #animalchanger.turtle .animal-mover, .animal-animations-on #animalchanger.parrotfish .animal-mover {
  -webkit-transform: translateX(-1%);
  -moz-transform: translateX(-1%);
  -ms-transform: translateX(-1%);
  -o-transform: translateX(-1%);
  transform: translateX(-1%); }
.animal-animations-on.state-three #animalchanger.turtle .animal-mover, .animal-animations-on.state-three #animalchanger.parrotfish .animal-mover {
  -webkit-transition: 1.2s cubic-bezier(1, 0, 0, 1);
  -moz-transition: 1.2s cubic-bezier(1, 0, 0, 1);
  transition: 1.2s cubic-bezier(1, 0, 0, 1);
  -webkit-transform: translateX(2%);
  -moz-transform: translateX(2%);
  -ms-transform: translateX(2%);
  -o-transform: translateX(2%);
  transform: translateX(2%); }
.animal-animations-on.state-two #animalchanger.turtle .animal-mover, .animal-animations-on.state-two #animalchanger.parrotfish .animal-mover {
  -webkit-transform: translateX(-2%);
  -moz-transform: translateX(-2%);
  -ms-transform: translateX(-2%);
  -o-transform: translateX(-2%);
  transform: translateX(-2%);
  -webkit-transition: 1s linear;
  -moz-transition: 1s linear;
  transition: 1s linear; }
.animal-animations-on.state-four #animalchanger.turtle .animal-mover, .animal-animations-on.state-four #animalchanger.parrotfish .animal-mover {
  -webkit-transition: 2s linear;
  -moz-transition: 2s linear;
  transition: 2s linear; }

.chromebrowser #animalchanger.damselfly .animal-mover, .chromebrowser #animalchanger.damselfly .shadow, .chromebrowser #animalchanger.butterfly .animal-mover, .chromebrowser #animalchanger.butterfly .shadow {
  -webkit-transition: 1.2s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 1.2s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 1.2s cubic-bezier(0.62, 0.02, 0.34, 1); }
.chromebrowser .animal-animations-on.state-two #animalchanger.damselfly .animal-mover, .chromebrowser .animal-animations-on.state-two #animalchanger.butterfly .animal-mover, .chromebrowser .animal-animations-on.state-four #animalchanger.damselfly .animal-mover, .chromebrowser .animal-animations-on.state-four #animalchanger.butterfly .animal-mover {
  -webkit-transform: translateY(-18px);
  -moz-transform: translateY(-18px);
  -ms-transform: translateY(-18px);
  -o-transform: translateY(-18px);
  transform: translateY(-18px); }
.chromebrowser .animal-animations-on.state-two #animalchanger.damselfly .shadow, .chromebrowser .animal-animations-on.state-two #animalchanger.butterfly .shadow, .chromebrowser .animal-animations-on.state-four #animalchanger.damselfly .shadow, .chromebrowser .animal-animations-on.state-four #animalchanger.butterfly .shadow {
  -webkit-transform: translateY(18px);
  -moz-transform: translateY(18px);
  -ms-transform: translateY(18px);
  -o-transform: translateY(18px);
  transform: translateY(18px); }

.animal-animations-on .level-one .level-two .wrap .shard-wrap .shard {
  -webkit-transition: 0.6s 0s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: 0.6s 0s cubic-bezier(0.7, 0.3, 0, 1);
  transition: 0.6s 0s cubic-bezier(0.7, 0.3, 0, 1); }
.animal-animations-on .level-one .level-two .wrap .shadow, .animal-animations-on .level-one .level-two .wrap .shadow::before, .animal-animations-on .level-one .level-two .wrap .shadow::after {
  -webkit-transition: 0.6s 0s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: 0.6s 0s cubic-bezier(0.7, 0.3, 0, 1);
  transition: 0.6s 0s cubic-bezier(0.7, 0.3, 0, 1); }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(1) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.013s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.013s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.013s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(2) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.026s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.026s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.026s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(3) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.039s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.039s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.039s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(4) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.052s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.052s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.052s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(5) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.065s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.065s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.065s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(6) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.078s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.078s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.078s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(7) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.091s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.091s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.091s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(8) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.104s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.104s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.104s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(9) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.117s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.117s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.117s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(10) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.13s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.13s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.13s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(11) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.143s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.143s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.143s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(12) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.156s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.156s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.156s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(13) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.169s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.169s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.169s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(14) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.182s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.182s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.182s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(15) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.195s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.195s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.195s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(16) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.208s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.208s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.208s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(17) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.221s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.221s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.221s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(18) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.234s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.234s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.234s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(19) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.247s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.247s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.247s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(20) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.26s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.26s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.26s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(21) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.273s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.273s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.273s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(22) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.286s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.286s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.286s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(23) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.299s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.299s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.299s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(24) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.312s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.312s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.312s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(25) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.325s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.325s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.325s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(26) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.338s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.338s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.338s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(27) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.351s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.351s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.351s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(28) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.364s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.364s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.364s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(29) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.377s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.377s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.377s; }
.animal-animations-on #animalchanger.iguana .wrap .shard-wrap:nth-child(30) .shard {
  -webkit-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.39s;
  -moz-transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.39s;
  transition: 0.5s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.8s 0.39s; }
.animal-animations-on #animalchanger.frog .shard-wrap:nth-child(10) .shard, .animal-animations-on #animalchanger.frog .shard-wrap:nth-child(11) .shard, .animal-animations-on #animalchanger.frog .shard-wrap:nth-child(12) .shard {
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  transition: 0.1s; }
.animal-animations-on #animalchanger.tamarin .shard-wrap .shard {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s; }
.animal-animations-on #animalchanger.loris .shard-wrap .shard {
  -webkit-transition: 1.2s 0s;
  -moz-transition: 1.2s 0s;
  transition: 1.2s 0s; }
.animal-animations-on #animalchanger.crow .shard-wrap:nth-child(11) .shard {
  -webkit-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1); }
.animal-animations-on #animalchanger.crow .shard-wrap:nth-child(12) .shard {
  -webkit-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1); }
.animal-animations-on #animalchanger.crow .shard-wrap:nth-child(13) .shard {
  -webkit-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1); }
.animal-animations-on #animalchanger.crow .shard-wrap:nth-child(14) .shard {
  -webkit-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1); }
.animal-animations-on #animalchanger.crow .shard-wrap:nth-child(15) .shard {
  -webkit-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1); }
.animal-animations-on #animalchanger.crow .shard-wrap:nth-child(16) .shard {
  -webkit-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1); }
.animal-animations-on #animalchanger.crow .shard-wrap:nth-child(17) .shard {
  -webkit-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1); }
.animal-animations-on #animalchanger.crow .shard-wrap:nth-child(18) .shard {
  -webkit-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1); }
.animal-animations-on #animalchanger.crow .shard-wrap:nth-child(19) .shard {
  -webkit-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1); }
.animal-animations-on #animalchanger.crow .shard-wrap:nth-child(20) .shard {
  -webkit-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1); }
.animal-animations-on #animalchanger.crow .shard-wrap:nth-child(21) .shard {
  -webkit-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1); }
.animal-animations-on #animalchanger.crow .shard-wrap:nth-child(22) .shard {
  -webkit-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1); }
.animal-animations-on #animalchanger.crow .shard-wrap:nth-child(23) .shard {
  -webkit-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1); }
.animal-animations-on #animalchanger.crow .shard-wrap:nth-child(24) .shard {
  -webkit-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1); }
.animal-animations-on #animalchanger.crow .shard-wrap:nth-child(25) .shard {
  -webkit-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1); }
.animal-animations-on #animalchanger.crow .shard-wrap:nth-child(26) .shard {
  -webkit-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1); }
.animal-animations-on #animalchanger.crow .shard-wrap:nth-child(27) .shard {
  -webkit-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1); }
.animal-animations-on #animalchanger.crow .shard-wrap:nth-child(28) .shard {
  -webkit-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1); }
.animal-animations-on #animalchanger.crow .shard-wrap:nth-child(29) .shard {
  -webkit-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1); }
.animal-animations-on #animalchanger.crow .shard-wrap:nth-child(30) .shard {
  -webkit-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.63s 0s cubic-bezier(0.62, 0.02, 0.34, 1); }
.animal-animations-on #animalchanger.crow:nth-child(1) .shard {
  -webkit-transition: 0.23s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.23s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.23s 0s cubic-bezier(0.62, 0.02, 0.34, 1); }
.animal-animations-on #animalchanger.crow:nth-child(2) .shard {
  -webkit-transition: 0.23s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.23s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.23s 0s cubic-bezier(0.62, 0.02, 0.34, 1); }
.animal-animations-on #animalchanger.crow:nth-child(3) .shard {
  -webkit-transition: 0.23s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.23s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.23s 0s cubic-bezier(0.62, 0.02, 0.34, 1); }
.animal-animations-on.state-two #animalchanger.crow .wrap .shard-wrap:nth-child(11) .shard {
  -webkit-clip-path: polygon(44.7% 33.5%, 65% 26.7%, 65% 36.1%); }
.animal-animations-on.state-two #animalchanger.crow .wrap .shard-wrap:nth-child(12) .shard {
  -webkit-clip-path: polygon(62% 45%, 45% 61.5%, 54.5% 66%); }
.animal-animations-on.state-two #animalchanger.crow .wrap .shard-wrap:nth-child(13) .shard {
  -webkit-clip-path: polygon(54% 76%, 56.5% 87%, 56% 78%); }
.animal-animations-on.state-two #animalchanger.crow .wrap .shard-wrap:nth-child(14) .shard {
  -webkit-clip-path: polygon(52% 64.7%, 54.2% 78%, 54.35% 65.86%); }
.animal-animations-on.state-two #animalchanger.crow .wrap .shard-wrap:nth-child(15) .shard {
  -webkit-clip-path: polygon(57.9% 62%, 54.2% 78%, 54.33% 65.7%); }
.animal-animations-on.state-two #animalchanger.crow .wrap .shard-wrap:nth-child(16) .shard {
  -webkit-clip-path: polygon(58.4% 87%, 54.2% 78%, 55% 74%); }
.animal-animations-on.state-two #animalchanger.crow .wrap .shard-wrap:nth-child(17) .shard {
  -webkit-clip-path: polygon(49.5% 47.3%, 62.5% 42.2%, 64% 44.1%); }
.animal-animations-on.state-two #animalchanger.crow .wrap .shard-wrap:nth-child(18) .shard {
  -webkit-clip-path: polygon(65.2% 35.4%, 63.5% 55.8%, 54.2% 66.1%); }
.animal-animations-on.state-two #animalchanger.crow .wrap .shard-wrap:nth-child(19) .shard {
  -webkit-clip-path: polygon(64.5% 27%, 77% 19%, 65.05% 36.7%); }
.animal-animations-on.state-two #animalchanger.crow .wrap .shard-wrap:nth-child(20) .shard {
  -webkit-clip-path: polygon(82.6% 26.5%, 76.95% 19%, 65% 36.6%); }
.animal-animations-on.state-two #animalchanger.crow .wrap .shard-wrap:nth-child(21) .shard {
  -webkit-clip-path: polygon(82.57% 26.5%, 63.44% 56%, 65% 36.4%); }
.animal-animations-on.state-two #animalchanger.crow .wrap .shard-wrap:nth-child(22) .shard {
  -webkit-clip-path: polygon(82.5% 26.4%, 63.42% 56%, 83.9% 28.74%); }
.animal-animations-on.state-two #animalchanger.crow .wrap .shard-wrap:nth-child(23) .shard {
  -webkit-clip-path: polygon(82.5% 26.5%, 92.8% 27%, 83.9% 28.8%); }
.animal-animations-on.state-two #animalchanger.crow .wrap .shard-wrap:nth-child(24) .shard {
  -webkit-clip-path: polygon(81% 26.5%, 92.8% 27.05%, 90.3% 24.35%); }
.animal-animations-on.state-two #animalchanger.crow .wrap .shard-wrap:nth-child(25) .shard {
  -webkit-clip-path: polygon(82.5% 26.5%, 84.2% 22%, 90.5% 24.4%); }
.animal-animations-on.state-two #animalchanger.crow .wrap .shard-wrap:nth-child(26) .shard {
  -webkit-clip-path: polygon(82.5% 26.5%, 84.3% 22%, 76.9% 19%); }
.animal-animations-on.state-two #animalchanger.crow .wrap .shard-wrap:nth-child(27) .shard {
  -webkit-clip-path: polygon(80.25% 23%, 78.5% 27.5%, 82.6% 26.5%); }
.animal-animations-on.state-two #animalchanger.crow .wrap .shard-wrap:nth-child(28) .shard {
  -webkit-clip-path: polygon(80.25% 22.9%, 79.35% 25%, 80.8% 23.8%); }
.animal-animations-on.state-two #animalchanger.crow .wrap .shard-wrap:nth-child(29) .shard {
  -webkit-clip-path: polygon(61.7% 44.7%, 64.4% 44%, 65.1% 36.2%); }
.animal-animations-on.state-two #animalchanger.crow .wrap .shard-wrap:nth-child(30) .shard {
  -webkit-clip-path: polygon(82.5% 26.5%, 80.3% 28.7%, 78.6% 27.5%); }
.animal-animations-on.state-two #animalchanger.parrotfish .wrap .shard-wrap:nth-child(29) .shard {
  -webkit-clip-path: polygon(82% 47.9%, 86.45% 43.5%, 87.413% 45.7%);
  -webkit-transition-duration: 1.2s;
  -moz-transition-duration: 1.2s;
  transition-duration: 1.2s; }
.animal-animations-on.state-two #animalchanger.parrotfish .wrap .shard-wrap:nth-child(30) .shard {
  -webkit-clip-path: polygon(82% 48%, 86.3% 51.571%, 85.413% 53.286%);
  -webkit-transition-duration: 1.2s;
  -moz-transition-duration: 1.2s;
  transition-duration: 1.2s; }
.animal-animations-on.state-two #animalchanger.seahorse .wrap .shard-wrap:nth-child(1) .shard {
  -webkit-clip-path: polygon(23.96% 44.643%, 22.9% 50.643%, 25.5% 49%);
  -webkit-transition-duration: 1.2s;
  -moz-transition-duration: 1.2s;
  transition-duration: 1.2s; }
.animal-animations-on.state-two #animalchanger.penguin .wrap .shard-wrap:nth-child(8) .shard {
  -webkit-clip-path: polygon(46.95% 80.714%, 58.95% 77.143%, 56.75% 82.571%);
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s; }
.animal-animations-on.state-two #animalchanger.penguin .wrap .shard-wrap:nth-child(27) .shard {
  -webkit-clip-path: polygon(60.55% 62.714%, 63.05% 53.571%, 65.45% 69.429%);
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s; }
.animal-animations-on.state-two #animalchanger.tamarin .wrap .shard-wrap:nth-child(1) .shard {
  -webkit-clip-path: polygon(22.45% 33.071%, 23.15% 20.214%, 28.05% 29.929%); }
.animal-animations-on.state-two #animalchanger.tamarin .wrap .shard-wrap:nth-child(2) .shard {
  -webkit-clip-path: polygon(22.35% 33.071%, 30.3% 24.786%, 31.05% 43.67%); }
.animal-animations-on.state-two #animalchanger.tamarin .wrap .shard-wrap:nth-child(3) .shard {
  -webkit-clip-path: polygon(23.15% 20.214%, 26.75% 28.929%, 30.85% 21.214%); }
.animal-animations-on.state-two #animalchanger.tamarin .wrap .shard-wrap:nth-child(4) .shard {
  -webkit-clip-path: polygon(23.05% 20.214%, 34.65% 14.786%, 29.75% 22.214%); }
.animal-animations-on.state-two #animalchanger.tamarin .wrap .shard-wrap:nth-child(5) .shard {
  -webkit-clip-path: polygon(29% 26%, 43.15% 29.357%, 30.85% 40.5%); }
.animal-animations-on.state-two #animalchanger.tamarin .wrap .shard-wrap:nth-child(6) .shard {
  -webkit-clip-path: polygon(29.75% 21.071%, 34.7% 14.8%, 32.95% 27.4%); }
.animal-animations-on.state-two #animalchanger.tamarin .wrap .shard-wrap:nth-child(7) .shard {
  -webkit-clip-path: polygon(26.25% 24.5%, 28.95% 21.1%, 26.75% 30.786%); }
.animal-animations-on.state-two #animalchanger.tamarin .wrap .shard-wrap:nth-child(8) .shard {
  -webkit-clip-path: polygon(26.75% 30.643%, 28.75% 21.214%, 29.15% 29.214%); }
.animal-animations-on.state-two #animalchanger.tamarin .wrap .shard-wrap:nth-child(9) .shard {
  -webkit-clip-path: polygon(26.75% 30.7%, 29% 27.1%, 30.8% 31.929%); }
.animal-animations-on.state-two #animalchanger.tamarin .wrap .shard-wrap:nth-child(10) .shard {
  -webkit-clip-path: polygon(28.75% 21.071%, 33% 26.3%, 29.05% 27.214%); }
.animal-animations-on.state-two #animalchanger.tamarin .wrap .shard-wrap:nth-child(11) .shard {
  -webkit-clip-path: polygon(29% 27.214%, 33.05% 26.357%, 30.7% 32.071%); }
.animal-animations-on.state-two #animalchanger.tamarin .wrap .shard-wrap:nth-child(12) .shard {
  -webkit-clip-path: polygon(28.75% 21.214%, 32.3% 20.786%, 33.05% 26.357%); }
.animal-animations-on.state-two #animalchanger.tamarin .wrap .shard-wrap:nth-child(13) .shard {
  -webkit-clip-path: polygon(32.95% 27.214%, 34.65% 14.929%, 42.25% 29.357%); }
.animal-animations-on.state-two #animalchanger.tamarin .wrap .shard-wrap:nth-child(15) .shard {
  -webkit-clip-path: polygon(22.45% 33.071%, 31.95% 39.357%, 32.05% 52.214%); }
.animal-animations-on.state-two #animalchanger.tamarin .wrap .shard-wrap:nth-child(16) .shard {
  -webkit-clip-path: polygon(34.65% 15.071%, 47.25% 23.357%, 41.8% 29.1%); }
.animal-animations-on.state-two #animalchanger.camel .wrap .shard-wrap:nth-child(19) .shard {
  -webkit-clip-path: polygon(61.85% 32.857%, 72.75% 43.571%, 60.65% 56.4%); }
.animal-animations-on.state-two #animalchanger.camel .wrap .shard-wrap:nth-child(20) .shard {
  -webkit-clip-path: polygon(61.85% 32.9%, 68.95% 27%, 73.15% 30.143%); }
.animal-animations-on.state-two #animalchanger.camel .wrap .shard-wrap:nth-child(21) .shard {
  -webkit-clip-path: polygon(61.85% 32.857%, 72.95% 30%, 72.45% 44.143%); }
.animal-animations-on.state-two #animalchanger.camel .wrap .shard-wrap:nth-child(22) .shard {
  -webkit-clip-path: polygon(61.35% 55.429%, 72.55% 43.714%, 64.8% 64%); }
.animal-animations-on.state-two #animalchanger.camel .wrap .shard-wrap:nth-child(23) .shard {
  -webkit-clip-path: polygon(63.75% 66.429%, 72.5% 43.714%, 72.25% 58.429%); }
.animal-animations-on.state-two #animalchanger.camel .wrap .shard-wrap:nth-child(24) .shard {
  -webkit-clip-path: polygon(72.85% 29%, 78.65% 49.143%, 71.85% 62.143%); }
.animal-animations-on.state-two #animalchanger.camel .wrap .shard-wrap:nth-child(25) .shard {
  -webkit-clip-path: polygon(72.85% 30.143%, 78.85% 34.8%, 79.25% 54.714%); }
.animal-animations-on.state-two #animalchanger.camel .wrap .shard-wrap:nth-child(26) .shard {
  -webkit-clip-path: polygon(68.85% 26.571%, 71.65% 19.571%, 79.15% 25.857%); }
.animal-animations-on.state-two #animalchanger.camel .wrap .shard-wrap:nth-child(27) .shard {
  -webkit-clip-path: polygon(73.05% 26.286%, 73.55% 18.571%, 79.15% 26%); }
.animal-animations-on.state-two #animalchanger.camel .wrap .shard-wrap:nth-child(28) .shard {
  -webkit-clip-path: polygon(68.75% 26.714%, 82.25% 25.286%, 73.95% 31.286%); }
.animal-animations-on.state-two #animalchanger.camel .wrap .shard-wrap:nth-child(29) .shard {
  -webkit-clip-path: polygon(73.85% 31.143%, 82.25% 25.286%, 84.95% 30.286%); }
.animal-animations-on.state-two #animalchanger.camel .wrap .shard-wrap:nth-child(30) .shard {
  -webkit-clip-path: polygon(73.85% 31.143%, 84.15% 30.286%, 78.85% 34.857%); }
.animal-animations-on.state-two #animalchanger.camel .wrap .shard-wrap:nth-child(31) .shard {
  -webkit-clip-path: polygon(84% 32.5%, 83% 33.5%, 81% 22%); }
.animal-animations-on.state-two #animalchanger.echidna .wrap .shard-wrap:nth-child(14) .shard {
  -webkit-clip-path: polygon(34% 79.286%, 36% 72%, 39.4% 81.143%); }
.animal-animations-on.state-two #animalchanger.echidna .wrap .shard-wrap:nth-child(15) .shard {
  -webkit-clip-path: polygon(32.1% 64.286%, 45.2% 69.286%, 34% 79.429%); }
.animal-animations-on.state-two #animalchanger.echidna .wrap .shadow::after {
  left: 19%;
  bottom: 32%; }
.animal-animations-on.state-two #animalchanger.bear .wrap .shard-wrap:nth-child(1) .shard {
  -webkit-clip-path: polygon(28.35% 14.214%, 31.45% 10.2%, 31.7% 18.5%); }
.animal-animations-on.state-two #animalchanger.bear .wrap .shard-wrap:nth-child(30) .shard {
  -webkit-clip-path: polygon(28.25% 14.4%, 29.05% 13.3%, 29.3% 15.786%); }
.animal-animations-on.state-two #animalchanger.bear .wrap .shard-wrap:nth-child(31) .shard {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s; }
.animal-animations-on.state-two #animalchanger.bear .wrap .shard-wrap:nth-child(32) .shard {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s; }
.animal-animations-on.state-two #animalchanger.bear .wrap .shard-wrap:nth-child(33) .shard {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s; }
.animal-animations-on.state-two #animalchanger.bear .wrap .shard-wrap:nth-child(31) .shard {
  -webkit-clip-path: polygon(30.25% 21.214%, 32.05% 18.071%, 30.8% 15.786%);
  background-color: #F1A9E2; }
.animal-animations-on.state-two #animalchanger.bear .wrap .shard-wrap:nth-child(32) .shard {
  -webkit-clip-path: polygon(30.25% 21.214%, 31.7% 18.7%, 31.7% 32.786%);
  background-color: #D289D3; }
.animal-animations-on.state-two #animalchanger.bear .wrap .shard-wrap:nth-child(33) .shard {
  -webkit-clip-path: polygon(31.3% 30.214%, 33.7% 34.7%, 31.6% 32.786%);
  background-color: #CA6CA5; }
.animal-animations-on.state-two #animalchanger.turtle .wrap .shard-wrap:nth-child(24) .shard {
  -webkit-clip-path: polygon(60.25% 41.571%, 62.45% 19.429%, 67.95% 21.857%); }
.animal-animations-on.state-two #animalchanger.turtle .wrap .shard-wrap:nth-child(23) .shard {
  -webkit-clip-path: polygon(60.25% 41.571%, 67.85% 21.714%, 68.05% 42.714%); }
.animal-animations-on.state-two #animalchanger.turtle .wrap .shard-wrap:nth-child(22) .shard {
  -webkit-clip-path: polygon(55.05% 51.571%, 60.25% 41.429%, 68.05% 42.714%); }
.animal-animations-on.state-two #animalchanger.turtle .wrap .shard-wrap:nth-child(25) .shard {
  -webkit-clip-path: polygon(62.55% 19.714%, 62.95% 11%, 67.95% 22%); }
.animal-animations-on.state-two #animalchanger.turtle .wrap .shard-wrap:nth-child(29) .shard {
  -webkit-clip-path: polygon(81.65% 53.286%, 82.25% 49.857%, 83% 54.3%); }
.animal-animations-on.state-two #animalchanger.turtle .wrap .shard-wrap:nth-child(28) .shard {
  -webkit-clip-path: polygon(75.35% 53.857%, 82.35% 49.857%, 81.75% 53.429%); }
.animal-animations-on.state-two #animalchanger.frog .wrap .shard-wrap:nth-child(5) .shard {
  -webkit-clip-path: polygon(25.95% 36.857%, 36.25% 47.714%, 27.85% 49.714%);
  -webkit-transition-duration: 1.2s;
  -moz-transition-duration: 1.2s;
  transition-duration: 1.2s;
  background-color: #B89A00; }
.animal-animations-on.state-two #animalchanger.rhino .wrap .shard-wrap:nth-child(10) .shard {
  -webkit-clip-path: polygon(28.6% 62.5%, 37.2% 60.071%, 30.4% 82.786%); }
.animal-animations-on.state-two #animalchanger.rhino .wrap .shard-wrap:nth-child(11) .shard {
  -webkit-clip-path: polygon(30.3% 82.786%, 34.7% 68.071%, 36.7% 82.8%); }
.animal-animations-on.state-two #animalchanger.armadillo .wrap .shard-wrap:nth-child(1) .shard {
  -webkit-clip-path: polygon(19.4% 78.8%, 18% 74.2%, 22.75% 68.1%); }
.animal-animations-on.state-two #animalchanger.armadillo .wrap .shard-wrap:nth-child(2) .shard {
  -webkit-clip-path: polygon(17.95% 74.5%, 20.95% 57.357%, 24.55% 57.786%); }
.animal-animations-on.state-two #animalchanger.armadillo .wrap .shard-wrap:nth-child(3) .shard {
  -webkit-clip-path: polygon(17.75% 74.8%, 24.35% 57.5%, 22.75% 68.214%); }
.animal-animations-on.state-two #animalchanger.armadillo .wrap .shard-wrap:nth-child(4) .shard {
  -webkit-clip-path: polygon(22.65% 68.071%, 24.25% 57.643%, 28.05% 72.786%); }
.animal-animations-on.state-two #animalchanger.armadillo .wrap .shard-wrap:nth-child(5) .shard {
  -webkit-clip-path: polygon(19.36% 78.8%, 22.7% 68.1%, 28.2% 72.8%); }
.animal-animations-on.state-two #animalchanger.armadillo .wrap .shard-wrap:nth-child(6) .shard {
  -webkit-clip-path: polygon(20.2% 77.8%, 25.95% 74%, 21.65% 78.7%); }
.animal-animations-on.state-two #animalchanger.owl .wrap .shard-wrap:nth-child(29) .shard {
  -webkit-clip-path: polygon(43.1% 56.929%, 39.7% 61.071%, 45.2% 58.786%); }
.animal-animations-on.state-two #animalchanger.owl .wrap .shard-wrap:nth-child(30) .shard {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-clip-path: polygon(45.2% 58.786%, 43.6% 65.214%, 47.4% 60.786%); }
.animal-animations-on.state-two #animalchanger.kakapo .wrap .shard-wrap:nth-child(9) .shard {
  -webkit-clip-path: polygon(10.612% 33.268%, 33.813% 25.268%, 22.213% 33.268%); }
.animal-animations-on.state-two #animalchanger.kakapo .wrap .shard-wrap:nth-child(10) .shard {
  -webkit-clip-path: polygon(21.513% 33.125%, 39.813% 51.8%, 23.413% 43.125%);
  background-color: #436a2c; }
.animal-animations-on.state-two #animalchanger.kakapo .wrap .shard-wrap:nth-child(16) .shard {
  -webkit-clip-path: polygon(34.041% 25.2%, 58.841% 3.871%, 56.741% 12.299%);
  background-color: #6aa84e; }
.animal-animations-on.state-two #animalchanger.kakapo .wrap .shard-wrap:nth-child(12) .shard {
  -webkit-clip-path: polygon(46.413% 41.696%, 56.712% 12.2%, 66.712% 23%);
  background-color: #32401e; }
.animal-animations-on.state-two #animalchanger.kakapo .wrap .shard-wrap:nth-child(17) .shard {
  -webkit-clip-path: polygon(33.712% 25.411%, 56.612% 12.411%, 46.513% 41.696%);
  background-color: #283214; }
.animal-animations-on.state-two #animalchanger.kakapo .wrap .shard-wrap:nth-child(13) .shard {
  -webkit-clip-path: polygon(33.953% 25.21%, 46.453% 41.781%, 21.353% 33.353%);
  background-color: #32401e; }
.animal-animations-on.state-two #animalchanger.kakapo .wrap .shard-wrap:nth-child(14) .shard {
  -webkit-clip-path: polygon(21.253% 33.353%, 46.353% 41.781%, 39.753% 51.781%);
  background-color: #39512c; }
.animal-animations-on.state-two #animalchanger.kakapo .wrap .shard-wrap:nth-child(26) .shard {
  -webkit-clip-path: polygon(46.453% 40.781%, 62.153% 48.6%, 39.753% 51.781%);
  background-color: #445f2f; }
.animal-animations-on.state-two #animalchanger.kakapo .wrap .shard-wrap:nth-child(27) .shard {
  -webkit-clip-path: polygon(46.453% 41.638%, 66.653% 23.067%, 62.23% 49.21%);
  background-color: #39512c; }
.animal-animations-on.state-two #animalchanger.kakapo .wrap .shard-wrap:nth-child(28) .shard {
  -webkit-clip-path: polygon(56.741% 12.228%, 58.741% 3.656%, 66.741% 23.085%);
  background-color: #519f4b; }
.animal-animations-on.state-two #animalchanger.kakapo .wrap .shard-wrap:nth-child(24) .shard {
  -webkit-clip-path: polygon(58.653% 32.281%, 69.053% 44.138%, 63.2% 54.4%); }
.animal-animations-on.state-two #animalchanger.kakapo .wrap .shard-wrap:nth-child(25) .shard {
  -webkit-clip-path: polygon(42.45% 66.337%, 62.195% 48.766%, 63.25% 54.337%); }
.animal-animations-on.state-three #animalchanger.crow .wrap .shard-wrap:nth-child(11) .shard {
  -webkit-clip-path: polygon(44.7% 34.5%, 65% 28.7%, 65% 36.1%); }
.animal-animations-on.state-three #animalchanger.crow .wrap .shard-wrap:nth-child(19) .shard {
  -webkit-clip-path: polygon(65% 27.8%, 79% 29%, 64.8% 37.4%); }
.animal-animations-on.state-three #animalchanger.crow .wrap .shard-wrap:nth-child(20) .shard {
  -webkit-clip-path: polygon(82.6% 34.5%, 78.95% 29%, 65% 36.6%); }
.animal-animations-on.state-three #animalchanger.crow .wrap .shard-wrap:nth-child(21) .shard {
  -webkit-clip-path: polygon(86.57% 33.5%, 63.44% 56%, 65% 36.4%); }
.animal-animations-on.state-three #animalchanger.crow .wrap .shard-wrap:nth-child(22) .shard {
  -webkit-clip-path: polygon(83.5% 41.4%, 63.42% 56%, 83.9% 32.74%); }
.animal-animations-on.state-three #animalchanger.crow .wrap .shard-wrap:nth-child(23) .shard {
  -webkit-clip-path: polygon(82.5% 34.5%, 93.8% 35%, 82.9% 41.8%); }
.animal-animations-on.state-three #animalchanger.crow .wrap .shard-wrap:nth-child(24) .shard {
  -webkit-clip-path: polygon(82.4% 34.5%, 93.8% 35.05%, 92.3% 32.35%); }
.animal-animations-on.state-three #animalchanger.crow .wrap .shard-wrap:nth-child(25) .shard {
  -webkit-clip-path: polygon(82.5% 34.5%, 83.2% 31%, 92.5% 32.4%); }
.animal-animations-on.state-three #animalchanger.crow .wrap .shard-wrap:nth-child(26) .shard {
  -webkit-clip-path: polygon(82.5% 34.5%, 83.3% 31%, 78.9% 29%); }
.animal-animations-on.state-three #animalchanger.crow .wrap .shard-wrap:nth-child(27) .shard {
  -webkit-clip-path: polygon(80.25% 34%, 77.5% 32.5%, 81.6% 32.5%); }
.animal-animations-on.state-three #animalchanger.crow .wrap .shard-wrap:nth-child(28) .shard {
  -webkit-clip-path: polygon(80.25% 31.4%, 79.35% 32%, 80.8% 31.8%); }
.animal-animations-on.state-three #animalchanger.crow .wrap .shard-wrap:nth-child(29) .shard {
  -webkit-clip-path: polygon(61.7% 44.7%, 64.4% 44%, 65.1% 36.2%); }
.animal-animations-on.state-three #animalchanger.crow .wrap .shard-wrap:nth-child(30) .shard {
  -webkit-clip-path: polygon(79.5% 31.5%, 81.3% 32.7%, 77.6% 32.5%); }
.animal-animations-on.state-three #animalchanger.turtle .wrap .shard-wrap:nth-child(24) .shard {
  -webkit-clip-path: polygon(56.25% 41.571%, 55.45% 23.429%, 62.95% 21.857%); }
.animal-animations-on.state-three #animalchanger.turtle .wrap .shard-wrap:nth-child(23) .shard {
  -webkit-clip-path: polygon(56.25% 41.571%, 62.85% 21.714%, 65.05% 41.714%); }
.animal-animations-on.state-three #animalchanger.turtle .wrap .shard-wrap:nth-child(22) .shard {
  -webkit-clip-path: polygon(55.05% 51.571%, 56.25% 41.429%, 65.05% 41.714%); }
.animal-animations-on.state-three #animalchanger.turtle .wrap .shard-wrap:nth-child(25) .shard {
  -webkit-clip-path: polygon(55.55% 23.714%, 53.95% 15%, 62.95% 22%); }
.animal-animations-on.state-three #animalchanger.penguin .wrap .shard-wrap:nth-child(7) .shard {
  -webkit-clip-path: polygon(40.75% 84.571%, 51.35% 85%, 49.05% 82.857%);
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s; }
.animal-animations-on.state-three #animalchanger.penguin .wrap .shard-wrap:nth-child(3) .shard {
  -webkit-clip-path: polygon(38.15% 57.857%, 31.65% 78.571%, 52.75% 51%);
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s; }
.animal-animations-on.state-three #animalchanger.penguin .wrap .shard-wrap:nth-child(4) .shard {
  -webkit-clip-path: polygon(44.65% 39.571%, 35.85% 59.429%, 52.85% 50.857%);
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s; }
.animal-animations-on.state-three #animalchanger.seahorse .wrap .shard-wrap:nth-child(30) .shard {
  -webkit-clip-path: polygon(72% 64.214%, 75.5% 66.8%, 73.5% 67.45%);
  -webkit-transition-duration: 1.2s;
  -moz-transition-duration: 1.2s;
  transition-duration: 1.2s; }
.animal-animations-on.state-three #animalchanger.bear .wrap .shard-wrap:nth-child(31) .shard {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s; }
.animal-animations-on.state-three #animalchanger.bear .wrap .shard-wrap:nth-child(32) .shard {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s; }
.animal-animations-on.state-three #animalchanger.bear .wrap .shard-wrap:nth-child(33) .shard {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s; }
.animal-animations-on.state-three #animalchanger.rhino .wrap .shard-wrap:nth-child(10) .shard {
  -webkit-clip-path: polygon(28.6% 62.5%, 37.2% 60.071%, 34.4% 80.786%); }
.animal-animations-on.state-three #animalchanger.rhino .wrap .shard-wrap:nth-child(11) .shard {
  -webkit-clip-path: polygon(34.3% 80.786%, 35.9% 69.071%, 39.7% 74.8%); }
.animal-animations-on.state-three #animalchanger.loris .wrap .shard-wrap:nth-child(28) .shard {
  -webkit-clip-path: polygon(60.15% 38.929%, 67.55% 32.357%, 66.55% 51.929%); }
.animal-animations-on.state-three #animalchanger.loris .wrap .shard-wrap:nth-child(29) .shard {
  -webkit-clip-path: polygon(60.25% 38.929%, 66.65% 48.786%, 64.65% 55.071%); }
.animal-animations-on.state-three #animalchanger.loris .wrap .shard-wrap:nth-child(30) .shard {
  -webkit-clip-path: polygon(64.65% 54.643%, 66.65% 48.643%, 75.25% 59.5%); }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(1) .shard {
  background-color: #8A8E5B; }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(2) .shard {
  background-color: #1D321B; }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(3) .shard {
  background-color: #396C28; }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(4) .shard {
  background-color: #255222; }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(5) .shard {
  background-color: #1B4120; }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(6) .shard {
  background-color: #54725E; }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(8) .shard {
  background-color: #223322; }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(9) .shard {
  background-color: #244D20; }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(10) .shard {
  background-color: #1D2E1E; }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(12) .shard {
  background-color: #2F5641; }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(13) .shard {
  background-color: #1B4120; }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(14) .shard {
  background-color: #1B361C; }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(15) .shard {
  background-color: #223322; }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(16) .shard {
  background-color: #335F25; }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(17) .shard {
  background-color: #476C3D; }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(18) .shard {
  background-color: #345524; }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(20) .shard {
  background-color: #1D2E1E; }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(21) .shard {
  background-color: #43642E; }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(22) .shard {
  background-color: #225122; }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(23) .shard {
  background-color: #253A1B; }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(25) .shard {
  background-color: #2C411C; }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(26) .shard {
  background-color: #1D2E1E; }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(27) .shard {
  background-color: #355423; }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(28) .shard {
  background-color: #182318; }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(29) .shard {
  background-color: #1A3319; }
.animal-animations-on.state-three #animalchanger.iguana .wrap .shard-wrap:nth-child(30) .shard {
  background-color: #236124; }
.animal-animations-on.state-four #animalchanger.sloth .wrap .shard-wrap:nth-child(29) .shard {
  -webkit-transition: 1.2s 0s;
  -moz-transition: 1.2s 0s;
  transition: 1.2s 0s;
  -webkit-clip-path: polygon(63.15% 54%, 80.35% 68.143%, 71.55% 70.286%); }
.animal-animations-on.state-four #animalchanger.sloth .wrap .shard-wrap:nth-child(30) .shard {
  -webkit-transition: 1.2s 0s;
  -moz-transition: 1.2s 0s;
  transition: 1.2s 0s;
  -webkit-clip-path: polygon(71.35% 70.2%, 81.75% 77.286%, 80.35% 68%); }
.animal-animations-on.state-four #animalchanger.camel .wrap .shard-wrap:nth-child(25) .shard {
  -webkit-clip-path: polygon(70.85% 29.143%, 75.85% 33.143%, 77.25% 51.714%); }
.animal-animations-on.state-four #animalchanger.camel .wrap .shard-wrap:nth-child(30) .shard {
  -webkit-clip-path: polygon(70.85% 29.143%, 80.15% 31.286%, 75.85% 33.857%); }
.animal-animations-on.state-four #animalchanger.camel .wrap .shard-wrap:nth-child(31) .shard {
  -webkit-clip-path: polygon(79% 33.5%, 78% 34.5%, 76% 24%); }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(1) .shard {
  background-color: #6D7263; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(2) .shard {
  background-color: #28262B; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(3) .shard {
  background-color: #464247; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(4) .shard {
  background-color: #3B3A3E; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(5) .shard {
  background-color: #332F2F; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(6) .shard {
  background-color: #717176; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(7) .shard {
  background-color: #96969A; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(8) .shard {
  background-color: #323232; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(9) .shard {
  background-color: #3B3A38; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(10) .shard {
  background-color: #1C1B1B; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(12) .shard {
  background-color: #4C4B4A; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(13) .shard {
  background-color: #3B3A3B; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(14) .shard {
  background-color: #232427; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(15) .shard {
  background-color: #232427; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(16) .shard {
  background-color: #484344; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(17) .shard {
  background-color: #545554; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(18) .shard {
  background-color: #3B3A3B; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(19) .shard {
  background-color: #96969A; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(20) .shard {
  background-color: #1C1B1B; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(21) .shard {
  background-color: #464744; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(22) .shard {
  background-color: #363431; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(23) .shard {
  background-color: #2A2829; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(25) .shard {
  background-color: #363637; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(26) .shard {
  background-color: #1C1B1B; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(27) .shard {
  background-color: #2E2C2F; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(28) .shard {
  background-color: #3B3A3B; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(29) .shard {
  background-color: #323232; }
.animal-animations-on.state-four #animalchanger.iguana .wrap .shard-wrap:nth-child(30) .shard {
  background-color: #595656; }
.animal-animations-on.state-four #animalchanger.frog .wrap .shard-wrap:nth-child(5) .shard {
  -webkit-clip-path: polygon(25.95% 36.857%, 36.25% 47.714%, 27.85% 47.714%);
  -webkit-transition-duration: 1.2s;
  -moz-transition-duration: 1.2s;
  transition-duration: 1.2s;
  background-color: #B89A00; }
.animal-animations-on.two-state-two #animalchanger.rhino .wrap .shard-wrap:nth-child(2) .shard {
  -webkit-clip-path: polygon(17.5% 56.929%, 36.4% 52.071%, 21% 74.5%);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s; }
.animal-animations-on.two-state-two #animalchanger.rhino .wrap .shard-wrap:nth-child(1) .shard {
  -webkit-clip-path: polygon(15.1% 70.071%, 18% 56.929%, 21% 74.5%);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s; }
.animal-animations-on.two-state-two #animalchanger.rhino .wrap .shard-wrap:nth-child(31) .shard {
  -webkit-clip-path: polygon(24% 72.5%, 23% 73.5%, 13% 65%);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s; }
.animal-animations-on.two-state-two #animalchanger.rhino .wrap .shard-wrap:nth-child(32) .shard {
  -webkit-clip-path: polygon(23% 75.5%, 14% 64.5%, 15% 63%);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s; }
.animal-animations-on.two-state-two #animalchanger.peccary .wrap .shard-wrap:nth-child(1) .shard, .animal-animations-on.two-state-two #animalchanger.peccary .wrap .shard-wrap:nth-child(2) .shard, .animal-animations-on.two-state-two #animalchanger.peccary .wrap .shard-wrap:nth-child(3) .shard, .animal-animations-on.two-state-two #animalchanger.peccary .wrap .shard-wrap:nth-child(4) .shard, .animal-animations-on.two-state-two #animalchanger.peccary .wrap .shard-wrap:nth-child(5) .shard, .animal-animations-on.two-state-two #animalchanger.peccary .wrap .shard-wrap:nth-child(9) .shard {
  -webkit-transition-duration: 0.12s;
  -moz-transition-duration: 0.12s;
  transition-duration: 0.12s; }
.animal-animations-on.two-state-two #animalchanger.peccary .wrap .shard-wrap:nth-child(1) .shard {
  -webkit-clip-path: polygon(15.95% 78.214%, 14.95% 79.929%, 22.25% 79.929%); }
.animal-animations-on.two-state-two #animalchanger.peccary .wrap .shard-wrap:nth-child(2) .shard {
  -webkit-clip-path: polygon(17.85% 58.786%, 22.05% 58.5%, 16.05% 78.214%); }
.animal-animations-on.two-state-two #animalchanger.peccary .wrap .shard-wrap:nth-child(3) .shard {
  -webkit-clip-path: polygon(15.95% 78.214%, 21.95% 58.214%, 22% 79.929%); }
.animal-animations-on.two-state-two #animalchanger.peccary .wrap .shard-wrap:nth-child(4) .shard {
  -webkit-clip-path: polygon(21.95% 58.643%, 26.85% 58.357%, 22% 79.929%); }
.animal-animations-on.two-state-two #animalchanger.peccary .wrap .shard-wrap:nth-child(5) .shard {
  -webkit-clip-path: polygon(21.95% 58.5%, 26.85% 58.357%, 22.15% 59%); }
.animal-animations-on.two-state-two #animalchanger.peccary .wrap .shard-wrap:nth-child(9) .shard {
  -webkit-clip-path: polygon(26.75% 58.5%, 29.8% 79.8%, 22.55% 77.071%); }
.animal-animations-on.two-state-two #animalchanger.echidna .wrap .shard-wrap:nth-child(1) .shard {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s; }
.animal-animations-on.two-state-two #animalchanger.echidna .wrap .shard-wrap:nth-child(2) .shard {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s; }
.animal-animations-on.two-state-two #animalchanger.echidna .wrap .shard-wrap:nth-child(3) .shard {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s; }
.animal-animations-on.two-state-two #animalchanger.echidna .wrap .shard-wrap:nth-child(4) .shard {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s; }
.animal-animations-on.two-state-two #animalchanger.echidna .wrap .shard-wrap:nth-child(5) .shard {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s; }
.animal-animations-on.two-state-two #animalchanger.echidna .wrap .shard-wrap:nth-child(6) .shard {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s; }
.animal-animations-on.two-state-two #animalchanger.echidna .wrap .shard-wrap:nth-child(7) .shard {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s; }
.animal-animations-on.two-state-two #animalchanger.echidna .wrap .shard-wrap:nth-child(1) .shard {
  -webkit-clip-path: polygon(13.4% 75.429%, 22.2% 61.143%, 23.9% 63.429%); }
.animal-animations-on.two-state-two #animalchanger.echidna .wrap .shard-wrap:nth-child(2) .shard {
  -webkit-clip-path: polygon(13.4% 75.286%, 21.5% 66.143%, 14.7% 76.429%); }
.animal-animations-on.two-state-two #animalchanger.echidna .wrap .shard-wrap:nth-child(6) .shard {
  -webkit-clip-path: polygon(23.6% 63.429%, 26.9% 63.714%, 19.9% 68.286%); }
.animal-animations-on.two-state-two #animalchanger.echidna .wrap .shard-wrap:nth-child(7) .shard {
  -webkit-clip-path: polygon(24.8% 60.571%, 26% 59.429%, 27.2% 58.571%); }
.animal-animations-on.two-state-two #animalchanger.crow .shard-wrap:nth-child(28) .shard {
  background-color: black;
  -webkit-transition: 0.6s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.03s;
  -moz-transition: 0.6s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.03s;
  transition: 0.6s 0s cubic-bezier(0.7, 0.3, 0, 1), background-color 0.03s; }
.animal-animations-on.two-state-two #animalchanger.crow .shard-wrap:nth-child(1) .shard {
  -webkit-clip-path: polygon(20% 40%, 25% 52.4%, 11.5% 34.5%); }
.animal-animations-on.two-state-two #animalchanger.crow .shard-wrap:nth-child(2) .shard {
  -webkit-clip-path: polygon(14.7% 37.5%, 35.2% 50.2%, 25% 52.5%); }
.animal-animations-on.two-state-two #animalchanger.crow .shard-wrap:nth-child(3) .shard {
  -webkit-clip-path: polygon(22.9% 34.5%, 35.2% 50.2%, 25% 48.9%); }
.animal-animations-on.two-state-two #animalchanger.tamarin .shard-wrap:nth-child(30) .shard {
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  transition: 0.1s;
  -webkit-clip-path: polygon(64.45% 80%, 75.85% 78.643%, 64.55% 84.643%); }
.animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(1) .shard, .animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(2) .shard, .animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(3) .shard, .animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(4) .shard, .animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(5) .shard, .animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(6) .shard, .animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(7) .shard, .animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(8) .shard, .animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(9) .shard, .animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(10) .shard, .animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(21) .shard, .animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(22) .shard, .animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(23) .shard, .animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(24) .shard, .animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(25) .shard, .animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(26) .shard, .animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(27) .shard, .animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(28) .shard, .animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(29) .shard, .animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(30) .shard {
  -webkit-transition: 0.12s cubic-bezier(0.4, 0.3, 0.1, 0.4);
  -moz-transition: 0.12s cubic-bezier(0.4, 0.3, 0.1, 0.4);
  transition: 0.12s cubic-bezier(0.4, 0.3, 0.1, 0.4); }
.animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(1) .shard {
  -webkit-clip-path: polygon(31.15% 16.5%, 39.25% 27.643%, 46.55% 47.929%); }
.animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(2) .shard {
  -webkit-clip-path: polygon(31.15% 16.5%, 30.9% 53.929%, 33.25% 34.3%); }
.animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(3) .shard {
  -webkit-clip-path: polygon(31.05% 16.5%, 32% 36.3%, 38.4% 27.5%); }
.animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(4) .shard {
  -webkit-clip-path: polygon(32% 36.214%, 38.3% 27.4%, 46.6% 48.2%); }
.animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(5) .shard {
  -webkit-clip-path: polygon(31.9% 36.1%, 46.55% 48.214%, 30.85% 53.929%); }
.animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(6) .shard {
  -webkit-clip-path: polygon(30.75% 53.786%, 46.55% 48.071%, 46.05% 52.643%); }
.animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(7) .shard {
  -webkit-clip-path: polygon(34.25% 55.5%, 45.95% 52.786%, 33.65% 64.786%); }
.animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(8) .shard {
  -webkit-clip-path: polygon(34.15% 55.5%, 45.95% 52.929%, 37.05% 57.643%); }
.animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(9) .shard {
  -webkit-clip-path: polygon(35.45% 60.5%, 36.45% 61.214%, 35.35% 62.071%); }
.animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(10) .shard {
  -webkit-clip-path: polygon(33.55% 64.643%, 45.85% 52.929%, 38.45% 70.214%); }
.animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(21) .shard {
  -webkit-clip-path: polygon(48.45% 54.214%, 55.95% 68.214%, 49.95% 75.214%); }
.animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(22) .shard {
  -webkit-clip-path: polygon(48.35% 54.214%, 55.95% 68.071%, 51.65% 64.786%); }
.animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(23) .shard {
  -webkit-clip-path: polygon(48.45% 54.214%, 49.95% 75.214%, 45.05% 74.214%); }
.animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(24) .shard {
  -webkit-clip-path: polygon(51.05% 70.071%, 51.85% 70.357%, 51.25% 71.929%); }
.animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(25) .shard {
  -webkit-clip-path: polygon(48.35% 54.214%, 50.35% 49.929%, 58.75% 70.786%); }
.animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(26) .shard {
  -webkit-clip-path: polygon(50.45% 50.071%, 64.85% 43.929%, 76.55% 48.929%); }
.animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(27) .shard {
  -webkit-clip-path: polygon(50.45% 50.071%, 64.75% 45.214%, 65.85% 57.5%); }
.animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(28) .shard {
  -webkit-clip-path: polygon(50.35% 50.071%, 65.85% 57.357%, 58.65% 70.786%); }
.animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(29) .shard {
  -webkit-clip-path: polygon(64.65% 45%, 76.55% 48.929%, 65.85% 57.5%); }
.animal-animations-on.two-state-two #animalchanger.butterfly .wrap .shard-wrap:nth-child(30) .shard {
  -webkit-clip-path: polygon(65.75% 57.357%, 76.65% 48.929%, 58.65% 70.786%); }
.animal-animations-on.two-state-two #animalchanger.kakapo .shard-wrap:nth-child(5) .shard {
  -webkit-clip-path: polygon(9.353% 45.567%, 12.853% 54.281%, 10.253% 51.138%);
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  transition: 0.1s; }
.animal-animations-on.two-state-two #animalchanger.kakapo .shard-wrap:nth-child(6) .shard {
  -webkit-clip-path: polygon(9.353% 45.424%, 12.753% 44.996%, 12.553% 54.71%);
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  transition: 0.1s; }
.animal-animations-on.two-state-two #animalchanger.kakapo .shard-wrap:nth-child(7) .shard {
  -webkit-clip-path: polygon(12.753% 50.424%, 12.753% 44.996%, 20.853% 56.138%);
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  transition: 0.1s; }
.animal-animations-on.two-state-two #animalchanger.kakapo .shard-wrap:nth-child(30) .shard {
  -webkit-clip-path: polygon(63.153% 54.138%, 70.753% 51.424%, 89.153% 66.996%); }
.animal-animations-on.two-state-two #animalchanger.kakapo .shard-wrap:nth-child(4) .shard {
  background-color: #d2c895;
  -webkit-transition: 0.03s;
  -moz-transition: 0.03s;
  transition: 0.03s; }
.animal-animations-on.two-state-two #animalchanger.parrotfish .wrap .shard-wrap:nth-child(19) .shard, .animal-animations-on.two-state-two #animalchanger.parrotfish .wrap .shard-wrap:nth-child(20) .shard, .animal-animations-on.two-state-two #animalchanger.parrotfish .wrap .shard-wrap:nth-child(21) .shard {
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  transition: 0.1s; }
.animal-animations-on.two-state-two #animalchanger.parrotfish .wrap .shard-wrap:nth-child(19) .shard {
  -webkit-clip-path: polygon(53.15% 38.35%, 56.8% 33.4%, 68.5% 48.3%); }
.animal-animations-on.two-state-two #animalchanger.parrotfish .wrap .shard-wrap:nth-child(20) .shard {
  -webkit-clip-path: polygon(51.84% 44.6%, 53.212% 38.286%, 68.5% 48.2%); }
.animal-animations-on.two-state-two #animalchanger.parrotfish .wrap .shard-wrap:nth-child(21) .shard {
  -webkit-clip-path: polygon(51.812% 44.3%, 68.4% 48%, 55.112% 53.429%); }
.animal-animations-on.two-state-two #animalchanger.damselfly .wrap .shard-wrap:nth-child(27) .shard, .animal-animations-on.two-state-two #animalchanger.damselfly .wrap .shard-wrap:nth-child(28) .shard, .animal-animations-on.two-state-two #animalchanger.damselfly .wrap .shard-wrap:nth-child(29) .shard, .animal-animations-on.two-state-two #animalchanger.damselfly .wrap .shard-wrap:nth-child(30) .shard {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s; }
.animal-animations-on.two-state-two #animalchanger.damselfly .wrap .shard-wrap:nth-child(27) .shard {
  -webkit-clip-path: polygon(31.6% 39%, 69.5% 53.714%, 41.5% 30.857%); }
.animal-animations-on.two-state-two #animalchanger.damselfly .wrap .shard-wrap:nth-child(28) .shard {
  -webkit-clip-path: polygon(53.4% 40.714%, 69.5% 53.857%, 45.4% 42.286%); }
.animal-animations-on.two-state-two #animalchanger.damselfly .wrap .shard-wrap:nth-child(29) .shard {
  -webkit-clip-path: polygon(42.7% 45%, 45.5% 30%, 55.5% 41.429%); }
.animal-animations-on.two-state-two #animalchanger.damselfly .wrap .shard-wrap:nth-child(30) .shard {
  -webkit-clip-path: polygon(42.7% 45%, 34% 31.857%, 45.6% 30.143%); }
.animal-animations-on.two-state-two #animalchanger.armadillo .wrap .shard-wrap:nth-child(8) .shard {
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-clip-path: polygon(21.75% 58.214%, 25.45% 49.071%, 25.75% 62.071%); }
.animal-animations-on.two-state-two #animalchanger.turtle .wrap .shard-wrap:nth-child(2) .shard, .animal-animations-on.two-state-two #animalchanger.turtle .wrap .shard-wrap:nth-child(3) .shard, .animal-animations-on.two-state-two #animalchanger.turtle .wrap .shard-wrap:nth-child(4) .shard, .animal-animations-on.two-state-two #animalchanger.turtle .wrap .shard-wrap:nth-child(5) .shard {
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s; }
.animal-animations-on.two-state-two #animalchanger.turtle .wrap .shard-wrap:nth-child(2) .shard {
  -webkit-clip-path: polygon(26.35% 55.857%, 32.45% 58.714%, 21.95% 69.571%); }
.animal-animations-on.two-state-two #animalchanger.turtle .wrap .shard-wrap:nth-child(3) .shard {
  -webkit-clip-path: polygon(22.65% 61%, 26.45% 56.286%, 21.95% 69.429%); }
.animal-animations-on.two-state-two #animalchanger.turtle .wrap .shard-wrap:nth-child(4) .shard {
  -webkit-clip-path: polygon(10.65% 56.714%, 19.05% 52.143%, 30.85% 51.857%); }
.animal-animations-on.two-state-two #animalchanger.turtle .wrap .shard-wrap:nth-child(5) .shard {
  -webkit-clip-path: polygon(10.55% 56.571%, 30.85% 51.857%, 25.45% 58.143%); }
.animal-animations-on.two-state-two #animalchanger.owl .shard-wrap .shard {
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s; }
.animal-animations-on.two-state-two #animalchanger.owl .shard-wrap:nth-child(27) .shard {
  -webkit-clip-path: polygon(48.05% 42.1%, 67.4% 71.214%, 63.3% 47.643%); }
.animal-animations-on.two-state-two #animalchanger.owl .shard-wrap:nth-child(25) .shard {
  -webkit-clip-path: polygon(55% 20.929%, 64% 42.214%, 61.9% 30.214%); }
.animal-animations-on.two-state-two #animalchanger.owl .shard-wrap:nth-child(24) .shard {
  -webkit-clip-path: polygon(55% 20.929%, 55.9% 35.071%, 64.2% 42.5%); }
.animal-animations-on.two-state-two #animalchanger.owl .shard-wrap:nth-child(23) .shard {
  -webkit-clip-path: polygon(48.1% 42.2%, 57.8% 32.071%, 64.9% 48.3%); }
.animal-animations-on.two-state-two #animalchanger.owl .shard-wrap:nth-child(22) .shard {
  -webkit-clip-path: polygon(48% 20.643%, 55.03% 20.929%, 56% 35.7%); }
.animal-animations-on.two-state-two #animalchanger.owl .shard-wrap:nth-child(21) .shard {
  -webkit-clip-path: polygon(48.076% 20.643%, 48.076% 42.3%, 56% 35.1%); }
.animal-animations-on.two-state-two #animalchanger.owl .shard-wrap:nth-child(26) .shard {
  -webkit-clip-path: polygon(55.3% 34.8%, 62.7% 43.929%, 61.4% 40.1%); }
.animal-animations-on.two-state-two #animalchanger.owl .shard-wrap:nth-child(18) .shard {
  -webkit-clip-path: polygon(44.976% 31.357%, 35.876% 50.786%, 56.176% 53.643%); }
.animal-animations-on.two-state-two #animalchanger.owl .shard-wrap:nth-child(28) .shard {
  -webkit-clip-path: polygon(58.3% 57.5%, 61.5% 75.071%, 63.8% 65.357%); }
.animal-animations-on.two-state-two #animalchanger.frog .shard-wrap:nth-child(10) .shard {
  -webkit-clip-path: polygon(31.15% 35.571%, 34.4% 35.9%, 37.35% 38.2%); }
.animal-animations-on.two-state-two #animalchanger.frog .shard-wrap:nth-child(11) .shard {
  -webkit-clip-path: polygon(31.15% 35.429%, 37.45% 38.143%, 34.1% 37.714%); }
.animal-animations-on.two-state-two #animalchanger.frog .shard-wrap:nth-child(12) .shard {
  -webkit-clip-path: polygon(32.65% 35.286%, 33.55% 36.1%, 33.15% 36%); }
.animal-animations-on.two-state-two #animalchanger.tapir .shard-wrap .shard {
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s; }
.animal-animations-on.two-state-two #animalchanger.tapir .shard-wrap:nth-child(1) .shard {
  -webkit-clip-path: polygon(11.6% 81.286%, 14.9% 79%, 13.9% 74.429%); }
.animal-animations-on.two-state-two #animalchanger.tapir .shard-wrap:nth-child(2) .shard {
  -webkit-clip-path: polygon(9.9% 72.3%, 11.7% 81.2%, 13.95% 74.571%); }
.animal-animations-on.two-state-two #animalchanger.tapir .shard-wrap:nth-child(3) .shard {
  -webkit-clip-path: polygon(9.8% 72.3%, 13.8% 74.571%, 18% 65.7%); }
.animal-animations-on.two-state-two #animalchanger.tapir .shard-wrap:nth-child(4) .shard {
  -webkit-clip-path: polygon(9.9% 72.4%, 17.9% 65.857%, 11.7% 56.286%); }
.animal-animations-on.two-state-two #animalchanger.tapir .shard-wrap:nth-child(9) .shard {
  -webkit-clip-path: polygon(15% 41.857%, 18% 40%, 17.4% 47.429%); }
.animal-animations-on.state-two #animalchanger.vaquita .level-two .wrap .shard-wrap .shard-wrap:nth-child(16) .shard, .animal-animations-on.state-two #animalchanger.vaquita .level-two .wrap .shard-wrap .shard-wrap:nth-child(18) .shard, .animal-animations-on.state-two #animalchanger.vaquita .level-two .wrap .shard-wrap .shard-wrap:nth-child(19) .shard {
  -webkit-transition: 0.45s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.45s 0s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.45s 0s cubic-bezier(0.62, 0.02, 0.34, 1); }
.animal-animations-on.state-two #animalchanger.vaquita .level-two .wrap .shard-wrap:nth-child(16) .shard {
  -webkit-clip-path: polygon(25.99% 61.716%, 32.64% 61.368%, 32.91% 73.146%);
  background-color: #0d1417; }
.animal-animations-on.state-two #animalchanger.vaquita .level-two .wrap .shard-wrap:nth-child(18) .shard {
  -webkit-clip-path: polygon(27.107% 55.964%, 39.318% 59.352%, 38.467% 66.772%);
  background-color: #334543; }
.animal-animations-on.state-two #animalchanger.vaquita .level-two .wrap .shard-wrap:nth-child(19) .shard {
  -webkit-clip-path: polygon(27.107% 55.964%, 38.467% 66.772%, 42.128% 75.085%);
  background-color: #21282f; }
.animal-animations-on.state-three #animalchanger.vaquita .level-two .wrap .shard-wrap:nth-child(16) .shard {
  -webkit-clip-path: polygon(25.99% 61.716%, 32.64% 61.368%, 37.91% 68.146%); }
.animal-animations-on.state-three #animalchanger.vaquita .level-two .wrap .shard-wrap:nth-child(18) .shard {
  -webkit-clip-path: polygon(27.107% 55.964%, 39.318% 59.352%, 42.467% 65.772%); }
.animal-animations-on.state-three #animalchanger.vaquita .level-two .wrap .shard-wrap:nth-child(19) .shard {
  -webkit-clip-path: polygon(27.107% 55.964%, 42.467% 65.772%, 47.128% 71.085%); }
.animal-animations-on.two-state-two #animalchanger.vaquita .wrap .shard-wrap:nth-child(29) .shard {
  -webkit-clip-path: polygon(78.275% 41.979%, 86.099% 34.183%, 96.64% 34.788%); }
.animal-animations-on.two-state-two #animalchanger.vaquita .wrap .shard-wrap:nth-child(30) .shard {
  -webkit-clip-path: polygon(78.275% 41.979%, 96.64% 34.788%, 88.644% 39.784%); }

.shimmer .level-one .wrap .shard-wrap:nth-child(1) .shard::before {
  -webkit-animation: shimmer 0.8s 0.07s forwards;
  -moz-animation: shimmer 0.8s 0.07s forwards;
  animation: shimmer 0.8s 0.07s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(2) .shard::before {
  -webkit-animation: shimmer 0.8s 0.12s forwards;
  -moz-animation: shimmer 0.8s 0.12s forwards;
  animation: shimmer 0.8s 0.12s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(3) .shard::before {
  -webkit-animation: shimmer 0.8s 0.17s forwards;
  -moz-animation: shimmer 0.8s 0.17s forwards;
  animation: shimmer 0.8s 0.17s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(4) .shard::before {
  -webkit-animation: shimmer 0.8s 0.22s forwards;
  -moz-animation: shimmer 0.8s 0.22s forwards;
  animation: shimmer 0.8s 0.22s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(5) .shard::before {
  -webkit-animation: shimmer 0.8s 0.27s forwards;
  -moz-animation: shimmer 0.8s 0.27s forwards;
  animation: shimmer 0.8s 0.27s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(6) .shard::before {
  -webkit-animation: shimmer 0.8s 0.32s forwards;
  -moz-animation: shimmer 0.8s 0.32s forwards;
  animation: shimmer 0.8s 0.32s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(7) .shard::before {
  -webkit-animation: shimmer 0.8s 0.37s forwards;
  -moz-animation: shimmer 0.8s 0.37s forwards;
  animation: shimmer 0.8s 0.37s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(8) .shard::before {
  -webkit-animation: shimmer 0.8s 0.42s forwards;
  -moz-animation: shimmer 0.8s 0.42s forwards;
  animation: shimmer 0.8s 0.42s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(9) .shard::before {
  -webkit-animation: shimmer 0.8s 0.47s forwards;
  -moz-animation: shimmer 0.8s 0.47s forwards;
  animation: shimmer 0.8s 0.47s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(10) .shard::before {
  -webkit-animation: shimmer 0.8s 0.52s forwards;
  -moz-animation: shimmer 0.8s 0.52s forwards;
  animation: shimmer 0.8s 0.52s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(11) .shard::before {
  -webkit-animation: shimmer 0.8s 0.57s forwards;
  -moz-animation: shimmer 0.8s 0.57s forwards;
  animation: shimmer 0.8s 0.57s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(12) .shard::before {
  -webkit-animation: shimmer 0.8s 0.62s forwards;
  -moz-animation: shimmer 0.8s 0.62s forwards;
  animation: shimmer 0.8s 0.62s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(13) .shard::before {
  -webkit-animation: shimmer 0.8s 0.67s forwards;
  -moz-animation: shimmer 0.8s 0.67s forwards;
  animation: shimmer 0.8s 0.67s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(14) .shard::before {
  -webkit-animation: shimmer 0.8s 0.72s forwards;
  -moz-animation: shimmer 0.8s 0.72s forwards;
  animation: shimmer 0.8s 0.72s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(15) .shard::before {
  -webkit-animation: shimmer 0.8s 0.77s forwards;
  -moz-animation: shimmer 0.8s 0.77s forwards;
  animation: shimmer 0.8s 0.77s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(16) .shard::before {
  -webkit-animation: shimmer 0.8s 0.82s forwards;
  -moz-animation: shimmer 0.8s 0.82s forwards;
  animation: shimmer 0.8s 0.82s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(17) .shard::before {
  -webkit-animation: shimmer 0.8s 0.87s forwards;
  -moz-animation: shimmer 0.8s 0.87s forwards;
  animation: shimmer 0.8s 0.87s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(18) .shard::before {
  -webkit-animation: shimmer 0.8s 0.92s forwards;
  -moz-animation: shimmer 0.8s 0.92s forwards;
  animation: shimmer 0.8s 0.92s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(19) .shard::before {
  -webkit-animation: shimmer 0.8s 0.97s forwards;
  -moz-animation: shimmer 0.8s 0.97s forwards;
  animation: shimmer 0.8s 0.97s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(20) .shard::before {
  -webkit-animation: shimmer 0.8s 1.02s forwards;
  -moz-animation: shimmer 0.8s 1.02s forwards;
  animation: shimmer 0.8s 1.02s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(21) .shard::before {
  -webkit-animation: shimmer 0.8s 1.07s forwards;
  -moz-animation: shimmer 0.8s 1.07s forwards;
  animation: shimmer 0.8s 1.07s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(22) .shard::before {
  -webkit-animation: shimmer 0.8s 1.12s forwards;
  -moz-animation: shimmer 0.8s 1.12s forwards;
  animation: shimmer 0.8s 1.12s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(23) .shard::before {
  -webkit-animation: shimmer 0.8s 1.17s forwards;
  -moz-animation: shimmer 0.8s 1.17s forwards;
  animation: shimmer 0.8s 1.17s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(24) .shard::before {
  -webkit-animation: shimmer 0.8s 1.22s forwards;
  -moz-animation: shimmer 0.8s 1.22s forwards;
  animation: shimmer 0.8s 1.22s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(25) .shard::before {
  -webkit-animation: shimmer 0.8s 1.27s forwards;
  -moz-animation: shimmer 0.8s 1.27s forwards;
  animation: shimmer 0.8s 1.27s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(26) .shard::before {
  -webkit-animation: shimmer 0.8s 1.32s forwards;
  -moz-animation: shimmer 0.8s 1.32s forwards;
  animation: shimmer 0.8s 1.32s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(27) .shard::before {
  -webkit-animation: shimmer 0.8s 1.37s forwards;
  -moz-animation: shimmer 0.8s 1.37s forwards;
  animation: shimmer 0.8s 1.37s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(28) .shard::before {
  -webkit-animation: shimmer 0.8s 1.42s forwards;
  -moz-animation: shimmer 0.8s 1.42s forwards;
  animation: shimmer 0.8s 1.42s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(29) .shard::before {
  -webkit-animation: shimmer 0.8s 1.47s forwards;
  -moz-animation: shimmer 0.8s 1.47s forwards;
  animation: shimmer 0.8s 1.47s forwards; }
.shimmer .level-one .wrap .shard-wrap:nth-child(30) .shard::before {
  -webkit-animation: shimmer 0.8s 1.52s forwards;
  -moz-animation: shimmer 0.8s 1.52s forwards;
  animation: shimmer 0.8s 1.52s forwards; }

.touch .animal-nav .popout, .touch .main-nav .popout {
  display: none; }

@media only screen and (max-width: 770px) {
  .animalinfo li:nth-child(1), .animalinfo li:nth-child(3) {
     } }
@media only screen and (max-width: 700px) {
  body.preloader.start-up-seq .level-one {
    -webkit-transform: scale(1.3) translateY(-4%);
    -moz-transform: scale(1.3) translateY(-4%);
    -ms-transform: scale(1.3) translateY(-4%);
    -o-transform: scale(1.3) translateY(-4%);
    transform: scale(1.3) translateY(-4%); }
  body.preloader.thirty-pieces-titles .level-one {
    -webkit-transform: scale(0.8) translateY(0%);
    -moz-transform: scale(0.8) translateY(0%);
    -ms-transform: scale(0.8) translateY(0%);
    -o-transform: scale(0.8) translateY(0%);
    transform: scale(0.8) translateY(0%); }

  .level-one {
    -webkit-transform: scale(0.9) translateY(-4%);
    -moz-transform: scale(0.9) translateY(-4%);
    -ms-transform: scale(0.9) translateY(-4%);
    -o-transform: scale(0.9) translateY(-4%);
    transform: scale(1) translateY(-4%);
    top: 50px;
    left: 0px;
    }

  #animalchanger::after {
    display: none; }

  .animal-nav .popout, .main-nav .popout {
    display: none; }

  .stage .animal-nav {
    top: 25px;
    right: 35px;
    margin-left: 0px;
    width: 160px;
    margin-top: 0; }
    .stage .animal-nav li {
      float: left; }
      .stage .animal-nav li:nth-child(2) {
        margin: 0 24px; }
        .stage .animal-nav li:nth-child(2) a {
          height: 54px;
          width: 54px;
          text-indent: -99999px;
          margin: 0;
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg); }
          .stage .animal-nav li:nth-child(2) a::after {
            content: "!";
            position: absolute;
            top: 50%;
            left: 50%;
            font-size: 3.5em;
            color: #181818;
            text-indent: 0;
            margin: -8% 0 0 -8%;
            -webkit-transition: 0.26s;
            -moz-transition: 0.26s;
            transition: 0.26s; }
      .stage .animal-nav li a {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); }
  .stage .main-nav {
    top: 21px;
    left: 23px;
    margin-top: 0; }
    .stage .main-nav > li {
      float: left;
      overflow: hidden; }
      .stage .main-nav > li:nth-child(3) {
        display: none; }
      .stage .main-nav > li a {
        background: none; }
        .stage .main-nav > li a.nav-btn {
          -webkit-transform: scale(1.5);
          -moz-transform: scale(1.5);
          -ms-transform: scale(1.5);
          -o-transform: scale(1.5);
          transform: scale(1.5); }
        .stage .main-nav > li a::after {
          display: none; }
  .stage .animalinfo-wrapper {
    bottom: 27px;
    top: auto;
    left: 31px;
    margin-left: 0; }
    .stage .animalinfo-wrapper .animalinfo {
      text-align: left; }
      .stage .animalinfo-wrapper .animalinfo li h2 {
        /* font-size: 2.8em;  */
      }
  .stage footer {
    height: 0;
    right: 0px;
    left: auto;
    text-align: center;
    bottom: 0px;
    -webkit-transition: 0.43s cubic-bezier(1, 0, 0, 1);
    -moz-transition: 0.43s cubic-bezier(1, 0, 0, 1);
    transition: 0.43s cubic-bezier(1, 0, 0, 1); }
    .stage footer::before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
      margin-right: -0.25em; }
    .stage footer .footer-nav {
      display: block;
      height: 30px;
      width: 30px;
      position: absolute;
      bottom: 33px;
      right: 28px; }
      .stage footer .footer-nav div {
        left: 13px; }
        .stage footer .footer-nav div::before, .stage footer .footer-nav div::after {
          content: "";
          left: 0; }
        .stage footer .footer-nav div::before {
          top: 9px; }
        .stage footer .footer-nav div::after {
          top: 18px; }
      .stage footer .footer-nav div, .stage footer .footer-nav div::before, .stage footer .footer-nav div::after {
        position: absolute;
        width: 5px;
        height: 5px;
        background-color: #FFF;
        border-radius: 10px; }
    .stage footer.mobile-footer-active {
      height: 100%;
      width: 100%;
      background-color: #fff; }
      .stage footer.mobile-footer-active ul {
        display: inline-block; }
        .stage footer.mobile-footer-active ul li {
          opacity: 1; }
      .stage footer.mobile-footer-active .footer-nav {
        right: 50%;
        bottom: 90%;
        margin-right: -15px; }
        .stage footer.mobile-footer-active .footer-nav div {
          left: 4px;
          bottom: 12px;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg); }
          .stage footer.mobile-footer-active .footer-nav div::before {
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
            top: 0; }
          .stage footer.mobile-footer-active .footer-nav div::after {
            opacity: 0; }
        .stage footer.mobile-footer-active .footer-nav div, .stage footer.mobile-footer-active .footer-nav div::before, .stage footer.mobile-footer-active .footer-nav div::after {
          width: 25px;
          background-color: #bbb; }
    .stage footer ul {
      display: none;
      vertical-align: middle;
      width: 80%; }
      .stage footer ul li {
        opacity: 0;
        display: block;
        padding: 2em 0;
        border-bottom: 1px solid #ededed;
        font-size: 1.3em; }
        .stage footer ul li:last-child {
          border: none; }
        .stage footer ul li a {
          color: #cacaca !important;
          background: none;
          padding: 0 !important; }
        .stage footer ul li:last-child {
          display: block; }
          .stage footer ul li:last-child span.wee {
            display: none; }
          .stage footer ul li:last-child .popout {
            background: none; }
            .stage footer ul li:last-child .popout:after, .stage footer ul li:last-child .popout:before {
              display: none; }

  .content-wrap {
    overflow-y: scroll;
    overflow-x: hidden; }
    .content-wrap .content {
      height: auto; }
      .content-wrap .content::before {
        display: none; }
      .content-wrap .content .content-info {
        padding: 10% 10%;
        margin: 0; }
        .content-wrap .content .content-info .ctas li {
          display: block; }
          .content-wrap .content .content-info .ctas li a {
            display: block; }
            .content-wrap .content .content-info .ctas li a.line-link {
              font-size: 1.4em; }
              .content-wrap .content .content-info .ctas li a.line-link span {
                display: none; }
          .content-wrap .content .content-info .ctas li:nth-child(2) {
            margin: 10px 0 15px; }
          .content-wrap .content .content-info .ctas li:nth-child(3) a {
            padding-left: 0; }
      .content-wrap .content ul.videos {
        position: fixed; }
    .content-wrap .statistics {
      margin: 0;
      width: 80%;
      top: 0;
      left: 0;
      padding: 10% 10%; }
      .content-wrap .statistics ul {
        width: 100%;
        float: none;
        margin-bottom: 30px; }
        .content-wrap .statistics ul li {
          text-align: center; }
          .content-wrap .statistics ul li:first-child {
            margin-top: 10px; }
            .content-wrap .statistics ul li:first-child a {
              margin: 0 auto; }
          .content-wrap .statistics ul li .line-link .arrow, .content-wrap .statistics ul li .line-link.active .arrow {
            -webkit-transform: rotate(90deg) translateY(-10px);
            -moz-transform: rotate(90deg) translateY(-10px);
            -ms-transform: rotate(90deg) translateY(-10px);
            -o-transform: rotate(90deg) translateY(-10px);
            transform: rotate(90deg) translateY(-10px); }
          .content-wrap .statistics ul li p {
            text-indent: -99999px; }
            .content-wrap .statistics ul li p::after {
              position: absolute;
              left: 0;
              width: 100%;
              text-indent: 0;
              content: "Tap chart to view figures."; }
      .content-wrap .statistics .chart {
        float: none;
        left: 50%;
        margin: 10px 0 0 -172px;
        -webkit-transform: scale(0.87) !important;
        -moz-transform: scale(0.87) !important;
        -ms-transform: scale(0.87) !important;
        -o-transform: scale(0.87) !important;
        transform: scale(0.87) !important; }

  .smash #animalchanger .level-one {
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
    -webkit-transition-delay: 0.16s;
    -moz-transition-delay: 0.16s;
    transition-delay: 0.16s; } }
@media only screen and (max-width: 700px) and (max-width: 500px) {
  .content-wrap .statistics .chart {
    -webkit-transform: scale(0.75) !important;
    -moz-transform: scale(0.75) !important;
    -ms-transform: scale(0.75) !important;
    -o-transform: scale(0.75) !important;
    transform: scale(0.75) !important; }

  .smash #animalchanger .level-one {
    -webkit-transform: scale(2.1);
    -moz-transform: scale(2.1);
    -ms-transform: scale(2.1);
    -o-transform: scale(2.1);
    transform: scale(2.1); } }
@media only screen and (max-width: 700px) and (max-width: 336px) {
  .main-nav > li:nth-child(2) {
    display: none; } }
@media only screen and (max-width: 700px) and (max-height: 350px) {
  .level-one {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8); }

  .stage .animal-nav {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    margin-left: 0;
    right: auto; }
    .stage .animal-nav li {
      position: absolute; }
    .stage .animal-nav .prev, .stage .animal-nav .next {
      top: 50%;
      margin-top: -30px; }
    .stage .animal-nav .prev {
      left: 34px; }
    .stage .animal-nav .next, .stage .animal-nav li:nth-child(2) {
      right: 34px; }
    .stage .animal-nav li:nth-child(2) {
      left: 85px;
      margin: 0;
      top: 22px; }
  .stage .main-nav {
    z-index: 1; }
    .stage .main-nav > li:nth-child(2) {
      display: none; } }
@media only screen and (max-width: 700px) and (max-height: 350px) and (max-height: 300px) {
  .level-one {
    -webkit-transform: scale(0.65);
    -moz-transform: scale(0.65);
    -ms-transform: scale(0.65);
    -o-transform: scale(0.65);
    transform: scale(0.65); } }
@media only screen and (min-width: 700px) and (max-height: 470px) {
  footer, .border {
    display: none; } }
.small-nav .hover-detector {
  display: none; }
.small-nav .border {
  display: none; }
.small-nav .stage {
  -webkit-transition: 0s;
  -moz-transition: 0s;
  transition: 0s; }
  .small-nav .stage .all-animals-off-btn {
    position: fixed;
    margin-left: -33px;
    top: 60px;
    left: 50%; }
    .small-nav .stage .all-animals-off-btn::after {
      background-color: #1b1b1c; }
.small-nav .all-animals .level-one {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1); }
  @media only screen and (max-width: 500px) {
    .small-nav .all-animals .level-one {
      -webkit-transform: scale(1.4);
      -moz-transform: scale(1.4);
      -ms-transform: scale(1.4);
      -o-transform: scale(1.4);
      transform: scale(1.4); } }
  .small-nav .all-animals .level-one .shard-wrap .shard {
    -webkit-transition: 0.4s cubic-bezier(0.62, 0.02, 0.34, 1);
    -moz-transition: 0.4s cubic-bezier(0.62, 0.02, 0.34, 1);
    transition: 0.4s cubic-bezier(0.62, 0.02, 0.34, 1); }
.small-nav .all-animals .stage {
  height: 0;
  position: relative;
  z-index: 101; }
  .small-nav .all-animals .stage > *:not(.main-nav) {
    opacity: 0;
    pointer-events: none; }
  .small-nav .all-animals .stage .main-nav > *, .small-nav .all-animals .stage .animal-nav > * {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s; }
  .small-nav .all-animals .stage .main-nav > *:not(.all-animals-off-btn) {
    opacity: 0;
    pointer-events: none; }
.small-nav .all-animals .animal-nav-content {
  -webkit-transition: 0.34s 0.4s;
  -moz-transition: 0.34s 0.4s;
  transition: 0.34s 0.4s; }
.small-nav .animal-nav-content {
  height: 100%;
  width: 100%;
  z-index: 100;
  overflow-y: scroll;
  position: absolute;
  -webkit-mask: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 7%, white 20%, white 100%) no-repeat center center/cover; }
  .small-nav .animal-nav-content .title-content {
    display: none; }
  .small-nav .animal-nav-content ul {
    width: 100%;
    padding: 110px 0 30px; }
  .small-nav .animal-nav-content li {
    padding: 37px 0 30px;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .small-nav .animal-nav-content li:last-child {
      border-bottom: none; }
    .small-nav .animal-nav-content li h4 {
      font-size: 1.7em;
      margin-bottom: .6em; }
    .small-nav .animal-nav-content li h2 {
      font-size: 3.7em;
      margin-bottom: .18em; }
@media only screen and (max-width: 500px) {
  .small-nav .animal-nav-content li {
    padding: 20px 0; }
    .small-nav .animal-nav-content li h4 {
      font-size: 1.4em;
      margin-bottom: .25em; }
    .small-nav .animal-nav-content li h2 {
      font-size: 3em;
      margin-bottom: .05em; } }

.touch #animalchanger::before, .touch #animalchanger::after {
  display: none !important; }
@media only screen and (max-width: 500px) {
  .touch .border {
    display: none; }
  .touch .animal-nav .popout, .touch .main-nav .popout {
    display: none; } }

/* @media only screen and (max-height: 740px) {
  .animalinfo-wrapper {
    margin-top: 16%; } } */
@media only screen and (min-height: 740px) and (min-width: 700px) {
  html:not(.small-nav) .hover-detector.active div {
    width: 70px;
    height: 70px;
    margin-top: -35px;
    margin-left: -35px; }
    html:not(.small-nav) .hover-detector.active div:nth-child(1) {
      -webkit-transform: rotate(5deg) translateY(-280px);
      -moz-transform: rotate(5deg) translateY(-280px);
      -ms-transform: rotate(5deg) translateY(-280px);
      -o-transform: rotate(5deg) translateY(-280px);
      transform: rotate(5deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(2) {
      -webkit-transform: rotate(17deg) translateY(-280px);
      -moz-transform: rotate(17deg) translateY(-280px);
      -ms-transform: rotate(17deg) translateY(-280px);
      -o-transform: rotate(17deg) translateY(-280px);
      transform: rotate(17deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(3) {
      -webkit-transform: rotate(29deg) translateY(-280px);
      -moz-transform: rotate(29deg) translateY(-280px);
      -ms-transform: rotate(29deg) translateY(-280px);
      -o-transform: rotate(29deg) translateY(-280px);
      transform: rotate(29deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(4) {
      -webkit-transform: rotate(41deg) translateY(-280px);
      -moz-transform: rotate(41deg) translateY(-280px);
      -ms-transform: rotate(41deg) translateY(-280px);
      -o-transform: rotate(41deg) translateY(-280px);
      transform: rotate(41deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(5) {
      -webkit-transform: rotate(53deg) translateY(-280px);
      -moz-transform: rotate(53deg) translateY(-280px);
      -ms-transform: rotate(53deg) translateY(-280px);
      -o-transform: rotate(53deg) translateY(-280px);
      transform: rotate(53deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(6) {
      -webkit-transform: rotate(65deg) translateY(-280px);
      -moz-transform: rotate(65deg) translateY(-280px);
      -ms-transform: rotate(65deg) translateY(-280px);
      -o-transform: rotate(65deg) translateY(-280px);
      transform: rotate(65deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(7) {
      -webkit-transform: rotate(77deg) translateY(-280px);
      -moz-transform: rotate(77deg) translateY(-280px);
      -ms-transform: rotate(77deg) translateY(-280px);
      -o-transform: rotate(77deg) translateY(-280px);
      transform: rotate(77deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(8) {
      -webkit-transform: rotate(89deg) translateY(-280px);
      -moz-transform: rotate(89deg) translateY(-280px);
      -ms-transform: rotate(89deg) translateY(-280px);
      -o-transform: rotate(89deg) translateY(-280px);
      transform: rotate(89deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(9) {
      -webkit-transform: rotate(101deg) translateY(-280px);
      -moz-transform: rotate(101deg) translateY(-280px);
      -ms-transform: rotate(101deg) translateY(-280px);
      -o-transform: rotate(101deg) translateY(-280px);
      transform: rotate(101deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(10) {
      -webkit-transform: rotate(113deg) translateY(-280px);
      -moz-transform: rotate(113deg) translateY(-280px);
      -ms-transform: rotate(113deg) translateY(-280px);
      -o-transform: rotate(113deg) translateY(-280px);
      transform: rotate(113deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(11) {
      -webkit-transform: rotate(125deg) translateY(-280px);
      -moz-transform: rotate(125deg) translateY(-280px);
      -ms-transform: rotate(125deg) translateY(-280px);
      -o-transform: rotate(125deg) translateY(-280px);
      transform: rotate(125deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(12) {
      -webkit-transform: rotate(137deg) translateY(-280px);
      -moz-transform: rotate(137deg) translateY(-280px);
      -ms-transform: rotate(137deg) translateY(-280px);
      -o-transform: rotate(137deg) translateY(-280px);
      transform: rotate(137deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(13) {
      -webkit-transform: rotate(149deg) translateY(-280px);
      -moz-transform: rotate(149deg) translateY(-280px);
      -ms-transform: rotate(149deg) translateY(-280px);
      -o-transform: rotate(149deg) translateY(-280px);
      transform: rotate(149deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(14) {
      -webkit-transform: rotate(161deg) translateY(-280px);
      -moz-transform: rotate(161deg) translateY(-280px);
      -ms-transform: rotate(161deg) translateY(-280px);
      -o-transform: rotate(161deg) translateY(-280px);
      transform: rotate(161deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(15) {
      -webkit-transform: rotate(173deg) translateY(-280px);
      -moz-transform: rotate(173deg) translateY(-280px);
      -ms-transform: rotate(173deg) translateY(-280px);
      -o-transform: rotate(173deg) translateY(-280px);
      transform: rotate(173deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(16) {
      -webkit-transform: rotate(185deg) translateY(-280px);
      -moz-transform: rotate(185deg) translateY(-280px);
      -ms-transform: rotate(185deg) translateY(-280px);
      -o-transform: rotate(185deg) translateY(-280px);
      transform: rotate(185deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(17) {
      -webkit-transform: rotate(197deg) translateY(-280px);
      -moz-transform: rotate(197deg) translateY(-280px);
      -ms-transform: rotate(197deg) translateY(-280px);
      -o-transform: rotate(197deg) translateY(-280px);
      transform: rotate(197deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(18) {
      -webkit-transform: rotate(209deg) translateY(-280px);
      -moz-transform: rotate(209deg) translateY(-280px);
      -ms-transform: rotate(209deg) translateY(-280px);
      -o-transform: rotate(209deg) translateY(-280px);
      transform: rotate(209deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(19) {
      -webkit-transform: rotate(221deg) translateY(-280px);
      -moz-transform: rotate(221deg) translateY(-280px);
      -ms-transform: rotate(221deg) translateY(-280px);
      -o-transform: rotate(221deg) translateY(-280px);
      transform: rotate(221deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(20) {
      -webkit-transform: rotate(233deg) translateY(-280px);
      -moz-transform: rotate(233deg) translateY(-280px);
      -ms-transform: rotate(233deg) translateY(-280px);
      -o-transform: rotate(233deg) translateY(-280px);
      transform: rotate(233deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(21) {
      -webkit-transform: rotate(245deg) translateY(-280px);
      -moz-transform: rotate(245deg) translateY(-280px);
      -ms-transform: rotate(245deg) translateY(-280px);
      -o-transform: rotate(245deg) translateY(-280px);
      transform: rotate(245deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(22) {
      -webkit-transform: rotate(257deg) translateY(-280px);
      -moz-transform: rotate(257deg) translateY(-280px);
      -ms-transform: rotate(257deg) translateY(-280px);
      -o-transform: rotate(257deg) translateY(-280px);
      transform: rotate(257deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(23) {
      -webkit-transform: rotate(269deg) translateY(-280px);
      -moz-transform: rotate(269deg) translateY(-280px);
      -ms-transform: rotate(269deg) translateY(-280px);
      -o-transform: rotate(269deg) translateY(-280px);
      transform: rotate(269deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(24) {
      -webkit-transform: rotate(281deg) translateY(-280px);
      -moz-transform: rotate(281deg) translateY(-280px);
      -ms-transform: rotate(281deg) translateY(-280px);
      -o-transform: rotate(281deg) translateY(-280px);
      transform: rotate(281deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(25) {
      -webkit-transform: rotate(293deg) translateY(-280px);
      -moz-transform: rotate(293deg) translateY(-280px);
      -ms-transform: rotate(293deg) translateY(-280px);
      -o-transform: rotate(293deg) translateY(-280px);
      transform: rotate(293deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(26) {
      -webkit-transform: rotate(305deg) translateY(-280px);
      -moz-transform: rotate(305deg) translateY(-280px);
      -ms-transform: rotate(305deg) translateY(-280px);
      -o-transform: rotate(305deg) translateY(-280px);
      transform: rotate(305deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(27) {
      -webkit-transform: rotate(317deg) translateY(-280px);
      -moz-transform: rotate(317deg) translateY(-280px);
      -ms-transform: rotate(317deg) translateY(-280px);
      -o-transform: rotate(317deg) translateY(-280px);
      transform: rotate(317deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(28) {
      -webkit-transform: rotate(329deg) translateY(-280px);
      -moz-transform: rotate(329deg) translateY(-280px);
      -ms-transform: rotate(329deg) translateY(-280px);
      -o-transform: rotate(329deg) translateY(-280px);
      transform: rotate(329deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(29) {
      -webkit-transform: rotate(341deg) translateY(-280px);
      -moz-transform: rotate(341deg) translateY(-280px);
      -ms-transform: rotate(341deg) translateY(-280px);
      -o-transform: rotate(341deg) translateY(-280px);
      transform: rotate(341deg) translateY(-280px); }
    html:not(.small-nav) .hover-detector.active div:nth-child(30) {
      -webkit-transform: rotate(353deg) translateY(-280px);
      -moz-transform: rotate(353deg) translateY(-280px);
      -ms-transform: rotate(353deg) translateY(-280px);
      -o-transform: rotate(353deg) translateY(-280px);
      transform: rotate(353deg) translateY(-280px); }
  html:not(.small-nav) .animal-nav-content ul {
    margin-top: -54px; } }
@media only screen and (min-height: 810px) and (min-width: 700px) {
  html:not(.small-nav) .hover-detector.active div:nth-child(1) {
    -webkit-transform: rotate(5deg) translateY(-300px);
    -moz-transform: rotate(5deg) translateY(-300px);
    -ms-transform: rotate(5deg) translateY(-300px);
    -o-transform: rotate(5deg) translateY(-300px);
    transform: rotate(5deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(2) {
    -webkit-transform: rotate(17deg) translateY(-300px);
    -moz-transform: rotate(17deg) translateY(-300px);
    -ms-transform: rotate(17deg) translateY(-300px);
    -o-transform: rotate(17deg) translateY(-300px);
    transform: rotate(17deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(3) {
    -webkit-transform: rotate(29deg) translateY(-300px);
    -moz-transform: rotate(29deg) translateY(-300px);
    -ms-transform: rotate(29deg) translateY(-300px);
    -o-transform: rotate(29deg) translateY(-300px);
    transform: rotate(29deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(4) {
    -webkit-transform: rotate(41deg) translateY(-300px);
    -moz-transform: rotate(41deg) translateY(-300px);
    -ms-transform: rotate(41deg) translateY(-300px);
    -o-transform: rotate(41deg) translateY(-300px);
    transform: rotate(41deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(5) {
    -webkit-transform: rotate(53deg) translateY(-300px);
    -moz-transform: rotate(53deg) translateY(-300px);
    -ms-transform: rotate(53deg) translateY(-300px);
    -o-transform: rotate(53deg) translateY(-300px);
    transform: rotate(53deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(6) {
    -webkit-transform: rotate(65deg) translateY(-300px);
    -moz-transform: rotate(65deg) translateY(-300px);
    -ms-transform: rotate(65deg) translateY(-300px);
    -o-transform: rotate(65deg) translateY(-300px);
    transform: rotate(65deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(7) {
    -webkit-transform: rotate(77deg) translateY(-300px);
    -moz-transform: rotate(77deg) translateY(-300px);
    -ms-transform: rotate(77deg) translateY(-300px);
    -o-transform: rotate(77deg) translateY(-300px);
    transform: rotate(77deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(8) {
    -webkit-transform: rotate(89deg) translateY(-300px);
    -moz-transform: rotate(89deg) translateY(-300px);
    -ms-transform: rotate(89deg) translateY(-300px);
    -o-transform: rotate(89deg) translateY(-300px);
    transform: rotate(89deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(9) {
    -webkit-transform: rotate(101deg) translateY(-300px);
    -moz-transform: rotate(101deg) translateY(-300px);
    -ms-transform: rotate(101deg) translateY(-300px);
    -o-transform: rotate(101deg) translateY(-300px);
    transform: rotate(101deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(10) {
    -webkit-transform: rotate(113deg) translateY(-300px);
    -moz-transform: rotate(113deg) translateY(-300px);
    -ms-transform: rotate(113deg) translateY(-300px);
    -o-transform: rotate(113deg) translateY(-300px);
    transform: rotate(113deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(11) {
    -webkit-transform: rotate(125deg) translateY(-300px);
    -moz-transform: rotate(125deg) translateY(-300px);
    -ms-transform: rotate(125deg) translateY(-300px);
    -o-transform: rotate(125deg) translateY(-300px);
    transform: rotate(125deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(12) {
    -webkit-transform: rotate(137deg) translateY(-300px);
    -moz-transform: rotate(137deg) translateY(-300px);
    -ms-transform: rotate(137deg) translateY(-300px);
    -o-transform: rotate(137deg) translateY(-300px);
    transform: rotate(137deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(13) {
    -webkit-transform: rotate(149deg) translateY(-300px);
    -moz-transform: rotate(149deg) translateY(-300px);
    -ms-transform: rotate(149deg) translateY(-300px);
    -o-transform: rotate(149deg) translateY(-300px);
    transform: rotate(149deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(14) {
    -webkit-transform: rotate(161deg) translateY(-300px);
    -moz-transform: rotate(161deg) translateY(-300px);
    -ms-transform: rotate(161deg) translateY(-300px);
    -o-transform: rotate(161deg) translateY(-300px);
    transform: rotate(161deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(15) {
    -webkit-transform: rotate(173deg) translateY(-300px);
    -moz-transform: rotate(173deg) translateY(-300px);
    -ms-transform: rotate(173deg) translateY(-300px);
    -o-transform: rotate(173deg) translateY(-300px);
    transform: rotate(173deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(16) {
    -webkit-transform: rotate(185deg) translateY(-300px);
    -moz-transform: rotate(185deg) translateY(-300px);
    -ms-transform: rotate(185deg) translateY(-300px);
    -o-transform: rotate(185deg) translateY(-300px);
    transform: rotate(185deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(17) {
    -webkit-transform: rotate(197deg) translateY(-300px);
    -moz-transform: rotate(197deg) translateY(-300px);
    -ms-transform: rotate(197deg) translateY(-300px);
    -o-transform: rotate(197deg) translateY(-300px);
    transform: rotate(197deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(18) {
    -webkit-transform: rotate(209deg) translateY(-300px);
    -moz-transform: rotate(209deg) translateY(-300px);
    -ms-transform: rotate(209deg) translateY(-300px);
    -o-transform: rotate(209deg) translateY(-300px);
    transform: rotate(209deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(19) {
    -webkit-transform: rotate(221deg) translateY(-300px);
    -moz-transform: rotate(221deg) translateY(-300px);
    -ms-transform: rotate(221deg) translateY(-300px);
    -o-transform: rotate(221deg) translateY(-300px);
    transform: rotate(221deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(20) {
    -webkit-transform: rotate(233deg) translateY(-300px);
    -moz-transform: rotate(233deg) translateY(-300px);
    -ms-transform: rotate(233deg) translateY(-300px);
    -o-transform: rotate(233deg) translateY(-300px);
    transform: rotate(233deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(21) {
    -webkit-transform: rotate(245deg) translateY(-300px);
    -moz-transform: rotate(245deg) translateY(-300px);
    -ms-transform: rotate(245deg) translateY(-300px);
    -o-transform: rotate(245deg) translateY(-300px);
    transform: rotate(245deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(22) {
    -webkit-transform: rotate(257deg) translateY(-300px);
    -moz-transform: rotate(257deg) translateY(-300px);
    -ms-transform: rotate(257deg) translateY(-300px);
    -o-transform: rotate(257deg) translateY(-300px);
    transform: rotate(257deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(23) {
    -webkit-transform: rotate(269deg) translateY(-300px);
    -moz-transform: rotate(269deg) translateY(-300px);
    -ms-transform: rotate(269deg) translateY(-300px);
    -o-transform: rotate(269deg) translateY(-300px);
    transform: rotate(269deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(24) {
    -webkit-transform: rotate(281deg) translateY(-300px);
    -moz-transform: rotate(281deg) translateY(-300px);
    -ms-transform: rotate(281deg) translateY(-300px);
    -o-transform: rotate(281deg) translateY(-300px);
    transform: rotate(281deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(25) {
    -webkit-transform: rotate(293deg) translateY(-300px);
    -moz-transform: rotate(293deg) translateY(-300px);
    -ms-transform: rotate(293deg) translateY(-300px);
    -o-transform: rotate(293deg) translateY(-300px);
    transform: rotate(293deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(26) {
    -webkit-transform: rotate(305deg) translateY(-300px);
    -moz-transform: rotate(305deg) translateY(-300px);
    -ms-transform: rotate(305deg) translateY(-300px);
    -o-transform: rotate(305deg) translateY(-300px);
    transform: rotate(305deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(27) {
    -webkit-transform: rotate(317deg) translateY(-300px);
    -moz-transform: rotate(317deg) translateY(-300px);
    -ms-transform: rotate(317deg) translateY(-300px);
    -o-transform: rotate(317deg) translateY(-300px);
    transform: rotate(317deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(28) {
    -webkit-transform: rotate(329deg) translateY(-300px);
    -moz-transform: rotate(329deg) translateY(-300px);
    -ms-transform: rotate(329deg) translateY(-300px);
    -o-transform: rotate(329deg) translateY(-300px);
    transform: rotate(329deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(29) {
    -webkit-transform: rotate(341deg) translateY(-300px);
    -moz-transform: rotate(341deg) translateY(-300px);
    -ms-transform: rotate(341deg) translateY(-300px);
    -o-transform: rotate(341deg) translateY(-300px);
    transform: rotate(341deg) translateY(-300px); }
  html:not(.small-nav) .hover-detector.active div:nth-child(30) {
    -webkit-transform: rotate(353deg) translateY(-300px);
    -moz-transform: rotate(353deg) translateY(-300px);
    -ms-transform: rotate(353deg) translateY(-300px);
    -o-transform: rotate(353deg) translateY(-300px);
    transform: rotate(353deg) translateY(-300px); }
  html:not(.small-nav) .animal-nav-content ul {
    margin-top: -46px; } }
@media only screen and (min-width: 1200px) {
  .all-animals .level-one .wrap .shard-wrap .shard.active {
    -webkit-clip-path: polygon(43% 43%, 50% 57%, 57% 46%); }
  .all-animals .level-one .wrap .shard-wrap:nth-child(3n+1) .shard.active {
    -webkit-clip-path: polygon(43% 57%, 50% 43%, 57% 56%); }
  .all-animals .level-one .wrap .shard-wrap:nth-child(3n+2) .shard.active {
    -webkit-clip-path: polygon(57% 43%, 50% 57%, 43% 46%); } }
@media only screen and (min-width: 1450px) {
  .animalinfo-wrapper .animalinfo li:nth-child(1) h2 {
    /* font-size: 5.5em; */
    /* margin-top: -16px; */
  }

  .nav-btn.close {
    -webkit-transform: scale(1.13);
    -moz-transform: scale(1.13);
    -ms-transform: scale(1.13);
    -o-transform: scale(1.13);
    transform: scale(1.13); }

  .stage .animalinfo-wrapper .animalinfo li:nth-child(1) {
    /* height: 52px; */
  }
    .stage .animalinfo-wrapper .animalinfo li:nth-child(1) span {
      margin-top: 18px;
      font-size: 4.7em; }
  .stage .animalinfo-wrapper .animalinfo li:nth-child(2) {
    top: -11px; }
    .stage .animalinfo-wrapper .animalinfo li:nth-child(2) a {
      height: 56px;
      width: 56px; }
  .stage .animal-nav li, .stage .main-nav li {
    -webkit-transform: scale(1.13);
    -moz-transform: scale(1.13);
    -ms-transform: scale(1.13);
    -o-transform: scale(1.13);
    transform: scale(1.13); }
    .two-state-two .stage .animal-nav li.throbbing, .two-state-two .stage .main-nav li.throbbing {
      -webkit-transform: scale(1.19);
      -moz-transform: scale(1.19);
      -ms-transform: scale(1.19);
      -o-transform: scale(1.19);
      transform: scale(1.19); }
  .stage .animal-nav {
    right: 54px;
    margin-top: -142px; }
    .stage .animal-nav li:nth-child(2) {
      padding: 7px 0 14px; }
  .stage .main-nav {
    left: 54px; }
    .stage .main-nav li:nth-child(1) {
      -webkit-transform-origin: 50% 170%;
      -moz-transform-origin: 50% 170%;
      -ms-transform-origin: 50% 170%;
      -o-transform-origin: 50% 170%;
      transform-origin: 50% 170%; }
    .stage .main-nav li:nth-child(3) {
      -webkit-transform-origin: 50% -70%;
      -moz-transform-origin: 50% -70%;
      -ms-transform-origin: 50% -70%;
      -o-transform-origin: 50% -70%;
      transform-origin: 50% -70%; }

  .content-wrap .content .content-info {
    /* max-width: 590px; */
  }

  .content-wrap .content .content-info .infos {
    margin-bottom: 3.2em; }
    .content-wrap .content .content-info .infos p {
      font-size: 1.4em;
      margin-bottom: .9em; }
      .content-wrap .content .content-info .infos p:nth-child(3) {
        font-size: 2.3em;
        line-height: 1.2em; }

  .content-wrap .content .content-info .ctas li a {
    font-size: 1.3em; }
  .content-wrap .content .content-info .ctas li:nth-child(2) a.popout {
    font-size: 2.2em;
    padding: 20px 23px 20px 7px;
    background-size: 141px 71px;
    margin: 0 55px 0 75px; }
    .content-wrap .content .content-info .ctas li:nth-child(2) a.popout::after, .content-wrap .content .content-info .ctas li:nth-child(2) a.popout::before {
      width: 62px;
      background-size: 62px 70px; }
    .content-wrap .content .content-info .ctas li:nth-child(2) a.popout::before {
      left: -33px; }
    .content-wrap .content .content-info .ctas li:nth-child(2) a.popout::after {
      right: -33px; } }
@media only screen and (min-width: 1450px) and (max-height: 830px) {
  .animalinfo-wrapper {
    margin-top: 16%; } }
@-webkit-keyframes backgroundmoving {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 391px 442px; } }
@-moz-keyframes backgroundmoving {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 391px 442px; } }
@keyframes backgroundmoving {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 391px 442px; } }
@-webkit-keyframes throbbing {
  0% {
    -webkit-transform: scale(1); }
  4% {
    -webkit-transform: scale(1.04); }
  10% {
    -webkit-transform: scale(1); }
  14% {
    -webkit-transform: scale(1.04); }
  20% {
    -webkit-transform: scale(1); }
  100% {
    -webkit-transform: scale(1); } }
@-moz-keyframes throbbing {
  0% {
    -moz-transform: scale(1); }
  4% {
    -moz-transform: scale(1.04); }
  10% {
    -moz-transform: scale(1); }
  14% {
    -moz-transform: scale(1.04); }
  20% {
    -moz-transform: scale(1); }
  100% {
    -moz-transform: scale(1); } }
@keyframes throbbing {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  4% {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04); }
  10% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes throbbing-large {
  0% {
    -webkit-transform: scale(1.3); }
  4% {
    -webkit-transform: scale(1.36); }
  10% {
    -webkit-transform: scale(1.3); }
  14% {
    -webkit-transform: scale(1.36); }
  20% {
    -webkit-transform: scale(1.3); }
  100% {
    -webkit-transform: scale(1.3); } }
@-moz-keyframes throbbing-large {
  0% {
    -moz-transform: scale(1.3); }
  4% {
    -moz-transform: scale(1.36); }
  10% {
    -moz-transform: scale(1.3); }
  14% {
    -moz-transform: scale(1.36); }
  20% {
    -moz-transform: scale(1.3); }
  100% {
    -moz-transform: scale(1.3); } }
@keyframes throbbing-large {
  0% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3); }
  4% {
    -webkit-transform: scale(1.36);
    -moz-transform: scale(1.36);
    -ms-transform: scale(1.36);
    -o-transform: scale(1.36);
    transform: scale(1.36); }
  10% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3); }
  14% {
    -webkit-transform: scale(1.36);
    -moz-transform: scale(1.36);
    -ms-transform: scale(1.36);
    -o-transform: scale(1.36);
    transform: scale(1.36); }
  20% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3); }
  100% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3); } }
@-webkit-keyframes shimmer {
  0% {
    background-color: rgba(255, 255, 255, 0); }
  35% {
    background-color: rgba(255, 255, 255, 0.1); }
  100% {
    background-color: rgba(255, 255, 255, 0); } }
@-moz-keyframes shimmer {
  0% {
    background-color: rgba(255, 255, 255, 0); }
  35% {
    background-color: rgba(255, 255, 255, 0.1); }
  100% {
    background-color: rgba(255, 255, 255, 0); } }
@keyframes shimmer {
  0% {
    background-color: rgba(255, 255, 255, 0); }
  35% {
    background-color: rgba(255, 255, 255, 0.1); }
  100% {
    background-color: rgba(255, 255, 255, 0); } }
@-webkit-keyframes bubbles {
  0% {
    top: 5%;
    background: rgba(255, 255, 255, 0); }
  49% {
    background: white; }
  98% {
    top: -5%;
    background: rgba(255, 255, 255, 0); }
  100% {
    top: 5%;
    background: rgba(255, 255, 255, 0); } }
@-moz-keyframes bubbles {
  0% {
    top: 5%;
    background: rgba(255, 255, 255, 0); }
  49% {
    background: white; }
  98% {
    top: -5%;
    background: rgba(255, 255, 255, 0); }
  100% {
    top: 5%;
    background: rgba(255, 255, 255, 0); } }
@keyframes bubbles {
  0% {
    top: 5%;
    background: rgba(255, 255, 255, 0); }
  49% {
    background: white; }
  98% {
    top: -5%;
    background: rgba(255, 255, 255, 0); }
  100% {
    top: 5%;
    background: rgba(255, 255, 255, 0); } }
@-webkit-keyframes scratchy {
  0% {
    background-position: 0 0; }
  25% {
    background-position: 0 0; }
  26% {
    background-position: 20px -20px; }
  50% {
    background-position: 20px -20px; }
  51% {
    background-position: 40px -40px; }
  75% {
    background-position: 40px -40px; }
  76% {
    background-position: 60px -60px; }
  99% {
    background-position: 60px -60px; }
  100% {
    background-position: 0 0; } }
@-moz-keyframes scratchy {
  0% {
    background-position: 0 0; }
  25% {
    background-position: 0 0; }
  26% {
    background-position: 20px -20px; }
  50% {
    background-position: 20px -20px; }
  51% {
    background-position: 40px -40px; }
  75% {
    background-position: 40px -40px; }
  76% {
    background-position: 60px -60px; }
  99% {
    background-position: 60px -60px; }
  100% {
    background-position: 0 0; } }
@keyframes scratchy {
  0% {
    background-position: 0 0; }
  25% {
    background-position: 0 0; }
  26% {
    background-position: 20px -20px; }
  50% {
    background-position: 20px -20px; }
  51% {
    background-position: 40px -40px; }
  75% {
    background-position: 40px -40px; }
  76% {
    background-position: 60px -60px; }
  99% {
    background-position: 60px -60px; }
  100% {
    background-position: 0 0; } }
@-webkit-keyframes bgscratchy {
  to {
    -webkit-transform: rotate(720deg); } }
@-moz-keyframes bgscratchy {
  to {
    -moz-transform: rotate(720deg); } }
@keyframes bgscratchy {
  to {
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    transform: rotate(720deg); } }
@-webkit-keyframes statistics {
  0% {
    height: 3px; }
  100% {
    height: 9px; } }
@-moz-keyframes statistics {
  0% {
    height: 3px; }
  100% {
    height: 9px; } }
@keyframes statistics {
  0% {
    height: 3px; }
  100% {
    height: 9px; } }
@-webkit-keyframes pie-rotations {
  0% {
    -webkit-transform: rotate(0deg); }
  10% {
    -webkit-transform: rotate(175deg); }
  30% {
    -webkit-transform: rotate(175deg); }
  45% {
    -webkit-transform: rotate(-40deg); }
  70% {
    -webkit-transform: rotate(-40deg); }
  77% {
    -webkit-transform: rotate(0deg); } }
@-moz-keyframes pie-rotations {
  0% {
    -moz-transform: rotate(0deg); }
  10% {
    -moz-transform: rotate(175deg); }
  30% {
    -moz-transform: rotate(175deg); }
  45% {
    -moz-transform: rotate(-40deg); }
  70% {
    -moz-transform: rotate(-40deg); }
  77% {
    -moz-transform: rotate(0deg); } }
@keyframes pie-rotations {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  10% {
    -webkit-transform: rotate(175deg);
    -moz-transform: rotate(175deg);
    -ms-transform: rotate(175deg);
    -o-transform: rotate(175deg);
    transform: rotate(175deg); }
  30% {
    -webkit-transform: rotate(175deg);
    -moz-transform: rotate(175deg);
    -ms-transform: rotate(175deg);
    -o-transform: rotate(175deg);
    transform: rotate(175deg); }
  45% {
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    transform: rotate(-40deg); }
  70% {
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    transform: rotate(-40deg); }
  77% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }
@-webkit-keyframes loading {
  0% {
    background-color: transparent; }
  50% {
    background-color: rgba(200, 20, 20, 0.45); }
  100% {
    background-color: transparent; } }
@-moz-keyframes loading {
  0% {
    background-color: transparent; }
  50% {
    background-color: rgba(200, 20, 20, 0.45); }
  100% {
    background-color: transparent; } }
@keyframes loading {
  0% {
    background-color: transparent; }
  50% {
    background-color: rgba(200, 20, 20, 0.45); }
  100% {
    background-color: transparent; } }
@-webkit-keyframes shard-flow {
  0% {
    background-color: transparent; }
  30% {
    background-color: rgba(255, 0, 0, 0.47); }
  66% {
    background-color: rgba(0, 0, 0, 0.1); }
  100% {
    background-color: transparent; } }
@-moz-keyframes shard-flow {
  0% {
    background-color: transparent; }
  30% {
    background-color: rgba(255, 0, 0, 0.47); }
  66% {
    background-color: rgba(0, 0, 0, 0.1); }
  100% {
    background-color: transparent; } }
@keyframes shard-flow {
  0% {
    background-color: transparent; }
  30% {
    background-color: rgba(255, 0, 0, 0.47); }
  66% {
    background-color: rgba(0, 0, 0, 0.1); }
  100% {
    background-color: transparent; } }
@-webkit-keyframes shard-flow-black {
  0% {
    background-color: transparent; }
  30% {
    background-color: rgba(0, 0, 0, 0.25); }
  100% {
    background-color: transparent; } }
@-moz-keyframes shard-flow-black {
  0% {
    background-color: transparent; }
  30% {
    background-color: rgba(0, 0, 0, 0.25); }
  100% {
    background-color: transparent; } }
@keyframes shard-flow-black {
  0% {
    background-color: transparent; }
  30% {
    background-color: rgba(0, 0, 0, 0.25); }
  100% {
    background-color: transparent; } }
@-webkit-keyframes loading-spinning {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes loading-spinning {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg); } }
@keyframes loading-spinning {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

/*# sourceMappingURL=main.css.map */
@media screen and (min-width: 501px) and (max-width: 1199px) {
  .animalinfo-wrapper{
    margin-top: 33%;
  }
}

@media screen and (max-width: 500px) {
  .animalinfo-wrapper{
    margin-top: 35%;
  }
  .animalinfo-wrapper .animalinfo li:nth-child(1) h2{
    font-size: 26px;
  }
  .animalinfo-wrapper .animalinfo li:nth-child(2) p{
    font-size: 22px;
  }
  #animalchanger{
    height: 500px;
  }
  .content-wrap .content .content-info .infos .nav-btn{
    margin-bottom: 12px;
  }
  .content-wrap .content .content-info{
    width: 100%;
    padding: 3% 5%;
  }
  .content-wrap .content .content-info .infos h6{
    font-size:1.3em;
  }
  .content-wrap .content .content-info .infos p{
    font-size:1.1em;
  }
}