/* line 1, www/sites/trouble/html/css/_reset.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, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
/* line 22, www/sites/trouble/html/css/_reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

/* line 26, www/sites/trouble/html/css/_reset.scss */
body {
  line-height: 1; }

/* line 29, www/sites/trouble/html/css/_reset.scss */
ol, ul {
  list-style: none; }

/* line 32, www/sites/trouble/html/css/_reset.scss */
blockquote, q {
  quotes: none; }

/* line 35, www/sites/trouble/html/css/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

/* line 40, www/sites/trouble/html/css/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
/* line 50, www/sites/trouble/html/css/_reset.scss */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
/* line 66, www/sites/trouble/html/css/_reset.scss */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
/* line 76, www/sites/trouble/html/css/_reset.scss */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
/* line 85, www/sites/trouble/html/css/_reset.scss */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/* line 92, www/sites/trouble/html/css/_reset.scss */
button:hover,
button:focus {
  background: none; }

/* line 97, www/sites/trouble/html/css/_reset.scss */
button:focus {
  outline: none;
  outline-offset: none; }

@font-face {
  font-family: 'Digestive';
  src: url("../fonts/Digestive_v07-Compressed_web.eot");
  src: url("../fonts/Digestive_v07-Compressed_web.eot?#iefix") format("embedded-opentype"), url("../fonts/Digestive_v07-Compressed_web.woff") format("woff"), url("../fonts/Digestive_v07-Compressed_web.woff2") format("woff2"), url("../fonts/Digestive_v07-Compressed_web.ttf") format("truetype"), url("../fonts/Digestive_v07-Compressed_web.svg#svgFontName") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ZangesiSans';
  src: url("../fonts/ZangeziSans04.woff") format("woff"), url("../fonts/ZangeziSans04.woff2") format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Zangesi';
  src: url("../fonts/Zangezi04-Regular.woff") format("woff"), url("../fonts/Zangezi04-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'GintoNordTrial-Black';
  src: url("../fonts/GintoNord-Black.woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Creepster';
  src: url("../fonts/Creepster-Regular.woff");
  font-weight: normal;
  font-style: normal; }

/* line 1, www/sites/trouble/html/css/_typo.scss */
body {
  font-family: ZangesiSans;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 1.2em;
  line-height: 1.2em; }

/* line 10, www/sites/trouble/html/css/_typo.scss */
header#main,
.cover p {
  font-family: ZangesiSans;
  text-transform: uppercase; }

/* line 16, www/sites/trouble/html/css/_typo.scss */
header#main-header h1 {
  font-family: Zangesi;
  font-size: 1.5em;
  text-transform: capitalize; }

/* line 23, www/sites/trouble/html/css/_typo.scss */
.cover h2 {
  font-family: GintoNordTrial-Black;
  text-transform: uppercase;
  margin-bottom: 30px;
  line-height: 1em; }

/* line 30, www/sites/trouble/html/css/_typo.scss */
.cover h3 {
  font-size: 1em; }

/* line 34, www/sites/trouble/html/css/_typo.scss */
#stage h1 {
  font-family: Zangesi;
  font-size: 4.5vw; }

/* line 40, www/sites/trouble/html/css/_typo.scss */
#stage h2 {
  font-family: GintoNordTrial-Black;
  font-size: 5vw; }

/* line 45, www/sites/trouble/html/css/_typo.scss */
.media h1 {
  font-family: Zangesi; }

/* line 49, www/sites/trouble/html/css/_typo.scss */
#follow {
  font-family: ZangesiSans;
  font-size: 1.5em; }

/* line 56, www/sites/trouble/html/css/_typo.scss */
.credit {
  font-family: Creepster;
  font-size: 1.5em;
  line-height: 1.2em; }

@media (min-width: 1000px) {
  /* line 68, www/sites/trouble/html/css/_typo.scss */
  .media h1 {
    font-size: 1.5em; }
  /* line 72, www/sites/trouble/html/css/_typo.scss */
  #follow {
    font-size: 2vw; }
  /* line 75, www/sites/trouble/html/css/_typo.scss */
  .credit {
    font-size: 2vw; } }

@media (min-width: 1500px) {
  /* line 80, www/sites/trouble/html/css/_typo.scss */
  body {
    font-size: 1.5em; } }

/* line 103, www/sites/trouble/html/css/_typo.scss */
#calendar .door h1 {
  text-align: center;
  vertical-align: center;
  color: white;
  font-family: Digestive, helvetica, sans-serif; }

/* line 109, www/sites/trouble/html/css/_typo.scss */
.container {
  font-size: 20vw; }
  @media (min-width: 800px) {
    /* line 109, www/sites/trouble/html/css/_typo.scss */
    .container {
      font-size: 8vw; } }

/* line 1, www/sites/trouble/html/css/_cover.scss */
header#main-header {
  margin-top: 3em; }
  /* line 4, www/sites/trouble/html/css/_cover.scss */
  header#main-header h1 {
    margin-bottom: 1em; }

/* line 12, www/sites/trouble/html/css/_cover.scss */
.cover h1 {
  margin-bottom: 30px;
  line-height: .9em; }

/* line 20, www/sites/trouble/html/css/_cover.scss */
.cover .centered figure {
  opacity: 0;
  margin: 0 auto;
  width: 30vw;
  display: block; }

/* line 28, www/sites/trouble/html/css/_cover.scss */
.cover .centered h2 {
  -webkit-transform: skewX(30deg) scale(1);
          transform: skewX(30deg) scale(1);
  text-shadow: -0.2em 0.15em black;
  opacity: 0;
  margin-left: .5em; }

/* line 35, www/sites/trouble/html/css/_cover.scss */
.cover .centered h3 {
  -webkit-transform: scale(8);
          transform: scale(8);
  letter-spacing: 0;
  text-shadow: 0 0 50px white;
  line-height: 1em;
  opacity: 0; }

/* line 45, www/sites/trouble/html/css/_cover.scss */
.cover .centered > * {
  margin-bottom: 40px; }

@media (min-width: 800px) {
  /* line 9, www/sites/trouble/html/css/_cover.scss */
  .cover {
    margin-top: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: 0;
    left: 0; } }

/* line 1, www/sites/trouble/html/css/_snow-flakes.scss */
#snow-flakes-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  /* line 9, www/sites/trouble/html/css/_snow-flakes.scss */
  #snow-flakes-container .snow-flake {
    position: fixed;
    top: -40px;
    left: 50vw;
    -webkit-animation: flake 10s linear 4.25s infinite;
            animation: flake 10s linear 4.25s infinite; }
  /* line 15, www/sites/trouble/html/css/_snow-flakes.scss */
  #snow-flakes-container span {
    width: 40px;
    height: 1px;
    background: white;
    display: inline-block;
    position: absolute; }
    /* line 21, www/sites/trouble/html/css/_snow-flakes.scss */
    #snow-flakes-container span:nth-child(1) {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    /* line 25, www/sites/trouble/html/css/_snow-flakes.scss */
    #snow-flakes-container span:nth-child(2) {
      -webkit-transform: rotate(60deg);
              transform: rotate(60deg); }
    /* line 28, www/sites/trouble/html/css/_snow-flakes.scss */
    #snow-flakes-container span:nth-child(3) {
      -webkit-transform: rotate(120deg);
              transform: rotate(120deg); }

/* line 1, www/sites/trouble/html/css/_curtain.scss */
.curtain {
  background: grey;
  width: 50%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 999; }
  /* line 11, www/sites/trouble/html/css/_curtain.scss */
  .curtain--left {
    background: url(/assets/curtains_1_half.png) no-repeat;
    background-size: 200%;
    left: 0; }
  /* line 18, www/sites/trouble/html/css/_curtain.scss */
  .curtain--right {
    left: 50%;
    background: url(/assets/curtains_1_half.png) no-repeat;
    background-size: 200%; }

/* line 3, www/sites/trouble/html/css/_animations.scss */
body.go .curtain--left {
  -webkit-animation: curtainLeft 4s forwards ease-out;
          animation: curtainLeft 4s forwards ease-out; }

/* line 8, www/sites/trouble/html/css/_animations.scss */
body.go .curtain--right {
  -webkit-animation: curtainRight 4s forwards ease-out;
          animation: curtainRight 4s forwards ease-out; }

/* line 13, www/sites/trouble/html/css/_animations.scss */
body.go .cover figure {
  -webkit-animation: title 1s forwards ease-out;
          animation: title 1s forwards ease-out; }

@-webkit-keyframes curtainLeft {
  0% {
    left: 0; }
  100% {
    left: -50%; } }

@keyframes curtainLeft {
  0% {
    left: 0; }
  100% {
    left: -50%; } }

@-webkit-keyframes curtainRight {
  0% {
    left: 50%; }
  100% {
    left: 100%; } }

@keyframes curtainRight {
  0% {
    left: 50%; }
  100% {
    left: 100%; } }

@-webkit-keyframes title {
  0% {
    width: 0; }
  100% {
    width: 60vw;
    opacity: 1; } }

@keyframes title {
  0% {
    width: 0; }
  100% {
    width: 60vw;
    opacity: 1; } }

@-webkit-keyframes subtitle {
  0% {
    -webkit-transform: skewX(30deg) scale(0) rotate(0);
            transform: skewX(30deg) scale(0) rotate(0); }
  100% {
    -webkit-transform: skewX(30deg) scale(1) rotate(0);
            transform: skewX(30deg) scale(1) rotate(0);
    opacity: 1; } }

@keyframes subtitle {
  0% {
    -webkit-transform: skewX(30deg) scale(0) rotate(0);
            transform: skewX(30deg) scale(0) rotate(0); }
  100% {
    -webkit-transform: skewX(30deg) scale(1) rotate(0);
            transform: skewX(30deg) scale(1) rotate(0);
    opacity: 1; } }

@-webkit-keyframes subsubhead {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% { }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes subsubhead {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% { }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes flake {
  0% {
    top: 0; }
  100% {
    top: 100vh; } }

@keyframes flake {
  0% {
    top: 0; }
  100% {
    top: 100vh; } }

@media (min-width: 800px) {
  @-webkit-keyframes title {
    0% {
      width: 0; }
    100% {
      width: 30vw;
      opacity: 1; } }
  @keyframes title {
    0% {
      width: 0; }
    100% {
      width: 30vw;
      opacity: 1; } } }

@media (min-width: 1400px) {
  @-webkit-keyframes title {
    0% {
      width: 0; }
    100% {
      width: 30vw;
      opacity: 1; } }
  @keyframes title {
    0% {
      width: 0; }
    100% {
      width: 30vw;
      opacity: 1; } } }

/* line 1, www/sites/trouble/html/css/_go.scss */
#go {
  position: fixed;
  width: 200px;
  height: 200px;
  top: calc(50% - 100px);
  left: calc(50% - 100px);
  background: #1e1e1e;
  color: white;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 100px;
  text-shadow: 5px 5px black;
  -webkit-box-shadow: .1em .15em black;
          box-shadow: .1em .15em black;
  cursor: pointer;
  z-index: 9999; }
  /* line 17, www/sites/trouble/html/css/_go.scss */
  #go span {
    margin-left: 20px;
    margin-top: 20px; }

