@font-face {
  font-family: 'BlocExtCond';
  src: url("../fonts/blocextcond.eot");
  src: url("../fonts/blocextcondd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/blocextcond.woff") format("woff"), url("../fonts/blocextcond.ttf") format("truetype"), url("../fonts/blocextcond.svg#ywftsvg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'mainContent';
  src: url("../fonts/AlibabaPuHuiTi-2-55-Regular.ttf");
}

@font-face {
  font-family: 'mainTitle';
  src: url("../fonts/Gen-Jyuu-Gothic-Normal-2.ttf");
}


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

::-webkit-scrollbar-thumb {
  background: #7a7a7a;
  border: 3px solid #232323;
  border-radius: 20px;
}

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

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

i {
  display: inline-block;
  font-style: normal;
}

body,
html {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  color: #fff;
  font-size: 10px;
  line-height: 1.1em;
  letter-spacing: .03em;
  margin: 0;
  overflow: hidden;
  background-color: #1a1a1d;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  transition: background 0.5s;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul li {
  margin: 0;
  padding: 0;
}

a,
p,
h1,
h2,
h3,
h4,
h5,
body {
  color: #fff;
  text-decoration: none;
  font-family: 'mainContent';
  font-weight: 300;
  margin: 0;
  font-size: 1.05em;
}

a {
  display: block;
  letter-spacing: .2em;
}

h1 {
  color: #f03252;
  font-size: 2.3em;
  letter-spacing: .2em;
  margin-bottom: 15px;
}

h2 {
  font-size: 4.35em;
  line-height: 1.5em;
  color: #fff;
  letter-spacing: .05em;
}


h3 {
  font-size: 4.35em;
  line-height: 1em;
  color: #fff;
  letter-spacing: .05em;
}

.browser-statement {
  display: none;
}

button {
  border: none;
  background: none;
  cursor: pointer;
}

button:focus {
  outline: none;
  border: none;
}

.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;
  }
}

.resize-hider {
  display: none;
  z-index: 10000000;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #181818 url("../img/fallbacks/smash-fake.png") no-repeat center center/cover;
}

.resize-hider.active {
  display: block;
}

.resize-hider h3 {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 47.5%;
  font-size: 2.1em;
}

.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: 0;
}

.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: #232323;
  }
}

@media only screen and (min-width: 500px) {
  .overlay .class img {
    width: 240px
  }

}

@media only screen and (max-width: 660px) {

  .class {
    width: 100%;
  }

  .classes {
    display: flex;
    flex-direction: column;
    justify-items: start;
    align-items: flex-start;
  }

  .classes {
    width: 100%;
  }

  .overlay .class img {
    width: 100%;
    object-fit: cover;
  }

}

.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: 100%;
  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: 0;
  left: 0;
  z-index: 999;
}

.shard-wrap {
  z-index: 999;
}

.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-image: url("../img/transparent.png");
  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;
}

.content-wrap .content .content-info .infos .nav-btn {
  margin-bottom: 36px;
}

.content-wrap .content .content-info .infos .nav-btn::after {
  background-color: #323232;
}

.content-wrap .content .content-info .infos p {
  font-size: 1.3em;
  letter-spacing: .19em;
  line-height: 1.3em;
  margin-bottom: .6em;
}

.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;
}


.overlay .videos:first-child {
  margin-top: -10px;
}

.overlay 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;
}



.overlay 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;
}

/* .overlay ul.videos .close-video:hover {
        background-color: rgba(230, 0, 20, 0.14); 
      } */


.overlay ul.videos .nav-btn {
  top: 7%;
  z-index: 9999 !important;
}


.overlay ul.videos .nav-btn::after {
  background-color: #323232;
}


.overlay ul.videos li {
  position: absolute;
  top: 10%;
  left: 10%;
  right: 10%;
  bottom: 10%;
}

.overlay 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);
  /* mask: url(../img/textured-ui/video-mask.png) no-repeat center center/100% 100%; */
  /* -webkit-mask: url(img/textured-ui/video-mask.png) no-repeat center center/100% 100%;  */
}

.overlay ul.videos.video-show {
  display: block;
}

.overlay ul.videos.video-show iframe {
  display: block;
  opacity: 1;
}

.overlay ul.videos.video-show-ul {
  opacity: 1;
}


.video-on .overlay 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);
}

.overlay 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;
}

.overlay ul li a.video {
  margin-left: 5px;
  padding-right: 33px;
}

.overlay 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); */
  background-color: transparent;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 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 form {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin-top: 36px;
}

.overlay form input,
.overlay form select {

  margin-top: 8px;
  background-color: rgba(255, 255, 255, 0.20096);
  padding: 8px;
  border: none;
  color: white;
  border-radius: 4px;
}

.overlay form option {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: rgba(255, 255, 255, 0.20096);
  color: black;
}

.overlay form option::-ms-expand {
  display: none;
}

.overlay form option:hover {

  background-color: rgba(216, 216, 216, 0.477498);

}

form abbr {
  padding-left: 2px;
}

.overlay .success {
  width: 25%;
  background-color: rgba(255, 255, 255, 0.20096);
  ;
  color: white;
  padding: 8px;
  margin: 56px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  align-self: flex-end;
  text-align: center;
}

.overlay form>div {

  margin-bottom: 24px;
  display: flex;
  flex-direction: column;

}

.overlay .successpage a {

  font-size: 8em;
}

.overlay .successpage p {

  margin-top: 48px;
}

.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%;
  margin-right: 4%;
  text-align: right;
  opacity: 0;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
  background: url("../img/textured-ui/green-texture.png") repeat center center/40px 40px;
}

.overlay .nav-btn.close::after {
  background-color: #fafafa;
}


.overlay .nav-btn.close .icon::before,
.overlay .nav-btn.close .icon::after {
  background: url("../img/textured-ui/green-texture-less.png") repeat center center/30px 30px;
}

