/* line 3, ../sass/public/layout.scss */
html, body {
  height: 100%;
  padding: 0;
}

/* line 4, ../sass/public/layout.scss */
html {
  width: 100%;
  margin: 0;
}

/* line 6, ../sass/public/layout.scss */
body {
  position: relative;
  /* allow positioning children relative to this element */
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

/* line 25, ../sass/public/layout.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, section, header, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* line 37, ../sass/public/layout.scss */
section, header {
  display: block;
}

/* line 39, ../sass/public/layout.scss */
.wf-loading h1 {
  visibility: hidden;
}

/* line 43, ../sass/public/layout.scss */
.wf-active h1 {
  font-family: hellenic-wide !important;
}

/* line 47, ../sass/public/layout.scss */
h1, h2, h3, h4, h5, p, text, a, font, content {
  -webkit-animation-name: FadeIn;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: FadeIn;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: ease;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-fill-mode: forwards;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@-webkit-keyframes FadeIn {
  /* line 69, ../sass/public/layout.scss */
  0% {
    opacity: 0;
  }

  /* line 70, ../sass/public/layout.scss */
  100% {
    opacity: 1;
  }
}

@-moz-keyframes FadeIn {
  /* line 74, ../sass/public/layout.scss */
  0% {
    opacity: 0;
  }

  /* line 75, ../sass/public/layout.scss */
  100% {
    opacity: 1;
  }
}

/* line 78, ../sass/public/layout.scss */
h1 {
  font-family: hellenic-wide, 'Helvetica-Neue', Helvetica, Arial, sans-serif;
  letter-spacing: 3px;
  font-weight: normal;
}

/* line 84, ../sass/public/layout.scss */
h2 {
  font-family: corner-store, Georgia, serif;
}

/* line 88, ../sass/public/layout.scss */
h3 {
  font-family: league-gothic, 'Helvetica-Neue', Helvetica, sans-serif;
  letter-spacing: 3px;
  text-transform: uppercase;
}

/* line 94, ../sass/public/layout.scss */
content {
  font-family: futura-pt, 'Helvetica-Neue', Helvetica, sans-serif;
  letter-spacing: 3px;
  font-weight: normal;
}

/* line 100, ../sass/public/layout.scss */
a {
  text-decoration: none;
}

/* line 105, ../sass/public/layout.scss */
.j-iron {
  display: none;
}

/* line 108, ../sass/public/layout.scss */
#animation-triggers {
  display: none;
}

/* line 112, ../sass/public/layout.scss */
#contact-scene {
  height: 420px;
  background-color: #efefef;
}

/* line 117, ../sass/public/layout.scss */
#leagues {
  position: absolute;
  z-index: 500;
  margin-left: -120px;
  margin-top: 10px;
  width: 100px;
  text-align: right;
}
/* line 126, ../sass/public/layout.scss */
#leagues.fixed {
  position: fixed;
  top: 0px;
}

/* line 132, ../sass/public/layout.scss */
#scroll-container {
  overflow: auto;
  /* scroll! */
  position: absolute;
  /* make offsetParent */
  top: 0;
  height: 100%;
  width: 100%;
  /* fill parent */
}

/* line 139, ../sass/public/layout.scss */
.logo {
  background-image: url("/images/logo.png");
  position: absolute;
  width: 100%;
  right: 0;
  width: 128px;
  height: 128px;
  margin-top: 10px;
}

/* line 148, ../sass/public/layout.scss */
#navigator {
  position: fixed;
  z-index: 99999;
  left: 50%;
  margin-left: 420px;
  padding-top: 20px;
}

/* line 156, ../sass/public/layout.scss */
#wrapper {
  position: relative;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 900px;
}

/* line 167, ../sass/public/layout.scss */
#events {
  position: absolute;
  top: 0px;
  width: 100px;
  height: 8000px;
}

/* line 174, ../sass/public/layout.scss */
#backgrounds {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 400px;
}
/* line 179, ../sass/public/layout.scss */
#backgrounds .scene-00 {
  position: relative;
  width: 100%;
  height: 480px;
  background-color: #72c1b0;
}
/* line 185, ../sass/public/layout.scss */
#backgrounds .scene-01 {
  position: relative;
  width: 100%;
  height: 800px;
  background-color: #72c1b0;
}
/* line 190, ../sass/public/layout.scss */
#backgrounds .scene-01 .trans {
  width: 100%;
  background-repeat: repeat-x;
  position: relative;
  top: 800px;
  height: 64px;
  background-image: url("/images/sprite--bgtile.png");
  background-position: 50% -64px;
}
/* line 202, ../sass/public/layout.scss */
#backgrounds .scene-02 {
  position: relative;
  width: 100%;
  height: 2760px;
  background-color: #9bcfc2;
  z-index: -50;
}
/* line 208, ../sass/public/layout.scss */
#backgrounds .scene-02 .trans {
  background-repeat: repeat-x;
  position: relative;
  top: 2760px;
  width: 100%;
  height: 64px;
  background-image: url("/images/sprite--bgtile.png");
  background-position: 50% 0px;
}
/* line 217, ../sass/public/layout.scss */
#backgrounds .scene-03 {
  position: relative;
  width: 100%;
  height: 2400px;
  background-color: #72c1b0;
  z-index: -100;
}
/* line 223, ../sass/public/layout.scss */
#backgrounds .scene-03 .trans {
  background-repeat: repeat-x;
  position: relative;
  top: 2400px;
  width: 100%;
  height: 64px;
  background-image: url("/images/sprite--bgtile.png");
  background-position: 50% -64px;
}
/* line 231, ../sass/public/layout.scss */
#backgrounds .scene-03 .mask {
  position: absolute;
  overflow: hidden;
  height: 1007px;
  width: 804px;
  left: 50%;
  margin-left: -402px;
}
/* line 240, ../sass/public/layout.scss */
#backgrounds .scene-04 {
  position: relative;
  width: 100%;
  height: 700px;
  background-color: #9bcfc2;
  z-index: -200;
}
/* line 246, ../sass/public/layout.scss */
#backgrounds .scene-04 .trans {
  background-repeat: repeat-x;
  position: relative;
  top: 700px;
  width: 100%;
  height: 64px;
  background-image: url("/images/sprite--bgtile.png");
  background-position: 0px -128px;
}
/* line 255, ../sass/public/layout.scss */
#backgrounds .scene-05 {
  position: relative;
  width: 100%;
  height: 800px;
  z-index: -300;
  background-color: #45bcd2;
}
/* line 261, ../sass/public/layout.scss */
#backgrounds .scene-05 .trans {
  background-repeat: repeat-x;
  position: relative;
  top: 750px;
  width: 100%;
  height: 64px;
  background-image: url("/images/sprite--bgtile.png");
  background-position: 0px -192px;
}
/* line 270, ../sass/public/layout.scss */
#backgrounds .scene-06 {
  position: relative;
  width: 100%;
  height: 1100px;
  z-index: -300;
  background-color: #258c9f;
}

/* line 279, ../sass/public/layout.scss */
#dynamic-content {
  position: absolute;
  top: 0px;
}

/* line 284, ../sass/public/layout.scss */
#scenes {
  width: 900px;
  background: url("/images/dots.png");
}

/* line 295, ../sass/public/layout.scss */
#debug {
  display: none;
  position: fixed;
  z-index: 999999;
  bottom: 0px;
  margin-top: -45px;
  width: 100%;
  height: 45px;
  background-color: #ffeeee;
}
/* line 298, ../sass/public/layout.scss */
#debug .pad {
  padding: 10px;
}

/* for debug purposes */
/* line 3, ../sass/public/styles.scss */
.reverend-copy {
  display: visible;
}

/* line 4, ../sass/public/styles.scss */
.danger-copy {
  display: hidden;
}

/* line 6, ../sass/public/styles.scss */
.back.face {
  display: none;
}

@-webkit-keyframes BubbleAnimation {
  /* line 12, ../sass/public/styles.scss */
  0% {
    margin-top: 160px;
    opacity: 0;
    -webkit-transform: rotateY(90deg);
  }

  /* line 13, ../sass/public/styles.scss */
  100% {
    margin-top: 140px;
    opacity: 1;
    -webkit-transform: rotateY(0deg);
  }
}

@-moz-keyframes BubbleAnimation {
  /* line 17, ../sass/public/styles.scss */
  0% {
    margin-top: 160px;
    opacity: 0;
    -moz-transform: rotateY(90deg);
  }

  /* line 18, ../sass/public/styles.scss */
  100% {
    margin-top: 140px;
    opacity: 1;
    -moz-transform: rotateY(0deg);
  }
}

@-webkit-keyframes DescriptionAnimation {
  /* line 22, ../sass/public/styles.scss */
  0% {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
  }

  /* line 23, ../sass/public/styles.scss */
  100% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
  }
}

@-moz-keyframes DescriptionAnimation {
  /* line 27, ../sass/public/styles.scss */
  0% {
    opacity: 0;
    -moz-transform: rotateY(90deg);
  }

  /* line 28, ../sass/public/styles.scss */
  100% {
    opacity: 1;
    -moz-transform: rotateY(0deg);
  }
}

@-webkit-keyframes Meditation {
  /* line 32, ../sass/public/styles.scss */
  0% {
    -webkit-transform: translate(0, -20);
  }

  /* line 33, ../sass/public/styles.scss */
  50% {
    -webkit-transform: translate(0, 10px);
  }

  /* line 34, ../sass/public/styles.scss */
  100% {
    -webkit-transform: translate(0, -20);
  }
}

@-moz-keyframes Meditation {
  /* line 38, ../sass/public/styles.scss */
  0% {
    -moz-transform: translate(0, -20);
  }

  /* line 39, ../sass/public/styles.scss */
  50% {
    -moz-transform: translate(0, 10px);
  }

  /* line 40, ../sass/public/styles.scss */
  100% {
    -moz-transform: translate(0, -20);
  }
}

/* line 43, ../sass/public/styles.scss */
.godown {
  cursor: pointer;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
}
/* line 45, ../sass/public/styles.scss */
.godown:hover {
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
  -webkit-transform: translate(0px, 12px);
  -moz-transform: translate(0px, 12px);
  -o-transform: translate(0px, 12px);
}

/* line 62, ../sass/public/styles.scss */
#scene-00 {
  height: 450px;
  margin-bottom: 0px;
}
/* line 66, ../sass/public/styles.scss */
#scene-00 #journey-banner {
  position: absolute;
  z-index: 10;
  left: 50%;
  margin: 117px 0px 0px -480px;
  width: 960px;
  height: 96px;
  background-image: url("/images/sprite--bg.png");
  background-position: 0px -736px;
}
/* line 76, ../sass/public/styles.scss */
#scene-00 #journey-banner #clickMask {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 78px;
  z-index: 10000;
  cursor: pointer;
}
/* line 77, ../sass/public/styles.scss */
#scene-00 #journey-banner #journey-slider {
  height: 69px;
}
/* line 78, ../sass/public/styles.scss */
#scene-00 #journey-banner #harmony, #scene-00 #journey-banner #iron-fists {
  position: absolute;
  width: 50%;
  text-align: center;
  padding-top: 20px;
  color: #362e2c;
  font-size: 18px;
  height: 50px;
  vertical-align: middle;
}
/* line 80, ../sass/public/styles.scss */
#scene-00 #journey-banner #harmony .text, #scene-00 #journey-banner #iron-fists .text {
  vertical-align: middle;
}
/* line 82, ../sass/public/styles.scss */
#scene-00 #journey-banner #harmony {
  top: 12px;
  left: 120px;
  font-size: 18px;
  -webkit-transition: All 0.6s ease;
  -moz-transition: All 0.6s ease;
  -o-transition: All 0.6s ease;
  cursor: pointer;
}
/* line 87, ../sass/public/styles.scss */
#scene-00 #journey-banner #iron-fists {
  top: 12px;
  right: 90px;
  font-size: 18px;
  -webkit-transition: All 0.6s ease;
  -moz-transition: All 0.6s ease;
  -o-transition: All 0.6s ease;
  cursor: pointer;
}
/* line 93, ../sass/public/styles.scss */
#scene-00 #journey-banner #harmony.selected, #scene-00 #journey-banner #iron-fists.selected {
  -webkit-transition: All 0.6s ease;
  -moz-transition: All 0.6s ease;
  -o-transition: All 0.6s ease;
  -webkit-transform: scale(1.4) translate(0, 2px);
  -moz-transform: scale(1.4) translate(0, 2px);
  -o-transform: scale(1.4) translate(0, 2px);
}
/* line 106, ../sass/public/styles.scss */
#scene-00 #journey-banner .slider {
  cursor: pointer;
  position: relative;
  margin: 0px auto;
  width: 412px;
  height: 69px;
}
/* line 112, ../sass/public/styles.scss */
#scene-00 #journey-banner .slider .handle {
  display: block;
  position: absolute;
  width: 128px;
  height: 128px;
  margin-top: -14px;
  background-image: url("/images/sprite--1.png");
  background-position: -832px 0px;
}
/* line 113, ../sass/public/styles.scss */
#scene-00 #journey-banner .slider .handle p {
  color: #8d382b;
  margin-left: 45px;
  margin-top: 95px;
  font-family: Georgia, 'Helvetica-Neue', Helvetica, sans-serif;
  letter-spacing: 2px;
  font-style: italic;
  font-size: 14px;
  font-weight: normal;
}
/* line 133, ../sass/public/styles.scss */
#scene-00 #journey-banner .slider .handle .meditate {
  position: absolute;
  width: 128px;
  height: 128px;
  margin-top: -100px;
  -webkit-animation-name: Meditation;
  -webkit-animation-duration: 3s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: Meditation;
  -moz-animation-duration: 3s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
}
/* line 152, ../sass/public/styles.scss */
#scene-00 #journey-banner .slider .handle .meditate .rev {
  position: absolute;
  width: 128px;
  height: 128px;
  margin-top: -115px;
  background-image: url("/images/sprite--1.png");
  background-position: -704px 0px;
}
/* line 159, ../sass/public/styles.scss */
#scene-00 #journey-banner .slider .handle .meditate .rev-iron {
  position: absolute;
  width: 128px;
  height: 128px;
  margin-top: -115px;
  background-image: url("/images/sprite--1.png");
  background-position: -576px 0px;
}
/* line 173, ../sass/public/styles.scss */
#scene-00 .arrow {
  position: absolute;
  top: 180px;
  left: 50%;
  margin-left: -32px;
  width: 64px;
  height: 160px;
  background-image: url("/images/sprite--bg.png");
  background-position: -768px 0px;
}