/* line 1, www/sites/trouble/html/css/_follow.scss */
#follow {
  width: 100%;
  line-height: 1.2em; }
  /* line 5, www/sites/trouble/html/css/_follow.scss */
  #follow .insta {
    margin-bottom: 1em; }
  /* line 14, www/sites/trouble/html/css/_follow.scss */
  #follow label,
  #follow input {
    margin-bottom: .15em; }
  /* line 19, www/sites/trouble/html/css/_follow.scss */
  #follow label {
    display: inline-block; }
  /* line 24, www/sites/trouble/html/css/_follow.scss */
  #follow form input {
    font-size: .8em;
    background: #141414;
    border: none;
    border-bottom: solid 1px white; }
    /* line 31, www/sites/trouble/html/css/_follow.scss */
    #follow form input[type=submit] {
      background: white;
      padding: .25em .25em .2em; }
  @media (min-width: 800px) {
    /* line 49, www/sites/trouble/html/css/_follow.scss */
    #follow > div:nth-child(2) form div.hidden > * {
      display: inline-block; }
    /* line 54, www/sites/trouble/html/css/_follow.scss */
    #follow > div:nth-child(2) form:hover div.hidden {
      opacity: 1; } }
  @media (min-width: 1200px) {
    /* line 1, www/sites/trouble/html/css/_follow.scss */
    #follow {
      -webkit-transition: height .25s;
      transition: height .25s;
      overflow: hidden; } }

/* line 1, www/sites/trouble/html/css/_cube.scss */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

/* line 5, www/sites/trouble/html/css/_cube.scss */
.wrap {
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-perspective-origin: 50% 100px;
          perspective-origin: 50% 100px;
  -webkit-transform: translateZ(100px) rotateX(9deg);
          transform: translateZ(100px) rotateX(9deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 50px; }
  /* line 14, www/sites/trouble/html/css/_cube.scss */
  .wrap > * {
    position: absolute; }
    /* line 17, www/sites/trouble/html/css/_cube.scss */
    .wrap > *:nth-child(2) {
      left: 200px; }
    /* line 21, www/sites/trouble/html/css/_cube.scss */
    .wrap > *:nth-child(3) {
      left: 400px; }
    /* line 25, www/sites/trouble/html/css/_cube.scss */
    .wrap > *:nth-child(4) {
      top: 200px; }
    /* line 29, www/sites/trouble/html/css/_cube.scss */
    .wrap > *:nth-child(5) {
      top: 200px;
      left: 200px; }

/* line 42, www/sites/trouble/html/css/_cube.scss */
#calendar {
  height: 180vw;
  position: relative; }
  /* line 50, www/sites/trouble/html/css/_cube.scss */
  #calendar.active .grid {
    -webkit-perspective: 32em;
            perspective: 32em;
    -webkit-transform: scale(0.6) rotateX(-50deg) rotateY(-12deg) translateX(30em) translateZ(18em) skewX(-40deg) skewY(12deg);
            transform: scale(0.6) rotateX(-50deg) rotateY(-12deg) translateX(30em) translateZ(18em) skewX(-40deg) skewY(12deg); }
  /* line 57, www/sites/trouble/html/css/_cube.scss */
  #calendar .open:hover .door {
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
    -webkit-transform-origin: left;
            transform-origin: left; }
  @media (max-width: 800px) {
    /* line 80, www/sites/trouble/html/css/_cube.scss */
    #calendar.active .grid {
      opacity: 0; } }
  @media (min-width: 800px) {
    /* line 42, www/sites/trouble/html/css/_cube.scss */
    #calendar {
      height: 55vw; }
      /* line 89, www/sites/trouble/html/css/_cube.scss */
      #calendar.active .grid {
        -webkit-perspective: 32em;
                perspective: 32em;
        -webkit-transform: scale(0.6) rotateX(-50deg) rotateY(-12deg) translateX(25em) translateZ(18em) skewX(-40deg) skewY(12deg);
                transform: scale(0.6) rotateX(-50deg) rotateY(-12deg) translateX(25em) translateZ(18em) skewX(-40deg) skewY(12deg); } }

/* line 98, www/sites/trouble/html/css/_cube.scss */
.grid {
  -webkit-transition: 1s;
  transition: 1s;
  margin: 0 auto;
  -webkit-perspective: 4000px;
          perspective: 4000px;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%; }

/* line 114, www/sites/trouble/html/css/_cube.scss */
.wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  /* line 120, www/sites/trouble/html/css/_cube.scss */
  .wrap > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }

/* line 128, www/sites/trouble/html/css/_cube.scss */
.container {
  border-radius: 1%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: rotateX(10deg) rotateY(-5deg) rotateZ(1deg);
          transform: rotateX(10deg) rotateY(-5deg) rotateZ(1deg);
  margin-bottom: auto;
  color: white;
  display: grid;
  grid-template-columns: repeat(4, 0.75em);
  grid-template-rows: repeat(6, 1.15em);
  grid-gap: 0px;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  justify-self: stretch;
  float: center; }
  @media (min-width: 600px) {
    /* line 128, www/sites/trouble/html/css/_cube.scss */
    .container {
      grid-template-columns: repeat(4, 0.75em);
      grid-template-rows: repeat(6, 1.15em);
      -webkit-transform: rotateX(10deg) rotateY(-5deg) rotateZ(1deg);
              transform: rotateX(10deg) rotateY(-5deg) rotateZ(1deg); } }
  @media (min-width: 800px) {
    /* line 128, www/sites/trouble/html/css/_cube.scss */
    .container {
      grid-template-columns: repeat(6, 0.9em);
      grid-template-rows: repeat(4, 1.1em); } }
  /* line 158, www/sites/trouble/html/css/_cube.scss */
  .container .open {
    background-image: url(http://i.imgur.com/Hq7l30g.jpg); }
  /* line 162, www/sites/trouble/html/css/_cube.scss */
  .container .door {
    width: 100%;
    height: 100%;
    z-index: +5;
    background-color: black;
    background: black;
    border: 1px solid white;
    border-radius: 10px;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transform-origin: left;
            transform-origin: left; }
  /* line 180, www/sites/trouble/html/css/_cube.scss */
  .container > div {
    border: 1px solid white;
    border-radius: 10px;
    background-color: black;
    -webkit-box-shadow: 1px 1px 0px grey, 2px 2px 0px black, 3px 3px 0px black, 4px 4px 0px black, 5px 5px 0px black, 6px 6px 0px black, 7px 7px 0px white, 8px 8px 0px black, 9px 9px 0px black, 10px 10px 0px black, 11px 11px 0px black, 12px 12px 0px black, 13px 13px 0px black, 14px 14px 0px white, 15px 15px 0px black, 16px 16px 0px black, 17px 17px 0px black, 18px 18px 0px black, 19px 19px 0px black, 20px 20px 0px black, 21px 21px 0px white, 22px 22px 0px black, 23px 23px 0px black, 24px 24px 0px black, 25px 25px 0px black, 26px 26px 0px black, 27px 27px 0px black, 28px 28px 0px white, 29px 29px 0px black, 30px 30px 0px black, 31px 31px 0px black, 31px 31px 0px black, 32px 32px 0px black, 33px 33px 0px black, 34px 34px 0px black, 35px 35px 0px white, 36px 36px 0px black, 37px 37px 0px black, 38px 38px 0px black, 39px 39px 0px black, 40px 40px 0px black, 41px 41px 0px black, 42px 42px 500px grey;
            box-shadow: 1px 1px 0px grey, 2px 2px 0px black, 3px 3px 0px black, 4px 4px 0px black, 5px 5px 0px black, 6px 6px 0px black, 7px 7px 0px white, 8px 8px 0px black, 9px 9px 0px black, 10px 10px 0px black, 11px 11px 0px black, 12px 12px 0px black, 13px 13px 0px black, 14px 14px 0px white, 15px 15px 0px black, 16px 16px 0px black, 17px 17px 0px black, 18px 18px 0px black, 19px 19px 0px black, 20px 20px 0px black, 21px 21px 0px white, 22px 22px 0px black, 23px 23px 0px black, 24px 24px 0px black, 25px 25px 0px black, 26px 26px 0px black, 27px 27px 0px black, 28px 28px 0px white, 29px 29px 0px black, 30px 30px 0px black, 31px 31px 0px black, 31px 31px 0px black, 32px 32px 0px black, 33px 33px 0px black, 34px 34px 0px black, 35px 35px 0px white, 36px 36px 0px black, 37px 37px 0px black, 38px 38px 0px black, 39px 39px 0px black, 40px 40px 0px black, 41px 41px 0px black, 42px 42px 500px grey; }
    /* line 181, www/sites/trouble/html/css/_cube.scss */
    .container > div.open {
      background-color: rgba(0, 0, 0, 0.1);
      background-size: cover; }

@-webkit-keyframes calenderIntro {
  0% {
    -webkit-transform: translateY(100vh);
            transform: translateY(100vh); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes calenderIntro {
  0% {
    -webkit-transform: translateY(100vh);
            transform: translateY(100vh); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

/* line 1, www/sites/trouble/html/css/_reset.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, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
/* line 22, www/sites/trouble/html/css/_reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

/* line 26, www/sites/trouble/html/css/_reset.scss */
body {
  line-height: 1; }

/* line 29, www/sites/trouble/html/css/_reset.scss */
ol, ul {
  list-style: none; }

/* line 32, www/sites/trouble/html/css/_reset.scss */
blockquote, q {
  quotes: none; }

/* line 35, www/sites/trouble/html/css/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

/* line 40, www/sites/trouble/html/css/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
/* line 50, www/sites/trouble/html/css/_reset.scss */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
/* line 66, www/sites/trouble/html/css/_reset.scss */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
/* line 76, www/sites/trouble/html/css/_reset.scss */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
/* line 85, www/sites/trouble/html/css/_reset.scss */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/* line 92, www/sites/trouble/html/css/_reset.scss */
button:hover,
button:focus {
  background: none; }

/* line 97, www/sites/trouble/html/css/_reset.scss */
button:focus {
  outline: none;
  outline-offset: none; }

/* line 3, www/sites/trouble/html/css/_cube-single.scss */
body {
  background: black; }

/* line 9, www/sites/trouble/html/css/_cube-single.scss */
.cube {
  position: relative;
  width: 200px;
  height: 200px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: rotateX(20deg);
          transform: rotateX(20deg);
  -webkit-box-flex: 0;
      -ms-flex: 0 1 200px;
          flex: 0 1 200px; }
  /* line 18, www/sites/trouble/html/css/_cube-single.scss */
  .cube div {
    position: absolute;
    width: 200px;
    height: 200px;
    background: rgba(0, 0, 0, 0.5);
    border: white solid 1px; }
    /* line 26, www/sites/trouble/html/css/_cube-single.scss */
    .cube div.back {
      -webkit-transform: translateZ(-100px) rotateY(180deg);
              transform: translateZ(-100px) rotateY(180deg); }
    /* line 30, www/sites/trouble/html/css/_cube-single.scss */
    .cube div.right {
      -webkit-transform: rotateY(-270deg) translateX(100px);
              transform: rotateY(-270deg) translateX(100px);
      -webkit-transform-origin: top right;
              transform-origin: top right; }
    /* line 35, www/sites/trouble/html/css/_cube-single.scss */
    .cube div.left {
      -webkit-transform: rotateY(270deg) translateX(-100px);
              transform: rotateY(270deg) translateX(-100px);
      -webkit-transform-origin: center left;
              transform-origin: center left; }
    /* line 40, www/sites/trouble/html/css/_cube-single.scss */
    .cube div.top {
      -webkit-transform: rotateX(-90deg) translateY(-100px);
              transform: rotateX(-90deg) translateY(-100px);
      -webkit-transform-origin: top center;
              transform-origin: top center; }
    /* line 45, www/sites/trouble/html/css/_cube-single.scss */
    .cube div.bottom {
      -webkit-transform: rotateX(90deg) translateY(100px);
              transform: rotateX(90deg) translateY(100px);
      -webkit-transform-origin: bottom center;
              transform-origin: bottom center; }
    /* line 50, www/sites/trouble/html/css/_cube-single.scss */
    .cube div.front {
      -webkit-transform: translateZ(100px);
              transform: translateZ(100px); }

@media (min-width: 600px) {
  /* line 3, www/sites/trouble/html/css/_deco.scss */
  #container {
    height: calc(100vh - 50px);
    margin: .5%;
    border: .5px solid white;
    border-radius: 40px;
    background: #0a0a0a;
    overflow-x: hidden;
    -webkit-box-shadow: inset white 0 0 0 1px, inset black 0 0 0 2px, inset black 0 0 0 3px, inset black 0 0 0 4px, inset black 0 0 0 5px, inset black 0 0 0 6px, inset black 0 0 0 7px, inset white 0 0 0 8px, inset black 0 0 0 9px, inset black 0 0 0 10px, inset black 0 0 0 11px, inset black 0 0 0 12px, inset black 0 0 0 13px, inset black 0 0 0 14px, inset white 0 0 0 15px, inset black 0 0 0 16px, inset black 0 0 0 17px, inset black 0 0 0 18px, inset black 0 0 0 19px, inset black 0 0 0 20px, inset black 0 0 0 21px, inset white 0 0 0 22px;
            box-shadow: inset white 0 0 0 1px, inset black 0 0 0 2px, inset black 0 0 0 3px, inset black 0 0 0 4px, inset black 0 0 0 5px, inset black 0 0 0 6px, inset black 0 0 0 7px, inset white 0 0 0 8px, inset black 0 0 0 9px, inset black 0 0 0 10px, inset black 0 0 0 11px, inset black 0 0 0 12px, inset black 0 0 0 13px, inset black 0 0 0 14px, inset white 0 0 0 15px, inset black 0 0 0 16px, inset black 0 0 0 17px, inset black 0 0 0 18px, inset black 0 0 0 19px, inset black 0 0 0 20px, inset black 0 0 0 21px, inset white 0 0 0 22px; } }

/* line 1, www/sites/trouble/html/css/_stage.scss */
#stage {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 9999999999999;
  display: none; }
  /* line 16, www/sites/trouble/html/css/_stage.scss */
  #stage.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  /* line 20, www/sites/trouble/html/css/_stage.scss */
  #stage #dismiss {
    cursor: pointer;
    position: absolute;
    width: 40px;
    height: 40px;
    background: black;
    border: solid 2px white;
    top: 10px;
    right: 10px;
    z-index: 99999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0 0 50px rgba(250, 250, 250, 0.4);
            box-shadow: 0 0 50px rgba(250, 250, 250, 0.4); }
    /* line 35, www/sites/trouble/html/css/_stage.scss */
    #stage #dismiss:hover {
      background: white; }
      /* line 38, www/sites/trouble/html/css/_stage.scss */
      #stage #dismiss:hover span {
        border: solid 1px black; }
    /* line 43, www/sites/trouble/html/css/_stage.scss */
    #stage #dismiss span {
      position: absolute;
      width: 25px;
      border: solid 1px; }
      /* line 48, www/sites/trouble/html/css/_stage.scss */
      #stage #dismiss span:nth-child(1) {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
      /* line 52, www/sites/trouble/html/css/_stage.scss */
      #stage #dismiss span:nth-child(2) {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
  /* line 58, www/sites/trouble/html/css/_stage.scss */
  #stage > div {
    height: 0%;
    width: calc(100% - 10px);
    margin: 0 auto;
    -webkit-animation: open 2s forwards;
            animation: open 2s forwards;
    border: 2px solid white;
    background: black;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    /* line 78, www/sites/trouble/html/css/_stage.scss */
    #stage > div h1,
    #stage > div h2 {
      width: 100%; }
    /* line 83, www/sites/trouble/html/css/_stage.scss */
    #stage > div img {
      z-index: 3;
      position: relative;
      width: 200px;
      -webkit-box-shadow: 0 0 50px rgba(250, 250, 250, 0.4);
              box-shadow: 0 0 50px rgba(250, 250, 250, 0.4);
      border-radius: 50px;
      border: solid rgba(250, 250, 250, 0.6) 2px; }