.overlay h2 {
  font-size: 2.5em;
  color: #f03252;
  margin: 2em 0 .4em;
}

.overlay h3 {
  font-size: 1.5em;
  color: #f03252;
  margin: 2em 0 .4em;
  text-align: left;
  line-height: 1.8em;
}

.overlay h1 {
  font-family: 'mainTitle';
  color: #fff;
  line-height: 1.8em;
  max-height: 4em;
  font-size: 2.5em;
  margin: 0 .4em;
}

.overlay .feature {
  width: 15%;
  margin-right: 3%;
  border: none;
}

.overlay p {
  color: #fff;
  /* font-size: 1.5em; */
  font-size: 14px;
  text-transform: none;
  line-height: 24px;
  margin-bottom: 1em;
  text-align: left;
  width: 100% !important;
}


.sources p {
  width: 80%
}

.overlay .sources {
  /* width:100% !important; */
  max-width: 1080px;
}


.classes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.overlay .class img {
  /* width: 240px ; */
  height: 144px;
  border-radius: 8px;
  opacity: 0.8 !important;
  background-color: #000;

}

.class img:hover {
  transform: scale(1.1);

}

.class {
  position: relative;
  margin-right: 16px;

}

.class p {
  position: absolute;
  left: 20px;
  bottom: 20px;
}

/* .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.videos li,
.overlay .how ul li {
  border-bottom: none;
}


.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: 76px;
}

.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 ul button,
.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,
.preloader-layer-2 footer img,
.preloader-layer-2 footer p,
.preloader-layer-2 .footerSocial,
.smash .footerSocial {
  opacity: 0;
  -webkit-transform: translateY(4px);
  -moz-transform: translateY(4px);
  -ms-transform: translateY(4px);
  -o-transform: translateY(4px);
  transform: translateY(4px);

}

.nav-btn {
  height: 54px;
  width: 54px;
  border-radius: 100px;
  position: relative;
  -webkit-transition: 0.14s;
  -moz-transition: 0.14s;
  transition: 0.14s;
  margin-bottom: 10px;
  background: url("../img/textured-ui/green-texture.png") repeat center center/40px 40px;

}


.nav-btn.close {
  background: url("../img/textured-ui/red-texture.png") repeat center center/40px 40px;
  display: block;
  margin: 0 auto;
  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("../img/textured-ui/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: #64d6e2;
  width: 44px;
  height: 44px;
  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("../img/textured-ui/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;
  vertical-align: middle;
  /* padding-top: 30%; */
  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;
}

.sharing-goodies li {
  display: flex;
  flex-direction: row;
}

.how ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;

}

.how li {
  --gradient-mid-color: rgba(46, 46, 46, 0.8);
  --gradient-color: #2E2E2E;
  --radial-gradient-color: rgba(46, 46, 46, 0);
  background-size: cover;
  width: 100%;

  border-radius: 5px;
  margin-bottom: 10px;

}

.how li:nth-child(1) {
  background-image: var(--mask-gradient, linear-gradient(to top, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0) 200px), url("../img/video1.jpg"));
  height: 280px;
}

.how li:nth-child(2) {
  background-image: var(--mask-gradient, linear-gradient(to top, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0) 200px), url("../img/video2.jpg"));
  height: 140px;
}

.how li:nth-child(3) {
  background-image: var(--mask-gradient, linear-gradient(to top, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0) 200px), url("../img/video3.jpg"));
  height: 140px;
}

.how li:nth-child(4) {
  background-image: var(--mask-gradient, linear-gradient(to top, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0) 200px), url("../img/video4.jpg"));
  height: 280px;
}



.how li h3 {
  position: relative;
  top: 120px;
  left: 8px;
  font-size: 18px;
  font-weight: 800;
  word-break: break-all;
  overflow: hidden;
  line-height: 25px;
  max-height: 50px;
}

.how li:nth-child(3n-2) h3 {
  position: relative;
  top: 260px;
  left: 8px;
  font-size: 18px;
  font-weight: 800;
  word-break: break-all;
  overflow: hidden;
  line-height: 25px;
  max-height: 50px;
}

.how li:nth-child(3n-2) {
  grid-column-start: 1;
  grid-column-end: 3;
  /* grid-template-rows: 50px 50px 50px; */
}


.how li img {

  width: 100%;
  height: auto;
  border-radius: 5px;
  object-fit: cover;
  margin: 0 10px 10px 0;
  border: none;
  mix-blend-mode: multiply;
}

.sharing-goodies li div,
.about li div {
  display: flex;
  flex-direction: column;
  /* padding-left: 4em; */
}

.sharing-goodies li div p,
.how li div p,
.about li div p {
  max-height: 80px;
  line-height: 20px;
  word-break: break-all;
  overflow: hidden;
  /* padding-left: 4em; */
}

.about li {
  display: flex;
  flex-direction: row;
  border-bottom: none !important;
}



.sharing-goodies li img,
.about li img {
  border-radius: 5px;
  width: 100px;
  height: 100px;
  object-fit: cover;
  margin: 0 20px 0 0;
  /* margin: 0 20px 0 20px; */
  /* padding: 0;
    margin: 0; */
}

.artical,
.video {
  cursor: pointer;
}


.artical h3,
.video h3,
.teacher h3 {
  padding: 0;
  margin: 0;
  font-size: 1.5em;
  line-height: 20px;
  max-height: 20px;
  word-break: break-all;
  overflow: hidden;
  margin-bottom: 5px;
}


.detail img {
  border-radius: 5px;
}

.detail h2 {
  text-align: left;
}

.sharing-goodies li a {
  text-align: left;
}

.socialMedia {
  text-align: left;
  font-size: 3.0em;
  color: #fff !important;

}