/* line 179, ../sass/public/styles.scss */
#scene-01 {
  position: relative;
  height: 960px;
  margin-top: -222px;
}
/* line 184, ../sass/public/styles.scss */
#scene-01 .godown {
  background-image: url("/images/sprite--bg.png");
  background-position: -864px 0px;
  position: absolute;
  top: 615px;
  left: 50%;
  margin-left: 363px;
  width: 64px;
  height: 128px;
}
/* line 189, ../sass/public/styles.scss */
#scene-01 .weare {
  position: absolute;
  top: 170px;
  left: 50%;
  margin-left: -384px;
  width: 768px;
  height: 64px;
  background-image: url("/images/sprite--bg.png");
  background-position: 0px -960px;
}
/* line 194, ../sass/public/styles.scss */
#scene-01 .features {
  position: absolute;
  top: 660px;
  left: 50%;
  margin-left: -378px;
  width: 756px;
  height: 410px;
}
/* line 202, ../sass/public/styles.scss */
#scene-01 .features .feature {
  float: left;
  margin-right: 24px;
  position: relative;
  z-index: 10;
  width: 228px;
}
/* line 208, ../sass/public/styles.scss */
#scene-01 .features .feature p {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: skolar, Georgia, serif;
  font-style: normal;
  color: white;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 13px;
}
/* line 219, ../sass/public/styles.scss */
#scene-01 .features .feature h1 {
  font-family: hellenic-wide, 'Helvetica-Neue', Helvetica, sans-serif;
  color: #f05a29;
  letter-spacing: 1px;
  font-size: 24px;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 15px;
}
/* line 230, ../sass/public/styles.scss */
#scene-01 .features .feature ul li {
  font-family: skolar, Georgia, serif;
  font-style: italic;
  color: #b8e1d8;
  letter-spacing: 1px;
  font-size: 13px;
  font-style: italic;
  line-height: 1.8;
}
/* line 243, ../sass/public/styles.scss */
#scene-01 .slit {
  position: absolute;
  top: 597px;
  left: 50%;
  margin-left: -426px;
  width: 850px;
  height: 50px;
  z-index: 9999;
  background-image: url("/images/sprite--bg.png");
  background-position: 0px -832px;
}
/* line 248, ../sass/public/styles.scss */
#scene-01 #yeti-scene {
  margin-top: 0px;
}
/* line 249, ../sass/public/styles.scss */
#scene-01 .mask {
  position: absolute;
  overflow: hidden;
  top: 20px;
  left: 50%;
  margin-left: -400px;
  width: 800px;
  height: 577px;
}
/* line 251, ../sass/public/styles.scss */
#scene-01 .icebg.j-harm {
  position: absolute;
  top: 321px;
  left: 50%;
  margin-top: 256px;
  margin-left: -248px;
  width: 416px;
  height: 256px;
  background-image: url("/images/sprite--1.png");
  background-position: 0px -256px;
  z-index: 0;
}
/* line 252, ../sass/public/styles.scss */
#scene-01 .iceleft.j-harm {
  position: absolute;
  z-index: 10;
  top: 455px;
  left: 50%;
  margin-left: -215px;
  margin-top: 124px;
  width: 128px;
  height: 128px;
  background-image: url("/images/sprite--1.png");
  background-position: -416px -256px;
}
/* line 253, ../sass/public/styles.scss */
#scene-01 .iceright.j-harm {
  position: absolute;
  top: 450px;
  left: 50%;
  margin-left: 40px;
  margin-top: 128px;
  width: 160px;
  height: 128px;
  background-image: url("/images/sprite--1.png");
  background-position: -608px -256px;
}
/* line 254, ../sass/public/styles.scss */
#scene-01 .snowball.j-harm {
  position: absolute;
  top: 500px;
  left: 50%;
  margin-left: 110px;
  margin-top: 128px;
  width: 16px;
  height: 16px;
  background-image: url("/images/sprite--1.png");
  background-position: -992px -256px;
}
/* line 255, ../sass/public/styles.scss */
#scene-01 .rev.j-harm {
  position: absolute;
  top: 385px;
  left: 50%;
  margin-top: 192px;
  margin-left: -350px;
  width: 128px;
  height: 192px;
  background-image: url("/images/sprite--1.png");
  background-position: -192px -512px;
}
/* line 256, ../sass/public/styles.scss */
#scene-01 .yeti.j-harm {
  position: absolute;
  top: 417px;
  left: 50%;
  margin-top: 160px;
  margin-left: 55px;
  width: 288px;
  height: 160px;
  background-image: url("/images/sprite--1.png");
  background-position: -320px -512px;
}
/* line 259, ../sass/public/styles.scss */
#scene-01 .rev.j-iron {
  position: absolute;
  top: 355px;
  left: 50%;
  margin-left: -100px;
  margin-top: 300px;
  width: 192px;
  height: 224px;
  background-image: url("/images/sprite--1.png");
  background-position: 0px -512px;
  z-index: 7777;
}
/* line 260, ../sass/public/styles.scss */
#scene-01 .yeti.j-iron {
  position: absolute;
  top: 350px;
  left: 50%;
  margin-left: 155px;
  margin-top: 230px;
  width: 224px;
  height: 192px;
  background-image: url("/images/sprite--1.png");
  background-position: -768px -256px;
}
/* line 261, ../sass/public/styles.scss */
#scene-01 .iceleft.j-iron {
  position: absolute;
  top: 440px;
  left: 50%;
  margin-left: -340px;
  margin-top: 160px;
  width: 128px;
  height: 160px;
  background-image: url("/images/sprite--1.png");
  background-position: -608px -512px;
}
/* line 262, ../sass/public/styles.scss */
#scene-01 .iceright.j-iron {
  position: absolute;
  top: 481px;
  left: 50%;
  margin-left: -240px;
  margin-top: 96px;
  width: 128px;
  height: 96px;
  background-image: url("/images/sprite--1.png");
  background-position: -736px -512px;
}
/* line 263, ../sass/public/styles.scss */
#scene-01 .iceberg.j-iron {
  position: absolute;
  top: 450px;
  left: 50%;
  margin-left: 40px;
  margin-top: 128px;
  width: 160px;
  height: 128px;
  background-image: url("/images/sprite--1.png");
  background-position: -608px -256px;
}
/* line 264, ../sass/public/styles.scss */
#scene-01 .iceright-small.j-iron {
  position: absolute;
  top: 418px;
  left: 50%;
  margin-left: 280px;
  margin-top: 160px;
  width: 64px;
  height: 160px;
  background-image: url("/images/sprite--1.png");
  background-position: -544px -256px;
}
/* line 265, ../sass/public/styles.scss */
#scene-01 .icebg.j-iron {
  position: absolute;
  top: 322px;
  left: 50%;
  margin-top: 256px;
  margin-left: -248px;
  width: 416px;
  height: 256px;
  background-image: url("/images/sprite--1.png");
  background-position: 0px -256px;
  z-index: 0;
}
/* line 268, ../sass/public/styles.scss */
#scene-01 .mini-01 {
  position: absolute;
  overflow: hidden;
  top: 1200px;
  left: 200px;
  width: 450px;
  height: 300px;
}
/* line 276, ../sass/public/styles.scss */
#scene-01 .mini-01 .description {
  cursor: pointer;
  margin-top: 350px;
  margin-left: 100px;
  width: 276px;
  height: 224px;
  background-image: url("/images/sprite--1.png");
  background-position: -288px 0px;
}
/* line 283, ../sass/public/styles.scss */
#scene-01 .mini-01 .description .blurb {
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: skolar, Georgia, serif;
  font-style: normal;
  color: white;
  font-size: 16px;
  line-height: 1.5;
  height: 160px;
  margin-top: 55px !important;
  padding: 24px;
}
/* line 298, ../sass/public/styles.scss */
#scene-01 .mini-01 .ice {
  position: relative;
  top: 8px;
  width: 416px;
  height: 64px;
  margin-left: 30px;
  margin-top: 350px;
  background-image: url("/images/sprite--1.png");
  background-position: -608px -128px;
}
/* line 309, ../sass/public/styles.scss */
#scene-01 .minislit {
  position: absolute;
  top: 1494px;
  width: 416px;
  height: 64px;
  left: 50%;
  margin-left: -208px;
  background-image: url("/images/sprite--bg.png");
  background-position: 0px -896px;
  z-index: 9999;
}
/* line 311, ../sass/public/styles.scss */
#scene-01 .innershadow {
  position: absolute;
  top: 1494px;
  left: 50%;
  margin-left: -193px;
  z-index: 7777 !important;
  width: 390px;
  height: 40px;
  -moz-box-shadow: 0px -3px 20px #63ab9b;
  -webkit-box-shadow: 0px -3px 20px #63ab9b;
  box-shadow: 0px -3px 20px #63ab9b;
}