@media (min-width: 800px) {
  /* line 97, www/sites/trouble/html/css/_stage.scss */
  #stage #dismiss {
    top: 30px;
    right: 30px; }
  /* line 102, www/sites/trouble/html/css/_stage.scss */
  #stage > div img {
    width: 400px; } }

@-webkit-keyframes open {
  0% {
    height: 0%; }
  100% {
    height: calc(100% - 10px); } }

@keyframes open {
  0% {
    height: 0%; }
  100% {
    height: calc(100% - 10px); } }

/* line 19, www/sites/trouble/html/css/_animations-new.scss */
.ani09 div {
  border-radius: 30%; }

/* line 26, www/sites/trouble/html/css/_animations-new.scss */
.ani08 div {
  border-radius: 50%; }

/* line 33, www/sites/trouble/html/css/_animations-new.scss */
.ani07 div {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  width: 50px;
  height: 600px; }

/* line 51, www/sites/trouble/html/css/_animations-new.scss */
.ani05 div {
  border-radius: 100%;
  width: 100px;
  height: 100px; }

/* line 70, www/sites/trouble/html/css/_animations-new.scss */
.ani03 div {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 100px;
  height: 100px; }

/* line 79, www/sites/trouble/html/css/_animations-new.scss */
.ani02 div {
  width: 100px;
  height: 100px; }

/* line 88, www/sites/trouble/html/css/_animations-new.scss */
.ani01 div {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 0px;
  height: 0px; }

/* line 98, www/sites/trouble/html/css/_animations-new.scss */
section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  width: calc(100% - 10px);
  height: calc(100% - 10px); }
  /* line 106, www/sites/trouble/html/css/_animations-new.scss */
  section > div {
    border: 2px solid white;
    width: 10px;
    height: 10px;
    overflow: visible;
    position: absolute; }
    /* line 113, www/sites/trouble/html/css/_animations-new.scss */
    section > div:nth-child(1) {
      -webkit-animation: stretch04 4s infinite linear;
              animation: stretch04 4s infinite linear; }
    /* line 117, www/sites/trouble/html/css/_animations-new.scss */
    section > div:nth-child(2) {
      -webkit-animation: stretch04 4s infinite 0.5s linear;
              animation: stretch04 4s infinite 0.5s linear; }
    /* line 121, www/sites/trouble/html/css/_animations-new.scss */
    section > div:nth-child(3) {
      -webkit-animation: stretch04 4s infinite 1s linear;
              animation: stretch04 4s infinite 1s linear; }
    /* line 125, www/sites/trouble/html/css/_animations-new.scss */
    section > div:nth-child(4) {
      -webkit-animation: stretch04 4s infinite 1.5s linear;
              animation: stretch04 4s infinite 1.5s linear; }
    /* line 129, www/sites/trouble/html/css/_animations-new.scss */
    section > div:nth-child(5) {
      -webkit-animation: stretch04 4s infinite 2s linear;
              animation: stretch04 4s infinite 2s linear; }
    /* line 133, www/sites/trouble/html/css/_animations-new.scss */
    section > div:nth-child(6) {
      -webkit-animation: stretch04 4s infinite 2.5s linear;
              animation: stretch04 4s infinite 2.5s linear; }
    /* line 137, www/sites/trouble/html/css/_animations-new.scss */
    section > div:nth-child(7) {
      -webkit-animation: stretch04 4s infinite 3s linear;
              animation: stretch04 4s infinite 3s linear; }
    /* line 141, www/sites/trouble/html/css/_animations-new.scss */
    section > div:nth-child(8) {
      -webkit-animation: stretch04 4s infinite 3.5s linear;
              animation: stretch04 4s infinite 3.5s linear; }

/* line 147, www/sites/trouble/html/css/_animations-new.scss */
.door-1 section div {
  width: 1px;
  height: 1px; }
  /* line 151, www/sites/trouble/html/css/_animations-new.scss */
  .door-1 section div:nth-child(1) {
    -webkit-animation: stretch01 4s infinite linear;
            animation: stretch01 4s infinite linear; }
  /* line 155, www/sites/trouble/html/css/_animations-new.scss */
  .door-1 section div:nth-child(2) {
    -webkit-animation: stretch01 4s infinite 0.5s linear;
            animation: stretch01 4s infinite 0.5s linear; }
  /* line 159, www/sites/trouble/html/css/_animations-new.scss */
  .door-1 section div:nth-child(3) {
    -webkit-animation: stretch01 4s infinite 1s linear;
            animation: stretch01 4s infinite 1s linear; }
  /* line 163, www/sites/trouble/html/css/_animations-new.scss */
  .door-1 section div:nth-child(4) {
    -webkit-animation: stretch01 4s infinite 1.5s linear;
            animation: stretch01 4s infinite 1.5s linear; }
  /* line 167, www/sites/trouble/html/css/_animations-new.scss */
  .door-1 section div:nth-child(5) {
    -webkit-animation: stretch01 4s infinite 2s linear;
            animation: stretch01 4s infinite 2s linear; }
  /* line 171, www/sites/trouble/html/css/_animations-new.scss */
  .door-1 section div:nth-child(6) {
    -webkit-animation: stretch01 4s infinite 2.5s linear;
            animation: stretch01 4s infinite 2.5s linear; }
  /* line 175, www/sites/trouble/html/css/_animations-new.scss */
  .door-1 section div:nth-child(7) {
    -webkit-animation: stretch01 4s infinite 3s linear;
            animation: stretch01 4s infinite 3s linear; }
  /* line 179, www/sites/trouble/html/css/_animations-new.scss */
  .door-1 section div:nth-child(8) {
    -webkit-animation: stretch01 4s infinite 3.5s linear;
            animation: stretch01 4s infinite 3.5s linear; }

/* line 184, www/sites/trouble/html/css/_animations-new.scss */
.door-2 section div {
  width: 100px;
  height: 100px; }
  /* line 188, www/sites/trouble/html/css/_animations-new.scss */
  .door-2 section div:nth-child(1) {
    -webkit-animation: stretch02 4s infinite linear;
            animation: stretch02 4s infinite linear; }
  /* line 192, www/sites/trouble/html/css/_animations-new.scss */
  .door-2 section div:nth-child(2) {
    -webkit-animation: stretch02 4s infinite 0.5s linear;
            animation: stretch02 4s infinite 0.5s linear; }
  /* line 196, www/sites/trouble/html/css/_animations-new.scss */
  .door-2 section div:nth-child(3) {
    -webkit-animation: stretch02 4s infinite 1s linear;
            animation: stretch02 4s infinite 1s linear; }
  /* line 200, www/sites/trouble/html/css/_animations-new.scss */
  .door-2 section div:nth-child(4) {
    -webkit-animation: stretch02 4s infinite 1.5s linear;
            animation: stretch02 4s infinite 1.5s linear; }
  /* line 204, www/sites/trouble/html/css/_animations-new.scss */
  .door-2 section div:nth-child(5) {
    -webkit-animation: stretch02 4s infinite 2s linear;
            animation: stretch02 4s infinite 2s linear; }
  /* line 208, www/sites/trouble/html/css/_animations-new.scss */
  .door-2 section div:nth-child(6) {
    -webkit-animation: stretch02 4s infinite 2.5s linear;
            animation: stretch02 4s infinite 2.5s linear; }
  /* line 212, www/sites/trouble/html/css/_animations-new.scss */
  .door-2 section div:nth-child(7) {
    -webkit-animation: stretch02 4s infinite 3s linear;
            animation: stretch02 4s infinite 3s linear; }
  /* line 216, www/sites/trouble/html/css/_animations-new.scss */
  .door-2 section div:nth-child(8) {
    -webkit-animation: stretch02 4s infinite 3.5s linear;
            animation: stretch02 4s infinite 3.5s linear; }