.contactUs div {
  margin-top: 16px;
  padding-top: 16px
}

.contactUs p {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;

}

.contactUs i {

  padding-right: 4px
}



.buyCourse div {
  margin-top: 16px;
  padding-top: 16px
}

.buyCourse p {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;

}

.buyCourse i {

  padding-right: 4px
}

.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.register:hover::after {
  display: none
}

.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;  */
  background: none;
}

.line-link.red::after {
  background: url("../img/textured-ui/red-texture.png") repeat center center/50px 50px;
}

.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 {
  background: url("../img/textured-ui/popout-mid.png") repeat-x left center;
  background-size: 85px 36px;
  padding: 12px 2px;
  line-height: 1.7em;
  position: relative;
  -webkit-transition: 0.18s;
  -moz-transition: 0.18s;
  transition: 0.18s;
  white-space: nowrap;
  font-size: 1.2em;
  color: #1b1b1c;
}

.popout::before,
.popout::after {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  width: 30px;
  z-index: -1;
}

.popout::before {
  left: -23px;
  background: url("../img/textured-ui/popout-left.png") no-repeat center center;
  background-size: 20px 36px;
}

.popout::after {
  right: -23px;
  background: url("../img/textured-ui/popout-right.png") no-repeat center center;
  background-size: 20px 36px;
}

.popout.big-red {
  background: url("../img/textured-ui/popout-red-mid.png") repeat-x left center;
  background-size: 131px 51px;
  padding: 21px 7px 21px 7px;
  line-height: 1.7em;
  color: #fff;
  font-size: 1em;
}

.popout.big-red::before,
.popout.big-red::after {
  width: 42px;
  background: url("../img/textured-ui/popout-red-end.png") no-repeat center center;
}

.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: 100%;
  top: 50%;
  margin-top: 13%;
  -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; */
  position: fixed;
  width: 100%;
  bottom: 20%;
  -webkit-transition: 0.18s;
  -moz-transition: 0.18s;
  transition: 0.18s;
}

.animalinfo-wrapper .animalinfo li {
  margin-top: 0;
  /* margin-right: 16px; */
  position: relative;
  height: 34px;
  -webkit-transition: 0.23s;
  -moz-transition: 0.23s;
  transition: 0.23s;
  display: inline-block;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.footerSocial {
  -webkit-transition: 0.23s ease-in;
  -moz-transition: 0.23s ease-in;
  transition: 0.23s ease-in;
  -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;
  opacity: 0.77;
  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(1)::before {
          content: "";
          position: absolute;
          right: -16px;
          top: 0;
          height: 100%;
          width: 3px;
          border-radius: 10px;
          background-color: #486461; } */
.animalinfo-wrapper .animalinfo li:nth-child(2) {
  transition-delay: .13s;
}

.animalinfo-wrapper .animalinfo li:nth-child(2) h2 {
  /* margin-top: -4px; */
  padding-top: 10px;
}

.animalinfo-wrapper .animalinfo li:nth-child(3) {
  transition-delay: .22s;
  margin-right: 0;
}

.animalinfo-wrapper .animalinfo li:nth-child(3) a {
  height: 44px;
  width: 44px;
  display: block;
  float: left;
  margin-right: 5px;
  margin-top: -5px;
  position: relative;
}

.animalinfo-wrapper .animalinfo li:nth-child(3) a.wallpaper {
  background: url("../img/textured-ui/green-texture-circle.png") center center repeat;
  background-size: cover;
  margin-right: 0;
}

.animalinfo-wrapper .animalinfo li:nth-child(3) 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(3) a.wallpaper span::before,
.animalinfo-wrapper .animalinfo li:nth-child(3) 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(3) a.wallpaper span::after {
  opacity: 0;
}

.animalinfo-wrapper .animalinfo li:nth-child(3) 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(3) a.wallpaper:hover span::before,
.animalinfo-wrapper .animalinfo li:nth-child(3) a.wallpaper:hover span::after {
  height: 3px;
  background-color: #FFF !important;
}

.animalinfo-wrapper .animalinfo li:nth-child(3) 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(3) 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(3) 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: absolute;
  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;
  display: none;

}

.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;
  background-image: url("../img/textured-ui/repeat-white.png");
  background-size: 10px 30px;
  -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;
  background-image: url("../img/textured-ui/repeat-white.png");
  background-size: 10px 30px;
  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;
  background-image: url("../img/textured-ui/repeat-white.png");
  background-size: 30px 70px;
  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;
  background-image: url("../img/textured-ui/repeat-white.png");
  background-size: 80px 60px;
  -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;
}

.stage .animal-nav {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -115px;
  z-index: 1;
}

.stage .animal-nav li {
  -webkit-transition: 0.23s;
  -moz-transition: 0.23s;
  transition: 0.23s;
}

.stage .animal-nav li:nth-child(2) {
  transition-delay: .18s;
}

.stage .animal-nav li:nth-child(3) {
  transition-delay: .36s;
}

.stage .animal-nav .nav-btn {
  left: 50%;
  margin-left: -27px;
}

.stage .animal-nav .next a .arrow {
  -webkit-transform: translateX(-6px);
  -moz-transform: translateX(-6px);
  -ms-transform: translateX(-6px);
  -o-transform: translateX(-6px);
  transform: translateX(-6px);
}

.stage .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);
}

.stage .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);
}

.stage .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;
}

.stage .animal-nav .why-endangered {
  display: block;
  margin: 10px 0;
  height: 100px;
  width: 100px;
  -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: transparent url("../img/textured-ui/threat.png") center center no-repeat;
  background-size: cover;
}


.stage .animal-nav .why-endangered::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}

.stage .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);
}