/* line 323, ../sass/public/styles.scss */
#scene-02 {
  position: relative;
  height: 3860px;
}
/* line 327, ../sass/public/styles.scss */
#scene-02 .slit {
  position: absolute;
  top: 1318px;
  left: 50%;
  margin-left: -426px;
  width: 850px;
  height: 50px;
  z-index: 9999;
  background-image: url("/images/sprite--bg.png");
  background-position: 0px -832px;
}
/* line 332, ../sass/public/styles.scss */
#scene-02 .godown {
  background-image: url("/images/sprite--bg.png");
  background-position: -928px 0px;
  position: absolute;
  top: 1345px;
  left: 50%;
  margin-left: 363px;
  width: 64px;
  height: 128px;
}
/* line 337, ../sass/public/styles.scss */
#scene-02 .firepits {
  position: absolute;
  overflow: hidden;
  height: 1318px;
  width: 865px;
}
/* line 342, ../sass/public/styles.scss */
#scene-02 .firepits .sign {
  position: absolute;
  top: 890px;
  left: 130px;
  width: 512px;
  height: 96px;
  background-image: url("/images/sprite--2.png");
  background-position: 0px 0px;
  -webkit-transform: rotate(-7deg);
  -moz-transform: rotate(-7deg);
  -o-transform: rotate(-7deg);
}
/* line 353, ../sass/public/styles.scss */
#scene-02 .firepits .sign h1 {
  font-family: hellenic-wide, 'Helvetica-Neue', Helvetica, Arial, sans-serif;
  letter-spacing: 3px;
  font-weight: normal;
  color: #8e807b;
  padding: 20px;
  font-size: 44px;
}
/* line 362, ../sass/public/styles.scss */
#scene-02 .firepits .mountains.j-harm {
  position: absolute;
  top: 1030px;
  left: 120px;
  margin-top: 288px;
  width: 736px;
  height: 288px;
  background-image: url("/images/sprite--bg.png");
  background-position: 0px -64px;
}
/* line 363, ../sass/public/styles.scss */
#scene-02 .firepits .mountains.j-iron {
  position: absolute;
  top: 1030px;
  left: 120px;
  margin-top: 288px;
  width: 736px;
  height: 288px;
  background-image: url("/images/sprite--bg.png");
  background-position: 0px -64px;
}
/* line 364, ../sass/public/styles.scss */
#scene-02 .firepits .rev.j-harm {
  position: absolute;
  top: 1158px;
  left: 60px;
  margin-top: 160px;
  width: 448px;
  height: 160px;
  background-image: url("/images/sprite--2.png");
  background-position: 0px -96px;
}
/* line 365, ../sass/public/styles.scss */
#scene-02 .firepits .rev.j-iron {
  position: absolute;
  top: 970px;
  left: 370px;
  margin-top: 335px;
  width: 256px;
  height: 256px;
  background-image: url("/images/sprite--2.png");
  background-position: 0px -256px;
}
/* line 366, ../sass/public/styles.scss */
#scene-02 .firepits .dragon.j-harm {
  position: absolute;
  top: 770px;
  left: 525px;
  margin-top: 965px;
  width: 192px;
  height: 384px;
  background-image: url("/images/sprite--2.png");
  background-position: -448px -96px;
}
/* line 367, ../sass/public/styles.scss */
#scene-02 .firepits .dragon.j-iron {
  position: absolute;
  top: 740px;
  left: 525px;
  margin-top: 575px;
  width: 224px;
  height: 384px;
  background-image: url("/images/sprite--2.png");
  background-position: -640px -96px;
}
/* line 368, ../sass/public/styles.scss */
#scene-02 .firepits .dragon-bits.j-iron {
  position: absolute;
  top: 1222px;
  left: 370px;
  margin-top: 85px;
  width: 224px;
  height: 96px;
  background-image: url("/images/sprite--2.png");
  background-position: -544px -768px;
}
/* line 369, ../sass/public/styles.scss */
#scene-02 .firepits .rocks-left.j-iron {
  position: absolute;
  top: 1222px;
  left: 60px;
  margin-top: 85px;
  width: 320px;
  height: 96px;
  background-image: url("/images/sprite--2.png");
  background-position: -512px 0px;
}
/* line 370, ../sass/public/styles.scss */
#scene-02 .firepits .rocks.j-harm {
  position: absolute;
  top: 1254px;
  left: 635px;
  margin-top: 85px;
  width: 224px;
  height: 64px;
  background-image: url("/images/sprite--2.png");
  background-position: -480px -480px;
}
/* line 371, ../sass/public/styles.scss */
#scene-02 .firepits .rocks.j-iron {
  position: absolute;
  top: 1254px;
  left: 635px;
  margin-top: 85px;
  width: 224px;
  height: 64px;
  background-image: url("/images/sprite--2.png");
  background-position: -480px -480px;
}
/* line 375, ../sass/public/styles.scss */
#scene-02 .steps {
  position: absolute;
  top: 1470px;
}
/* line 379, ../sass/public/styles.scss */
#scene-02 .steps #step1 .sign, #scene-02 .steps #step1 .stump, #scene-02 .steps #step2 .sign, #scene-02 .steps #step2 .stump, #scene-02 .steps #step3 .sign, #scene-02 .steps #step3 .stump, #scene-02 .steps #step4 .sign, #scene-02 .steps #step4 .stump, #scene-02 .steps #step5 .sign, #scene-02 .steps #step5 .stump, #scene-02 .steps #step6 .sign, #scene-02 .steps #step6 .stump, #scene-02 .steps #step7 .sign, #scene-02 .steps #step7 .stump, #scene-02 .steps #step8 .sign, #scene-02 .steps #step8 .stump {
  position: absolute;
}
/* line 383, ../sass/public/styles.scss */
#scene-02 .steps #step1 .sign .stepGraphic, #scene-02 .steps #step2 .sign .stepGraphic, #scene-02 .steps #step3 .sign .stepGraphic, #scene-02 .steps #step4 .sign .stepGraphic, #scene-02 .steps #step5 .sign .stepGraphic, #scene-02 .steps #step6 .sign .stepGraphic, #scene-02 .steps #step7 .sign .stepGraphic, #scene-02 .steps #step8 .sign .stepGraphic {
  position: relative;
}
/* line 385, ../sass/public/styles.scss */
#scene-02 .steps .animate, #scene-02 .steps .stump.animate {
  margin-top: 350px;
}
/* line 386, ../sass/public/styles.scss */
#scene-02 .steps .stepGraphic:hover {
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
}
/* line 394, ../sass/public/styles.scss */
#scene-02 .steps .stepGraphic {
  cursor: pointer;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
}
/* line 405, ../sass/public/styles.scss */
#scene-02 .steps #step1 .minislit {
  position: absolute;
  top: 206px;
  width: 416px;
  height: 64px;
  left: 50%;
  margin-left: 170px;
  background-image: url("/images/sprite--bg.png");
  background-position: 0px -896px;
  z-index: 7777;
}
/* line 407, ../sass/public/styles.scss */
#scene-02 .steps #step1 .innershadow {
  position: absolute;
  top: 206px;
  left: 50%;
  margin-left: 185px;
  z-index: 6666 !important;
  width: 390px;
  height: 40px;
  -moz-box-shadow: 0px -3px 20px #63ab9b;
  -webkit-box-shadow: 0px -3px 20px #63ab9b;
  box-shadow: 0px -3px 20px #63ab9b;
}
/* line 417, ../sass/public/styles.scss */
#scene-02 .steps #step1 .mask {
  position: absolute;
  top: -40px;
  left: 125px;
  overflow: hidden;
  width: 480px;
  height: 246px;
}
/* line 423, ../sass/public/styles.scss */
#scene-02 .steps #step1 .mask .sign {
  top: 40px;
}
/* line 425, ../sass/public/styles.scss */
#scene-02 .steps #step1 .mask .sign .stepGraphic {
  width: 128px;
  height: 128px;
  background-color: #fff;
  -moz-border-radius: 65px;
  -webkit-border-radius: 65px;
  top: 0px;
  left: 0px;
  float: left;
  margin-right: 15px;
}
/* line 436, ../sass/public/styles.scss */
#scene-02 .steps #step1 .mask .sign .stepGraphic h1 {
  font-family: league-gothic, 'Helvetica-Neue', Helvetica, sans-serif !important;
  letter-spacing: 3px;
  font-weight: normal;
  color: #407e84;
  font-size: 24px;
  margin-left: 45px;
  margin-top: 30px !important;
}
/* line 445, ../sass/public/styles.scss */
#scene-02 .steps #step1 .mask .sign .stepGraphic h2 {
  font-family: hellenic-wide, 'Helvetica-Neue', Helvetica, Arial, sans-serif;
  letter-spacing: 3px;
  font-weight: normal;
  color: #e84824;
  font-size: 55px;
  margin-top: -5px;
  margin-left: 45px;
}
/* line 458, ../sass/public/styles.scss */
#scene-02 .steps #step1 .mask .sign .stepContent {
  margin-top: 10px;
  float: left;
  height: 120px;
  width: 336px;
}
/* line 463, ../sass/public/styles.scss */
#scene-02 .steps #step1 .mask .sign .stepContent p {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: skolar, Georgia, serif;
  font-style: normal;
  color: white;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 13px;
}
/* line 474, ../sass/public/styles.scss */
#scene-02 .steps #step1 .mask .sign .stepContent h3 {
  font-family: hellenic-wide, 'Helvetica-Neue', Helvetica, sans-serif;
  color: #f05a29;
  letter-spacing: 1px;
  font-size: 24px;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 2px;
}
/* line 485, ../sass/public/styles.scss */
#scene-02 .steps #step1 .mask .stump {
  position: absolute;
  top: 150px;
  left: 90px;
  width: 288px;
  height: 96px;
  background-image: url("/images/sprite--2.png");
  background-position: -256px -928px;
}
/* line 498, ../sass/public/styles.scss */
#scene-02 .steps #step2 .minislit {
  position: absolute;
  top: 465px;
  width: 416px;
  height: 64px;
  left: 50%;
  margin-left: 380px;
  background-image: url("/images/sprite--bg.png");
  background-position: 0px -896px;
  z-index: 7777;
}
/* line 500, ../sass/public/styles.scss */
#scene-02 .steps #step2 .innershadow {
  position: absolute;
  top: 465px;
  left: 50%;
  margin-left: 395px;
  z-index: 6666 !important;
  width: 390px;
  height: 40px;
  -moz-box-shadow: 0px -3px 20px #63ab9b;
  -webkit-box-shadow: 0px -3px 20px #63ab9b;
  box-shadow: 0px -3px 20px #63ab9b;
}
/* line 509, ../sass/public/styles.scss */
#scene-02 .steps #step2 .mask {
  position: absolute;
  top: 235px;
  left: 340px;
  overflow: hidden;
  width: 480px;
  height: 229px;
}
/* line 516, ../sass/public/styles.scss */
#scene-02 .steps #step2 .mask .sign {
  z-index: 9999;
  top: 40px;
}
/* line 519, ../sass/public/styles.scss */
#scene-02 .steps #step2 .mask .sign .stepGraphic {
  width: 128px;
  height: 128px;
  background-color: #fff;
  -moz-border-radius: 65px;
  -webkit-border-radius: 65px;
  top: 0px;
  left: 0px;
  float: left;
  margin-right: 15px;
}
/* line 530, ../sass/public/styles.scss */
#scene-02 .steps #step2 .mask .sign .stepGraphic h1 {
  font-family: league-gothic, 'Helvetica-Neue', Helvetica, sans-serif !important;
  letter-spacing: 3px;
  font-weight: normal;
  color: #407e84;
  font-size: 24px;
  margin-left: 45px;
  margin-top: 30px !important;
}
/* line 539, ../sass/public/styles.scss */
#scene-02 .steps #step2 .mask .sign .stepGraphic h2 {
  font-family: hellenic-wide, 'Helvetica-Neue', Helvetica, Arial, sans-serif;
  letter-spacing: 3px;
  font-weight: normal;
  color: #e84824;
  font-size: 55px;
  margin-top: -5px;
  margin-left: 37px;
}
/* line 550, ../sass/public/styles.scss */
#scene-02 .steps #step2 .mask .sign .stepContent {
  margin-top: 10px;
  float: left;
  height: 120px;
  width: 336px;
}
/* line 555, ../sass/public/styles.scss */
#scene-02 .steps #step2 .mask .sign .stepContent p {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: skolar, Georgia, serif;
  font-style: normal;
  color: white;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 13px;
}
/* line 566, ../sass/public/styles.scss */
#scene-02 .steps #step2 .mask .sign .stepContent h3 {
  font-family: hellenic-wide, 'Helvetica-Neue', Helvetica, sans-serif;
  color: #f05a29;
  letter-spacing: 1px;
  font-size: 24px;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 2px;
}
/* line 577, ../sass/public/styles.scss */
#scene-02 .steps #step2 .mask .stump {
  position: absolute;
  top: 165px;
  left: 130px;
  width: 256px;
  height: 64px;
  background-image: url("/images/sprite--2.png");
  background-position: 0px -896px;
}
/* line 589, ../sass/public/styles.scss */
#scene-02 .steps #step3 .minislit {
  position: absolute;
  top: 739px;
  width: 416px;
  height: 64px;
  left: 50%;
  margin-left: 170px;
  background-image: url("/images/sprite--bg.png");
  background-position: 0px -896px;
  z-index: 7777;
}
/* line 591, ../sass/public/styles.scss */
#scene-02 .steps #step3 .innershadow {
  position: absolute;
  top: 739px;
  left: 50%;
  margin-left: 185px;
  z-index: 6666 !important;
  width: 390px;
  height: 40px;
  -moz-box-shadow: 0px -3px 20px #63ab9b;
  -webkit-box-shadow: 0px -3px 20px #63ab9b;
  box-shadow: 0px -3px 20px #63ab9b;
}
/* line 601, ../sass/public/styles.scss */
#scene-02 .steps #step3 .mask {
  position: absolute;
  top: 525px;
  left: 125px;
  overflow: hidden;
  width: 480px;
  height: 246px;
}
/* line 607, ../sass/public/styles.scss */
#scene-02 .steps #step3 .mask .sign {
  top: 0px;
}
/* line 609, ../sass/public/styles.scss */
#scene-02 .steps #step3 .mask .sign .stepGraphic {
  width: 128px;
  height: 128px;
  background-color: #fff;
  -moz-border-radius: 65px;
  -webkit-border-radius: 65px;
  top: 0px;
  left: 0px;
  float: left;
  margin-right: 15px;
}
/* line 620, ../sass/public/styles.scss */
#scene-02 .steps #step3 .mask .sign .stepGraphic h1 {
  font-family: league-gothic, 'Helvetica-Neue', Helvetica, sans-serif !important;
  letter-spacing: 3px;
  font-weight: normal;
  color: #407e84;
  font-size: 24px;
  margin-left: 45px;
  margin-top: 30px !important;
}
/* line 629, ../sass/public/styles.scss */
#scene-02 .steps #step3 .mask .sign .stepGraphic h2 {
  font-family: hellenic-wide, 'Helvetica-Neue', Helvetica, Arial, sans-serif;
  letter-spacing: 3px;
  font-weight: normal;
  color: #e84824;
  font-size: 55px;
  margin-top: -5px;
  margin-left: 38px;
}
/* line 642, ../sass/public/styles.scss */
#scene-02 .steps #step3 .mask .sign .stepContent {
  margin-top: 10px;
  float: left;
  height: 120px;
  width: 336px;
}
/* line 647, ../sass/public/styles.scss */
#scene-02 .steps #step3 .mask .sign .stepContent p {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: skolar, Georgia, serif;
  font-style: normal;
  color: white;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 13px;
}
/* line 658, ../sass/public/styles.scss */
#scene-02 .steps #step3 .mask .sign .stepContent h3 {
  font-family: hellenic-wide, 'Helvetica-Neue', Helvetica, sans-serif;
  color: #f05a29;
  letter-spacing: 1px;
  font-size: 24px;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 2px;
}
/* line 669, ../sass/public/styles.scss */
#scene-02 .steps #step3 .mask .stump {
  position: absolute;
  top: 150px;
  left: 140px;
  width: 256px;
  height: 64px;
  background-image: url("/images/sprite--2.png");
  background-position: -512px -864px;
}
/* line 681, ../sass/public/styles.scss */
#scene-02 .steps #step4 .minislit {
  position: absolute;
  top: 1004px;
  width: 416px;
  height: 64px;
  left: 50%;
  margin-left: 380px;
  background-image: url("/images/sprite--bg.png");
  background-position: 0px -896px;
  z-index: 7777;
}
/* line 683, ../sass/public/styles.scss */
#scene-02 .steps #step4 .innershadow {
  position: absolute;
  top: 1004px;
  left: 50%;
  margin-left: 395px;
  z-index: 6666 !important;
  width: 390px;
  height: 40px;
  -moz-box-shadow: 0px -3px 20px #63ab9b;
  -webkit-box-shadow: 0px -3px 20px #63ab9b;
  box-shadow: 0px -3px 20px #63ab9b;
}
/* line 692, ../sass/public/styles.scss */
#scene-02 .steps #step4 .mask {
  position: absolute;
  top: 810px;
  left: 340px;
  overflow: hidden;
  width: 480px;
  height: 235px;
}
/* line 698, ../sass/public/styles.scss */
#scene-02 .steps #step4 .mask .sign {
  top: 0px;
}
/* line 700, ../sass/public/styles.scss */
#scene-02 .steps #step4 .mask .sign .stepGraphic {
  width: 128px;
  height: 128px;
  background-color: #fff;
  -moz-border-radius: 65px;
  -webkit-border-radius: 65px;
  top: 0px;
  left: 0px;
  float: left;
  margin-right: 15px;
}
/* line 711, ../sass/public/styles.scss */
#scene-02 .steps #step4 .mask .sign .stepGraphic h1 {
  font-family: league-gothic, 'Helvetica-Neue', Helvetica, sans-serif !important;
  letter-spacing: 3px;
  font-weight: normal;
  color: #407e84;
  font-size: 24px;
  margin-left: 45px;
  margin-top: 30px !important;
}
/* line 720, ../sass/public/styles.scss */
#scene-02 .steps #step4 .mask .sign .stepGraphic h2 {
  font-family: hellenic-wide, 'Helvetica-Neue', Helvetica, Arial, sans-serif;
  letter-spacing: 3px;
  font-weight: normal;
  color: #e84824;
  font-size: 55px;
  margin-top: -5px;
  margin-left: 35px;
}
/* line 733, ../sass/public/styles.scss */
#scene-02 .steps #step4 .mask .sign .stepContent {
  margin-top: 0px;
  float: left;
  height: 120px;
  width: 336px;
}
/* line 738, ../sass/public/styles.scss */
#scene-02 .steps #step4 .mask .sign .stepContent p {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: skolar, Georgia, serif;
  font-style: normal;
  color: white;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 13px;
}
/* line 749, ../sass/public/styles.scss */
#scene-02 .steps #step4 .mask .sign .stepContent h3 {
  font-family: hellenic-wide, 'Helvetica-Neue', Helvetica, sans-serif;
  color: #f05a29;
  letter-spacing: 1px;
  font-size: 24px;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 2px;
}
/* line 761, ../sass/public/styles.scss */
#scene-02 .steps #step4 .mask .stump {
  position: absolute;
  top: 130px;
  left: 130px;
  width: 256px;
  height: 64px;
  background-image: url("/images/sprite--2.png");
  background-position: 0px -896px;
}
/* line 773, ../sass/public/styles.scss */
#scene-02 .steps #step5 .minislit {
  position: absolute;
  top: 1281px;
  width: 416px;
  height: 64px;
  left: 50%;
  margin-left: 170px;
  background-image: url("/images/sprite--bg.png");
  background-position: 0px -896px;
  z-index: 9999;
}
/* line 775, ../sass/public/styles.scss */
#scene-02 .steps #step5 .innershadow {
  position: absolute;
  top: 1281px;
  left: 50%;
  margin-left: 185px;
  z-index: 7777 !important;
  width: 390px;
  height: 40px;
  -moz-box-shadow: 0px -3px 20px #63ab9b;
  -webkit-box-shadow: 0px -3px 20px #63ab9b;
  box-shadow: 0px -3px 20px #63ab9b;
}
/* line 783, ../sass/public/styles.scss */
#scene-02 .steps #step5 .mask {
  position: absolute;
  top: 1075px;
  left: 125px;
  overflow: hidden;
  width: 480px;
  height: 206px;
}
/* line 791, ../sass/public/styles.scss */
#scene-02 .steps #step5 .mask .sign .stepGraphic {
  width: 128px;
  height: 128px;
  background-color: #fff;
  -moz-border-radius: 65px;
  -webkit-border-radius: 65px;
  left: 0px;
  float: left;
  margin-right: 15px;
}
/* line 801, ../sass/public/styles.scss */
#scene-02 .steps #step5 .mask .sign .stepGraphic h1 {
  font-family: league-gothic, 'Helvetica-Neue', Helvetica, sans-serif !important;
  letter-spacing: 3px;
  font-weight: normal;
  color: #407e84;
  font-size: 24px;
  margin-left: 45px;
  margin-top: 30px !important;
}
/* line 810, ../sass/public/styles.scss */
#scene-02 .steps #step5 .mask .sign .stepGraphic h2 {
  font-family: hellenic-wide, 'Helvetica-Neue', Helvetica, Arial, sans-serif;
  letter-spacing: 3px;
  font-weight: normal;
  color: #e84824;
  font-size: 55px;
  margin-top: -5px;
  margin-left: 37px;
}
/* line 821, ../sass/public/styles.scss */
#scene-02 .steps #step5 .mask .sign .stepContent {
  margin-top: 10px;
  float: left;
  width: 336px;
  height: 120px;
}
/* line 826, ../sass/public/styles.scss */
#scene-02 .steps #step5 .mask .sign .stepContent p {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: skolar, Georgia, serif;
  font-style: normal;
  color: white;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 13px;
}
/* line 837, ../sass/public/styles.scss */
#scene-02 .steps #step5 .mask .sign .stepContent h3 {
  font-family: hellenic-wide, 'Helvetica-Neue', Helvetica, sans-serif;
  color: #f05a29;
  letter-spacing: 1px;
  font-size: 24px;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 2px;
}
/* line 848, ../sass/public/styles.scss */
#scene-02 .steps #step5 .mask .stump {
  position: absolute;
  top: 110px;
  left: 90px;
  width: 288px;
  height: 96px;
  background-image: url("/images/sprite--2.png");
  background-position: -256px -928px;
}
/* line 860, ../sass/public/styles.scss */
#scene-02 .steps #step6 .minislit {
  position: absolute;
  top: 1673px;
  width: 416px;
  height: 64px;
  left: 50%;
  margin-left: 380px;
  background-image: url("/images/sprite--bg.png");
  background-position: -416px -896px;
  z-index: 9999;
}
/* line 862, ../sass/public/styles.scss */
#scene-02 .steps #step6 .innershadow {
  position: absolute;
  top: 1673px;
  left: 50%;
  margin-left: 395px;
  z-index: 7777 !important;
  width: 390px;
  height: 40px;
  -moz-box-shadow: 0px -3px 20px #63ab9b;
  -webkit-box-shadow: 0px -3px 20px #63ab9b;
  box-shadow: 0px -3px 20px #63ab9b;
}
/* line 870, ../sass/public/styles.scss */
#scene-02 .steps #step6 .mask {
  position: absolute;
  top: 1450px;
  left: 340px;
  overflow: hidden;
  width: 480px;
  height: 235px;
}
/* line 876, ../sass/public/styles.scss */
#scene-02 .steps #step6 .mask .sign {
  top: 0px;
}
/* line 878, ../sass/public/styles.scss */
#scene-02 .steps #step6 .mask .sign .stepGraphic {
  width: 128px;
  height: 128px;
  background-color: #fff;
  -moz-border-radius: 65px;
  -webkit-border-radius: 65px;
  top: 0px;
  left: 0px;
  float: left;
  margin-right: 15px;
}
/* line 889, ../sass/public/styles.scss */
#scene-02 .steps #step6 .mask .sign .stepGraphic h1 {
  font-family: league-gothic, 'Helvetica-Neue', Helvetica, sans-serif !important;
  letter-spacing: 3px;
  font-weight: normal;
  color: #407e84;
  font-size: 24px;
  margin-left: 45px;
  margin-top: 30px !important;
}
/* line 898, ../sass/public/styles.scss */
#scene-02 .steps #step6 .mask .sign .stepGraphic h2 {
  font-family: hellenic-wide, 'Helvetica-Neue', Helvetica, Arial, sans-serif;
  letter-spacing: 3px;
  font-weight: normal;
  color: #e84824;
  font-size: 55px;
  margin-top: -5px;
  margin-left: 35px;
}
/* line 911, ../sass/public/styles.scss */
#scene-02 .steps #step6 .mask .sign .stepContent {
  margin-top: 10px;
  float: left;
  height: 120px;
  width: 336px;
}
/* line 916, ../sass/public/styles.scss */
#scene-02 .steps #step6 .mask .sign .stepContent p {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: skolar, Georgia, serif;
  font-style: normal;
  color: white;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 13px;
}
/* line 927, ../sass/public/styles.scss */
#scene-02 .steps #step6 .mask .sign .stepContent h3 {
  font-family: hellenic-wide, 'Helvetica-Neue', Helvetica, sans-serif;
  color: #f05a29;
  letter-spacing: 1px;
  font-size: 24px;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 2px;
}
/* line 939, ../sass/public/styles.scss */
#scene-02 .steps #step6 .mask .stump {
  position: absolute;
  top: 160px;
  left: 130px;
  width: 256px;
  height: 64px;
  background-image: url("/images/sprite--2.png");
  background-position: 0px -896px;
}
/* line 950, ../sass/public/styles.scss */
#scene-02 .steps #step7 .minislit {
  position: absolute;
  top: 1996px;
  width: 416px;
  height: 64px;
  left: 50%;
  margin-left: 170px;
  background-image: url("/images/sprite--bg.png");
  background-position: -416px -896px;
  z-index: 9999;
}
/* line 952, ../sass/public/styles.scss */
#scene-02 .steps #step7 .innershadow {
  position: absolute;
  top: 1996px;
  left: 50%;
  margin-left: 185px;
  z-index: 7777 !important;
  width: 390px;
  height: 40px;
  -moz-box-shadow: 0px -3px 20px #63ab9b;
  -webkit-box-shadow: 0px -3px 20px #63ab9b;
  box-shadow: 0px -3px 20px #63ab9b;
}
/* line 960, ../sass/public/styles.scss */
#scene-02 .steps #step7 .mask {
  position: absolute;
  top: 1800px;
  left: 125px;
  overflow: hidden;
  width: 480px;
  height: 196px;
}
/* line 967, ../sass/public/styles.scss */
#scene-02 .steps #step7 .mask .sign .stepGraphic {
  width: 128px;
  height: 128px;
  background-color: #fff;
  -moz-border-radius: 65px;
  -webkit-border-radius: 65px;
  left: 0px;
  float: left;
  margin-right: 15px;
}
/* line 977, ../sass/public/styles.scss */
#scene-02 .steps #step7 .mask .sign .stepGraphic h1 {
  font-family: league-gothic, 'Helvetica-Neue', Helvetica, sans-serif !important;
  letter-spacing: 3px;
  font-weight: normal;
  color: #407e84;
  font-size: 24px;
  margin-left: 45px;
  margin-top: 30px !important;
}
/* line 986, ../sass/public/styles.scss */
#scene-02 .steps #step7 .mask .sign .stepGraphic h2 {
  font-family: hellenic-wide, 'Helvetica-Neue', Helvetica, Arial, sans-serif;
  letter-spacing: 3px;
  font-weight: normal;
  color: #e84824;
  font-size: 55px;
  margin-top: -5px;
  margin-left: 37px;
}
/* line 997, ../sass/public/styles.scss */
#scene-02 .steps #step7 .mask .sign .stepContent {
  margin-top: -5px;
  float: left;
  width: 336px;
  height: 120px;
}
/* line 1002, ../sass/public/styles.scss */
#scene-02 .steps #step7 .mask .sign .stepContent p {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: skolar, Georgia, serif;
  font-style: normal;
  color: white;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 13px;
}
/* line 1013, ../sass/public/styles.scss */
#scene-02 .steps #step7 .mask .sign .stepContent h3 {
  font-family: hellenic-wide, 'Helvetica-Neue', Helvetica, sans-serif;
  color: #f05a29;
  letter-spacing: 1px;
  font-size: 24px;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 2px;
}
/* line 1024, ../sass/public/styles.scss */
#scene-02 .steps #step7 .mask .stump {
  position: absolute;
  top: 100px;
  left: 90px;
  width: 288px;
  height: 96px;
  background-image: url("/images/sprite--2.png");
  background-position: -256px -928px;
}
/* line 1035, ../sass/public/styles.scss */
#scene-02 .steps #step8 .minislit {
  position: absolute;
  top: 2394px;
  width: 416px;
  height: 64px;
  left: 50%;
  margin-left: 240px;
  background-image: url("/images/sprite--bg.png");
  background-position: -416px -896px;
  z-index: 9999;
}
/* line 1037, ../sass/public/styles.scss */
#scene-02 .steps #step8 .innershadow {
  position: absolute;
  top: 2394px;
  left: 50%;
  margin-left: 255px;
  z-index: 7777 !important;
  width: 390px;
  height: 40px;
  -moz-box-shadow: 0px -3px 20px #63ab9b;
  -webkit-box-shadow: 0px -3px 20px #63ab9b;
  box-shadow: 0px -3px 20px #63ab9b;
}
/* line 1045, ../sass/public/styles.scss */
#scene-02 .steps #step8 .mask {
  position: absolute;
  top: 2200px;
  left: 200px;
  overflow: hidden;
  width: 480px;
  height: 200px;
}
/* line 1053, ../sass/public/styles.scss */
#scene-02 .steps #step8 .mask .sign .stepGraphic {
  width: 128px;
  height: 128px;
  background-color: #fff;
  -moz-border-radius: 65px;
  -webkit-border-radius: 65px;
  left: 0px;
  float: left;
  margin-right: 15px;
}
/* line 1063, ../sass/public/styles.scss */
#scene-02 .steps #step8 .mask .sign .stepGraphic h1 {
  font-family: league-gothic, 'Helvetica-Neue', Helvetica, sans-serif !important;
  letter-spacing: 3px;
  font-weight: normal;
  color: #407e84;
  font-size: 24px;
  margin-left: 45px;
  margin-top: 30px !important;
}
/* line 1072, ../sass/public/styles.scss */
#scene-02 .steps #step8 .mask .sign .stepGraphic h2 {
  font-family: hellenic-wide, 'Helvetica-Neue', Helvetica, Arial, sans-serif;
  letter-spacing: 3px;
  font-weight: normal;
  color: #e84824;
  font-size: 55px;
  margin-top: -5px;
  margin-left: 37px;
}
/* line 1083, ../sass/public/styles.scss */
#scene-02 .steps #step8 .mask .sign .stepContent {
  float: left;
  margin-top: 0px;
  width: 336px;
  height: 120px;
}
/* line 1088, ../sass/public/styles.scss */
#scene-02 .steps #step8 .mask .sign .stepContent p {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: skolar, Georgia, serif;
  font-style: normal;
  color: white;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 13px;
}
/* line 1099, ../sass/public/styles.scss */
#scene-02 .steps #step8 .mask .sign .stepContent h3 {
  font-family: hellenic-wide, 'Helvetica-Neue', Helvetica, sans-serif;
  color: #f05a29;
  letter-spacing: 1px;
  font-size: 24px;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 2px;
}
/* line 1110, ../sass/public/styles.scss */
#scene-02 .steps #step8 .mask .stump {
  position: absolute;
  top: 130px;
  left: 120px;
  width: 256px;
  height: 64px;
  background-image: url("/images/sprite--2.png");
  background-position: -512px -864px;
}