/* line 221, www/sites/trouble/html/css/_animations-new.scss */
.door-3 section div {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  width: 100px;
  height: 100px; }
  /* line 226, www/sites/trouble/html/css/_animations-new.scss */
  .door-3 section div:nth-child(1) {
    -webkit-animation: stretch03 4s infinite linear;
            animation: stretch03 4s infinite linear; }
  /* line 230, www/sites/trouble/html/css/_animations-new.scss */
  .door-3 section div:nth-child(2) {
    -webkit-animation: stretch03 4s infinite 0.5s linear;
            animation: stretch03 4s infinite 0.5s linear; }
  /* line 234, www/sites/trouble/html/css/_animations-new.scss */
  .door-3 section div:nth-child(3) {
    -webkit-animation: stretch03 4s infinite 1s linear;
            animation: stretch03 4s infinite 1s linear; }
  /* line 238, www/sites/trouble/html/css/_animations-new.scss */
  .door-3 section div:nth-child(4) {
    -webkit-animation: stretch03 4s infinite 1.5s linear;
            animation: stretch03 4s infinite 1.5s linear; }
  /* line 242, www/sites/trouble/html/css/_animations-new.scss */
  .door-3 section div:nth-child(5) {
    -webkit-animation: stretch03 4s infinite 2s linear;
            animation: stretch03 4s infinite 2s linear; }
  /* line 246, www/sites/trouble/html/css/_animations-new.scss */
  .door-3 section div:nth-child(6) {
    -webkit-animation: stretch03 4s infinite 2.5s linear;
            animation: stretch03 4s infinite 2.5s linear; }
  /* line 250, www/sites/trouble/html/css/_animations-new.scss */
  .door-3 section div:nth-child(7) {
    -webkit-animation: stretch03 4s infinite 3s linear;
            animation: stretch03 4s infinite 3s linear; }
  /* line 254, www/sites/trouble/html/css/_animations-new.scss */
  .door-3 section div:nth-child(8) {
    -webkit-animation: stretch03 4s infinite 3.5s linear;
            animation: stretch03 4s infinite 3.5s linear; }

/* line 259, www/sites/trouble/html/css/_animations-new.scss */
.door-4 section div {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  width: 50px;
  height: 100px; }
  /* line 264, www/sites/trouble/html/css/_animations-new.scss */
  .door-4 section div:nth-child(1) {
    -webkit-animation: stretch07 4s infinite linear;
            animation: stretch07 4s infinite linear; }
  /* line 268, www/sites/trouble/html/css/_animations-new.scss */
  .door-4 section div:nth-child(2) {
    -webkit-animation: stretch07 4s infinite 0.5s linear;
            animation: stretch07 4s infinite 0.5s linear; }
  /* line 272, www/sites/trouble/html/css/_animations-new.scss */
  .door-4 section div:nth-child(3) {
    -webkit-animation: stretch07 4s infinite 1s linear;
            animation: stretch07 4s infinite 1s linear; }
  /* line 276, www/sites/trouble/html/css/_animations-new.scss */
  .door-4 section div:nth-child(4) {
    -webkit-animation: stretch07 4s infinite 1.5s linear;
            animation: stretch07 4s infinite 1.5s linear; }
  /* line 280, www/sites/trouble/html/css/_animations-new.scss */
  .door-4 section div:nth-child(5) {
    -webkit-animation: stretch07 4s infinite 2s linear;
            animation: stretch07 4s infinite 2s linear; }
  /* line 284, www/sites/trouble/html/css/_animations-new.scss */
  .door-4 section div:nth-child(6) {
    -webkit-animation: stretch07 4s infinite 2.5s linear;
            animation: stretch07 4s infinite 2.5s linear; }
  /* line 288, www/sites/trouble/html/css/_animations-new.scss */
  .door-4 section div:nth-child(7) {
    -webkit-animation: stretch07 4s infinite 3s linear;
            animation: stretch07 4s infinite 3s linear; }
  /* line 292, www/sites/trouble/html/css/_animations-new.scss */
  .door-4 section div:nth-child(8) {
    -webkit-animation: stretch07 4s infinite 3.5s linear;
            animation: stretch07 4s infinite 3.5s linear; }

/* line 297, www/sites/trouble/html/css/_animations-new.scss */
.door-5 section div {
  border-radius: 30%; }
  /* line 303, www/sites/trouble/html/css/_animations-new.scss */
  .door-5 section div:nth-child(1) {
    -webkit-animation: stretch09 4s infinite linear;
            animation: stretch09 4s infinite linear; }
  /* line 307, www/sites/trouble/html/css/_animations-new.scss */
  .door-5 section div:nth-child(2) {
    -webkit-animation: stretch09 4s infinite 0.5s linear;
            animation: stretch09 4s infinite 0.5s linear; }
  /* line 311, www/sites/trouble/html/css/_animations-new.scss */
  .door-5 section div:nth-child(3) {
    -webkit-animation: stretch09 4s infinite 1s linear;
            animation: stretch09 4s infinite 1s linear; }
  /* line 315, www/sites/trouble/html/css/_animations-new.scss */
  .door-5 section div:nth-child(4) {
    -webkit-animation: stretch09 4s infinite 1.5s linear;
            animation: stretch09 4s infinite 1.5s linear; }
  /* line 319, www/sites/trouble/html/css/_animations-new.scss */
  .door-5 section div:nth-child(5) {
    -webkit-animation: stretch09 4s infinite 2s linear;
            animation: stretch09 4s infinite 2s linear; }
  /* line 323, www/sites/trouble/html/css/_animations-new.scss */
  .door-5 section div:nth-child(6) {
    -webkit-animation: stretch09 4s infinite 2.5s linear;
            animation: stretch09 4s infinite 2.5s linear; }
  /* line 327, www/sites/trouble/html/css/_animations-new.scss */
  .door-5 section div:nth-child(7) {
    -webkit-animation: stretch09 4s infinite 3s linear;
            animation: stretch09 4s infinite 3s linear; }
  /* line 331, www/sites/trouble/html/css/_animations-new.scss */
  .door-5 section div:nth-child(8) {
    -webkit-animation: stretch09 4s infinite 3.5s linear;
            animation: stretch09 4s infinite 3.5s linear; }

/* line 336, www/sites/trouble/html/css/_animations-new.scss */
.door-6 section div {
  width: 100px;
  height: 100px;
  border-radius: 40%;
  width: 50px;
  height: 50px; }
  /* line 343, www/sites/trouble/html/css/_animations-new.scss */
  .door-6 section div:nth-child(1) {
    -webkit-animation: stretch02 4s infinite linear;
            animation: stretch02 4s infinite linear; }
  /* line 347, www/sites/trouble/html/css/_animations-new.scss */
  .door-6 section div:nth-child(2) {
    -webkit-animation: stretch02 4s infinite 0.5s linear;
            animation: stretch02 4s infinite 0.5s linear; }
  /* line 351, www/sites/trouble/html/css/_animations-new.scss */
  .door-6 section div:nth-child(3) {
    -webkit-animation: stretch02 4s infinite 1s linear;
            animation: stretch02 4s infinite 1s linear; }
  /* line 355, www/sites/trouble/html/css/_animations-new.scss */
  .door-6 section div:nth-child(4) {
    -webkit-animation: stretch02 4s infinite 1.5s linear;
            animation: stretch02 4s infinite 1.5s linear; }
  /* line 359, www/sites/trouble/html/css/_animations-new.scss */
  .door-6 section div:nth-child(5) {
    -webkit-animation: stretch02 4s infinite 2s linear;
            animation: stretch02 4s infinite 2s linear; }
  /* line 363, www/sites/trouble/html/css/_animations-new.scss */
  .door-6 section div:nth-child(6) {
    -webkit-animation: stretch02 4s infinite 2.5s linear;
            animation: stretch02 4s infinite 2.5s linear; }
  /* line 367, www/sites/trouble/html/css/_animations-new.scss */
  .door-6 section div:nth-child(7) {
    -webkit-animation: stretch02 4s infinite 3s linear;
            animation: stretch02 4s infinite 3s linear; }
  /* line 371, www/sites/trouble/html/css/_animations-new.scss */
  .door-6 section div:nth-child(8) {
    -webkit-animation: stretch02 4s infinite 3.5s linear;
            animation: stretch02 4s infinite 3.5s linear; }

/* line 376, www/sites/trouble/html/css/_animations-new.scss */
.door-7 section div {
  border-radius: 100%;
  width: 100px;
  height: 100px; }
  /* line 381, www/sites/trouble/html/css/_animations-new.scss */
  .door-7 section div:nth-child(1) {
    -webkit-animation: stretch05 4s infinite linear;
            animation: stretch05 4s infinite linear; }
  /* line 385, www/sites/trouble/html/css/_animations-new.scss */
  .door-7 section div:nth-child(2) {
    -webkit-animation: stretch05 4s infinite 0.5s linear;
            animation: stretch05 4s infinite 0.5s linear; }
  /* line 389, www/sites/trouble/html/css/_animations-new.scss */
  .door-7 section div:nth-child(3) {
    -webkit-animation: stretch05 4s infinite 1s linear;
            animation: stretch05 4s infinite 1s linear; }
  /* line 393, www/sites/trouble/html/css/_animations-new.scss */
  .door-7 section div:nth-child(4) {
    -webkit-animation: stretch05 4s infinite 1.5s linear;
            animation: stretch05 4s infinite 1.5s linear; }
  /* line 397, www/sites/trouble/html/css/_animations-new.scss */
  .door-7 section div:nth-child(5) {
    -webkit-animation: stretch05 4s infinite 2s linear;
            animation: stretch05 4s infinite 2s linear; }
  /* line 401, www/sites/trouble/html/css/_animations-new.scss */
  .door-7 section div:nth-child(6) {
    -webkit-animation: stretch05 4s infinite 2.5s linear;
            animation: stretch05 4s infinite 2.5s linear; }
  /* line 405, www/sites/trouble/html/css/_animations-new.scss */
  .door-7 section div:nth-child(7) {
    -webkit-animation: stretch05 4s infinite 3s linear;
            animation: stretch05 4s infinite 3s linear; }
  /* line 409, www/sites/trouble/html/css/_animations-new.scss */
  .door-7 section div:nth-child(8) {
    -webkit-animation: stretch05 4s infinite 3.5s linear;
            animation: stretch05 4s infinite 3.5s linear; }

/* line 414, www/sites/trouble/html/css/_animations-new.scss */
.door-8 section div {
  border-radius: 50%;
  width: 100px;
  height: 100px; }
  /* line 419, www/sites/trouble/html/css/_animations-new.scss */
  .door-8 section div:nth-child(1) {
    -webkit-animation: stretch08 4s infinite linear;
            animation: stretch08 4s infinite linear; }
  /* line 423, www/sites/trouble/html/css/_animations-new.scss */
  .door-8 section div:nth-child(2) {
    -webkit-animation: stretch08 4s infinite 0.5s linear;
            animation: stretch08 4s infinite 0.5s linear; }
  /* line 427, www/sites/trouble/html/css/_animations-new.scss */
  .door-8 section div:nth-child(3) {
    -webkit-animation: stretch08 4s infinite 1s linear;
            animation: stretch08 4s infinite 1s linear; }
  /* line 431, www/sites/trouble/html/css/_animations-new.scss */
  .door-8 section div:nth-child(4) {
    -webkit-animation: stretch08 4s infinite 1.5s linear;
            animation: stretch08 4s infinite 1.5s linear; }
  /* line 435, www/sites/trouble/html/css/_animations-new.scss */
  .door-8 section div:nth-child(5) {
    -webkit-animation: stretch08 4s infinite 2s linear;
            animation: stretch08 4s infinite 2s linear; }
  /* line 439, www/sites/trouble/html/css/_animations-new.scss */
  .door-8 section div:nth-child(6) {
    -webkit-animation: stretch08 4s infinite 2.5s linear;
            animation: stretch08 4s infinite 2.5s linear; }
  /* line 443, www/sites/trouble/html/css/_animations-new.scss */
  .door-8 section div:nth-child(7) {
    -webkit-animation: stretch08 4s infinite 3s linear;
            animation: stretch08 4s infinite 3s linear; }
  /* line 447, www/sites/trouble/html/css/_animations-new.scss */
  .door-8 section div:nth-child(8) {
    -webkit-animation: stretch08 4s infinite 3.5s linear;
            animation: stretch08 4s infinite 3.5s linear; }