.stage .animal-nav .why-endangered:active {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


.stage .animal-nav .why-endangered span {
  text-align: center;
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  z-index: 2;
  width: 90%;
  -webkit-transition: 0.18s;
  -moz-transition: 0.18s;
  transition: 0.18s;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5%;
}


.stage .animal-nav .why-endangered span span {
  display: block;
  font-size: 1.2em;
}

.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;
}

/* xinwang */
.stage footer {
  position: absolute;
  top: 60px;
  right: 0px;
  padding-right: 16px;
  z-index: 999999;
  width: 100%;
}


.stage .footerSocial {
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-40%);
  font-size: 1.5em;
  text-align: center;
  display: flex;
  flex-direction: row;
  /* padding-left: 16px; */

}

.stage .footerSocial i {
  padding: 0 6px;

}

.navMedia {
  display: none !important;
}

.stage footer img {
  text-align: left;
  left: 60px;
  position: absolute;
  -webkit-transition: 0.23s ease-in;
  -moz-transition: 0.23s ease-in;
  transition: 0.23s ease-in;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;

}

.stage footer ul div {
  display: inline-block;

}

.logo {
  display: flex;
  align-items: center;
}

.stage footer p {
  text-align: left;
  font-family: 'mainTitle';
  font-size: 32px;
  left: 130px;
  position: absolute;
  -webkit-transition: 0.23s ease-in;
  -moz-transition: 0.23s ease-in;
  transition: 0.23s ease-in;
  -webkit-transition-delay: 0.14s;
  -moz-transition-delay: 0.14s;
  transition-delay: 0.14s;

}

.stage footer .footer-nav {
  display: none;
}

.stage footer ul {
  text-align: right;
  top: -5px;
  right: 0;
  position: relative;
}

.stage footer ul li,
.stage footer ul button {
  display: inline-block;
  font-size: 1.4rem;
  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: 0.28s;
  -moz-transition-delay: 0.28s;
  transition-delay: 0.28s;
}

.stage footer ul li:nth-child(2) {
  -webkit-transition-delay: 0.42s;
  -moz-transition-delay: 0.42s;
  transition-delay: 0.42s;
}

.stage footer ul li:nth-child(3) {
  -webkit-transition-delay: 0.56s;
  -moz-transition-delay: 0.56s;
  transition-delay: 0.56s;
}

.stage footer ul li:nth-child(4) {
  -webkit-transition-delay: 0.70s;
  -moz-transition-delay: 0.70s;
  transition-delay: 0.70s;
}

.stage footer ul li:nth-child(5) {
  -webkit-transition-delay: 0.84s;
  -moz-transition-delay: 0.84s;
  transition-delay: 0.84s;
}

.stage footer ul li:nth-child(6) {
  -webkit-transition-delay: 0.98s;
  -moz-transition-delay: 0.98s;
  transition-delay: 0.98s;
}

.stage footer ul div li:nth-child(1) {
  -webkit-transition-delay: 1.02s;
  -moz-transition-delay: 1.02s;
  transition-delay: 1.02s;
}

.stage footer ul div li:nth-child(2) {
  -webkit-transition-delay: 1.16s;
  -moz-transition-delay: 1.16s;
  transition-delay: 1.16s;
}

/* xinwang */
.stage footer ul li::after {
  content: "|";
  right: -18px;
  top: -1px;
  position: absolute;
}

.stage footer ul button li {
  /* background-color: white; */
  background: transparent url("../img/textured-ui/threat.png") center center no-repeat;
  background-size: cover;
  width: 120px;
  height: 20px;
  border-radius: 10px;
  color: black !important;
}


.stage footer ul button {
  margin: 0 !important;
  padding: 0 !important;
}

.stage footer ul button:hover {
  transform: scale(1.1)
}


.stage footer ul button li:nth-child(1) a {

  /* color:black!important;  */
  margin: 0, 4px !important;
  letter-spacing: 0.1em;

}

.stage footer ul li:last-child::after,
.stage footer ul li:nth-child(6)::after,
.stage footer ul button li:nth-child(1)::after {
  display: none;
}

.stage footer ul li:nth-child(6)::after {
  content: "|";
  right: -15px;
  top: -1px;
  position: absolute;
}

.line-link.chinese,
.line-link.english {
  color: #e6e6e6 !important;
}

.stage footer ul li:nth-child(7) {
  margin: 0 10px;
}




.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 {
  background: url("../img/textured-ui/repeat-white.png") center center repeat;
  background-size: 80px 60px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -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: #ba94de;
}

.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: #ba94de;
}

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: #ba94de;
}

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: #ba94de;
}

#animalchanger.crow .stage .animal-nav .why-endangered span,
#animalchanger.crow .stage .animal-nav .why-endangered::after {
  color: #ba94de;
}

#animalchanger.crow .stage .nav-btn::after {
  background-color: #ba94de;
}

#animalchanger.crow .stage .mute span {
  border-color: #ba94de;
}

#animalchanger.crow .stage .popout {
  color: #ba94de;
}

#animalchanger.crow .stage .animalinfo li:nth-child(3) .direct-stats span {
  border-color: #ba94de;
}

#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: #ba94de;
}

#animalchanger.crow .wallpaper span {
  border-color: #ba94de;
}

#animalchanger.crow .wallpaper span::before,
#animalchanger.crow .success,
#animalchanger.crow .wallpaper span::after {
  background-color: #ba94de;
}

#animalchanger.crow .overlay h2,
#animalchanger.crow .stage footer button a,
#animalchanger.crow .overlay h3,
#animalchanger.crow .overlay p span,
#animalchanger.crow .overlay a {
  color: #ba94de;
}

#animalchanger.crow .wrap .shadow {
  left: 16%;
  bottom: 10%;
  width: 50%;
}

#animalchanger.crow .wrap .shadow::before {
  left: -19%;
  bottom: 15%;
  width: 40%;
  height: 70%;
}