/* line 1122, ../sass/public/styles.scss */
#scene-03 {
  position: relative;
  height: 2225px;
}
/* line 1126, ../sass/public/styles.scss */
#scene-03 .slit {
  position: absolute;
  top: 1082px;
  left: 50%;
  margin-left: -426px;
  width: 850px;
  height: 50px;
  z-index: 9999;
  background-image: url("/images/sprite--bg.png");
  background-position: 0px -832px;
}
/* line 1131, ../sass/public/styles.scss */
#scene-03 .godown {
  background-image: url("/images/sprite--bg.png");
  background-position: -864px 0px;
  position: absolute;
  top: 1095px;
  left: 50%;
  margin-left: 363px;
  width: 64px;
  height: 128px;
}
/* line 1136, ../sass/public/styles.scss */
#scene-03 .campfire {
  position: absolute;
  top: 323px;
  width: 850px;
  height: 759px;
  overflow: hidden;
}
/* line 1142, ../sass/public/styles.scss */
#scene-03 .campfire .slideshow {
  position: absolute;
  top: -5px;
  left: 150px;
}
/* line 1146, ../sass/public/styles.scss */
#scene-03 .campfire .slideshow #work {
  position: absolute;
  z-index: 0;
  overflow: hidden;
  width: 600px;
  height: 400px;
  border: none;
}
/* line 1147, ../sass/public/styles.scss */
#scene-03 .campfire .slideshow #work img {
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  width: 600px;
  height: 400px;
}
/* line 1171, ../sass/public/styles.scss */
#scene-03 .campfire .slideshow #prev-button {
  cursor: pointer;
  z-index: 9999;
  position: absolute;
  margin-top: 180px;
  width: 96px;
  height: 96px;
  margin-left: -42px;
  background-image: url("/images/sprite--2.png");
  background-position: -864px -224px;
}
/* line 1181, ../sass/public/styles.scss */
#scene-03 .campfire .slideshow #next-button {
  cursor: pointer;
  z-index: 9999;
  position: absolute;
  margin-top: 180px;
  right: 0px;
  width: 96px;
  height: 96px;
  margin-right: -642px;
  background-image: url("/images/sprite--2.png");
  background-position: -864px -128px;
}
/* line 1193, ../sass/public/styles.scss */
#scene-03 .campfire .cloud {
  position: absolute;
  top: 393px;
  left: 115px;
  width: 672px;
  height: 224px;
  background-image: url("/images/sprite--bg.png");
  background-position: 0px -352px;
}
/* line 1194, ../sass/public/styles.scss */
#scene-03 .campfire .mountain.j-harm {
  position: absolute;
  top: 620px;
  left: 50px;
  margin-top: 160px;
  width: 704px;
  height: 160px;
  background-image: url("/images/sprite--bg.png");
  background-position: 0px -576px;
}
/* line 1195, ../sass/public/styles.scss */
#scene-03 .campfire .mountain.j-iron {
  position: absolute;
  top: 620px;
  left: 50px;
  margin-top: 160px;
  width: 704px;
  height: 160px;
  background-image: url("/images/sprite--bg.png");
  background-position: 0px -576px;
}
/* line 1196, ../sass/public/styles.scss */
#scene-03 .campfire .fire.j-harm {
  position: absolute;
  top: 631px;
  left: 400px;
  margin-top: 128px;
  width: 128px;
  height: 128px;
  background-image: url("/images/sprite--2.png");
  background-position: -864px -320px;
}
/* line 1199, ../sass/public/styles.scss */
#scene-03 .campfire .rev.j-harm {
  position: absolute;
  top: 503px;
  left: 120px;
  margin-top: 256px;
  width: 256px;
  height: 256px;
  background-image: url("/images/sprite--2.png");
  background-position: -768px -768px;
}
/* line 1200, ../sass/public/styles.scss */
#scene-03 .campfire .sasquatch.j-harm {
  position: absolute;
  top: 471px;
  left: 505px;
  margin-top: 288px;
  width: 320px;
  height: 288px;
  background-image: url("/images/sprite--2.png");
  background-position: -704px -480px;
}
/* line 1203, ../sass/public/styles.scss */
#scene-03 .campfire .rev.j-iron {
  position: absolute;
  top: 471px;
  left: 210px;
  margin-top: 288px;
  width: 480px;
  height: 288px;
  background-image: url("/images/sprite--2.png");
  background-position: 0px -512px;
  z-index: 9999;
}
/* line 1204, ../sass/public/styles.scss */
#scene-03 .campfire .stump1.j-iron {
  position: absolute;
  top: 664px;
  left: 121px;
  margin-top: 96px;
  width: 256px;
  height: 96px;
  background-image: url("/images/sprite--2.png");
  background-position: 0px -800px;
}
/* line 1205, ../sass/public/styles.scss */
#scene-03 .campfire .stump2.j-iron {
  position: absolute;
  top: 663px;
  left: 575px;
  margin-top: 96px;
  width: 256px;
  height: 96px;
  background-image: url("/images/sprite--2.png");
  background-position: -256px -800px;
}
/* line 1209, ../sass/public/styles.scss */
#scene-03 .profiles {
  z-index: 6666;
  position: absolute;
  top: 800px;
  width: 900px;
}
/* line 1214, ../sass/public/styles.scss */
#scene-03 .profiles .face.back {
  display: block;
}
/* line 1216, ../sass/public/styles.scss */
#scene-03 .profiles .profile {
  position: absolute;
  width: 250px;
  height: 305px;
}
/* line 1219, ../sass/public/styles.scss */
#scene-03 .profiles .profile .card {
  height: 305px;
}
/* line 1220, ../sass/public/styles.scss */
#scene-03 .profiles .profile .info {
  text-align: center;
  margin-bottom: -20px;
}
/* line 1222, ../sass/public/styles.scss */
#scene-03 .profiles .profile .info .title {
  color: #e84824;
  font-size: 32px;
  font-family: hellenic-wide, 'Helvetica-Neue', Helvetica, Arial, sans-serif;
  letter-spacing: 3px;
  font-weight: normal;
}
/* line 1228, ../sass/public/styles.scss */
#scene-03 .profiles .profile .info .chrisname {
  background-image: url("/images/sprite--3.png");
  background-position: -384px -320px;
  width: 192px;
  height: 64px;
  margin-left: 25px;
}
/* line 1235, ../sass/public/styles.scss */
#scene-03 .profiles .profile .info .prestonname {
  background-image: url("/images/sprite--3.png");
  background-position: -192px -320px;
  width: 192px;
  height: 64px;
  margin-left: 30px;
}
/* line 1242, ../sass/public/styles.scss */
#scene-03 .profiles .profile .info .bjname {
  background-image: url("/images/sprite--3.png");
  background-position: -576px -320px;
  width: 192px;
  height: 64px;
  margin-left: 20px;
}
/* line 1250, ../sass/public/styles.scss */
#scene-03 .profiles .profile.chris {
  margin-left: -405px;
  top: 0px;
  left: 50%;
}
/* line 1257, ../sass/public/styles.scss */
#scene-03 .profiles .profile.chris #frame_container {
  cursor: pointer;
  position: absolute;
  width: 250px;
  height: 305px;
  z-index: 1;
}
/* line 1266, ../sass/public/styles.scss */
#scene-03 .profiles .profile.chris #frame_container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}
/* line 1271, ../sass/public/styles.scss */
#scene-03 .profiles .profile.chris #frame_card {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: all 1.0s linear;
  -moz-transform-style: preserve-3d;
  -moz-transition: all 1.0s linear;
  -o-transform-style: preserve-3d;
  -o-transition: all 1.0s linear;
  -ms-transform-style: preserve-3d;
  -ms-transition: all 1.0s linear;
  transform-style: preserve-3d;
  transition: all 1.0s linear;
}
/* line 1285, ../sass/public/styles.scss */
#scene-03 .profiles .profile.chris #frame_container:hover #frame_card {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  box-shadow: -5px 5px 5px #aaaaaa;
}
/* line 1293, ../sass/public/styles.scss */
#scene-03 .profiles .profile.chris .face {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* line 1304, ../sass/public/styles.scss */
#scene-03 .profiles .profile.chris .face.front {
  width: 250px;
  height: 305px;
  background-image: url("/images/sprite--3.png");
  background-position: -256px 0px;
}
/* line 1310, ../sass/public/styles.scss */
#scene-03 .profiles .profile.chris .face.back {
  -webkit-transform: rotateY(180deg);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-transform: rotateY(180deg);
  -o-box-sizing: border-box;
  -ms-transform: rotateY(180deg);
  -ms-box-sizing: border-box;
  transform: rotateY(180deg);
  box-sizing: border-box;
  text-align: left;
  width: 250px;
  height: 305px;
  background-image: url("/images/sprite--3.png");
  background-position: -768px 0px;
}
/* line 1326, ../sass/public/styles.scss */
#scene-03 .profiles .profile.chris .face.back p {
  padding: 20px;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: skolar, Georgia, serif;
  font-style: normal;
  font-size: 16px;
  line-height: 1.5;
}
/* line 1339, ../sass/public/styles.scss */
#scene-03 .profiles .profile.preston {
  top: 0px;
  left: 50%;
  margin-left: -125px;
}
/* line 1344, ../sass/public/styles.scss */
#scene-03 .profiles .profile.preston #frame_container_pope {
  cursor: pointer;
  position: absolute;
  width: 250px;
  height: 305px;
  z-index: 1;
}
/* line 1353, ../sass/public/styles.scss */
#scene-03 .profiles .profile.preston #frame_container_pope {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}
/* line 1358, ../sass/public/styles.scss */
#scene-03 .profiles .profile.preston #frame_card_pope {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: all 1.0s linear;
  -moz-transform-style: preserve-3d;
  -moz-transition: all 1.0s linear;
  -o-transform-style: preserve-3d;
  -o-transition: all 1.0s linear;
  -ms-transform-style: preserve-3d;
  -ms-transition: all 1.0s linear;
  transform-style: preserve-3d;
  transition: all 1.0s linear;
}
/* line 1372, ../sass/public/styles.scss */
#scene-03 .profiles .profile.preston #frame_container_pope:hover #frame_card_pope {
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
/* line 1380, ../sass/public/styles.scss */
#scene-03 .profiles .profile.preston .face {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* line 1391, ../sass/public/styles.scss */
#scene-03 .profiles .profile.preston .face.front {
  width: 250px;
  height: 305px;
  background-image: url("/images/sprite--3.png");
  background-position: 0px 0px;
}
/* line 1397, ../sass/public/styles.scss */
#scene-03 .profiles .profile.preston .face.back {
  -webkit-transform: rotateY(180deg);
  -webkit-box-sizing: border-box;
  -moz-transform: rotateY(180deg);
  -moz-box-sizing: border-box;
  -o-transform: rotateY(180deg);
  -o-box-sizing: border-box;
  -ms-transform: rotateY(180deg);
  -ms-box-sizing: border-box;
  transform: rotateY(180deg);
  box-sizing: border-box;
  text-align: left;
  width: 250px;
  height: 305px;
  background-image: url("/images/sprite--3.png");
  background-position: -768px 0px;
}
/* line 1413, ../sass/public/styles.scss */
#scene-03 .profiles .profile.preston .face.back p {
  padding: 20px;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: skolar, Georgia, serif;
  font-style: normal;
  font-size: 16px;
  line-height: 1.5;
}
/* line 1425, ../sass/public/styles.scss */
#scene-03 .profiles .profile.bj {
  top: 0px;
  left: 50%;
  margin-left: 150px;
}
/* line 1430, ../sass/public/styles.scss */
#scene-03 .profiles .profile.bj #frame_container_bj {
  cursor: pointer;
  position: absolute;
  width: 250px;
  height: 305px;
  z-index: 1;
}
/* line 1439, ../sass/public/styles.scss */
#scene-03 .profiles .profile.bj #frame_container_bj {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}
/* line 1444, ../sass/public/styles.scss */
#scene-03 .profiles .profile.bj #frame_card_bj {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: all 1.0s linear;
  -moz-transform-style: preserve-3d;
  -moz-transition: all 1.0s linear;
  -o-transform-style: preserve-3d;
  -o-transition: all 1.0s linear;
  -ms-transform-style: preserve-3d;
  -ms-transition: all 1.0s linear;
  transform-style: preserve-3d;
  transition: all 1.0s linear;
}
/* line 1458, ../sass/public/styles.scss */
#scene-03 .profiles .profile.bj #frame_container_bj:hover #frame_card_bj {
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  box-shadow: -5px 5px 5px #aaaaaa;
}
/* line 1466, ../sass/public/styles.scss */
#scene-03 .profiles .profile.bj .face {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* line 1477, ../sass/public/styles.scss */
#scene-03 .profiles .profile.bj .face.front {
  width: 250px;
  height: 305px;
  background-image: url("/images/sprite--3.png");
  background-position: -512px 0px;
}
/* line 1483, ../sass/public/styles.scss */
#scene-03 .profiles .profile.bj .face.back {
  -webkit-transform: rotateY(180deg);
  -webkit-box-sizing: border-box;
  -moz-transform: rotateY(180deg);
  -moz-box-sizing: border-box;
  -o-transform: rotateY(180deg);
  -o-box-sizing: border-box;
  -ms-transform: rotateY(180deg);
  -ms-box-sizing: border-box;
  transform: rotateY(180deg);
  box-sizing: border-box;
  text-align: left;
  width: 250px;
  height: 305px;
  background-image: url("/images/sprite--3.png");
  background-position: -768px 0px;
}
/* line 1499, ../sass/public/styles.scss */
#scene-03 .profiles .profile.bj .face.back p {
  padding: 20px;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: skolar, Georgia, serif;
  font-style: normal;
  font-size: 16px;
  line-height: 1.5;
}