/* line 452, www/sites/trouble/html/css/_animations-new.scss */
.door-9 section div {
  width: 100px;
  height: 100px;
  border-radius: 0%; }
  /* line 457, www/sites/trouble/html/css/_animations-new.scss */
  .door-9 section div:nth-child(1) {
    -webkit-animation: stretch099 4s infinite linear;
            animation: stretch099 4s infinite linear; }
  /* line 461, www/sites/trouble/html/css/_animations-new.scss */
  .door-9 section div:nth-child(2) {
    -webkit-animation: stretch099 4s infinite 0.5s linear;
            animation: stretch099 4s infinite 0.5s linear; }
  /* line 465, www/sites/trouble/html/css/_animations-new.scss */
  .door-9 section div:nth-child(3) {
    -webkit-animation: stretch099 4s infinite 1s linear;
            animation: stretch099 4s infinite 1s linear; }
  /* line 469, www/sites/trouble/html/css/_animations-new.scss */
  .door-9 section div:nth-child(4) {
    -webkit-animation: stretch099 4s infinite 1.5s linear;
            animation: stretch099 4s infinite 1.5s linear; }
  /* line 473, www/sites/trouble/html/css/_animations-new.scss */
  .door-9 section div:nth-child(5) {
    -webkit-animation: stretch099 4s infinite 2s linear;
            animation: stretch099 4s infinite 2s linear; }
  /* line 477, www/sites/trouble/html/css/_animations-new.scss */
  .door-9 section div:nth-child(6) {
    -webkit-animation: stretch099 4s infinite 2.5s linear;
            animation: stretch099 4s infinite 2.5s linear; }
  /* line 481, www/sites/trouble/html/css/_animations-new.scss */
  .door-9 section div:nth-child(7) {
    -webkit-animation: stretch099 4s infinite 3s linear;
            animation: stretch099 4s infinite 3s linear; }
  /* line 485, www/sites/trouble/html/css/_animations-new.scss */
  .door-9 section div:nth-child(8) {
    -webkit-animation: stretch099 4s infinite 3.5s linear;
            animation: stretch099 4s infinite 3.5s linear; }

/* line 490, www/sites/trouble/html/css/_animations-new.scss */
.door-10 section div {
  width: 110vw;
  height: 110vh;
  border-radius: 0; }
  /* line 495, www/sites/trouble/html/css/_animations-new.scss */
  .door-10 section div:nth-child(1) {
    -webkit-animation: stretch10 4s infinite linear;
            animation: stretch10 4s infinite linear; }
  /* line 499, www/sites/trouble/html/css/_animations-new.scss */
  .door-10 section div:nth-child(2) {
    -webkit-animation: stretch10 4s infinite 0.5s linear;
            animation: stretch10 4s infinite 0.5s linear; }
  /* line 503, www/sites/trouble/html/css/_animations-new.scss */
  .door-10 section div:nth-child(3) {
    -webkit-animation: stretch10 4s infinite 1s linear;
            animation: stretch10 4s infinite 1s linear; }
  /* line 507, www/sites/trouble/html/css/_animations-new.scss */
  .door-10 section div:nth-child(4) {
    -webkit-animation: stretch10 4s infinite 1.5s linear;
            animation: stretch10 4s infinite 1.5s linear; }
  /* line 511, www/sites/trouble/html/css/_animations-new.scss */
  .door-10 section div:nth-child(5) {
    -webkit-animation: stretch10 4s infinite 2s linear;
            animation: stretch10 4s infinite 2s linear; }
  /* line 515, www/sites/trouble/html/css/_animations-new.scss */
  .door-10 section div:nth-child(6) {
    -webkit-animation: stretch10 4s infinite 2.5s linear;
            animation: stretch10 4s infinite 2.5s linear; }
  /* line 519, www/sites/trouble/html/css/_animations-new.scss */
  .door-10 section div:nth-child(7) {
    -webkit-animation: stretch10 4s infinite 3s linear;
            animation: stretch10 4s infinite 3s linear; }
  /* line 523, www/sites/trouble/html/css/_animations-new.scss */
  .door-10 section div:nth-child(8) {
    -webkit-animation: stretch10 4s infinite 3.5s linear;
            animation: stretch10 4s infinite 3.5s linear; }

/* line 528, www/sites/trouble/html/css/_animations-new.scss */
.door-11 section div {
  width: 100px;
  height: 100px;
  border-radius: 50%; }
  /* line 535, www/sites/trouble/html/css/_animations-new.scss */
  .door-11 section div:nth-child(1) {
    -webkit-animation: stretch11 4s infinite linear;
            animation: stretch11 4s infinite linear; }
  /* line 539, www/sites/trouble/html/css/_animations-new.scss */
  .door-11 section div:nth-child(2) {
    -webkit-animation: stretch11 4s infinite 0.5s linear;
            animation: stretch11 4s infinite 0.5s linear; }
  /* line 543, www/sites/trouble/html/css/_animations-new.scss */
  .door-11 section div:nth-child(3) {
    -webkit-animation: stretch11 4s infinite 1s linear;
            animation: stretch11 4s infinite 1s linear; }
  /* line 547, www/sites/trouble/html/css/_animations-new.scss */
  .door-11 section div:nth-child(4) {
    -webkit-animation: stretch11 4s infinite 1.5s linear;
            animation: stretch11 4s infinite 1.5s linear; }
  /* line 551, www/sites/trouble/html/css/_animations-new.scss */
  .door-11 section div:nth-child(5) {
    -webkit-animation: stretch11 4s infinite 2s linear;
            animation: stretch11 4s infinite 2s linear; }
  /* line 555, www/sites/trouble/html/css/_animations-new.scss */
  .door-11 section div:nth-child(6) {
    -webkit-animation: stretch11 4s infinite 2.5s linear;
            animation: stretch11 4s infinite 2.5s linear; }
  /* line 559, www/sites/trouble/html/css/_animations-new.scss */
  .door-11 section div:nth-child(7) {
    -webkit-animation: stretch11 4s infinite 3s linear;
            animation: stretch11 4s infinite 3s linear; }
  /* line 563, www/sites/trouble/html/css/_animations-new.scss */
  .door-11 section div:nth-child(8) {
    -webkit-animation: stretch11 4s infinite 3.5s linear;
            animation: stretch11 4s infinite 3.5s linear; }

/* line 568, www/sites/trouble/html/css/_animations-new.scss */
.door-12 section div {
  width: 0;
  height: 0;
  border-radius: 0%; }
  /* line 575, www/sites/trouble/html/css/_animations-new.scss */
  .door-12 section div:nth-child(1) {
    -webkit-animation: stretch12 4s infinite linear;
            animation: stretch12 4s infinite linear; }
  /* line 579, www/sites/trouble/html/css/_animations-new.scss */
  .door-12 section div:nth-child(2) {
    -webkit-animation: stretch12 4s infinite 0.5s linear;
            animation: stretch12 4s infinite 0.5s linear; }
  /* line 583, www/sites/trouble/html/css/_animations-new.scss */
  .door-12 section div:nth-child(3) {
    -webkit-animation: stretch12 4s infinite 1s linear;
            animation: stretch12 4s infinite 1s linear; }
  /* line 587, www/sites/trouble/html/css/_animations-new.scss */
  .door-12 section div:nth-child(4) {
    -webkit-animation: stretch12 4s infinite 1.5s linear;
            animation: stretch12 4s infinite 1.5s linear; }
  /* line 591, www/sites/trouble/html/css/_animations-new.scss */
  .door-12 section div:nth-child(5) {
    -webkit-animation: stretch12 4s infinite 2s linear;
            animation: stretch12 4s infinite 2s linear; }
  /* line 595, www/sites/trouble/html/css/_animations-new.scss */
  .door-12 section div:nth-child(6) {
    -webkit-animation: stretch12 4s infinite 2.5s linear;
            animation: stretch12 4s infinite 2.5s linear; }
  /* line 599, www/sites/trouble/html/css/_animations-new.scss */
  .door-12 section div:nth-child(7) {
    -webkit-animation: stretch12 4s infinite 3s linear;
            animation: stretch12 4s infinite 3s linear; }
  /* line 603, www/sites/trouble/html/css/_animations-new.scss */
  .door-12 section div:nth-child(8) {
    -webkit-animation: stretch12 4s infinite 3.5s linear;
            animation: stretch12 4s infinite 3.5s linear; }

/* line 608, www/sites/trouble/html/css/_animations-new.scss */
.door-13 section div {
  width: 0px;
  height: 0px;
  border-radius: 100%;
  -webkit-transform: translate(-50vw, 0px);
          transform: translate(-50vw, 0px); }
  /* line 616, www/sites/trouble/html/css/_animations-new.scss */
  .door-13 section div:nth-child(1) {
    -webkit-animation: stretch13 4s infinite linear;
            animation: stretch13 4s infinite linear; }
  /* line 620, www/sites/trouble/html/css/_animations-new.scss */
  .door-13 section div:nth-child(2) {
    -webkit-animation: stretch13 4s infinite 0.5s linear;
            animation: stretch13 4s infinite 0.5s linear; }
  /* line 624, www/sites/trouble/html/css/_animations-new.scss */
  .door-13 section div:nth-child(3) {
    -webkit-animation: stretch13 4s infinite 1s linear;
            animation: stretch13 4s infinite 1s linear; }
  /* line 628, www/sites/trouble/html/css/_animations-new.scss */
  .door-13 section div:nth-child(4) {
    -webkit-animation: stretch13 4s infinite 1.5s linear;
            animation: stretch13 4s infinite 1.5s linear; }
  /* line 632, www/sites/trouble/html/css/_animations-new.scss */
  .door-13 section div:nth-child(5) {
    -webkit-animation: stretch13 4s infinite 2s linear;
            animation: stretch13 4s infinite 2s linear; }
  /* line 636, www/sites/trouble/html/css/_animations-new.scss */
  .door-13 section div:nth-child(6) {
    -webkit-animation: stretch13 4s infinite 2.5s linear;
            animation: stretch13 4s infinite 2.5s linear; }
  /* line 640, www/sites/trouble/html/css/_animations-new.scss */
  .door-13 section div:nth-child(7) {
    -webkit-animation: stretch13 4s infinite 3s linear;
            animation: stretch13 4s infinite 3s linear; }
  /* line 644, www/sites/trouble/html/css/_animations-new.scss */
  .door-13 section div:nth-child(8) {
    -webkit-animation: stretch13 4s infinite 3.5s linear;
            animation: stretch13 4s infinite 3.5s linear; }