#animalchanger.crow .wrap .shadow::after {
  left: 88%;
  bottom: 20%;
  height: 60%;
  width: 50%;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(1) .shard {
  -webkit-clip-path: polygon(32.8% 58%, 38.4% 61.2%, 12.2% 81.5%);
  background-color: #eee5d9;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(2) .shard {
  -webkit-clip-path: polygon(21.9% 67.8%, 33.5% 57.9%, 26% 61.7%);
  background-color: #32281d;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(3) .shard {
  -webkit-clip-path: polygon(23.7% 62.9%, 39.2% 42.8%, 50.8% 49.8%);
  background-color: #3c3329;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(4) .shard {
  -webkit-clip-path: polygon(33.3% 58.3%, 45.8% 57.1%, 45.3% 66.9%);
  background-color: #ddd7c9;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(5) .shard {
  -webkit-clip-path: polygon(38.6% 42.9%, 56.4% 33.8%, 49.9% 50.2%);
  background-color: #4b413b;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(6) .shard {
  -webkit-clip-path: polygon(32.3% 58.7%, 50% 49.9%, 61% 55.3%);
  background-color: #302717;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(7) .shard {
  -webkit-clip-path: polygon(45.6% 73.6%, 48.6% 70%, 49.3% 71.2%);
  background-color: #931f00;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(8) .shard {
  -webkit-clip-path: polygon(52.5% 74.8%, 52.2% 78.4%, 50.7% 72.3%);
  background-color: #744a0f;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(9) .shard {
  -webkit-clip-path: polygon(52.5% 74.8%, 47.6% 65.8%, 45.7% 66.9%);
  background-color: #d65100;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(10) .shard {
  -webkit-clip-path: polygon(47.5% 65.8%, 49% 64.6%, 54.7% 71.8%);
  background-color: #ae441c;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(11) .shard {
  -webkit-clip-path: polygon(52.9% 70.4%, 54.5% 74.8%, 54.5% 71.5%);
  background-color: #931f00;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(12) .shard {
  -webkit-clip-path: polygon(45.5% 57.13%, 60.8% 55.3%, 44.5% 68.4%);
  background-color: #f4fbf3;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(13) .shard {
  -webkit-clip-path: polygon(60.7% 55.3%, 57.6% 57.7%, 46.6% 56.9%);
  background-color: #eee5d9;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(14) .shard {
  -webkit-clip-path: polygon(49.7% 50.5%, 55.7% 34.3%, 68.5% 40.9%);
  background-color: #564a42;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(15) .shard {
  -webkit-clip-path: polygon(43.4% 35.7%, 55.8% 34.3%, 36.9% 44.3%);
  background-color: #564a42;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(16) .shard {
  -webkit-clip-path: polygon(49.7% 50.1%, 68.4% 40.8%, 61.36% 56.4%);
  background-color: #4b413b;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(17) .shard {
  -webkit-clip-path: polygon(55.4% 34.3%, 56.3% 21.7%, 59.9% 36.6%);
  background-color: #302717;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(18) .shard {
  -webkit-clip-path: polygon(56.3% 21.7%, 60.3% 19.5%, 59.8% 36.8%);
  background-color: #4b3225;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(19) .shard {
  -webkit-clip-path: polygon(57.6% 27.3%, 60.3% 19.2%, 59.9% 36.8%);
  background-color: #a42613;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(20) .shard {
  -webkit-clip-path: polygon(60.3% 19.5%, 68.9% 24.8%, 59.85% 36.96%);
  background-color: #c34a2a;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(21) .shard {
  -webkit-clip-path: polygon(64.8% 13.2%, 76.85% 14%, 72.5% 27.1%);
  background-color: #cb4c3a;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(22) .shard {
  -webkit-clip-path: polygon(55.4% 22.3%, 62.9% 11%, 67.63% 15.7%);
  background-color: #442c1e;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(23) .shard {
  -webkit-clip-path: polygon(60% 36.4%, 65.2% 29.8%, 68.5% 41%);
  background-color: #d26549;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(24) .shard {
  -webkit-clip-path: polygon(64% 31.4%, 66.2% 28.3%, 68.5% 41%);
  background-color: #cf7b5b;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(25) .shard {
  -webkit-clip-path: polygon(60.3% 19.5%, 67.7% 15.5%, 72.6% 27.4%);
  background-color: #d95032;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(26) .shard {
  -webkit-clip-path: polygon(66.3% 28.3%, 72.3% 27.2%, 68.9% 24.8%);
  background-color: #ba3c0a;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(27) .shard {
  -webkit-clip-path: polygon(68.27% 27.9%, 72.74% 27%, 71.3% 30.4%);
  background-color: #ca8a5a;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(28) .shard {
  -webkit-clip-path: polygon(72.5% 27.4%, 76.82% 14.1%, 75.4% 25.14%);
  background-color: #e3d785;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(29) .shard {
  -webkit-clip-path: polygon(72.5% 27.2%, 75.4% 24.3%, 80.1% 34.1%);
  background-color: #dcc878;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(30) .shard {
  -webkit-clip-path: polygon(72.6% 27.2%, 80.1% 34.05%, 71.3% 30.35%);
  background-color: #e4b454;
}

#animalchanger.crow .wrap .shard-wrap:nth-child(31) .shard {
  background-color: #3a2228;
  -webkit-clip-path: polygon(39% 87.5%, 41.7% 76.4%, 43.4% 78.6%);
}

#animalchanger.crow .wrap .shard-wrap:nth-child(32) .shard {
  background-color: #4a3042;
  -webkit-clip-path: polygon(41.5% 76.5%, 60% 63.7%, 43.3% 78.7%);
}

#animalchanger.crow .wrap .shard-wrap:nth-child(33) .shard {
  background-color: #3a2228;
  -webkit-clip-path: polygon(75.5% 30.5%, 75.5% 30.5%, 75.5% 30.5%);
}