/* line 1517, ../sass/public/styles.scss */
#scene-04 {
  position: relative;
  height: 1345px;
}
/* line 1520, ../sass/public/styles.scss */
#scene-04 .feature {
  width: 90%;
  height: 740px;
  margin: 10px auto;
  border: solid #dcdcdc 1px;
}
/* line 1527, ../sass/public/styles.scss */
#scene-04 .slit {
  position: absolute;
  top: 480px;
  left: 50%;
  margin-left: -426px;
  width: 850px;
  height: 50px;
  z-index: 9999;
  background-image: url("/images/sprite--bg.png");
  background-position: 0px -832px;
}
/* line 1532, ../sass/public/styles.scss */
#scene-04 .godown {
  background-image: url("/images/sprite--bg.png");
  background-position: -864px -128px;
  position: absolute;
  top: 495px;
  left: 50%;
  margin-left: 363px;
  width: 64px;
  height: 128px;
}
/* line 1537, ../sass/public/styles.scss */
#scene-04 #trex-scene {
  z-index: 9999;
  position: relative;
  margin-top: -350px;
  overflow: hidden;
  height: 484px;
}
/* line 1546, ../sass/public/styles.scss */
#scene-04 #trex-scene .rev.j-harm {
  position: absolute;
  top: 100px;
  left: 220px;
  margin-top: 365px;
  width: 480px;
  height: 384px;
  background-image: url("/images/sprite--3.png");
  background-position: 0px -640px;
}
/* line 1547, ../sass/public/styles.scss */
#scene-04 #trex-scene .bone.j-harm {
  position: absolute;
  top: 0px;
  left: 220px;
  width: 160px;
  height: 160px;
  background-image: url("/images/sprite--3.png");
  background-position: -480px -640px;
}
/* line 1551, ../sass/public/styles.scss */
#scene-04 #trex-scene .rev.j-iron {
  position: absolute;
  top: 324px;
  left: 200px;
  margin-top: 160px;
  width: 480px;
  height: 160px;
  background-image: url("/images/sprite--3.png");
  background-position: -480px -864px;
}
/* line 1552, ../sass/public/styles.scss */
#scene-04 #trex-scene .skull-mountain.j-iron {
  position: absolute;
  top: 260px;
  left: 100px;
  margin-top: 200px;
  width: 736px;
  height: 224px;
  background-image: url("/images/sprite--3.png");
  background-position: -288px -416px;
}
/* line 1553, ../sass/public/styles.scss */
#scene-04 #trex-scene .skull-mountain.j-harm {
  position: absolute;
  top: 260px;
  left: 100px;
  margin-top: 200px;
  width: 736px;
  height: 224px;
  background-image: url("/images/sprite--3.png");
  background-position: -288px -416px;
}
/* line 1554, ../sass/public/styles.scss */
#scene-04 #trex-scene .trex.j-iron {
  position: absolute;
  top: 164px;
  left: 55px;
  margin-top: 310px;
  width: 192px;
  height: 320px;
  background-image: url("/images/sprite--3.png");
  background-position: 0px -320px;
}
/* line 1557, ../sass/public/styles.scss */
#scene-04 #shark-scene {
  position: relative;
  top: 700px;
  height: 650px;
}
/* line 1563, ../sass/public/styles.scss */
#scene-04 #shark-scene .swimming-rev {
  position: absolute;
  top: 50px;
  left: 160px;
  margin-top: 160px;
  width: 128px;
  height: 224px;
  background-image: url("/images/sprite--1.png");
  background-position: -128px -768px;
  z-index: 9999;
  -webkit-animation-name: floating-rev;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: floating-rev;
  -moz-animation-duration: 5s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
}
/* line 1579, ../sass/public/styles.scss */
#scene-04 #shark-scene .leftarm {
  position: absolute;
  top: 90px;
  left: 50px;
  margin-top: 160px;
  width: 128px;
  height: 64px;
  background-image: url("/images/sprite--1.png");
  background-position: 0px -832px;
  -webkit-animation-name: leftarm;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: leftarm;
  -moz-animation-duration: 5s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
}
/* line 1595, ../sass/public/styles.scss */
#scene-04 #shark-scene .rightarm {
  position: absolute;
  top: 75px;
  left: 270px;
  margin-top: 160px;
  width: 128px;
  height: 64px;
  background-image: url("/images/sprite--1.png");
  background-position: -256px -832px;
  -webkit-animation-name: rightarm;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: rightarm;
  -moz-animation-duration: 5s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
}
/* line 1611, ../sass/public/styles.scss */
#scene-04 #shark-scene .shark {
  position: absolute;
  top: 200px;
  left: 50px;
  margin-top: 160px;
  width: 320px;
  height: 160px;
  background-image: url("/images/sprite--1.png");
  background-position: -384px -768px;
}
/* line 1612, ../sass/public/styles.scss */
#scene-04 #shark-scene .bubble1 {
  position: absolute;
  top: 50px;
  left: 200px;
  margin-top: 160px;
  width: 32px;
  height: 32px;
  background-image: url("/images/sprite--1.png");
  background-position: -704px -768px;
  z-index: 8888;
  -webkit-animation-name: bubble-one;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: bubble-one;
  -moz-animation-duration: 5s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
}
/* line 1628, ../sass/public/styles.scss */
#scene-04 #shark-scene .bubble2 {
  position: absolute;
  top: 90px;
  left: 220px;
  margin-top: 160px;
  width: 32px;
  height: 32px;
  background-image: url("/images/sprite--1.png");
  background-position: -704px -768px;
  z-index: 8888;
  -webkit-animation-name: bubble-one;
  -webkit-animation-duration: 4s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: bubble-one;
  -moz-animation-duration: 4s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
}
/* line 1644, ../sass/public/styles.scss */
#scene-04 #shark-scene .bubble3 {
  position: absolute;
  top: 90px;
  left: 180px;
  margin-top: 160px;
  width: 32px;
  height: 32px;
  background-image: url("/images/sprite--1.png");
  background-position: -704px -768px;
  z-index: 8888;
  -webkit-animation-name: bubble-two;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: bubble-two;
  -moz-animation-duration: 5s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
}
/* line 1660, ../sass/public/styles.scss */
#scene-04 #shark-scene .bubble4 {
  position: absolute;
  top: 90px;
  left: 205px;
  margin-top: 160px;
  width: 32px;
  height: 32px;
  background-image: url("/images/sprite--1.png");
  background-position: -704px -768px;
  z-index: 8888;
  -webkit-animation-name: bubble-two;
  -webkit-animation-duration: 8s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: bubble-two;
  -moz-animation-duration: 8s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
}
/* line 1676, ../sass/public/styles.scss */
#scene-04 #shark-scene .bubble5 {
  position: absolute;
  top: 90px;
  left: 210px;
  margin-top: 160px;
  width: 32px;
  height: 32px;
  background-image: url("/images/sprite--1.png");
  background-position: -704px -768px;
  z-index: 8888;
}
/* line 1678, ../sass/public/styles.scss */
#scene-04 #shark-scene .bubble6 {
  position: absolute;
  top: 90px;
  left: 200px;
  margin-top: 160px;
  width: 32px;
  height: 32px;
  background-image: url("/images/sprite--1.png");
  background-position: -704px -768px;
  z-index: 8888;
}
/* line 1679, ../sass/public/styles.scss */
#scene-04 #shark-scene .bubble7 {
  position: absolute;
  top: 90px;
  left: 200px;
  margin-top: 160px;
  width: 32px;
  height: 32px;
  background-image: url("/images/sprite--1.png");
  background-position: -704px -768px;
  z-index: 8888;
}
/* line 1680, ../sass/public/styles.scss */
#scene-04 #shark-scene .bubble8 {
  position: absolute;
  top: 90px;
  left: 200px;
  margin-top: 160px;
  width: 32px;
  height: 32px;
  background-image: url("/images/sprite--1.png");
  background-position: -704px -768px;
  z-index: 8888;
}
/* line 1684, ../sass/public/styles.scss */
#scene-04 .moneyz {
  position: absolute;
  left: 50%;
  top: 1300px;
}
/* line 1688, ../sass/public/styles.scss */
#scene-04 .moneyz h1 {
  font-family: hellenic-wide, 'Helvetica-Neue', Helvetica, sans-serif;
  color: white;
  letter-spacing: 1px;
  font-size: 30px;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 28px;
}
/* line 1698, ../sass/public/styles.scss */
#scene-04 .moneyz input:focus, #scene-04 .moneyz textarea {
  outline: none !important;
}
/* line 1702, ../sass/public/styles.scss */
#scene-04 .moneyz textarea:focus, #scene-04 .moneyz input:focus {
  background-color: #21697d !important;
  -moz-box-shadow: inset 0px 2px 7px #185562;
  -webkit-box-shadow: inset 0px 2px 7px #185562;
  box-shadow: inset 0px 2px 7px #185562;
}
/* line 1709, ../sass/public/styles.scss */
#scene-04 .moneyz .lonedot {
  position: absolute;
  top: 355px;
  left: 200px;
  background-image: url("/images/sprite--1.png");
  background-position: -864px -768px;
  width: 16px;
  height: 48px;
}
/* line 1720, ../sass/public/styles.scss */
#scene-04 .moneyz .hireus .form-error {
  color: red;
}
/* line 1723, ../sass/public/styles.scss */
#scene-04 .moneyz .hireus .response {
  position: relative;
  top: 120px;
  color: white;
  font-size: 24px;
  font-family: skolar, Georgia, serif;
  text-align: center;
}
/* line 1731, ../sass/public/styles.scss */
#scene-04 .moneyz .hireus input.button {
  position: absolute;
  top: 390px;
  left: 150px;
  background-image: url("/images/sprite--1.png");
  background-position: -736px -768px;
  border: 0 !important;
  display: block;
  font-size: 0px;
  color: transparent;
  line-height: 0px;
  text-indent: -1000px;
  cursor: pointer;
  cursor: hand;
  /*for IE 5.x */
  width: 125px;
  height: 70px;
}
/* line 1748, ../sass/public/styles.scss */
#scene-04 .moneyz .hireus input.button.error {
  width: 428px;
  height: 64px;
  left: 0px;
  background-position: 0 0;
  background-image: url("/images/submit-button-error.png");
}
/* line 1756, ../sass/public/styles.scss */
#scene-04 .moneyz .hireus ol li input {
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: skolar, Georgia, serif;
  font-style: normal;
  font-size: 16px;
  line-height: 1.5;
  padding-left: 10px;
  padding-right: 10px;
  width: 410px;
  height: 36px;
  margin-bottom: 14px;
  background-color: #227689;
  -moz-box-shadow: inset 0px 2px 7px #1c6877;
  -webkit-box-shadow: inset 0px 2px 7px #1c6877;
  box-shadow: inset 0px 2px 7px #1c6877;
  border: none;
}
/* line 1777, ../sass/public/styles.scss */
#scene-04 .moneyz .hireus textarea {
  padding: 10px;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: skolar, Georgia, serif;
  font-style: normal;
  font-size: 16px;
  line-height: 1.5;
  resize: none;
  width: 410px;
  height: 170px;
  margin-bottom: 14px;
  background-color: #227689;
  -moz-box-shadow: inset 0px 2px 7px #1c6877;
  -webkit-box-shadow: inset 0px 2px 7px #1c6877;
  box-shadow: inset 0px 2px 7px #1c6877;
  border: none;
}
/* line 1801, ../sass/public/styles.scss */
#scene-04 .links {
  position: absolute;
  top: 550px;
  left: 675px;
  width: 175px;
  height: 150px;
  border: dotted white 1px;
  padding: 10px;
}

@-webkit-keyframes floating-rev {
  /* line 1813, ../sass/public/styles.scss */
  0% {
    -webkit-transform: translate(0, 0px);
  }

  /* line 1814, ../sass/public/styles.scss */
  50% {
    -webkit-transform: translate(0, -20px);
  }

  /* line 1815, ../sass/public/styles.scss */
  100% {
    -webkit-transform: translate(0, 0px);
  }
}

@-moz-keyframes floating-rev {
  /* line 1819, ../sass/public/styles.scss */
  0% {
    -webkit-moz: translate(0, 0px);
  }

  /* line 1820, ../sass/public/styles.scss */
  50% {
    -webkit-moz: translate(0, -20px);
  }

  /* line 1821, ../sass/public/styles.scss */
  100% {
    -webkit-moz: translate(0, 0px);
  }
}

@-webkit-keyframes leftarm {
  /* line 1825, ../sass/public/styles.scss */
  0% {
    -webkit-transform: translate(0, 0px) rotate(0deg);
  }

  /* line 1826, ../sass/public/styles.scss */
  50% {
    -webkit-transform: translate(0, 10px) rotate(4deg);
  }

  /* line 1827, ../sass/public/styles.scss */
  100% {
    -webkit-transform: translate(0, 0px) rotate(0deg);
  }
}

@-moz-keyframes leftarm {
  /* line 1831, ../sass/public/styles.scss */
  0% {
    -moz-transform: translate(0, 0px) rotate(0deg);
  }

  /* line 1832, ../sass/public/styles.scss */
  50% {
    -moz-transform: translate(0, 10px) rotate(4deg);
  }

  /* line 1833, ../sass/public/styles.scss */
  100% {
    -moz-transform: translate(0, 0px) rotate(0deg);
  }
}

@-webkit-keyframes rightarm {
  /* line 1837, ../sass/public/styles.scss */
  0% {
    -webkit-transform: translate(0, 0px) rotate(0deg);
  }

  /* line 1838, ../sass/public/styles.scss */
  50% {
    -webkit-transform: translate(0, 10px) rotate(-4deg);
  }

  /* line 1839, ../sass/public/styles.scss */
  100% {
    -webkit-transform: translate(0, 0px) rotate(0deg);
  }
}

@-moz-keyframes rightarm {
  /* line 1843, ../sass/public/styles.scss */
  0% {
    -moz-transform: translate(0, 0px) rotate(0deg);
  }

  /* line 1844, ../sass/public/styles.scss */
  50% {
    -moz-transform: translate(0, 10px) rotate(-4deg);
  }

  /* line 1845, ../sass/public/styles.scss */
  100% {
    -moz-transform: translate(0, 0px) rotate(0deg);
  }
}

@-webkit-keyframes bubble-one {
  /* line 1849, ../sass/public/styles.scss */
  0% {
    opacity: 1;
    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
  }

  /* line 1850, ../sass/public/styles.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate(0px, -270px) rotate(360deg) scale(0.6);
  }
}

@-moz-keyframes bubble-one {
  /* line 1854, ../sass/public/styles.scss */
  0% {
    opacity: 1;
    -moz-transform: translate(0px, 0px) rotate(0deg) scale(1);
  }

  /* line 1855, ../sass/public/styles.scss */
  100% {
    opacity: 0;
    -moz-transform: translate(0px, -270px) rotate(360deg) scale(0.6);
  }
}

@-webkit-keyframes bubble-two {
  /* line 1859, ../sass/public/styles.scss */
  0% {
    opacity: 1;
    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(0.5);
  }

  /* line 1860, ../sass/public/styles.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate(0px, -270px) rotate(360deg) scale(0.2);
  }
}

@-moz-keyframes bubble-two {
  /* line 1864, ../sass/public/styles.scss */
  0% {
    opacity: 1;
    -moz-transform: translate(0px, 0px) rotate(0deg) scale(0.5);
  }

  /* line 1865, ../sass/public/styles.scss */
  100% {
    opacity: 0;
    -moz-transform: translate(0px, -270px) rotate(360deg) scale(0.2);
  }
}

@-webkit-keyframes bubble-three {
  /* line 1869, ../sass/public/styles.scss */
  0% {
    opacity: 1;
    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(0.3);
  }

  /* line 1870, ../sass/public/styles.scss */
  100% {
    opacity: 0;
    -webkit-transform: translate(0px, -270px) rotate(360deg) scale(0.1);
  }
}

@-moz-keyframes bubble-three {
  /* line 1874, ../sass/public/styles.scss */
  0% {
    opacity: 1;
    -moz-transform: translate(0px, 0px) rotate(0deg) scale(0.3);
  }

  /* line 1875, ../sass/public/styles.scss */
  100% {
    opacity: 0;
    -moz-transform: translate(0px, -270px) rotate(360deg) scale(0.1);
  }
}

/* line 2, ../sass/public/events.scss */
#events .top, #events .bottom {
  position: absolute;
  width: 40px;
  height: 30px;
}

/* line 6, ../sass/public/events.scss */
#animation-yeti {
  position: absolute;
  top: 350px;
  width: 100%;
}
/* line 10, ../sass/public/events.scss */
#animation-yeti .top {
  top: 150px;
}
/* line 11, ../sass/public/events.scss */
#animation-yeti .bottom {
  top: 375px;
}

/* line 14, ../sass/public/events.scss */
#animation-magic-kingdom {
  position: absolute;
  top: 1310px;
  width: 100%;
}
/* line 18, ../sass/public/events.scss */
#animation-magic-kingdom .top {
  top: 150px;
}
/* line 19, ../sass/public/events.scss */
#animation-magic-kingdom .bottom {
  top: 375px;
}

/* line 22, ../sass/public/events.scss */
#animation-dragon {
  position: absolute;
  top: 2150px;
  width: 100%;
}
/* line 26, ../sass/public/events.scss */
#animation-dragon .top {
  top: 75px;
}
/* line 27, ../sass/public/events.scss */
#animation-dragon .bottom {
  top: 325px;
}

/* line 30, ../sass/public/events.scss */
#animation-stump1 {
  position: absolute;
  top: 2610px;
  width: 100%;
}
/* line 34, ../sass/public/events.scss */
#animation-stump1 .top {
  top: 0px;
}
/* line 35, ../sass/public/events.scss */
#animation-stump1 .bottom {
  top: 225px;
}

/* line 38, ../sass/public/events.scss */
#animation-stump2 {
  position: absolute;
  top: 2865px;
  width: 100%;
}
/* line 42, ../sass/public/events.scss */
#animation-stump2 .top {
  top: 0px;
}
/* line 43, ../sass/public/events.scss */
#animation-stump2 .bottom {
  top: 225px;
}

/* line 46, ../sass/public/events.scss */
#animation-stump3 {
  position: absolute;
  top: 3145px;
  width: 100%;
}
/* line 50, ../sass/public/events.scss */
#animation-stump3 .top {
  top: 0px;
}
/* line 51, ../sass/public/events.scss */
#animation-stump3 .bottom {
  top: 225px;
}

/* line 54, ../sass/public/events.scss */
#animation-stump4 {
  position: absolute;
  top: 3410px;
  width: 100%;
}
/* line 58, ../sass/public/events.scss */
#animation-stump4 .top {
  top: 0px;
}
/* line 59, ../sass/public/events.scss */
#animation-stump4 .bottom {
  top: 225px;
}

/* line 62, ../sass/public/events.scss */
#animation-stump5 {
  position: absolute;
  top: 3715px;
  width: 100%;
}
/* line 66, ../sass/public/events.scss */
#animation-stump5 .top {
  top: 0px;
}
/* line 67, ../sass/public/events.scss */
#animation-stump5 .bottom {
  top: 200px;
}

/* line 70, ../sass/public/events.scss */
#animation-stump6 {
  position: absolute;
  top: 4085px;
  width: 100%;
}
/* line 74, ../sass/public/events.scss */
#animation-stump6 .top {
  top: 0px;
}
/* line 75, ../sass/public/events.scss */
#animation-stump6 .bottom {
  top: 200px;
}

/* line 78, ../sass/public/events.scss */
#animation-stump7 {
  position: absolute;
  top: 4435px;
  width: 100%;
}
/* line 82, ../sass/public/events.scss */
#animation-stump7 .top {
  top: 0px;
}
/* line 83, ../sass/public/events.scss */
#animation-stump7 .bottom {
  top: 200px;
}

/* line 86, ../sass/public/events.scss */
#animation-stump8 {
  position: absolute;
  top: 4810px;
  width: 100%;
}
/* line 90, ../sass/public/events.scss */
#animation-stump8 .top {
  top: 0px;
}
/* line 91, ../sass/public/events.scss */
#animation-stump8 .bottom {
  top: 200px;
}