/* line 649, www/sites/trouble/html/css/_animations-new.scss */
.door-14 section div {
  width: 110vw;
  height: 110vh;
  border-radius: 10%; }
  /* line 656, www/sites/trouble/html/css/_animations-new.scss */
  .door-14 section div:nth-child(1) {
    -webkit-animation: stretch14 4s infinite linear;
            animation: stretch14 4s infinite linear; }
  /* line 660, www/sites/trouble/html/css/_animations-new.scss */
  .door-14 section div:nth-child(2) {
    -webkit-animation: stretch14 4s infinite 0.5s linear;
            animation: stretch14 4s infinite 0.5s linear; }
  /* line 664, www/sites/trouble/html/css/_animations-new.scss */
  .door-14 section div:nth-child(3) {
    -webkit-animation: stretch14 4s infinite 1s linear;
            animation: stretch14 4s infinite 1s linear; }
  /* line 668, www/sites/trouble/html/css/_animations-new.scss */
  .door-14 section div:nth-child(4) {
    -webkit-animation: stretch14 4s infinite 1.5s linear;
            animation: stretch14 4s infinite 1.5s linear; }
  /* line 672, www/sites/trouble/html/css/_animations-new.scss */
  .door-14 section div:nth-child(5) {
    -webkit-animation: stretch14 4s infinite 2s linear;
            animation: stretch14 4s infinite 2s linear; }
  /* line 676, www/sites/trouble/html/css/_animations-new.scss */
  .door-14 section div:nth-child(6) {
    -webkit-animation: stretch14 4s infinite 2.5s linear;
            animation: stretch14 4s infinite 2.5s linear; }
  /* line 680, www/sites/trouble/html/css/_animations-new.scss */
  .door-14 section div:nth-child(7) {
    -webkit-animation: stretch14 4s infinite 3s linear;
            animation: stretch14 4s infinite 3s linear; }
  /* line 684, www/sites/trouble/html/css/_animations-new.scss */
  .door-14 section div:nth-child(8) {
    -webkit-animation: stretch14 4s infinite 3.5s linear;
            animation: stretch14 4s infinite 3.5s linear; }

/* line 689, www/sites/trouble/html/css/_animations-new.scss */
.door-15 section div {
  width: 0px;
  height: 0px;
  border-radius: 0%; }
  /* line 696, www/sites/trouble/html/css/_animations-new.scss */
  .door-15 section div:nth-child(1) {
    -webkit-animation: stretch15 4s infinite linear;
            animation: stretch15 4s infinite linear; }
  /* line 700, www/sites/trouble/html/css/_animations-new.scss */
  .door-15 section div:nth-child(2) {
    -webkit-animation: stretch15 4s infinite 0.5s linear;
            animation: stretch15 4s infinite 0.5s linear; }
  /* line 704, www/sites/trouble/html/css/_animations-new.scss */
  .door-15 section div:nth-child(3) {
    -webkit-animation: stretch15 4s infinite 1s linear;
            animation: stretch15 4s infinite 1s linear; }
  /* line 708, www/sites/trouble/html/css/_animations-new.scss */
  .door-15 section div:nth-child(4) {
    -webkit-animation: stretch15 4s infinite 1.5s linear;
            animation: stretch15 4s infinite 1.5s linear; }
  /* line 712, www/sites/trouble/html/css/_animations-new.scss */
  .door-15 section div:nth-child(5) {
    -webkit-animation: stretch15 4s infinite 2s linear;
            animation: stretch15 4s infinite 2s linear; }
  /* line 716, www/sites/trouble/html/css/_animations-new.scss */
  .door-15 section div:nth-child(6) {
    -webkit-animation: stretch15 4s infinite 2.5s linear;
            animation: stretch15 4s infinite 2.5s linear; }
  /* line 720, www/sites/trouble/html/css/_animations-new.scss */
  .door-15 section div:nth-child(7) {
    -webkit-animation: stretch15 4s infinite 3s linear;
            animation: stretch15 4s infinite 3s linear; }
  /* line 724, www/sites/trouble/html/css/_animations-new.scss */
  .door-15 section div:nth-child(8) {
    -webkit-animation: stretch15 4s infinite 3.5s linear;
            animation: stretch15 4s infinite 3.5s linear; }

/* line 729, www/sites/trouble/html/css/_animations-new.scss */
.door-16 section div {
  border-radius: 30%;
  width: 110vw;
  height: 110vw; }
  /* line 736, www/sites/trouble/html/css/_animations-new.scss */
  .door-16 section div:nth-child(1) {
    -webkit-animation: stretch16 4s infinite linear;
            animation: stretch16 4s infinite linear; }
  /* line 740, www/sites/trouble/html/css/_animations-new.scss */
  .door-16 section div:nth-child(2) {
    -webkit-animation: stretch16 4s infinite 0.5s linear;
            animation: stretch16 4s infinite 0.5s linear; }
  /* line 744, www/sites/trouble/html/css/_animations-new.scss */
  .door-16 section div:nth-child(3) {
    -webkit-animation: stretch16 4s infinite 1s linear;
            animation: stretch16 4s infinite 1s linear; }
  /* line 748, www/sites/trouble/html/css/_animations-new.scss */
  .door-16 section div:nth-child(4) {
    -webkit-animation: stretch16 4s infinite 1.5s linear;
            animation: stretch16 4s infinite 1.5s linear; }
  /* line 752, www/sites/trouble/html/css/_animations-new.scss */
  .door-16 section div:nth-child(5) {
    -webkit-animation: stretch16 4s infinite 2s linear;
            animation: stretch16 4s infinite 2s linear; }
  /* line 756, www/sites/trouble/html/css/_animations-new.scss */
  .door-16 section div:nth-child(6) {
    -webkit-animation: stretch16 4s infinite 2.5s linear;
            animation: stretch16 4s infinite 2.5s linear; }
  /* line 760, www/sites/trouble/html/css/_animations-new.scss */
  .door-16 section div:nth-child(7) {
    -webkit-animation: stretch16 4s infinite 3s linear;
            animation: stretch16 4s infinite 3s linear; }
  /* line 764, www/sites/trouble/html/css/_animations-new.scss */
  .door-16 section div:nth-child(8) {
    -webkit-animation: stretch16 4s infinite 3.5s linear;
            animation: stretch16 4s infinite 3.5s linear; }

/* line 769, www/sites/trouble/html/css/_animations-new.scss */
.door-17 section div {
  width: 200px;
  height: 200px;
  border-radius: 50%; }
  /* line 776, www/sites/trouble/html/css/_animations-new.scss */
  .door-17 section div:nth-child(1) {
    -webkit-animation: stretch17 4s infinite linear;
            animation: stretch17 4s infinite linear; }
  /* line 780, www/sites/trouble/html/css/_animations-new.scss */
  .door-17 section div:nth-child(2) {
    -webkit-animation: stretch17 4s infinite 0.5s linear;
            animation: stretch17 4s infinite 0.5s linear; }
  /* line 784, www/sites/trouble/html/css/_animations-new.scss */
  .door-17 section div:nth-child(3) {
    -webkit-animation: stretch17 4s infinite 1s linear;
            animation: stretch17 4s infinite 1s linear; }
  /* line 788, www/sites/trouble/html/css/_animations-new.scss */
  .door-17 section div:nth-child(4) {
    -webkit-animation: stretch17 4s infinite 1.5s linear;
            animation: stretch17 4s infinite 1.5s linear; }
  /* line 792, www/sites/trouble/html/css/_animations-new.scss */
  .door-17 section div:nth-child(5) {
    -webkit-animation: stretch17 4s infinite 2s linear;
            animation: stretch17 4s infinite 2s linear; }
  /* line 796, www/sites/trouble/html/css/_animations-new.scss */
  .door-17 section div:nth-child(6) {
    -webkit-animation: stretch17 4s infinite 2.5s linear;
            animation: stretch17 4s infinite 2.5s linear; }
  /* line 800, www/sites/trouble/html/css/_animations-new.scss */
  .door-17 section div:nth-child(7) {
    -webkit-animation: stretch17 4s infinite 3s linear;
            animation: stretch17 4s infinite 3s linear; }
  /* line 804, www/sites/trouble/html/css/_animations-new.scss */
  .door-17 section div:nth-child(8) {
    -webkit-animation: stretch17 4s infinite 3.5s linear;
            animation: stretch17 4s infinite 3.5s linear; }

/* line 809, www/sites/trouble/html/css/_animations-new.scss */
.door-18 section div {
  width: 110vw;
  height: 110vh; }
  /* line 817, www/sites/trouble/html/css/_animations-new.scss */
  .door-18 section div:nth-child(1) {
    -webkit-animation: stretch18 4s infinite linear;
            animation: stretch18 4s infinite linear; }
  /* line 821, www/sites/trouble/html/css/_animations-new.scss */
  .door-18 section div:nth-child(2) {
    -webkit-animation: stretch18 4s infinite 0.5s linear;
            animation: stretch18 4s infinite 0.5s linear; }
  /* line 825, www/sites/trouble/html/css/_animations-new.scss */
  .door-18 section div:nth-child(3) {
    -webkit-animation: stretch18 4s infinite 1s linear;
            animation: stretch18 4s infinite 1s linear; }
  /* line 829, www/sites/trouble/html/css/_animations-new.scss */
  .door-18 section div:nth-child(4) {
    -webkit-animation: stretch18 4s infinite 1.5s linear;
            animation: stretch18 4s infinite 1.5s linear; }
  /* line 833, www/sites/trouble/html/css/_animations-new.scss */
  .door-18 section div:nth-child(5) {
    -webkit-animation: stretch18 4s infinite 2s linear;
            animation: stretch18 4s infinite 2s linear; }
  /* line 837, www/sites/trouble/html/css/_animations-new.scss */
  .door-18 section div:nth-child(6) {
    -webkit-animation: stretch18 4s infinite 2.5s linear;
            animation: stretch18 4s infinite 2.5s linear; }
  /* line 841, www/sites/trouble/html/css/_animations-new.scss */
  .door-18 section div:nth-child(7) {
    -webkit-animation: stretch18 4s infinite 3s linear;
            animation: stretch18 4s infinite 3s linear; }
  /* line 845, www/sites/trouble/html/css/_animations-new.scss */
  .door-18 section div:nth-child(8) {
    -webkit-animation: stretch18 4s infinite 3.5s linear;
            animation: stretch18 4s infinite 3.5s linear; }

/* line 850, www/sites/trouble/html/css/_animations-new.scss */
.door-19 section {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }
  /* line 854, www/sites/trouble/html/css/_animations-new.scss */
  .door-19 section div {
    width: 600px;
    height: 1000px;
    border-radius: 0%; }
    /* line 863, www/sites/trouble/html/css/_animations-new.scss */
    .door-19 section div:nth-child(1) {
      -webkit-animation: stretch19 4s infinite linear;
              animation: stretch19 4s infinite linear; }
    /* line 867, www/sites/trouble/html/css/_animations-new.scss */
    .door-19 section div:nth-child(2) {
      -webkit-animation: stretch19 4s infinite 0.5s linear;
              animation: stretch19 4s infinite 0.5s linear; }
    /* line 871, www/sites/trouble/html/css/_animations-new.scss */
    .door-19 section div:nth-child(3) {
      -webkit-animation: stretch19 4s infinite 1s linear;
              animation: stretch19 4s infinite 1s linear; }
    /* line 875, www/sites/trouble/html/css/_animations-new.scss */
    .door-19 section div:nth-child(4) {
      -webkit-animation: stretch19 4s infinite 1.5s linear;
              animation: stretch19 4s infinite 1.5s linear; }
    /* line 879, www/sites/trouble/html/css/_animations-new.scss */
    .door-19 section div:nth-child(5) {
      -webkit-animation: stretch19 4s infinite 2s linear;
              animation: stretch19 4s infinite 2s linear; }
    /* line 883, www/sites/trouble/html/css/_animations-new.scss */
    .door-19 section div:nth-child(6) {
      -webkit-animation: stretch19 4s infinite 2.5s linear;
              animation: stretch19 4s infinite 2.5s linear; }
    /* line 887, www/sites/trouble/html/css/_animations-new.scss */
    .door-19 section div:nth-child(7) {
      -webkit-animation: stretch19 4s infinite 3s linear;
              animation: stretch19 4s infinite 3s linear; }
    /* line 891, www/sites/trouble/html/css/_animations-new.scss */
    .door-19 section div:nth-child(8) {
      -webkit-animation: stretch19 4s infinite 3.5s linear;
              animation: stretch19 4s infinite 3.5s linear; }