#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 .success,
#animalchanger.vaquita .wallpaper span::after {
  background-color: #64d6e2;
}

#animalchanger.vaquita .overlay h2,
#animalchanger.vaquita .stage footer button a,
#animalchanger.vaquita .overlay h3,
#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 .success,
#animalchanger.kakapo .wallpaper span::after {
  background-color: #dbbe39;
}

#animalchanger.kakapo .overlay h2,
#animalchanger.kakapo .stage footer button a,
#animalchanger.kakapo .overlay h3,
#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 .success,
#animalchanger.ostrich .wallpaper span::after {
  background-color: #de89ac;
}

#animalchanger.ostrich .overlay h2,
#animalchanger.ostrich .stage footer button a,
#animalchanger.ostrich .overlay h3,
#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 .success,
#animalchanger.parrotfish .wallpaper span::after {
  background-color: #ccc5e3;
}

#animalchanger.parrotfish .overlay h2,
#animalchanger.parrotfish .stage footer button a,
#animalchanger.parrotfish .overlay h3,
#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 .success,
#animalchanger.penguin .wallpaper span::after {
  background-color: #3CCAD1;
}

#animalchanger.penguin .overlay h2,
#animalchanger.penguin .stage footer button a,
#animalchanger.penguin .overlay h3,
#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 .success,
#animalchanger.iguana .wallpaper span::after {
  background-color: #F6D860;
}

#animalchanger.iguana .overlay h2,
#animalchanger.iguana .stage footer button a,
#animalchanger.iguana .overlay h3,
#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 .success,
#animalchanger.peccary .wallpaper span::after {
  background-color: #F4696B;
}

#animalchanger.peccary .overlay h2,
#animalchanger.peccary .stage footer button a,
#animalchanger.peccary .overlay h3,
#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 .success,
#animalchanger.drill .wallpaper span::after {
  background-color: #87C4A3;
}

#animalchanger.drill .overlay h2,
#animalchanger.drill .stage footer button a,
#animalchanger.drill .overlay h3,
#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 .success,
#animalchanger.oryx .wallpaper span::after {
  background-color: #79BBB5;
}

#animalchanger.oryx .overlay h2,
#animalchanger.oryx .stage footer button a,
#animalchanger.oryx .overlay h3,
#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 .success,
#animalchanger.frog .wallpaper span::after {
  background-color: #785ebb;
}

#animalchanger.frog .overlay h2,
#animalchanger.frog .stage footer button a,
#animalchanger.frog .overlay h3,
#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 .success,
#animalchanger.seahorse .wallpaper span::after {
  background-color: #9988CD;
}

#animalchanger.seahorse .overlay h2,
#animalchanger.seahorse .stage footer button a,
#animalchanger.seahorse .overlay h3,
#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 .success,
#animalchanger.camel .wallpaper span::after {
  background-color: #FD9372;
}

#animalchanger.camel .overlay h2,
#animalchanger.camel .stage footer button a,
#animalchanger.camel .overlay h3,
#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 .success,
#animalchanger.butterfly .wallpaper span::after {
  background-color: #9B7AD5;
}

#animalchanger.butterfly .overlay h2,
#animalchanger.butterfly .stage footer button a,
#animalchanger.butterfly .overlay h3,
#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 .success,
#animalchanger.armadillo .wallpaper span::after {
  background-color: #EDB948;
}

#animalchanger.armadillo .overlay h2,
#animalchanger.armadillo .stage footer button a,
#animalchanger.armadillo .overlay h3,
#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 .success,
#animalchanger.panda .wallpaper span::after {
  background-color: #98BFF6;
}

#animalchanger.panda .overlay h2,
#animalchanger.panda .stage footer button a,
#animalchanger.panda .overlay h3,
#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 .success,
#animalchanger.hirola .wallpaper span::after {
  background-color: #EF9F64;
}

#animalchanger.hirola .overlay h2,
#animalchanger.hirola .stage footer button a,
#animalchanger.hirola .overlay h3,
#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 .success,
#animalchanger.sifaka .wallpaper span::after {
  background-color: #9784ED;
}

#animalchanger.sifaka,
#animalchanger.sifaka .stage footer button a,
#animalchanger.sifaka .overlay h3,
#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 .success,
#animalchanger.rhino .wallpaper span::after {
  background-color: #63C5AB;
}

#animalchanger.rhino .overlay h2,
#animalchanger.rhino .stage footer button a,
#animalchanger.rhino .overlay h3,
#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 .success,
#animalchanger.tamarin .wallpaper span::after {
  background-color: #FDAED4;
}

#animalchanger.tamarin .overlay h2,
#animalchanger.tamarin .stage footer button a,
#animalchanger.tamarin .overlay h3,
#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 .success,
#animalchanger.turtle .wallpaper span::after {
  background-color: #A0CADB;
}

#animalchanger.turtle .overlay h2,
#animalchanger.turtle .stage footer button a,
#animalchanger.turtle .overlay h3,
#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 .success,
#animalchanger.okapi .wallpaper span::after {
  background-color: #E794AE;
}

#animalchanger.okapi .overlay h2,
#animalchanger.okapi .stage footer button a,
#animalchanger.okapi .overlay h3,
#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 .success,
#animalchanger.lynx .wallpaper span::after {
  background-color: #F4C3C5;
}

#animalchanger.lynx .overlay h2,
#animalchanger.lynx .stage footer button a,
#animalchanger.lynx .overlay h3,
#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 .success,
#animalchanger.bear .wallpaper span::after {
  background-color: #9787EA;
}

#animalchanger.bear .overlay h2,
#animalchanger.bear .stage footer button a,
#animalchanger.bear .overlay h3,
#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 .success,
#animalchanger.echidna .wallpaper span::after {
  background-color: #DFBC94;
}