/* line 94, ../sass/public/events.scss */
#animation-sasquatch {
  position: absolute;
  top: 5900px;
  width: 100%;
}
/* line 98, ../sass/public/events.scss */
#animation-sasquatch .top {
  top: 0px;
}
/* line 99, ../sass/public/events.scss */
#animation-sasquatch .bottom {
  top: 200px;
}

/* line 102, ../sass/public/events.scss */
#animation-trex {
  position: absolute;
  top: 7180px;
  width: 100%;
}
/* line 106, ../sass/public/events.scss */
#animation-trex .top {
  top: 0px;
}
/* line 107, ../sass/public/events.scss */
#animation-trex .bottom {
  top: 200px;
}

/** Object: REV ********************************************/
/* line 2, ../sass/public/animations/scene01/_rev-harm.scss */
#yeti-scene .rev.j-harm.animate-in {
  -webkit-animation-name: scene1-rev-harm-animation;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: scene1-rev-harm-animation;
  -moz-animation-duration: 2s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 20, ../sass/public/animations/scene01/_rev-harm.scss */
#yeti-scene .rev.j-harm.animate-out {
  -webkit-animation-name: scene1-rev-harm-animation-out;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-name: scene1-rev-harm-animation-out;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: 1;
}

@-webkit-keyframes scene1-rev-harm-animation {
  /* line 31, ../sass/public/animations/scene01/_rev-harm.scss */
  0% {
    margin-top: 350px;
    opacity: 0;
  }

  /* line 35, ../sass/public/animations/scene01/_rev-harm.scss */
  90% {
    margin-top: -5px;
  }

  /* line 38, ../sass/public/animations/scene01/_rev-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-moz-keyframes scene1-rev-harm-animation {
  /* line 45, ../sass/public/animations/scene01/_rev-harm.scss */
  0% {
    margin-top: 350px;
    opacity: 0;
  }

  /* line 49, ../sass/public/animations/scene01/_rev-harm.scss */
  90% {
    margin-top: -5px;
  }

  /* line 52, ../sass/public/animations/scene01/_rev-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-webkit-keyframes scene1-rev-harm-animation-out {
  /* line 59, ../sass/public/animations/scene01/_rev-harm.scss */
  0% {
    margin-top: 0px;
    opacity: 1;
  }

  /* line 64, ../sass/public/animations/scene01/_rev-harm.scss */
  30% {
    margin-top: -10px;
  }

  /* line 68, ../sass/public/animations/scene01/_rev-harm.scss */
  100% {
    margin-top: 256px;
    opacity: 0;
  }
}

@-moz-keyframes scene1-rev-harm-animation-out {
  /* line 75, ../sass/public/animations/scene01/_rev-harm.scss */
  0% {
    margin-top: 0px;
    opacity: 1;
  }

  /* line 80, ../sass/public/animations/scene01/_rev-harm.scss */
  30% {
    margin-top: -10px;
  }

  /* line 84, ../sass/public/animations/scene01/_rev-harm.scss */
  100% {
    margin-top: 256px;
    opacity: 0;
  }
}

/** Object: YETI ********************************************/
/* line 2, ../sass/public/animations/scene01/_yeti-harm.scss */
#yeti-scene .yeti.j-harm.animate-in {
  -webkit-animation-name: yeti-harm-animation;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: yeti-harm-animation;
  -moz-animation-duration: 2s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 20, ../sass/public/animations/scene01/_yeti-harm.scss */
#yeti-scene .yeti.j-harm.animate-out {
  -webkit-animation-name: yeti-harm-animation-out;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-name: yeti-harm-animation-out;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: 1;
}

@-webkit-keyframes yeti-harm-animation {
  /* line 33, ../sass/public/animations/scene01/_yeti-harm.scss */
  0% {
    margin-top: 350px;
    opacity: 0;
  }

  /* line 37, ../sass/public/animations/scene01/_yeti-harm.scss */
  90% {
    margin-top: -5px;
  }

  /* line 40, ../sass/public/animations/scene01/_yeti-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-moz-keyframes yeti-harm-animation {
  /* line 47, ../sass/public/animations/scene01/_yeti-harm.scss */
  0% {
    margin-top: 350px;
    opacity: 0;
  }

  /* line 51, ../sass/public/animations/scene01/_yeti-harm.scss */
  90% {
    margin-top: -5px;
  }

  /* line 54, ../sass/public/animations/scene01/_yeti-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-webkit-keyframes yeti-harm-animation-out {
  /* line 61, ../sass/public/animations/scene01/_yeti-harm.scss */
  0% {
    margin-top: 0px;
    opacity: 1;
  }

  /* line 66, ../sass/public/animations/scene01/_yeti-harm.scss */
  30% {
    margin-top: -10px;
  }

  /* line 70, ../sass/public/animations/scene01/_yeti-harm.scss */
  100% {
    margin-top: 256px;
    opacity: 0;
  }
}

@-moz-keyframes yeti-harm-animation-out {
  /* line 77, ../sass/public/animations/scene01/_yeti-harm.scss */
  0% {
    margin-top: 0px;
    opacity: 1;
  }

  /* line 82, ../sass/public/animations/scene01/_yeti-harm.scss */
  30% {
    margin-top: -10px;
  }

  /* line 86, ../sass/public/animations/scene01/_yeti-harm.scss */
  100% {
    margin-top: 256px;
    opacity: 0;
  }
}

/* line 1, ../sass/public/animations/scene01/_icebg-harm.scss */
#yeti-scene .icebg.j-harm.animate-in {
  -webkit-animation-name: icebg-harm-animation;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: icebg-harm-animation;
  -moz-animation-duration: 0.6s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