/* line 899, www/sites/trouble/html/css/_animations-new.scss */
.door-20 section div {
  width: 20vw;
  height: 5vh;
  border-radius: 30vh;
  -webkit-transform: translate(0px, -55vh);
          transform: translate(0px, -55vh); }
  /* line 910, www/sites/trouble/html/css/_animations-new.scss */
  .door-20 section div:nth-child(1) {
    -webkit-animation: stretch20 4s infinite linear;
            animation: stretch20 4s infinite linear; }
  /* line 914, www/sites/trouble/html/css/_animations-new.scss */
  .door-20 section div:nth-child(2) {
    -webkit-animation: stretch20 4s infinite 0.5s linear;
            animation: stretch20 4s infinite 0.5s linear; }
  /* line 918, www/sites/trouble/html/css/_animations-new.scss */
  .door-20 section div:nth-child(3) {
    -webkit-animation: stretch20 4s infinite 1s linear;
            animation: stretch20 4s infinite 1s linear; }
  /* line 922, www/sites/trouble/html/css/_animations-new.scss */
  .door-20 section div:nth-child(4) {
    -webkit-animation: stretch20 4s infinite 1.5s linear;
            animation: stretch20 4s infinite 1.5s linear; }
  /* line 926, www/sites/trouble/html/css/_animations-new.scss */
  .door-20 section div:nth-child(5) {
    -webkit-animation: stretch20 4s infinite 2s linear;
            animation: stretch20 4s infinite 2s linear; }
  /* line 930, www/sites/trouble/html/css/_animations-new.scss */
  .door-20 section div:nth-child(6) {
    -webkit-animation: stretch20 4s infinite 2.5s linear;
            animation: stretch20 4s infinite 2.5s linear; }
  /* line 934, www/sites/trouble/html/css/_animations-new.scss */
  .door-20 section div:nth-child(7) {
    -webkit-animation: stretch20 4s infinite 3s linear;
            animation: stretch20 4s infinite 3s linear; }
  /* line 938, www/sites/trouble/html/css/_animations-new.scss */
  .door-20 section div:nth-child(8) {
    -webkit-animation: stretch20 4s infinite 3.5s linear;
            animation: stretch20 4s infinite 3.5s linear; }

/* line 944, www/sites/trouble/html/css/_animations-new.scss */
.door-21 section {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }
  /* line 948, www/sites/trouble/html/css/_animations-new.scss */
  .door-21 section div {
    border-radius: 30%;
    width: 0vw;
    height: 0vh; }
    /* line 961, www/sites/trouble/html/css/_animations-new.scss */
    .door-21 section div:nth-child(1) {
      -webkit-animation: stretch21 4s infinite linear;
              animation: stretch21 4s infinite linear; }
    /* line 965, www/sites/trouble/html/css/_animations-new.scss */
    .door-21 section div:nth-child(2) {
      -webkit-animation: stretch21 4s infinite 0.5s linear;
              animation: stretch21 4s infinite 0.5s linear; }
    /* line 969, www/sites/trouble/html/css/_animations-new.scss */
    .door-21 section div:nth-child(3) {
      -webkit-animation: stretch21 4s infinite 1s linear;
              animation: stretch21 4s infinite 1s linear; }
    /* line 973, www/sites/trouble/html/css/_animations-new.scss */
    .door-21 section div:nth-child(4) {
      -webkit-animation: stretch21 4s infinite 1.5s linear;
              animation: stretch21 4s infinite 1.5s linear; }
    /* line 977, www/sites/trouble/html/css/_animations-new.scss */
    .door-21 section div:nth-child(5) {
      -webkit-animation: stretch21 4s infinite 2s linear;
              animation: stretch21 4s infinite 2s linear; }
    /* line 981, www/sites/trouble/html/css/_animations-new.scss */
    .door-21 section div:nth-child(6) {
      -webkit-animation: stretch21 4s infinite 2.5s linear;
              animation: stretch21 4s infinite 2.5s linear; }
    /* line 985, www/sites/trouble/html/css/_animations-new.scss */
    .door-21 section div:nth-child(7) {
      -webkit-animation: stretch21 4s infinite 3s linear;
              animation: stretch21 4s infinite 3s linear; }
    /* line 989, www/sites/trouble/html/css/_animations-new.scss */
    .door-21 section div:nth-child(8) {
      -webkit-animation: stretch21 4s infinite 3.5s linear;
              animation: stretch21 4s infinite 3.5s linear; }

/* line 995, www/sites/trouble/html/css/_animations-new.scss */
.door-22 section {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg); }
  /* line 998, www/sites/trouble/html/css/_animations-new.scss */
  .door-22 section div {
    border-radius: 20%;
    width: 0vw;
    height: 0vh;
    overflow: hidden; }
    /* line 1005, www/sites/trouble/html/css/_animations-new.scss */
    .door-22 section div:nth-child(1) {
      -webkit-animation: stretch22 4s infinite linear;
              animation: stretch22 4s infinite linear; }
    /* line 1009, www/sites/trouble/html/css/_animations-new.scss */
    .door-22 section div:nth-child(2) {
      -webkit-animation: stretch22 4s infinite 0.5s linear;
              animation: stretch22 4s infinite 0.5s linear; }
    /* line 1013, www/sites/trouble/html/css/_animations-new.scss */
    .door-22 section div:nth-child(3) {
      -webkit-animation: stretch22 4s infinite 1s linear;
              animation: stretch22 4s infinite 1s linear; }
    /* line 1017, www/sites/trouble/html/css/_animations-new.scss */
    .door-22 section div:nth-child(4) {
      -webkit-animation: stretch22 4s infinite 1.5s linear;
              animation: stretch22 4s infinite 1.5s linear; }
    /* line 1021, www/sites/trouble/html/css/_animations-new.scss */
    .door-22 section div:nth-child(5) {
      -webkit-animation: stretch22 4s infinite 2s linear;
              animation: stretch22 4s infinite 2s linear; }
    /* line 1025, www/sites/trouble/html/css/_animations-new.scss */
    .door-22 section div:nth-child(6) {
      -webkit-animation: stretch22 4s infinite 2.5s linear;
              animation: stretch22 4s infinite 2.5s linear; }
    /* line 1029, www/sites/trouble/html/css/_animations-new.scss */
    .door-22 section div:nth-child(7) {
      -webkit-animation: stretch22 4s infinite 3s linear;
              animation: stretch22 4s infinite 3s linear; }
    /* line 1033, www/sites/trouble/html/css/_animations-new.scss */
    .door-22 section div:nth-child(8) {
      -webkit-animation: stretch22 4s infinite 3.5s linear;
              animation: stretch22 4s infinite 3.5s linear; }

/* line 1041, www/sites/trouble/html/css/_animations-new.scss */
.door-23 section div {
  border-radius: 10vw;
  width: 62vw;
  height: 93vh;
  margin-top: -3vh; }
  /* line 1051, www/sites/trouble/html/css/_animations-new.scss */
  .door-23 section div:nth-child(1) {
    -webkit-animation: stretch23 4s infinite linear;
            animation: stretch23 4s infinite linear; }
  /* line 1055, www/sites/trouble/html/css/_animations-new.scss */
  .door-23 section div:nth-child(2) {
    -webkit-animation: stretch23 4s infinite 0.5s linear;
            animation: stretch23 4s infinite 0.5s linear; }
  /* line 1059, www/sites/trouble/html/css/_animations-new.scss */
  .door-23 section div:nth-child(3) {
    -webkit-animation: stretch23 4s infinite 1s linear;
            animation: stretch23 4s infinite 1s linear; }
  /* line 1063, www/sites/trouble/html/css/_animations-new.scss */
  .door-23 section div:nth-child(4) {
    -webkit-animation: stretch23 4s infinite 1.5s linear;
            animation: stretch23 4s infinite 1.5s linear; }
  /* line 1067, www/sites/trouble/html/css/_animations-new.scss */
  .door-23 section div:nth-child(5) {
    -webkit-animation: stretch23 4s infinite 2s linear;
            animation: stretch23 4s infinite 2s linear; }
  /* line 1071, www/sites/trouble/html/css/_animations-new.scss */
  .door-23 section div:nth-child(6) {
    -webkit-animation: stretch23 4s infinite 2.5s linear;
            animation: stretch23 4s infinite 2.5s linear; }
  /* line 1075, www/sites/trouble/html/css/_animations-new.scss */
  .door-23 section div:nth-child(7) {
    -webkit-animation: stretch23 4s infinite 3s linear;
            animation: stretch23 4s infinite 3s linear; }
  /* line 1079, www/sites/trouble/html/css/_animations-new.scss */
  .door-23 section div:nth-child(8) {
    -webkit-animation: stretch23 4s infinite 3.5s linear;
            animation: stretch23 4s infinite 3.5s linear; }

/* line 1085, www/sites/trouble/html/css/_animations-new.scss */
.door-24 section {
  -webkit-transform: translateX(30px);
          transform: translateX(30px); }
  /* line 1090, www/sites/trouble/html/css/_animations-new.scss */
  .door-24 section div {
    margin-top: -30vh;
    border-radius: 100vw;
    width: 10em;
    height: 1em;
    position: relative; }
    /* line 1098, www/sites/trouble/html/css/_animations-new.scss */
    .door-24 section div:nth-child(1) {
      -webkit-animation: stretch24 4s infinite linear;
              animation: stretch24 4s infinite linear; }
    /* line 1102, www/sites/trouble/html/css/_animations-new.scss */
    .door-24 section div:nth-child(2) {
      -webkit-animation: stretch24 4s infinite 0.5s linear;
              animation: stretch24 4s infinite 0.5s linear; }
    /* line 1106, www/sites/trouble/html/css/_animations-new.scss */
    .door-24 section div:nth-child(3) {
      -webkit-animation: stretch24 4s infinite 1s linear;
              animation: stretch24 4s infinite 1s linear; }
    /* line 1110, www/sites/trouble/html/css/_animations-new.scss */
    .door-24 section div:nth-child(4) {
      -webkit-animation: stretch24 4s infinite 1.5s linear;
              animation: stretch24 4s infinite 1.5s linear; }
    /* line 1114, www/sites/trouble/html/css/_animations-new.scss */
    .door-24 section div:nth-child(5) {
      -webkit-animation: stretch24 4s infinite 2s linear;
              animation: stretch24 4s infinite 2s linear; }
    /* line 1118, www/sites/trouble/html/css/_animations-new.scss */
    .door-24 section div:nth-child(6) {
      -webkit-animation: stretch24 4s infinite 2.5s linear;
              animation: stretch24 4s infinite 2.5s linear; }
    /* line 1122, www/sites/trouble/html/css/_animations-new.scss */
    .door-24 section div:nth-child(7) {
      -webkit-animation: stretch24 4s infinite 3s linear;
              animation: stretch24 4s infinite 3s linear; }
    /* line 1126, www/sites/trouble/html/css/_animations-new.scss */
    .door-24 section div:nth-child(8) {
      -webkit-animation: stretch24 4s infinite 3.5s linear;
              animation: stretch24 4s infinite 3.5s linear; }

@-webkit-keyframes stretch11 {
  50% {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    width: 2000px;
    height: 200px;
    border-radius: 50%; }
  100% {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    width: 2000px;
    height: 200px;
    -webkit-transform: rotate(210deg);
            transform: rotate(210deg);
    border-radius: 50%; } }

@keyframes stretch11 {
  50% {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    width: 2000px;
    height: 200px;
    border-radius: 50%; }
  100% {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    width: 2000px;
    height: 200px;
    -webkit-transform: rotate(210deg);
            transform: rotate(210deg);
    border-radius: 50%; } }

@-webkit-keyframes stretch12 {
  50% {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    width: 60vw;
    height: 100vh;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    border-radius: 50%; }
  100% {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    width: 90vw;
    height: 00px;
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    border-radius: 0%; } }

@keyframes stretch12 {
  50% {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    width: 60vw;
    height: 100vh;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    border-radius: 50%; }
  100% {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    width: 90vw;
    height: 00px;
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    border-radius: 0%; } }