#animalchanger.echidna .overlay h2,
#animalchanger.echidna .stage footer button a,
#animalchanger.echidna .overlay h3,
#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 .success,
#animalchanger.loris .wallpaper span::after {
  background-color: #9B7FE6;
}

#animalchanger.loris .overlay h2,
#animalchanger.loris .stage footer button a,
#animalchanger.loris .overlay h3,
#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 .success,
#animalchanger.damselfly .wallpaper span::after {
  background-color: #F68F6F;
}

#animalchanger.damselfly .overlay h2,
#animalchanger.damselfly .stage footer button a,
#animalchanger.damselfly .overlay h3,
#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 .success,
#animalchanger.sloth .wallpaper span::after {
  background-color: #FDACB4;
}

#animalchanger.sloth .overlay h2,
#animalchanger.sloth .stage footer button a,
#animalchanger.sloth .overlay h3,
#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 .success,
#animalchanger.owl .wallpaper span::after {
  background-color: #a09de5;
}

#animalchanger.owl .overlay h2,
#animalchanger.owl .stage footer button a,
#animalchanger.owl .overlay h3,
#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 .success,
#animalchanger.tapir .wallpaper span::after {
  background-color: #FEC54F;
}

#animalchanger.tapir .overlay h2,
#animalchanger.tapir .stage footer button a,
#animalchanger.tapir .overlay h3,
#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: #232323;
}

.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(29) .shard {
  -webkit-clip-path: polygon(72.5% 27.2%, 75.4% 24.3%, 80.1% 31%);
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s;
}

.animal-animations-on.state-two #animalchanger.crow .wrap .shard-wrap:nth-child(30) .shard {
  -webkit-clip-path: polygon(72.6% 27.2%, 78.2% 35.15%, 71.3% 30.35%);
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s;
}

.animal-animations-on.state-two #animalchanger.crow .wrap .shard-wrap:nth-child(33) .shard {
  -webkit-clip-path: polygon(76.5% 32.6%, 77.5% 29.7%, 78.9% 32.9%);
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s;
}

.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(20) .shard {
  -webkit-clip-path: polygon(60.3% 19.5%, 69.2% 24.5%, 59.85% 36.96%);
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.animal-animations-on.state-three #animalchanger.crow .wrap .shard-wrap:nth-child(25) .shard {
  -webkit-clip-path: polygon(60.3% 19.5%, 67.7% 15.5%, 73.6% 27.2%);
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.animal-animations-on.state-three #animalchanger.crow .wrap .shard-wrap:nth-child(26) .shard {
  -webkit-clip-path: polygon(66.3% 28.5%, 73.4% 26.8%, 69.1% 24.6%);
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.animal-animations-on.state-three #animalchanger.crow .wrap .shard-wrap:nth-child(21) .shard {
  -webkit-clip-path: polygon(64.8% 13.2%, 75.45% 13%, 73.5% 27.1%);
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.animal-animations-on.state-three #animalchanger.crow .wrap .shard-wrap:nth-child(27) .shard {
  -webkit-clip-path: polygon(68.27% 28.1%, 73.44% 26.6%, 73.3% 30.6%);
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.animal-animations-on.state-three #animalchanger.crow .wrap .shard-wrap:nth-child(28) .shard {
  -webkit-clip-path: polygon(73.6% 27.1%, 75.52% 12.8%, 75.8% 22.34%);
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.animal-animations-on.state-three #animalchanger.crow .wrap .shard-wrap:nth-child(29) .shard {
  -webkit-clip-path: polygon(73.5% 26.8%, 75.4% 22.3%, 82% 27.7%);
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.animal-animations-on.state-three #animalchanger.crow .wrap .shard-wrap:nth-child(30) .shard {
  -webkit-clip-path: polygon(73.5% 26.9%, 80.4% 32.15%, 73.2% 30.55%);
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.animal-animations-on.state-three #animalchanger.crow .wrap .shard-wrap:nth-child(33) .shard {
  -webkit-clip-path: polygon(78.1% 30.1%, 79.2% 27.6%, 80.7% 30%);
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.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(1) .shard {
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-clip-path: polygon(32.8% 58%, 38.4% 61.2%, 12.2% 77.5%);
}

.animal-animations-on.two-state-two #animalchanger.crow .shard-wrap:nth-child(2) .shard {
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-clip-path: polygon(21.9% 66.8%, 34.5% 55.9%, 27% 59.7%);
}

.animal-animations-on.two-state-two #animalchanger.crow .shard-wrap:nth-child(3) .shard {
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-clip-path: polygon(22.7% 61.9%, 39.2% 42.8%, 50.8% 49.8%);
}

.animal-animations-on.two-state-two #animalchanger.crow .shard-wrap:nth-child(6) .shard {
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-clip-path: polygon(30.3% 58.6%, 50% 49.9%, 61% 55.3%);
}

.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 (min-width:700px) and (max-width:1180px) {
  .stage footer {
    margin-top: 30px !important;
  }

  .stage .animalinfo-wrapper .animalinfo li:nth-child(1) {
    display: none;
  }

  .wrap {}

  .stage .animalinfo-wrapper .animalinfo {

    padding-top: 60px !important;
  }

}