@-webkit-keyframes icebg-harm-animation {
  /* line 21, ../sass/public/animations/scene01/_icebg-harm.scss */
  0% {
    margin-top: 256px;
    opacity: 0;
  }

  /* line 22, ../sass/public/animations/scene01/_icebg-harm.scss */
  80% {
    margin-top: -20px;
  }

  /* line 23, ../sass/public/animations/scene01/_icebg-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-moz-keyframes icebg-harm-animation {
  /* line 27, ../sass/public/animations/scene01/_icebg-harm.scss */
  0% {
    margin-top: 256px;
    opacity: 0;
  }

  /* line 28, ../sass/public/animations/scene01/_icebg-harm.scss */
  80% {
    margin-top: -20px;
  }

  /* line 29, ../sass/public/animations/scene01/_icebg-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

/* line 1, ../sass/public/animations/scene01/_iceleft-harm.scss */
#yeti-scene .iceleft.j-harm.animate-in {
  -webkit-animation-name: scene1-iceleft-harm-animation;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: scene1-iceleft-harm-animation;
  -moz-animation-duration: 0.8s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

@-webkit-keyframes scene1-iceleft-harm-animation {
  /* line 20, ../sass/public/animations/scene01/_iceleft-harm.scss */
  0% {
    margin-top: 256px;
    opacity: 0;
  }

  /* line 21, ../sass/public/animations/scene01/_iceleft-harm.scss */
  90% {
    margin-top: -10px;
  }

  /* line 22, ../sass/public/animations/scene01/_iceleft-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-moz-keyframes scene1-iceleft-harm-animation {
  /* line 26, ../sass/public/animations/scene01/_iceleft-harm.scss */
  0% {
    margin-top: 256px;
    opacity: 0;
  }

  /* line 27, ../sass/public/animations/scene01/_iceleft-harm.scss */
  90% {
    margin-top: -10px;
  }

  /* line 28, ../sass/public/animations/scene01/_iceleft-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

/* line 31, ../sass/public/animations/scene01/_iceleft-harm.scss */
#yeti-scene .iceleft.j-iron.animate-in {
  -webkit-animation-name: scene1-iceleft-iron-animation;
  -webkit-animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: scene1-iceleft-iron-animation;
  -moz-animation-duration: 1.3s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

@-webkit-keyframes scene1-iceleft-iron-animation {
  /* line 50, ../sass/public/animations/scene01/_iceleft-harm.scss */
  0% {
    margin-top: 256px;
    opacity: 0;
  }

  /* line 51, ../sass/public/animations/scene01/_iceleft-harm.scss */
  80% {
    margin-top: -10px;
  }

  /* line 52, ../sass/public/animations/scene01/_iceleft-harm.scss */
  90% {
    margin-top: 0px;
    opacity: 1;
  }

  /* line 53, ../sass/public/animations/scene01/_iceleft-harm.scss */
  92% {
    margin-left: -339px;
    margin-top: 3px;
  }

  /* line 54, ../sass/public/animations/scene01/_iceleft-harm.scss */
  94% {
    margin-left: -341px;
  }

  /* line 55, ../sass/public/animations/scene01/_iceleft-harm.scss */
  96% {
    margin-left: -339px;
  }

  /* line 56, ../sass/public/animations/scene01/_iceleft-harm.scss */
  100% {
    margin-left: -340px;
    margin-top: 0px;
  }
}

@-moz-keyframes scene1-iceleft-iron-animation {
  /* line 60, ../sass/public/animations/scene01/_iceleft-harm.scss */
  0% {
    margin-top: 256px;
    opacity: 0;
  }

  /* line 61, ../sass/public/animations/scene01/_iceleft-harm.scss */
  80% {
    margin-top: -10px;
  }

  /* line 62, ../sass/public/animations/scene01/_iceleft-harm.scss */
  90% {
    margin-top: 0px;
    opacity: 1;
  }

  /* line 63, ../sass/public/animations/scene01/_iceleft-harm.scss */
  92% {
    margin-left: -339px;
    margin-top: 3px;
  }

  /* line 64, ../sass/public/animations/scene01/_iceleft-harm.scss */
  94% {
    margin-left: -341px;
  }

  /* line 65, ../sass/public/animations/scene01/_iceleft-harm.scss */
  96% {
    margin-left: -339px;
  }

  /* line 66, ../sass/public/animations/scene01/_iceleft-harm.scss */
  100% {
    margin-left: -340px;
    margin-top: 0px;
  }
}

/* line 1, ../sass/public/animations/scene01/_iceright-harm.scss */
#yeti-scene .iceright.j-harm.animate-in {
  -webkit-animation-name: scene1-iceright-harm-animation;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: scene1-iceright-harm-animation;
  -moz-animation-duration: 0.8s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

@-webkit-keyframes scene1-iceright-harm-animation {
  /* line 20, ../sass/public/animations/scene01/_iceright-harm.scss */
  0% {
    margin-top: 256px;
    opacity: 0;
  }

  /* line 21, ../sass/public/animations/scene01/_iceright-harm.scss */
  80% {
    margin-top: -10px;
  }

  /* line 22, ../sass/public/animations/scene01/_iceright-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-moz-keyframes scene1-iceright-harm-animation {
  /* line 26, ../sass/public/animations/scene01/_iceright-harm.scss */
  0% {
    margin-top: 256px;
    opacity: 0;
  }

  /* line 27, ../sass/public/animations/scene01/_iceright-harm.scss */
  80% {
    margin-top: -10px;
  }

  /* line 28, ../sass/public/animations/scene01/_iceright-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

/* line 31, ../sass/public/animations/scene01/_iceright-harm.scss */
#yeti-scene .iceright.j-iron.animate-in {
  -webkit-animation-name: shakeiceright;
  -webkit-animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: shakeiceright;
  -moz-animation-duration: 1.3s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 49, ../sass/public/animations/scene01/_iceright-harm.scss */
#yeti-scene .iceberg.j-iron.animate-in {
  -webkit-animation-name: shakeiceberg;
  -webkit-animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: shakeiceberg;
  -moz-animation-duration: 1.3s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 67, ../sass/public/animations/scene01/_iceright-harm.scss */
#yeti-scene .iceright-small.j-iron.animate-in {
  -webkit-animation-name: shakeicerightsmall;
  -webkit-animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: shakeicerightsmall;
  -moz-animation-duration: 1.3s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

@-webkit-keyframes scene1-reviron-animation {
  /* line 87, ../sass/public/animations/scene01/_iceright-harm.scss */
  0% {
    margin-top: -800px;
    opacity: 0;
  }

  /* line 88, ../sass/public/animations/scene01/_iceright-harm.scss */
  70% {
    margin-top: -600px;
    opacity: 0;
  }

  /* line 89, ../sass/public/animations/scene01/_iceright-harm.scss */
  90% {
    margin-top: 10px;
  }

  /* line 90, ../sass/public/animations/scene01/_iceright-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-moz-keyframes scene1-reviron-animation {
  /* line 94, ../sass/public/animations/scene01/_iceright-harm.scss */
  0% {
    margin-top: -800px;
    opacity: 0;
  }

  /* line 95, ../sass/public/animations/scene01/_iceright-harm.scss */
  70% {
    margin-top: -600px;
    opacity: 0;
  }

  /* line 96, ../sass/public/animations/scene01/_iceright-harm.scss */
  90% {
    margin-top: 10px;
  }

  /* line 97, ../sass/public/animations/scene01/_iceright-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

/* line 100, ../sass/public/animations/scene01/_iceright-harm.scss */
#yeti-scene .rev.j-iron.animate-in {
  -webkit-animation-name: scene1-reviron-animation;
  -webkit-animation-duration: 1.2s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: scene1-reviron-animation;
  -moz-animation-duration: 1.2s;
  -moz-animation-timing-function: ease-in;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 118, ../sass/public/animations/scene01/_iceright-harm.scss */
#yeti-scene .yeti.j-iron.animate-in {
  -webkit-animation-name: scene1-yetiiron-animation;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: scene1-yetiiron-animation;
  -moz-animation-duration: 1.5s;
  -moz-animation-timing-function: ease-in;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

@-webkit-keyframes scene1-yetiiron-animation {
  /* line 137, ../sass/public/animations/scene01/_iceright-harm.scss */
  0% {
    margin-top: 250px;
    opacity: 0;
  }

  /* line 138, ../sass/public/animations/scene01/_iceright-harm.scss */
  75% {
    margin-top: 150px;
    opacity: 0;
  }

  /* line 139, ../sass/public/animations/scene01/_iceright-harm.scss */
  90% {
    margin-top: -10px;
  }

  /* line 140, ../sass/public/animations/scene01/_iceright-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-moz-keyframes scene1-yetiiron-animation {
  /* line 144, ../sass/public/animations/scene01/_iceright-harm.scss */
  0% {
    margin-top: 250px;
    opacity: 0;
  }

  /* line 145, ../sass/public/animations/scene01/_iceright-harm.scss */
  75% {
    margin-top: 150px;
    opacity: 0;
  }

  /* line 146, ../sass/public/animations/scene01/_iceright-harm.scss */
  90% {
    margin-top: -10px;
  }

  /* line 147, ../sass/public/animations/scene01/_iceright-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-webkit-keyframes rotateforever {
  /* line 151, ../sass/public/animations/scene01/_iceright-harm.scss */
  0% {
    -webkit-transform: rotate(0deg);
  }

  /* line 152, ../sass/public/animations/scene01/_iceright-harm.scss */
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes rotateforever {
  /* line 156, ../sass/public/animations/scene01/_iceright-harm.scss */
  0% {
    -moz-transform: rotate(0deg);
  }

  /* line 157, ../sass/public/animations/scene01/_iceright-harm.scss */
  100% {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes shakeiceright {
  /* line 161, ../sass/public/animations/scene01/_iceright-harm.scss */
  0% {
    margin-top: 256px;
    opacity: 0;
  }

  /* line 162, ../sass/public/animations/scene01/_iceright-harm.scss */
  80% {
    margin-top: -10px;
  }

  /* line 163, ../sass/public/animations/scene01/_iceright-harm.scss */
  90% {
    margin-top: 0px;
    opacity: 1;
  }

  /* line 164, ../sass/public/animations/scene01/_iceright-harm.scss */
  92% {
    margin-left: -239px;
    margin-top: 3px;
  }

  /* line 165, ../sass/public/animations/scene01/_iceright-harm.scss */
  94% {
    margin-left: -241px;
  }

  /* line 166, ../sass/public/animations/scene01/_iceright-harm.scss */
  96% {
    margin-left: -239px;
  }

  /* line 167, ../sass/public/animations/scene01/_iceright-harm.scss */
  100% {
    margin-left: -240px;
    margin-top: 0px;
  }
}

@-moz-keyframes shakeiceright {
  /* line 171, ../sass/public/animations/scene01/_iceright-harm.scss */
  0% {
    margin-top: 256px;
    opacity: 0;
  }

  /* line 172, ../sass/public/animations/scene01/_iceright-harm.scss */
  80% {
    margin-top: -10px;
  }

  /* line 173, ../sass/public/animations/scene01/_iceright-harm.scss */
  90% {
    margin-top: 0px;
    opacity: 1;
  }

  /* line 174, ../sass/public/animations/scene01/_iceright-harm.scss */
  92% {
    margin-left: -239px;
    margin-top: 3px;
  }

  /* line 175, ../sass/public/animations/scene01/_iceright-harm.scss */
  94% {
    margin-left: -241px;
  }

  /* line 176, ../sass/public/animations/scene01/_iceright-harm.scss */
  96% {
    margin-left: -239px;
  }

  /* line 177, ../sass/public/animations/scene01/_iceright-harm.scss */
  100% {
    margin-left: -240px;
    margin-top: 0px;
  }
}

@-webkit-keyframes shakeicerightsmall {
  /* line 181, ../sass/public/animations/scene01/_iceright-harm.scss */
  0% {
    margin-top: 256px;
    opacity: 0;
  }

  /* line 182, ../sass/public/animations/scene01/_iceright-harm.scss */
  80% {
    margin-top: -10px;
  }

  /* line 183, ../sass/public/animations/scene01/_iceright-harm.scss */
  90% {
    margin-top: 0px;
    opacity: 1;
  }

  /* line 184, ../sass/public/animations/scene01/_iceright-harm.scss */
  92% {
    margin-left: 279px;
    margin-top: 3px;
  }

  /* line 185, ../sass/public/animations/scene01/_iceright-harm.scss */
  94% {
    margin-left: 281px;
  }

  /* line 186, ../sass/public/animations/scene01/_iceright-harm.scss */
  96% {
    margin-left: 279px;
  }

  /* line 187, ../sass/public/animations/scene01/_iceright-harm.scss */
  100% {
    margin-left: 280px;
    margin-top: 0px;
  }
}

@-moz-keyframes shakeicerightsmall {
  /* line 191, ../sass/public/animations/scene01/_iceright-harm.scss */
  0% {
    margin-top: 256px;
    opacity: 0;
  }

  /* line 192, ../sass/public/animations/scene01/_iceright-harm.scss */
  80% {
    margin-top: -10px;
  }

  /* line 193, ../sass/public/animations/scene01/_iceright-harm.scss */
  90% {
    margin-top: 0px;
    opacity: 1;
  }

  /* line 194, ../sass/public/animations/scene01/_iceright-harm.scss */
  92% {
    margin-left: 279px;
    margin-top: 3px;
  }

  /* line 195, ../sass/public/animations/scene01/_iceright-harm.scss */
  94% {
    margin-left: 281px;
  }

  /* line 196, ../sass/public/animations/scene01/_iceright-harm.scss */
  96% {
    margin-left: 279px;
  }

  /* line 197, ../sass/public/animations/scene01/_iceright-harm.scss */
  100% {
    margin-left: 280px;
    margin-top: 0px;
  }
}

@-webkit-keyframes shakeiceberg {
  /* line 201, ../sass/public/animations/scene01/_iceright-harm.scss */
  0% {
    margin-top: 256px;
    opacity: 0;
  }

  /* line 202, ../sass/public/animations/scene01/_iceright-harm.scss */
  80% {
    margin-top: -10px;
  }

  /* line 203, ../sass/public/animations/scene01/_iceright-harm.scss */
  90% {
    margin-top: 0px;
    opacity: 1;
  }

  /* line 204, ../sass/public/animations/scene01/_iceright-harm.scss */
  92% {
    margin-left: 39px;
    margin-top: 3px;
  }

  /* line 205, ../sass/public/animations/scene01/_iceright-harm.scss */
  94% {
    margin-left: 41px;
  }

  /* line 206, ../sass/public/animations/scene01/_iceright-harm.scss */
  96% {
    margin-left: 39px;
  }

  /* line 207, ../sass/public/animations/scene01/_iceright-harm.scss */
  100% {
    margin-left: 40px;
    margin-top: 0px;
  }
}

@-moz-keyframes shakeiceberg {
  /* line 211, ../sass/public/animations/scene01/_iceright-harm.scss */
  0% {
    margin-top: 256px;
    opacity: 0;
  }

  /* line 212, ../sass/public/animations/scene01/_iceright-harm.scss */
  80% {
    margin-top: -10px;
  }

  /* line 213, ../sass/public/animations/scene01/_iceright-harm.scss */
  90% {
    margin-top: 0px;
    opacity: 1;
  }

  /* line 214, ../sass/public/animations/scene01/_iceright-harm.scss */
  92% {
    margin-left: 39px;
    margin-top: 3px;
  }

  /* line 215, ../sass/public/animations/scene01/_iceright-harm.scss */
  94% {
    margin-left: 41px;
  }

  /* line 216, ../sass/public/animations/scene01/_iceright-harm.scss */
  96% {
    margin-left: 39px;
  }

  /* line 217, ../sass/public/animations/scene01/_iceright-harm.scss */
  100% {
    margin-left: 40px;
    margin-top: 0px;
  }
}

/* line 220, ../sass/public/animations/scene01/_iceright-harm.scss */
#yeti-scene .slit.j-iron.animate-in {
  -webkit-animation-name: yeti-slit-animation;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 1.2s;
  -webkit-animation-play-state: running;
  -moz-animation-name: yeti-slit-animation;
  -moz-animation-duration: 0.4s;
  -moz-animation-timing-function: ease-in;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 1.2s;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

@-webkit-keyframes yeti-slit-animation {
  /* line 239, ../sass/public/animations/scene01/_iceright-harm.scss */
  0% {
    margin-top: -4px;
  }

  /* line 240, ../sass/public/animations/scene01/_iceright-harm.scss */
  20% {
    -webkit-transform: rotate(2deg);
  }

  /* line 241, ../sass/public/animations/scene01/_iceright-harm.scss */
  40% {
    margin-top: 0px;
  }

  /* line 242, ../sass/public/animations/scene01/_iceright-harm.scss */
  60% {
    -webkit-transform: rotate(-2deg);
  }

  /* line 243, ../sass/public/animations/scene01/_iceright-harm.scss */
  80% {
    margin-top: -2px;
  }

  /* line 244, ../sass/public/animations/scene01/_iceright-harm.scss */
  100% {
    margin-top: 0px;
    -webkit-transform: rotate(0deg);
  }
}

@-moz-keyframes yeti-slit-animation {
  /* line 248, ../sass/public/animations/scene01/_iceright-harm.scss */
  0% {
    margin-top: -4px;
  }

  /* line 249, ../sass/public/animations/scene01/_iceright-harm.scss */
  20% {
    -moz-transform: rotate(2deg);
  }

  /* line 250, ../sass/public/animations/scene01/_iceright-harm.scss */
  40% {
    margin-top: 0px;
  }

  /* line 251, ../sass/public/animations/scene01/_iceright-harm.scss */
  60% {
    -moz-transform: rotate(-2deg);
  }

  /* line 252, ../sass/public/animations/scene01/_iceright-harm.scss */
  80% {
    margin-top: -2px;
  }

  /* line 253, ../sass/public/animations/scene01/_iceright-harm.scss */
  100% {
    margin-top: 0px;
    -moz-transform: rotate(0deg);
  }
}

/** Object: YETI ********************************************/
/* line 2, ../sass/public/animations/scene01/_snowball-harm.scss */
#yeti-scene .snowball.j-harm.animate-in {
  -webkit-animation-name: scene1-snowball-harm-animation;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: scene1-snowball-harm-animation;
  -moz-animation-duration: 5s;
  -moz-animation-timing-function: ease-in;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

@-webkit-keyframes scene1-snowball-harm-animation {
  /* line 22, ../sass/public/animations/scene01/_snowball-harm.scss */
  0% {
    margin-top: 350px;
    opacity: 0;
  }

  /* line 26, ../sass/public/animations/scene01/_snowball-harm.scss */
  10% {
    -webkit-transform: rotate(0deg);
    margin-top: 0px;
    opacity: 1;
  }

  /* line 31, ../sass/public/animations/scene01/_snowball-harm.scss */
  100% {
    -webkit-transform: rotate(360deg);
    margin-left: -160px;
  }
}

@-moz-keyframes scene1-snowball-harm-animation {
  /* line 38, ../sass/public/animations/scene01/_snowball-harm.scss */
  0% {
    margin-top: 350px;
    opacity: 0;
  }

  /* line 42, ../sass/public/animations/scene01/_snowball-harm.scss */
  10% {
    -moz-transform: rotate(0deg);
    margin-top: 0px;
    opacity: 1;
  }

  /* line 47, ../sass/public/animations/scene01/_snowball-harm.scss */
  100% {
    -moz-transform: rotate(360deg);
    margin-left: -160px;
  }
}

/* line 1, ../sass/public/animations/scene01/_icebg-iron.scss */
#yeti-scene .icebg.j-iron.animate-in {
  -webkit-animation-name: icebg-iron-animation;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: icebg-iron-animation;
  -moz-animation-duration: 0.6s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

@-webkit-keyframes icebg-iron-animation, {
  /* line 20, ../sass/public/animations/scene01/_icebg-iron.scss */
  0% {
    margin-top: 256px;
    opacity: 0;
  }

  /* line 21, ../sass/public/animations/scene01/_icebg-iron.scss */
  80% {
    margin-top: -20px;
  }

  /* line 22, ../sass/public/animations/scene01/_icebg-iron.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-moz-keyframes icebg-iron-animation {
  /* line 26, ../sass/public/animations/scene01/_icebg-iron.scss */
  0% {
    margin-top: 256px;
    opacity: 0;
  }

  /* line 27, ../sass/public/animations/scene01/_icebg-iron.scss */
  80% {
    margin-top: -20px;
  }

  /* line 28, ../sass/public/animations/scene01/_icebg-iron.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

/* line 1, ../sass/public/animations/scene01-mini-01/_glacier.scss */
#scene-01 .mini-01 .description.animate-in {
  -webkit-animation-name: descriptionAnimate;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: descriptionAnimate;
  -moz-animation-duration: 0.6s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

@-webkit-keyframes descriptionAnimate {
  /* line 22, ../sass/public/animations/scene01-mini-01/_glacier.scss */
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5) translate(0, 0px);
  }

  /* line 23, ../sass/public/animations/scene01-mini-01/_glacier.scss */
  75% {
    -webkit-transform: scale(1.1) translate(0, 20px);
  }

  /* line 24, ../sass/public/animations/scene01-mini-01/_glacier.scss */
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translate(0, 0px);
  }
}

@-moz-keyframes descriptionAnimate {
  /* line 30, ../sass/public/animations/scene01-mini-01/_glacier.scss */
  0% {
    opacity: 0;
    -moz-transform: scale(0.5) translate(0, 0px);
  }

  /* line 31, ../sass/public/animations/scene01-mini-01/_glacier.scss */
  75% {
    -moz-transform: scale(1.1) translate(0, 20px);
  }

  /* line 32, ../sass/public/animations/scene01-mini-01/_glacier.scss */
  100% {
    opacity: 1;
    -moz-transform: scale(1) translate(0, 0px);
  }
}

/* line 37, ../sass/public/animations/scene01-mini-01/_glacier.scss */
#scene-01 .mini-01 .ice.animate-in {
  -webkit-animation-name: iceAnimate;
  -webkit-animation-duration: 1.1s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: iceAnimate;
  -moz-animation-duration: 1.1s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

@-webkit-keyframes iceAnimate {
  /* line 56, ../sass/public/animations/scene01-mini-01/_glacier.scss */
  0% {
    margin-top: 150px;
    opacity: 0;
  }

  /* line 60, ../sass/public/animations/scene01-mini-01/_glacier.scss */
  90% {
    margin-top: -5px;
  }

  /* line 63, ../sass/public/animations/scene01-mini-01/_glacier.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-moz-keyframes iceAnimate {
  /* line 70, ../sass/public/animations/scene01-mini-01/_glacier.scss */
  0% {
    margin-top: 150px;
    opacity: 0;
  }

  /* line 74, ../sass/public/animations/scene01-mini-01/_glacier.scss */
  90% {
    margin-top: -5px;
  }

  /* line 77, ../sass/public/animations/scene01-mini-01/_glacier.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

/* line 1, ../sass/public/animations/scene02/_rev-harm.scss */
#scene-02 .rev.j-harm.animate-in {
  -webkit-animation-name: scene2-rev-harm-animate-in;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: scene2-rev-harm-animate-in;
  -moz-animation-duration: 2s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 19, ../sass/public/animations/scene02/_rev-harm.scss */
#scene-02 .rocks.j-harm.animate-in {
  -webkit-animation-name: scene2-rev-harm-animate-in;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: scene2-rev-harm-animate-in;
  -moz-animation-duration: 2s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

@-webkit-keyframes scene2-rev-harm-animate-in {
  /* line 38, ../sass/public/animations/scene02/_rev-harm.scss */
  0% {
    margin-top: 350px;
    opacity: 0;
  }

  /* line 39, ../sass/public/animations/scene02/_rev-harm.scss */
  90% {
    margin-top: -5px;
  }

  /* line 40, ../sass/public/animations/scene02/_rev-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-moz-keyframes scene2-rev-harm-animate-in {
  /* line 44, ../sass/public/animations/scene02/_rev-harm.scss */
  0% {
    margin-top: 350px;
    opacity: 0;
  }

  /* line 45, ../sass/public/animations/scene02/_rev-harm.scss */
  90% {
    margin-top: -5px;
  }

  /* line 46, ../sass/public/animations/scene02/_rev-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

/* line 49, ../sass/public/animations/scene02/_rev-harm.scss */
#scene-02 .mountains.j-harm.animate-in {
  -webkit-animation-name: scene2-mountains-harm-animate-in;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: scene2-mountains-harm-animate-in;
  -moz-animation-duration: 0.6s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 67, ../sass/public/animations/scene02/_rev-harm.scss */
#scene-02 .mountains.j-iron.animate-in {
  -webkit-animation-name: scene2-mountains-harm-animate-in;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: scene2-mountains-harm-animate-in;
  -moz-animation-duration: 0.6s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

@-webkit-keyframes scene2-mountains-harm-animate-in {
  /* line 86, ../sass/public/animations/scene02/_rev-harm.scss */
  0% {
    margin-top: 300px;
    opacity: 0;
  }

  /* line 87, ../sass/public/animations/scene02/_rev-harm.scss */
  80% {
    margin-top: -20px;
  }

  /* line 88, ../sass/public/animations/scene02/_rev-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-moz-keyframes scene2-mountains-harm-animate-in {
  /* line 92, ../sass/public/animations/scene02/_rev-harm.scss */
  0% {
    margin-top: 300px;
    opacity: 0;
  }

  /* line 93, ../sass/public/animations/scene02/_rev-harm.scss */
  80% {
    margin-top: -20px;
  }

  /* line 94, ../sass/public/animations/scene02/_rev-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-webkit-keyframes omgdanger {
  /* line 98, ../sass/public/animations/scene02/_rev-harm.scss */
  0% {
    margin-top: 350px;
    opacity: 0;
  }

  /* line 99, ../sass/public/animations/scene02/_rev-harm.scss */
  90% {
    margin-top: -5px;
  }

  /* line 100, ../sass/public/animations/scene02/_rev-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-moz-keyframes omgdanger {
  /* line 104, ../sass/public/animations/scene02/_rev-harm.scss */
  0% {
    margin-top: 350px;
    opacity: 0;
  }

  /* line 105, ../sass/public/animations/scene02/_rev-harm.scss */
  90% {
    margin-top: -5px;
  }

  /* line 106, ../sass/public/animations/scene02/_rev-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-webkit-keyframes axewielder {
  /* line 110, ../sass/public/animations/scene02/_rev-harm.scss */
  0% {
    margin-top: -600px;
    left: 270px;
    opacity: 0;
    -webkit-transform: rotate(-30deg);
  }

  /* line 111, ../sass/public/animations/scene02/_rev-harm.scss */
  50% {
    margin-top: -550px;
    left: 270px;
    opacity: 0;
    -webkit-transform: rotate(-30deg);
  }

  /* line 112, ../sass/public/animations/scene02/_rev-harm.scss */
  100% {
    margin-top: 0px;
    left: 370px;
    opacity: 1;
    -webkit-transform: rotate(0deg);
  }
}

@-moz-keyframes axewielder {
  /* line 116, ../sass/public/animations/scene02/_rev-harm.scss */
  0% {
    margin-top: -600px;
    left: 270px;
    opacity: 0;
    -moz-transform: rotate(-30deg);
  }

  /* line 117, ../sass/public/animations/scene02/_rev-harm.scss */
  50% {
    margin-top: -550px;
    left: 270px;
    opacity: 0;
    -moz-transform: rotate(-30deg);
  }

  /* line 118, ../sass/public/animations/scene02/_rev-harm.scss */
  100% {
    margin-top: 0px;
    left: 370px;
    opacity: 1;
    -moz-transform: rotate(0deg);
  }
}

/* line 121, ../sass/public/animations/scene02/_rev-harm.scss */
#scene-02 .rev.j-iron.animate-in {
  -webkit-animation-name: axewielder;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: axewielder;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 139, ../sass/public/animations/scene02/_rev-harm.scss */
#scene-02 .dragon.j-iron.animate-in {
  -webkit-animation-name: omgdanger;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: omgdanger;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 157, ../sass/public/animations/scene02/_rev-harm.scss */
#scene-02 .dragon-bits.j-iron.animate-in {
  -webkit-animation-name: omgdanger;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: omgdanger;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 175, ../sass/public/animations/scene02/_rev-harm.scss */
#scene-02 .rocks-left.j-iron.animate-in {
  -webkit-animation-name: omgdanger;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: omgdanger;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 193, ../sass/public/animations/scene02/_rev-harm.scss */
#scene-02 .rocks.j-iron.animate-in {
  -webkit-animation-name: omgdanger;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: omgdanger;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 1, ../sass/public/animations/scene02/_dragon-harm.scss */
#scene-02 .dragon.j-harm.animate-in {
  -webkit-animation-name: scene2-dragon-harm-animate-in;
  -webkit-animation-duration: 8s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: scene2-dragon-harm-animate-in;
  -moz-animation-duration: 8s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

@-webkit-keyframes scene2-dragon-harm-animate-in {
  /* line 20, ../sass/public/animations/scene02/_dragon-harm.scss */
  0% {
    margin-top: 700px;
  }

  /* line 21, ../sass/public/animations/scene02/_dragon-harm.scss */
  10% {
    margin-top: 0px;
  }

  /* line 22, ../sass/public/animations/scene02/_dragon-harm.scss */
  100% {
    margin-top: 0px;
  }
}

@-moz-keyframes scene2-dragon-harm-animate-in {
  /* line 26, ../sass/public/animations/scene02/_dragon-harm.scss */
  0% {
    margin-top: 700px;
  }

  /* line 27, ../sass/public/animations/scene02/_dragon-harm.scss */
  10% {
    margin-top: 0px;
  }

  /* line 28, ../sass/public/animations/scene02/_dragon-harm.scss */
  100% {
    margin-top: 0px;
  }
}

/* line 1, ../sass/public/animations/scene02-mini-01/_mother-pacific.scss */
#scene-02 .mini-01 .description.animate-in {
  -webkit-animation-name: motherPacificAnimate;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: motherPacificAnimate;
  -moz-animation-duration: 0.6s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

@-webkit-keyframes motherPacificAnimate {
  /* line 22, ../sass/public/animations/scene02-mini-01/_mother-pacific.scss */
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5) translate(0, 0px);
  }

  /* line 23, ../sass/public/animations/scene02-mini-01/_mother-pacific.scss */
  75% {
    -webkit-transform: scale(1.1) translate(0, 20px);
  }

  /* line 24, ../sass/public/animations/scene02-mini-01/_mother-pacific.scss */
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translate(0, 0px);
  }
}

@-webkit-keyframes motherPacificAnimate {
  /* line 28, ../sass/public/animations/scene02-mini-01/_mother-pacific.scss */
  0% {
    opacity: 0;
    -moz-transform: scale(0.5) translate(0, 0px);
  }

  /* line 29, ../sass/public/animations/scene02-mini-01/_mother-pacific.scss */
  75% {
    -moz-transform: scale(1.1) translate(0, 20px);
  }

  /* line 30, ../sass/public/animations/scene02-mini-01/_mother-pacific.scss */
  100% {
    opacity: 1;
    -moz-transform: scale(1) translate(0, 0px);
  }
}

/* line 34, ../sass/public/animations/scene02-mini-01/_mother-pacific.scss */
#scene-02 .mini-01 .ice.animate-in {
  -webkit-animation-name: glacierAnimate;
  -webkit-animation-duration: 1.1s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: glacierAnimate;
  -moz-animation-duration: 1.1s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

@-webkit-keyframes glacierAnimate {
  /* line 53, ../sass/public/animations/scene02-mini-01/_mother-pacific.scss */
  0% {
    margin-top: 150px;
    opacity: 0;
  }

  /* line 57, ../sass/public/animations/scene02-mini-01/_mother-pacific.scss */
  90% {
    margin-top: -5px;
  }

  /* line 60, ../sass/public/animations/scene02-mini-01/_mother-pacific.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-moz-keyframes glacierAnimate {
  /* line 67, ../sass/public/animations/scene02-mini-01/_mother-pacific.scss */
  0% {
    margin-top: 150px;
    opacity: 0;
  }

  /* line 71, ../sass/public/animations/scene02-mini-01/_mother-pacific.scss */
  90% {
    margin-top: -5px;
  }

  /* line 74, ../sass/public/animations/scene02-mini-01/_mother-pacific.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

/* stumps */
/* line 1, ../sass/public/animations/scene02-stump-01/_stump1.scss */
#scene-02 #step1 .sign.animate-in {
  -webkit-animation-name: signAnimate;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: signAnimate;
  -moz-animation-duration: 0.6s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

@-webkit-keyframes signAnimate {
  /* line 21, ../sass/public/animations/scene02-stump-01/_stump1.scss */
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  /* line 22, ../sass/public/animations/scene02-stump-01/_stump1.scss */
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes signAnimate {
  /* line 26, ../sass/public/animations/scene02-stump-01/_stump1.scss */
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

  /* line 27, ../sass/public/animations/scene02-stump-01/_stump1.scss */
  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}

/* line 30, ../sass/public/animations/scene02-stump-01/_stump1.scss */
#scene-02 #step1 .stump.animate-in {
  -webkit-animation-name: stumpAnimate;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: stumpAnimate;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

@-webkit-keyframes stumpAnimate {
  /* line 49, ../sass/public/animations/scene02-stump-01/_stump1.scss */
  0% {
    margin-top: 75px;
    opacity: 0;
  }

  /* line 50, ../sass/public/animations/scene02-stump-01/_stump1.scss */
  90% {
    margin-top: -5px;
  }

  /* line 51, ../sass/public/animations/scene02-stump-01/_stump1.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-moz-keyframes stumpAnimate {
  /* line 55, ../sass/public/animations/scene02-stump-01/_stump1.scss */
  0% {
    margin-top: 75px;
    opacity: 0;
  }

  /* line 56, ../sass/public/animations/scene02-stump-01/_stump1.scss */
  90% {
    margin-top: -5px;
  }

  /* line 57, ../sass/public/animations/scene02-stump-01/_stump1.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

/* line 1, ../sass/public/animations/scene02-stump-02/_stump2.scss */
#scene-02 #step2 .sign.animate-in {
  -webkit-animation-name: signAnimate;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: signAnimate;
  -moz-animation-duration: 0.6s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 20, ../sass/public/animations/scene02-stump-02/_stump2.scss */
#scene-02 #step2 .stump.animate-in {
  -webkit-animation-name: stumpAnimate;
  -webkit-animation-duration: 1.1s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: stumpAnimate;
  -moz-animation-duration: 1.1s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 1, ../sass/public/animations/scene02-stump-03/_stump3.scss */
#scene-02 #step3 .sign.animate-in {
  -webkit-animation-name: signAnimate;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: signAnimate;
  -moz-animation-duration: 0.6s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 20, ../sass/public/animations/scene02-stump-03/_stump3.scss */
#scene-02 #step3 .stump.animate-in {
  -webkit-animation-name: stumpAnimate;
  -webkit-animation-duration: 1.1s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: stumpAnimate;
  -moz-animation-duration: 1.1s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 1, ../sass/public/animations/scene02-stump-04/_stump4.scss */
#scene-02 #step4 .sign.animate-in {
  -webkit-animation-name: signAnimate;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: signAnimate;
  -moz-animation-duration: 0.6s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 20, ../sass/public/animations/scene02-stump-04/_stump4.scss */
#scene-02 #step4 .stump.animate-in {
  -webkit-animation-name: stumpAnimate;
  -webkit-animation-duration: 1.1s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: stumpAnimate;
  -moz-animation-duration: 1.1s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 1, ../sass/public/animations/scene02-stump-05/_stump5.scss */
#scene-02 #step5 .sign.animate-in {
  -webkit-animation-name: signAnimate;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: signAnimate;
  -moz-animation-duration: 0.6s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 20, ../sass/public/animations/scene02-stump-05/_stump5.scss */
#scene-02 #step5 .stump.animate-in {
  -webkit-animation-name: stumpAnimate;
  -webkit-animation-duration: 1.1s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: stumpAnimate;
  -moz-animation-duration: 1.1s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 1, ../sass/public/animations/scene02-stump-06/_stump6.scss */
#scene-02 #step6 .sign.animate-in {
  -webkit-animation-name: signAnimate;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: signAnimate;
  -moz-animation-duration: 0.6s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 20, ../sass/public/animations/scene02-stump-06/_stump6.scss */
#scene-02 #step6 .stump.animate-in {
  -webkit-animation-name: stumpAnimate;
  -webkit-animation-duration: 1.1s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: stumpAnimate;
  -moz-animation-duration: 1.1s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 1, ../sass/public/animations/scene02-stump-07/_stump7.scss */
#scene-02 #step7 .sign.animate-in {
  -webkit-animation-name: signAnimate;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: signAnimate;
  -moz-animation-duration: 0.6s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 20, ../sass/public/animations/scene02-stump-07/_stump7.scss */
#scene-02 #step7 .stump.animate-in {
  -webkit-animation-name: stumpAnimate;
  -webkit-animation-duration: 1.1s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: stumpAnimate;
  -moz-animation-duration: 1.1s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 1, ../sass/public/animations/scene02-stump-08/stump8.scss */
#scene-02 #step8 .sign.animate-in {
  -webkit-animation-name: signAnimate;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: signAnimate;
  -moz-animation-duration: 0.6s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 20, ../sass/public/animations/scene02-stump-08/stump8.scss */
#scene-02 #step8 .stump.animate-in {
  -webkit-animation-name: stumpAnimate;
  -webkit-animation-duration: 1.1s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: stumpAnimate;
  -moz-animation-duration: 1.1s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 1, ../sass/public/animations/scene03/_rev-harm.scss */
#scene-03 .rev.j-harm.animate-in {
  -webkit-animation-name: scene3-revharm;
  -webkit-animation-duration: 1.2s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: scene3-revharm;
  -moz-animation-duration: 1.2s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

@-webkit-keyframes scene3-revharm {
  /* line 20, ../sass/public/animations/scene03/_rev-harm.scss */
  0% {
    margin-top: 400px;
    opacity: 0;
  }

  /* line 21, ../sass/public/animations/scene03/_rev-harm.scss */
  90% {
    margin-top: -10px;
  }

  /* line 22, ../sass/public/animations/scene03/_rev-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-moz-keyframes scene3-revharm {
  /* line 26, ../sass/public/animations/scene03/_rev-harm.scss */
  0% {
    margin-top: 400px;
    opacity: 0;
  }

  /* line 27, ../sass/public/animations/scene03/_rev-harm.scss */
  90% {
    margin-top: -10px;
  }

  /* line 28, ../sass/public/animations/scene03/_rev-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

/* line 31, ../sass/public/animations/scene03/_rev-harm.scss */
#scene-03 .stump1.j-iron.animate-in {
  -webkit-animation-name: scene3-revharm;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: scene3-revharm;
  -moz-animation-duration: 0.8s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 1, ../sass/public/animations/scene03/_sasquatch-harm.scss */
#scene-03 .sasquatch.j-harm.animate-in {
  -webkit-animation-name: scene3-sasharm;
  -webkit-animation-duration: 1.2s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: scene3-sasharm;
  -moz-animation-duration: 1.2s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

@-webkit-keyframes scene3-sasharm {
  /* line 20, ../sass/public/animations/scene03/_sasquatch-harm.scss */
  0% {
    margin-top: 400px;
    opacity: 0;
  }

  /* line 21, ../sass/public/animations/scene03/_sasquatch-harm.scss */
  90% {
    margin-top: -10px;
  }

  /* line 22, ../sass/public/animations/scene03/_sasquatch-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-moz-keyframes scene3-sasharm {
  /* line 26, ../sass/public/animations/scene03/_sasquatch-harm.scss */
  0% {
    margin-top: 400px;
    opacity: 0;
  }

  /* line 27, ../sass/public/animations/scene03/_sasquatch-harm.scss */
  90% {
    margin-top: -10px;
  }

  /* line 28, ../sass/public/animations/scene03/_sasquatch-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

/* line 31, ../sass/public/animations/scene03/_sasquatch-harm.scss */
#scene-03 .stump2.j-iron.animate-in {
  -webkit-animation-name: scene3-sasharm;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: scene3-sasharm;
  -moz-animation-duration: 0.8s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 1, ../sass/public/animations/scene03/_fire-harm.scss */
#scene-03 .fire.j-harm.animate-in {
  -webkit-animation-name: scene3-fireharm;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: scene3-fireharm;
  -moz-animation-duration: 0.8s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

@-webkit-keyframes scene3-fireharm {
  /* line 20, ../sass/public/animations/scene03/_fire-harm.scss */
  0% {
    margin-top: 120px;
    opacity: 0;
  }

  /* line 21, ../sass/public/animations/scene03/_fire-harm.scss */
  90% {
    margin-top: -10px;
  }

  /* line 22, ../sass/public/animations/scene03/_fire-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-moz-keyframes scene3-fireharm {
  /* line 26, ../sass/public/animations/scene03/_fire-harm.scss */
  0% {
    margin-top: 120px;
    opacity: 0;
  }

  /* line 27, ../sass/public/animations/scene03/_fire-harm.scss */
  90% {
    margin-top: -10px;
  }

  /* line 28, ../sass/public/animations/scene03/_fire-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

/* line 31, ../sass/public/animations/scene03/_fire-harm.scss */
#scene-03 .rev.j-iron.animate-in {
  -webkit-animation-name: scene3-reviron;
  -webkit-animation-duration: 1.2s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: scene3-reviron;
  -moz-animation-duration: 1.2s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

@-webkit-keyframes scene3-reviron {
  /* line 50, ../sass/public/animations/scene03/_fire-harm.scss */
  0% {
    margin-top: 300px;
    opacity: 0;
  }

  /* line 51, ../sass/public/animations/scene03/_fire-harm.scss */
  90% {
    margin-top: -10px;
  }

  /* line 52, ../sass/public/animations/scene03/_fire-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-moz-keyframes scene3-reviron {
  /* line 56, ../sass/public/animations/scene03/_fire-harm.scss */
  0% {
    margin-top: 300px;
    opacity: 0;
  }

  /* line 57, ../sass/public/animations/scene03/_fire-harm.scss */
  90% {
    margin-top: -10px;
  }

  /* line 58, ../sass/public/animations/scene03/_fire-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-webkit-keyframes scene3-mountiron {
  /* line 62, ../sass/public/animations/scene03/_fire-harm.scss */
  0% {
    margin-top: 180px;
    opacity: 0;
  }

  /* line 63, ../sass/public/animations/scene03/_fire-harm.scss */
  90% {
    margin-top: -10px;
  }

  /* line 64, ../sass/public/animations/scene03/_fire-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-moz-keyframes scene3-mountiron {
  /* line 68, ../sass/public/animations/scene03/_fire-harm.scss */
  0% {
    margin-top: 180px;
    opacity: 0;
  }

  /* line 69, ../sass/public/animations/scene03/_fire-harm.scss */
  90% {
    margin-top: -10px;
  }

  /* line 70, ../sass/public/animations/scene03/_fire-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

/* line 73, ../sass/public/animations/scene03/_fire-harm.scss */
#scene-03 .mountain.j-harm.animate-in {
  -webkit-animation-name: scene3-mountiron;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: scene3-mountiron;
  -moz-animation-duration: 0.6s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

/* line 91, ../sass/public/animations/scene03/_fire-harm.scss */
#scene-03 .mountain.j-iron.animate-in {
  -webkit-animation-name: scene3-mountiron;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: scene3-mountiron;
  -moz-animation-duration: 0.6s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px;
}

@-webkit-keyframes rev-dinoharmony {
  /* line 2, ../sass/public/animations/scene04/_rev-harm.scss */
  0% {
    margin-top: 320px;
    opacity: 0;
  }

  /* line 3, ../sass/public/animations/scene04/_rev-harm.scss */
  90% {
    margin-top: -10px;
  }

  /* line 4, ../sass/public/animations/scene04/_rev-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@-moz-keyframes rev-dinoharmony {
  /* line 8, ../sass/public/animations/scene04/_rev-harm.scss */
  0% {
    margin-top: 320px;
    opacity: 0;
  }

  /* line 9, ../sass/public/animations/scene04/_rev-harm.scss */
  90% {
    margin-top: -10px;
  }

  /* line 10, ../sass/public/animations/scene04/_rev-harm.scss */
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

/* line 13, ../sass/public/animations/scene04/_rev-harm.scss */
#trex-scene .rev.j-iron.animate-in {
  -webkit-animation-name: rev-dinoharmony;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: rev-dinoharmony;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px !important;
}

/* line 31, ../sass/public/animations/scene04/_rev-harm.scss */
#trex-scene .skull-mountain.j-iron.animate-in {
  -webkit-animation-name: rev-dinoharmony;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: rev-dinoharmony;
  -moz-animation-duration: 0.6s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px !important;
}

/* line 49, ../sass/public/animations/scene04/_rev-harm.scss */
#trex-scene .skull-mountain.j-harm.animate-in {
  -webkit-animation-name: rev-dinoharmony;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: rev-dinoharmony;
  -moz-animation-duration: 0.6s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px !important;
}

/* line 67, ../sass/public/animations/scene04/_rev-harm.scss */
#trex-scene .rev.j-harm.animate-in {
  -webkit-animation-name: rev-dinoharmony;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: rev-dinoharmony;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px !important;
}

/* line 85, ../sass/public/animations/scene04/_rev-harm.scss */
#trex-scene .trex.j-iron.animate-in {
  -webkit-animation-name: rev-dinoharmony;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: rev-dinoharmony;
  -moz-animation-duration: 0.8s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px !important;
}

@-webkit-keyframes the-boooones {
  /* line 104, ../sass/public/animations/scene04/_rev-harm.scss */
  0% {
    -webkit-transform: rotate(0deg) scale(1);
  }

  /* line 105, ../sass/public/animations/scene04/_rev-harm.scss */
  100% {
    -webkit-transform: rotate(360deg) scale(1);
  }
}

@-moz-keyframes the-boooones {
  /* line 109, ../sass/public/animations/scene04/_rev-harm.scss */
  0% {
    -moz-transform: rotate(0deg) scale(1);
  }

  /* line 110, ../sass/public/animations/scene04/_rev-harm.scss */
  100% {
    -moz-transform: rotate(360deg) scale(1);
  }
}

/* line 113, ../sass/public/animations/scene04/_rev-harm.scss */
#trex-scene .bone.j-harm.animate-in {
  -webkit-animation-name: the-boooones;
  -webkit-animation-duration: 30s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: the-boooones;
  -moz-animation-duration: 30s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  margin-top: 0px !important;
}

/* line 3, ../sass/public/bubbles.scss */
#scene-01 .features {
  @-webkit-keyframes Disappear {
    /* line 49, ../sass/public/bubbles.scss */
    0% {
      opacity: 1;
    }

    /* line 51, ../sass/public/bubbles.scss */
    100% {
      opacity: 0;
    }
}

  @-moz-keyframes Disappear {
    /* line 55, ../sass/public/bubbles.scss */
    0% {
      opacity: 1;
    }

    /* line 57, ../sass/public/bubbles.scss */
    100% {
      opacity: 0;
    }
}

}
/* line 13, ../sass/public/bubbles.scss */
#scene-01 .features.killCode.killWrite.chooseDesign .feature.develop {
  -webkit-animation-name: Disappear;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: Disappear;
  -moz-animation-duration: 2s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
}
/* line 28, ../sass/public/bubbles.scss */
#scene-01 .features.killCode.killWrite.chooseDesign .feature.write {
  -webkit-animation-name: Disappear;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: Disappear;
  -moz-animation-duration: 2s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
}

/* line 3, ../sass/public/flip-card-fallback.scss */
.profile.flip-card-fallback .face.back {
  display: hidden;
}