@-webkit-keyframes stretch10 {
  1% {
    border-radius: 10%; }
  50% {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    width: 100px;
    height: 100px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    border-radius: 100%; }
  100% {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    width: 2000px;
    height: 200px;
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    border-radius: 100%; } }

@keyframes stretch10 {
  1% {
    border-radius: 10%; }
  50% {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    width: 100px;
    height: 100px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    border-radius: 100%; }
  100% {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    width: 2000px;
    height: 200px;
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    border-radius: 100%; } }

/* line 1208, www/sites/trouble/html/css/_animations-new.scss */
.ani18 {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }
  /* line 1211, www/sites/trouble/html/css/_animations-new.scss */
  .ani18 div {
    width: 3000px;
    height: 1100px; }

@-webkit-keyframes stretch24 {
  100% {
    width: 30em;
    height: 20em;
    -webkit-transform: translate(-10em, 25em);
            transform: translate(-10em, 25em);
    border-radius: 10vh; }
  50% {
    width: 910em;
    height: 66em;
    border-radius: 10vh; } }

@keyframes stretch24 {
  100% {
    width: 30em;
    height: 20em;
    -webkit-transform: translate(-10em, 25em);
            transform: translate(-10em, 25em);
    border-radius: 10vh; }
  50% {
    width: 910em;
    height: 66em;
    border-radius: 10vh; } }

@-webkit-keyframes stretch23 {
  0% {
    width: 2vw;
    height: 0vh;
    -webkit-transform: translate(0px, 44vh);
            transform: translate(0px, 44vh);
    border-radius: 20vw; }
  50% {
    width: 100vw;
    height: 60vh;
    border-radius: 0vw; } }

@keyframes stretch23 {
  0% {
    width: 2vw;
    height: 0vh;
    -webkit-transform: translate(0px, 44vh);
            transform: translate(0px, 44vh);
    border-radius: 20vw; }
  50% {
    width: 100vw;
    height: 60vh;
    border-radius: 0vw; } }

@-webkit-keyframes stretch22 {
  100% {
    width: 100vw;
    height: 140vh;
    margin-top: 2em; }
  50% {
    width: 60em;
    height: 55em;
    -webkit-transform: translate(0, -20vh);
            transform: translate(0, -20vh); }
  0% {
    width: 5em;
    height: 5em;
    -webkit-transform: translate(0, 10vh);
            transform: translate(0, 10vh);
    border-radius: 100%; } }

@keyframes stretch22 {
  100% {
    width: 100vw;
    height: 140vh;
    margin-top: 2em; }
  50% {
    width: 60em;
    height: 55em;
    -webkit-transform: translate(0, -20vh);
            transform: translate(0, -20vh); }
  0% {
    width: 5em;
    height: 5em;
    -webkit-transform: translate(0, 10vh);
            transform: translate(0, 10vh);
    border-radius: 100%; } }

@-webkit-keyframes stretch21 {
  0% {
    width: 1vw;
    height: 1vh; }
  25% {
    width: 40vw;
    height: 0vh;
    border-radius: 0vh;
    margin-left: 10vw;
    margin-top: 52vh;
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg); }
  50% {
    width: 100vw;
    height: 100vh;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    border-radius: 0%; }
  75% {
    width: 40vw;
    height: 0vh;
    border-radius: 0vh;
    margin-left: -10vw;
    margin-top: -52vh;
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg); }
  100% {
    width: 1vw;
    height: 1vh; } }

@keyframes stretch21 {
  0% {
    width: 1vw;
    height: 1vh; }
  25% {
    width: 40vw;
    height: 0vh;
    border-radius: 0vh;
    margin-left: 10vw;
    margin-top: 52vh;
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg); }
  50% {
    width: 100vw;
    height: 100vh;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    border-radius: 0%; }
  75% {
    width: 40vw;
    height: 0vh;
    border-radius: 0vh;
    margin-left: -10vw;
    margin-top: -52vh;
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg); }
  100% {
    width: 1vw;
    height: 1vh; } }

@-webkit-keyframes stretch20 {
  50% {
    width: 96vw;
    height: 86vh;
    border-radius: 10vh; }
  100% {
    width: 20vw;
    height: 5vh;
    -webkit-transform: translate(0px, 55vh);
            transform: translate(0px, 55vh);
    border-radius: 60vh; } }

@keyframes stretch20 {
  50% {
    width: 96vw;
    height: 86vh;
    border-radius: 10vh; }
  100% {
    width: 20vw;
    height: 5vh;
    -webkit-transform: translate(0px, 55vh);
            transform: translate(0px, 55vh);
    border-radius: 60vh; } }

@-webkit-keyframes stretch19 {
  50% {
    width: 1100px;
    height: 1500px; }
  100% {
    width: 2000px;
    height: 0px;
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg); } }

@keyframes stretch19 {
  50% {
    width: 1100px;
    height: 1500px; }
  100% {
    width: 2000px;
    height: 0px;
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg); } }

@-webkit-keyframes stretch18 {
  100% {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    width: 10px;
    height: 10px;
    border-radius: 100%; } }

@keyframes stretch18 {
  100% {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    width: 10px;
    height: 10px;
    border-radius: 100%; } }

@-webkit-keyframes stretch17 {
  50% {
    border-radius: 50%;
    width: 1900px;
    height: 100px;
    -webkit-transform: translate(0px, 420px);
            transform: translate(0px, 420px); }
  100% {
    width: 0px;
    height: 1100px; } }

@keyframes stretch17 {
  50% {
    border-radius: 50%;
    width: 1900px;
    height: 100px;
    -webkit-transform: translate(0px, 420px);
            transform: translate(0px, 420px); }
  100% {
    width: 0px;
    height: 1100px; } }

@-webkit-keyframes stretch16 {
  50% {
    width: 1000px;
    height: 1000px;
    border-radius: 30%; }
  100% {
    width: 400px;
    height: 400px;
    border-radius: 0%;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); } }

@keyframes stretch16 {
  50% {
    width: 1000px;
    height: 1000px;
    border-radius: 30%; }
  100% {
    width: 400px;
    height: 400px;
    border-radius: 0%;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); } }

@-webkit-keyframes stretch15 {
  100% {
    width: 100px;
    height: 1100px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    border-radius: 100%; }
  0% {
    width: 2000px;
    height: 10px;
    border-radius: 100%;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); } }

@keyframes stretch15 {
  100% {
    width: 100px;
    height: 1100px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    border-radius: 100%; }
  0% {
    width: 2000px;
    height: 10px;
    border-radius: 100%;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); } }

@-webkit-keyframes stretch14 {
  50% {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    width: 300px;
    height: 300px;
    border-radius: 100%; }
  100% {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    width: 1300px;
    height: 1200px;
    border-radius: 100%; } }

@keyframes stretch14 {
  50% {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    width: 300px;
    height: 300px;
    border-radius: 100%; }
  100% {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    width: 1300px;
    height: 1200px;
    border-radius: 100%; } }

@-webkit-keyframes stretch13 {
  100% {
    width: 0px;
    height: 0px;
    -webkit-transform: translate(50vw, 0px);
            transform: translate(50vw, 0px);
    border-radius: 100%; }
  50% {
    width: 1400px;
    height: 1400px;
    border-radius: 100%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes stretch13 {
  100% {
    width: 0px;
    height: 0px;
    -webkit-transform: translate(50vw, 0px);
            transform: translate(50vw, 0px);
    border-radius: 100%; }
  50% {
    width: 1400px;
    height: 1400px;
    border-radius: 100%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@-webkit-keyframes stretch099 {
  66% {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    width: 750px;
    height: 750px;
    border-radius: 100%;
    -webkit-transform: translate(700px, 0px);
            transform: translate(700px, 0px); }
  33% {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    width: 750px;
    height: 750px;
    -webkit-transform: translate(-700px, 0px);
            transform: translate(-700px, 0px);
    border-radius: 0%; }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
    width: 100px;
    height: 100px; } }

@keyframes stretch099 {
  66% {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    width: 750px;
    height: 750px;
    border-radius: 100%;
    -webkit-transform: translate(700px, 0px);
            transform: translate(700px, 0px); }
  33% {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    width: 750px;
    height: 750px;
    -webkit-transform: translate(-700px, 0px);
            transform: translate(-700px, 0px);
    border-radius: 0%; }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
    width: 100px;
    height: 100px; } }

@keyframes stretch10 {
  100% {
    width: 1000px;
    height: 2500px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); } }

@-webkit-keyframes stretch09 {
  100% {
    width: 1000px;
    height: 3000px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); } }

@keyframes stretch09 {
  100% {
    width: 1000px;
    height: 3000px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); } }

@-webkit-keyframes stretch08 {
  100% {
    width: 1000px;
    height: 2700px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); } }

@keyframes stretch08 {
  100% {
    width: 1000px;
    height: 2700px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); } }

@-webkit-keyframes stretch07 {
  100% {
    width: 1000px;
    height: 2500px;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes stretch07 {
  100% {
    width: 1000px;
    height: 2500px;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes stretch06 {
  100% {
    width: 3000px;
    height: 3000px;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes stretch06 {
  100% {
    width: 3000px;
    height: 3000px;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes stretch05 {
  100% {
    width: 1000px;
    height: 2500px;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes stretch05 {
  100% {
    width: 1000px;
    height: 2500px;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes stretch01 {
  100% {
    width: 0px;
    height: 3000px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); } }

@keyframes stretch01 {
  100% {
    width: 0px;
    height: 3000px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); } }

@-webkit-keyframes stretch02 {
  100% {
    width: 2000px;
    height: 2000px;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes stretch02 {
  100% {
    width: 2000px;
    height: 2000px;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes stretch03 {
  100% {
    width: 10px;
    height: 3500px;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes stretch03 {
  100% {
    width: 10px;
    height: 3500px;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

/* line 1, www/sites/trouble/html/css/_media.scss */
.media {
  margin-bottom: 3em; }
  /* line 3, www/sites/trouble/html/css/_media.scss */
  .media header {
    margin-top: 1em;
    margin-bottom: 4em; }
  /* line 8, www/sites/trouble/html/css/_media.scss */
  .media .logo-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    /* line 14, www/sites/trouble/html/css/_media.scss */
    .media .logo-container > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 30%;
              flex: 0 1 30%;
      margin-bottom: 30px; }
      /* line 18, www/sites/trouble/html/css/_media.scss */
      .media .logo-container > *.s img {
        width: 50px; }
      /* line 22, www/sites/trouble/html/css/_media.scss */
      .media .logo-container > * img {
        width: 75px;
        -webkit-filter: grayscale(100%);
                filter: grayscale(100%); }
    @media (min-width: 1000px) {
      /* line 28, www/sites/trouble/html/css/_media.scss */
      .media .logo-container > * {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 20%;
                flex: 0 1 20%;
        margin-bottom: 30px; }
        /* line 32, www/sites/trouble/html/css/_media.scss */
        .media .logo-container > *.s img {
          width: 80px; }
        /* line 36, www/sites/trouble/html/css/_media.scss */
        .media .logo-container > * img {
          width: 120px; } }

/* line 20, www/sites/trouble/html/css/styles.scss */
body {
  background: #141414;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* line 27, www/sites/trouble/html/css/styles.scss */
#container {
  margin: 30px;
  text-align: center; }

/* line 34, www/sites/trouble/html/css/styles.scss */
a {
  color: white;
  text-decoration: none; }

/* line 38, www/sites/trouble/html/css/styles.scss */
.flex-container > * {
  margin-bottom: 3em; }

@media (min-width: 1000px) {
  /* line 44, www/sites/trouble/html/css/styles.scss */
  .flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
    /* line 50, www/sites/trouble/html/css/styles.scss */
    .flex-container > * {
      width: 50%; } }