/* mobile 视图 */
@media only screen and (max-width:1180px) {
  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 {
    position: fixed;
    -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(0.9) translateY(-4%);
  }

  #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;
   } */
  .artical h3,
  .teacher h3 {
    padding: 0;
    margin: 0;
    font-size: 1.2em;
    line-height: 20px;
    max-height: 60px;
    word-break: normal;
    overflow: hidden;
    margin-bottom: 5px;
  }

  .artical div,
  .teacher h3 {
    line-height: 20px;
    max-height: 100px;
    word-break: normal;
    overflow: hidden;

  }



  .about li div p {
    max-height: 140px;
    line-height: 20px;
    word-break: break-all;
    /* padding-left: 4em; */
  }

  .artical p,
  .teacher h3 {
    /* display:none; */
    line-height: 20px !important;
    max-height: 40px !important;
    word-break: normal;
    overflow: hidden;
    font-size: 1.0em !important;
  }

  /* .classes{
    display: flex;
    flex-direction: column;
    justify-items: start;
    align-items: flex-start;
  } */
  /* .class img{
    height: 128px !important;
    width: 100%;
    
  } */



  .stage .animal-nav {
    bottom: 27px;
    top: auto;
    left: 0;
    padding-left: 16.5px;
    right: 0;
    margin: auto;
    width: 200px;
    position: absolute;

  }

  .stage .animal-nav li {
    float: left;
    vertical-align: middle;
  }



  .stage .animal-nav li:nth-child(2) {
    margin: 0px 24px;

  }

  .stage .animal-nav li:nth-child(2) a {
    height: 80px;
    width: 80px;
    /* text-indent: -99999px; */
    margin-top: -8px;
    font-size: 0.8em;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .intro-sequence .loading {
    display: none;
    position: absolute;
    text-align: center;
    top: 55%;
    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;
  }


  /* .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: center;
    padding-top: 24px
  }

  .stage .animalinfo-wrapper .animalinfo li h2 {
    font-size: 2.8em;


  }

  .animalinfo-wrapper .animalinfo {

    bottom: 30%;

  }

  .stage footer {
    position: absolute;
    z-index: 999999;
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 15px;
    padding-right: 0;
    -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 {
      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 p {
    text-align: left;
    font-family: 'mainTitle';
    font-size: 20px;
    left: 60px;
    position: absolute;
    top: -55px;

  }

  .stage footer img {
    text-align: left;
    left: 30px;
    position: absolute;
    top: -65px;
    width: 30px;
    height: 30px;

  }

  .stage .footerSocial {
    display: none;
  }

  .stage footer::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
  }

  .stage footer .footer-nav.nav {
    display: block;
    height: 30px;
    width: 30px;
    position: absolute;
    bottom: 33px;
    right: 28px;

  }

  .stage footer .footer-nav.register {
    display: block;
    position: absolute;
    bottom: 33px;
    right: 60px;
    background: transparent url("../img/textured-ui/threat.png") center center no-repeat;
    background-size: cover;
    width: 120px;
    height: 20px;
    border-radius: 10px;
    /* color:black!important;   */
    vertical-align: middle;
    margin-bottom: 9px;
    padding-top: 1px;
  }

  .stage footer .footer-nav.register.en {
    width: 70px;
    height: 20px !important;
    border-radius: 10px;
    font-size: 0.6rem;
    right: 55px;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 20px
  }

  .stage footer {

    font-size: 1.4rem;
  }

  .stage footer ul div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    /* margin-top: 100px; */
    margin-bottom: -30px;

  }

  .stage footer ul li::after {

    display: none;
  }

  .stage footer ul li::after {
    content: "|";
    right: -18px;
    top: -1px;
    position: absolute;
  }


  div.navMedia {
    /* position:absolute; */
    display: flex !important;
    flex-direction: row;
    font-size: 1.2em;
    color: #333 !important;
    text-align: center;
    /* left:50%;
          transform: translateX(-50%); */
    padding-top: 0;
    padding-left: 8px;
    margin-top: 20px !important;
  }

  div.navMedia a {
    display: flex !important;
    color: #333 !important;
    padding-right: 8px;
  }

  .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: 20px;
    height: 2px;
    background-color: #FFF;
    border-radius: 10px;
  }

  .stage footer.mobile-footer-active {
    height: 110%;
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: -30px;
    text-align: center;
    overflow-y: auto;
    z-index: 9999999 !important;
  }

  .stage footer.mobile-footer-active ul {
    display: inline-block;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 15%;
    z-index: 9999999 !important;
  }

  .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.mobile-footer-active button .line-link.register {

    background-color: #333333;
    color: white !important;
    ;
    width: 120px;
    height: 26px;
    border-radius: 13px;
  }

  .stage footer.mobile-footer-active .footer-nav div::after {
    opacity: 0;
  }

  .stage footer ul li {
    opacity: 0;
    display: block;
    padding: 1.5em 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; */
    color: #333333 !important;
    background: none;
    padding: 0 !important;
  }

  .stage footer ul div li:nth-child(1)::after {
    content: "|";
    right: -28px;
    top: -11px;
    position: relative;
    color: #333333 !important;
    display: inline-block
  }

  .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;
  }


  .level-one,
  .level-two,
  .animal-mover {
    width: 100%;
    height: 80%;
    top: 0;
    bottom: 0;
    margin: auto 0;
    position: absolute;
  }

  .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;
  }

  .how ul {
    display: flex;
    flex-direction: column;
  }

  .how li {
    height: 140px !important;
  }

  .how li h3 {
    top: 120px !important;
  }

  /* .overlay h1{
              line-height:2em;
              max-height: 4em;
            } */

  .overlay 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: 770px) {

  .animalinfo li:nth-child(1),
  .animalinfo li:nth-child(3) {
    display: none;
  }


  .teacher h3 {
    margin-top: 8px;
  }

  .about li {
    display: flex;
    flex-direction: column;
  }



}

@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;
  }


  .class {
    width: 100%;
  }

  .classes {
    display: flex;
    flex-direction: column;
    justify-items: start;
    align-items: flex-start;
  }

  .classes {
    width: 100%;
  }

  .class img {
    width: 100%;
    object-fit: cover;
  }

}





@media only screen and (max-height: 740px) {
  .animalinfo-wrapper {
    margin-top: 12.4%;
  }
}

@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(2) 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(3) {
    top: -11px;
  }

  .stage .animalinfo-wrapper .animalinfo li:nth-child(3) 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: 11.5%;
  }
}

@-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 */