@import url("//hello.myfonts.net/count/2dc302");
@import url("//hello.myfonts.net/count/2dc302");
@import url("//hello.myfonts.net/count/2dc302");
@import url("//hello.myfonts.net/count/2dc302");
@font-face {
  font-family: 'schoolbook-web', serif;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FilmotypeGlenlake';
  src: url("/assets/fonts/filmotype-glenlake.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SouthernAire';
  src: url("/assets/fonts/2DC302_1_0.eot");
  src: url("/assets/fonts/2DC302_1_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/2DC302_1_0.woff2") format("woff2"), url("/assets/fonts/2DC302_1_0.woff") format("woff"), url("/assets/fonts/2DC302_1_0.ttf") format("truetype");
}
@font-face {
  font-family: 'schoolbook-web', serif;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FilmotypeGlenlake';
  src: url("/assets/fonts/filmotype-glenlake.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SouthernAire';
  src: url("/assets/fonts/2DC302_1_0.eot");
  src: url("/assets/fonts/2DC302_1_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/2DC302_1_0.woff2") format("woff2"), url("/assets/fonts/2DC302_1_0.woff") format("woff"), url("/assets/fonts/2DC302_1_0.ttf") format("truetype");
}
/* Pattern Library Styles */
/* line 6, ../../workspace/pattern-library/pattern-library.scss */
.pl-section {
  padding: 2em;
}

/* line 10, ../../workspace/pattern-library/pattern-library.scss */
.pl-square-block {
  width: 5em;
  height: 5em;
  margin-bottom: 10px;
  border: 3px solid #000;
  color: #ffffff;
  font-size: 10px;
}

/* line 19, ../../workspace/pattern-library/pattern-library.scss */
.pl-padded-container {
  padding: 1em;
}

/* line 23, ../../workspace/pattern-library/pattern-library.scss */
.flex-item.pl-square-block {
  flex: initial;
}

/* line 27, ../../workspace/pattern-library/pattern-library.scss */
.pl-square-block.pl-dark-text {
  color: #000;
}

/* line 31, ../../workspace/pattern-library/pattern-library.scss */
.pl-denote-text {
  color: #000;
  font-size: 1rem;
  font-family: "schoolbook-web", serif;
  margin: 1.25rem 0;
}

/* line 40, ../../workspace/pattern-library/pattern-library.scss */
.pl-section-spike .spike {
  width: 220px;
  height: 375px;
}

@font-face {
  font-family: 'schoolbook-web', serif;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FilmotypeGlenlake';
  src: url("/assets/fonts/filmotype-glenlake.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SouthernAire';
  src: url("/assets/fonts/2DC302_1_0.eot");
  src: url("/assets/fonts/2DC302_1_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/2DC302_1_0.woff2") format("woff2"), url("/assets/fonts/2DC302_1_0.woff") format("woff"), url("/assets/fonts/2DC302_1_0.ttf") format("truetype");
}
@font-face {
  font-family: 'schoolbook-web', serif;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FilmotypeGlenlake';
  src: url("/assets/fonts/filmotype-glenlake.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SouthernAire';
  src: url("/assets/fonts/2DC302_1_0.eot");
  src: url("/assets/fonts/2DC302_1_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/2DC302_1_0.woff2") format("woff2"), url("/assets/fonts/2DC302_1_0.woff") format("woff"), url("/assets/fonts/2DC302_1_0.ttf") format("truetype");
}
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/* line 8, ../../workspace/styles/main.scss */
html,
body {
  background-color: #000;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

/* line 18, ../../workspace/styles/main.scss */
button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  margin: 0;
  outline: none;
  padding: 0;
}

/* line 26, ../../workspace/styles/main.scss */
section {
  margin: 0;
  padding: 0;
}

/* line 31, ../../workspace/styles/main.scss */
p {
  color: #333333;
  font-family: "schoolbook-web", serif;
}

/* line 36, ../../workspace/styles/main.scss */
h1,
h2,
h3,
h4,
h5 {
  text-transform: uppercase;
  font-family: "futura-pt", sans-serif;
  letter-spacing: 0.1875rem;
}

/* line 45, ../../workspace/styles/main.scss */
.accent-text {
  font-family: "futura-pt-condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.5rem;
  display: block;
}

@-moz-keyframes featuredVideoPan {
  0% {
    -moz-transform: translateX(0%) translateZ(0);
    transform: translateX(0%) translateZ(0);
  }
  50% {
    -moz-transform: translateX(-50%) translateZ(0);
    transform: translateX(-50%) translateZ(0);
  }
  100% {
    -moz-transform: translateX(0%) translateZ(0);
    transform: translateX(0%) translateZ(0);
  }
}
@-webkit-keyframes featuredVideoPan {
  0% {
    -webkit-transform: translateX(0%) translateZ(0);
    transform: translateX(0%) translateZ(0);
  }
  50% {
    -webkit-transform: translateX(-50%) translateZ(0);
    transform: translateX(-50%) translateZ(0);
  }
  100% {
    -webkit-transform: translateX(0%) translateZ(0);
    transform: translateX(0%) translateZ(0);
  }
}
@keyframes featuredVideoPan {
  0% {
    -moz-transform: translateX(0%) translateZ(0);
    -ms-transform: translateX(0%) translateZ(0);
    -webkit-transform: translateX(0%) translateZ(0);
    transform: translateX(0%) translateZ(0);
  }
  50% {
    -moz-transform: translateX(-50%) translateZ(0);
    -ms-transform: translateX(-50%) translateZ(0);
    -webkit-transform: translateX(-50%) translateZ(0);
    transform: translateX(-50%) translateZ(0);
  }
  100% {
    -moz-transform: translateX(0%) translateZ(0);
    -ms-transform: translateX(0%) translateZ(0);
    -webkit-transform: translateX(0%) translateZ(0);
    transform: translateX(0%) translateZ(0);
  }
}
@-moz-keyframes shake {
  0% {
    -moz-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  25% {
    -moz-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  50% {
    -moz-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  75% {
    -moz-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  100% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  25% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes shake {
  0% {
    -moz-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  25% {
    -moz-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  50% {
    -moz-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  75% {
    -moz-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  100% {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes slowShake {
  0% {
    -moz-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  6% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  12% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  18% {
    -moz-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
  }
  24% {
    -moz-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0);
  }
  30% {
    -moz-transform: translate3d(-1px, -1px, 0);
    transform: translate3d(-1px, -1px, 0);
  }
  36% {
    -moz-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  42% {
    -moz-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
  }
  48% {
    -moz-transform: translate3d(1px, 1px, 0);
    transform: translate3d(1px, 1px, 0);
  }
  54% {
    -moz-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0);
  }
  60% {
    -moz-transform: translate3d(-1px, -1px, 0);
    transform: translate3d(-1px, -1px, 0);
  }
  66% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  72% {
    -moz-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0);
  }
  78% {
    -moz-transform: translate3d(1px, 0, 0);
    transform: translate3d(1px, 0, 0);
  }
  90% {
    -moz-transform: translate3d(1px, 1px, 0);
    transform: translate3d(1px, 1px, 0);
  }
  100% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slowShake {
  0% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  6% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  12% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  18% {
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
  }
  24% {
    -webkit-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0);
  }
  30% {
    -webkit-transform: translate3d(-1px, -1px, 0);
    transform: translate3d(-1px, -1px, 0);
  }
  36% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  42% {
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
  }
  48% {
    -webkit-transform: translate3d(1px, 1px, 0);
    transform: translate3d(1px, 1px, 0);
  }
  54% {
    -webkit-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0);
  }
  60% {
    -webkit-transform: translate3d(-1px, -1px, 0);
    transform: translate3d(-1px, -1px, 0);
  }
  66% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  72% {
    -webkit-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0);
  }
  78% {
    -webkit-transform: translate3d(1px, 0, 0);
    transform: translate3d(1px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(1px, 1px, 0);
    transform: translate3d(1px, 1px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slowShake {
  0% {
    -moz-transform: translate3d(-1px, 0, 0);
    -ms-transform: translate3d(-1px, 0, 0);
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  6% {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  12% {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  18% {
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
  }
  24% {
    -moz-transform: translate3d(0, -1px, 0);
    -ms-transform: translate3d(0, -1px, 0);
    -webkit-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0);
  }
  30% {
    -moz-transform: translate3d(-1px, -1px, 0);
    -ms-transform: translate3d(-1px, -1px, 0);
    -webkit-transform: translate3d(-1px, -1px, 0);
    transform: translate3d(-1px, -1px, 0);
  }
  36% {
    -moz-transform: translate3d(-1px, 0, 0);
    -ms-transform: translate3d(-1px, 0, 0);
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  42% {
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
  }
  48% {
    -moz-transform: translate3d(1px, 1px, 0);
    -ms-transform: translate3d(1px, 1px, 0);
    -webkit-transform: translate3d(1px, 1px, 0);
    transform: translate3d(1px, 1px, 0);
  }
  54% {
    -moz-transform: translate3d(0, -1px, 0);
    -ms-transform: translate3d(0, -1px, 0);
    -webkit-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0);
  }
  60% {
    -moz-transform: translate3d(-1px, -1px, 0);
    -ms-transform: translate3d(-1px, -1px, 0);
    -webkit-transform: translate3d(-1px, -1px, 0);
    transform: translate3d(-1px, -1px, 0);
  }
  66% {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  72% {
    -moz-transform: translate3d(0, -1px, 0);
    -ms-transform: translate3d(0, -1px, 0);
    -webkit-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0);
  }
  78% {
    -moz-transform: translate3d(1px, 0, 0);
    -ms-transform: translate3d(1px, 0, 0);
    -webkit-transform: translate3d(1px, 0, 0);
    transform: translate3d(1px, 0, 0);
  }
  90% {
    -moz-transform: translate3d(1px, 1px, 0);
    -ms-transform: translate3d(1px, 1px, 0);
    -webkit-transform: translate3d(1px, 1px, 0);
    transform: translate3d(1px, 1px, 0);
  }
  100% {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes pageShake {
  0% {
    -moz-transform: translate3d(-1px, -1px, 0) scale(1.1, 1.1);
    transform: translate3d(-1px, -1px, 0) scale(1.1, 1.1);
  }
  20% {
    -moz-transform: translate3d(0, 2px, 0) scale(1.1, 1.1);
    transform: translate3d(0, 2px, 0) scale(1.1, 1.1);
  }
  40% {
    -moz-transform: translate3d(-2px, 0, 0) scale(1.1, 1.1);
    transform: translate3d(-2px, 0, 0) scale(1.1, 1.1);
  }
  60% {
    -moz-transform: translate3d(0, 0, 0) scale(1.1, 1.1);
    transform: translate3d(0, 0, 0) scale(1.1, 1.1);
  }
  80% {
    -moz-transform: translate3d(0, -1px, 0) scale(1.1, 1.1);
    transform: translate3d(0, -1px, 0) scale(1.1, 1.1);
  }
  100% {
    -moz-transform: translate3d(0, 0, 0) scale(1.1, 1.1);
    transform: translate3d(0, 0, 0) scale(1.1, 1.1);
  }
}
@-webkit-keyframes pageShake {
  0% {
    -webkit-transform: translate3d(-1px, -1px, 0) scale(1.1, 1.1);
    transform: translate3d(-1px, -1px, 0) scale(1.1, 1.1);
  }
  20% {
    -webkit-transform: translate3d(0, 2px, 0) scale(1.1, 1.1);
    transform: translate3d(0, 2px, 0) scale(1.1, 1.1);
  }
  40% {
    -webkit-transform: translate3d(-2px, 0, 0) scale(1.1, 1.1);
    transform: translate3d(-2px, 0, 0) scale(1.1, 1.1);
  }
  60% {
    -webkit-transform: translate3d(0, 0, 0) scale(1.1, 1.1);
    transform: translate3d(0, 0, 0) scale(1.1, 1.1);
  }
  80% {
    -webkit-transform: translate3d(0, -1px, 0) scale(1.1, 1.1);
    transform: translate3d(0, -1px, 0) scale(1.1, 1.1);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1.1, 1.1);
    transform: translate3d(0, 0, 0) scale(1.1, 1.1);
  }
}
@keyframes pageShake {
  0% {
    -moz-transform: translate3d(-1px, -1px, 0) scale(1.1, 1.1);
    -ms-transform: translate3d(-1px, -1px, 0) scale(1.1, 1.1);
    -webkit-transform: translate3d(-1px, -1px, 0) scale(1.1, 1.1);
    transform: translate3d(-1px, -1px, 0) scale(1.1, 1.1);
  }
  20% {
    -moz-transform: translate3d(0, 2px, 0) scale(1.1, 1.1);
    -ms-transform: translate3d(0, 2px, 0) scale(1.1, 1.1);
    -webkit-transform: translate3d(0, 2px, 0) scale(1.1, 1.1);
    transform: translate3d(0, 2px, 0) scale(1.1, 1.1);
  }
  40% {
    -moz-transform: translate3d(-2px, 0, 0) scale(1.1, 1.1);
    -ms-transform: translate3d(-2px, 0, 0) scale(1.1, 1.1);
    -webkit-transform: translate3d(-2px, 0, 0) scale(1.1, 1.1);
    transform: translate3d(-2px, 0, 0) scale(1.1, 1.1);
  }
  60% {
    -moz-transform: translate3d(0, 0, 0) scale(1.1, 1.1);
    -ms-transform: translate3d(0, 0, 0) scale(1.1, 1.1);
    -webkit-transform: translate3d(0, 0, 0) scale(1.1, 1.1);
    transform: translate3d(0, 0, 0) scale(1.1, 1.1);
  }
  80% {
    -moz-transform: translate3d(0, -1px, 0) scale(1.1, 1.1);
    -ms-transform: translate3d(0, -1px, 0) scale(1.1, 1.1);
    -webkit-transform: translate3d(0, -1px, 0) scale(1.1, 1.1);
    transform: translate3d(0, -1px, 0) scale(1.1, 1.1);
  }
  100% {
    -moz-transform: translate3d(0, 0, 0) scale(1.1, 1.1);
    -ms-transform: translate3d(0, 0, 0) scale(1.1, 1.1);
    -webkit-transform: translate3d(0, 0, 0) scale(1.1, 1.1);
    transform: translate3d(0, 0, 0) scale(1.1, 1.1);
  }
}
@-moz-keyframes buttonMouseOn {
  0% {
    -moz-transform: translateY(0%) translateZ(0);
    transform: translateY(0%) translateZ(0);
  }
  50% {
    -moz-transform: translateY(-120%) translateZ(0);
    transform: translateY(-120%) translateZ(0);
    opacity: 0;
  }
  51% {
    -moz-transform: translateY(120%) translateZ(0);
    transform: translateY(120%) translateZ(0);
    opacity: 1;
  }
  100% {
    -moz-transform: translateY(0%) translateZ(0);
    transform: translateY(0%) translateZ(0);
  }
}
@-webkit-keyframes buttonMouseOn {
  0% {
    -webkit-transform: translateY(0%) translateZ(0);
    transform: translateY(0%) translateZ(0);
  }
  50% {
    -webkit-transform: translateY(-120%) translateZ(0);
    transform: translateY(-120%) translateZ(0);
    opacity: 0;
  }
  51% {
    -webkit-transform: translateY(120%) translateZ(0);
    transform: translateY(120%) translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0%) translateZ(0);
    transform: translateY(0%) translateZ(0);
  }
}
@keyframes buttonMouseOn {
  0% {
    -moz-transform: translateY(0%) translateZ(0);
    -ms-transform: translateY(0%) translateZ(0);
    -webkit-transform: translateY(0%) translateZ(0);
    transform: translateY(0%) translateZ(0);
  }
  50% {
    -moz-transform: translateY(-120%) translateZ(0);
    -ms-transform: translateY(-120%) translateZ(0);
    -webkit-transform: translateY(-120%) translateZ(0);
    transform: translateY(-120%) translateZ(0);
    opacity: 0;
  }
  51% {
    -moz-transform: translateY(120%) translateZ(0);
    -ms-transform: translateY(120%) translateZ(0);
    -webkit-transform: translateY(120%) translateZ(0);
    transform: translateY(120%) translateZ(0);
    opacity: 1;
  }
  100% {
    -moz-transform: translateY(0%) translateZ(0);
    -ms-transform: translateY(0%) translateZ(0);
    -webkit-transform: translateY(0%) translateZ(0);
    transform: translateY(0%) translateZ(0);
  }
}
@-moz-keyframes buttonMouseOff {
  0% {
    -moz-transform: translateY(0%) translateZ(0);
    transform: translateY(0%) translateZ(0);
  }
  50% {
    -moz-transform: translateY(120%) translateZ(0);
    transform: translateY(120%) translateZ(0);
    opacity: 0;
  }
  51% {
    -moz-transform: translateY(-120%) translateZ(0);
    transform: translateY(-120%) translateZ(0);
    opacity: 1;
  }
  100% {
    -moz-transform: translateY(0%) translateZ(0);
    transform: translateY(0%) translateZ(0);
  }
}
@-webkit-keyframes buttonMouseOff {
  0% {
    -webkit-transform: translateY(0%) translateZ(0);
    transform: translateY(0%) translateZ(0);
  }
  50% {
    -webkit-transform: translateY(120%) translateZ(0);
    transform: translateY(120%) translateZ(0);
    opacity: 0;
  }
  51% {
    -webkit-transform: translateY(-120%) translateZ(0);
    transform: translateY(-120%) translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0%) translateZ(0);
    transform: translateY(0%) translateZ(0);
  }
}
@keyframes buttonMouseOff {
  0% {
    -moz-transform: translateY(0%) translateZ(0);
    -ms-transform: translateY(0%) translateZ(0);
    -webkit-transform: translateY(0%) translateZ(0);
    transform: translateY(0%) translateZ(0);
  }
  50% {
    -moz-transform: translateY(120%) translateZ(0);
    -ms-transform: translateY(120%) translateZ(0);
    -webkit-transform: translateY(120%) translateZ(0);
    transform: translateY(120%) translateZ(0);
    opacity: 0;
  }
  51% {
    -moz-transform: translateY(-120%) translateZ(0);
    -ms-transform: translateY(-120%) translateZ(0);
    -webkit-transform: translateY(-120%) translateZ(0);
    transform: translateY(-120%) translateZ(0);
    opacity: 1;
  }
  100% {
    -moz-transform: translateY(0%) translateZ(0);
    -ms-transform: translateY(0%) translateZ(0);
    -webkit-transform: translateY(0%) translateZ(0);
    transform: translateY(0%) translateZ(0);
  }
}
/* line 190, ../../workspace/styles/main.scss */
.hidden {
  display: none;
}

/* line 194, ../../workspace/styles/main.scss */
.form {
  margin: 0;
}
/* line 196, ../../workspace/styles/main.scss */
.form .form-field {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  display: inline-block;
  border: none;
  padding: 0;
}
/* line 204, ../../workspace/styles/main.scss */
.form .form-input {
  padding: .65em 3em;
  border: none;
}
/* line 208, ../../workspace/styles/main.scss */
.form .form-label {
  font-family: "schoolbook-web", serif;
  font-size: 0.75rem;
  padding: .5em;
  position: absolute;
  background-color: #ffffff;
}
/* line 215, ../../workspace/styles/main.scss */
.form .standard-btn {
  font-family: "futura-pt", sans-serif;
  margin-left: -5px;
  height: auto;
  width: auto;
  padding: 6px 22px 7px;
  top: -2px;
  font-size: 8px;
  letter-spacing: .3em;
  border-color: #ffffff;
}

/* line 227, ../../workspace/styles/main.scss */
.form-field {
  position: relative;
}

/* line 230, ../../workspace/styles/main.scss */
.form-field-label {
  font-family: "futura-pt", sans-serif;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  padding-bottom: .25rem;
}
/* line 237, ../../workspace/styles/main.scss */
.form-field-error .form-field-label {
  color: #bd0100;
}
/* line 61, ../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.form-field-error .form-field-label:-moz-placeholder {
  color: #bd0100;
}
/* line 64, ../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.form-field-error .form-field-label::-moz-placeholder {
  color: #bd0100;
}
/* line 67, ../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.form-field-error .form-field-label:-ms-input-placeholder {
  color: #bd0100;
}
/* line 56, ../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.form-field-error .form-field-label::-webkit-input-placeholder {
  color: #bd0100;
}

/* line 244, ../../workspace/styles/main.scss */
.form-radio-label,
.form-checkbox-label {
  display: inline-block;
  position: relative;
  margin-right: 2em;
}
/* line 249, ../../workspace/styles/main.scss */
.form-radio-label .form-checkbox-input,
.form-radio-label .form-radio-input,
.form-checkbox-label .form-checkbox-input,
.form-checkbox-label .form-radio-input {
  opacity: 0;
  margin: 0 .5em 0 0;
}
/* line 254, ../../workspace/styles/main.scss */
.form-radio-label .form-radio-input:checked + .form-radio-input-span,
.form-checkbox-label .form-radio-input:checked + .form-radio-input-span {
  background: #000;
}

/* line 258, ../../workspace/styles/main.scss */
.form-checkbox-label {
  cursor: pointer;
  padding: 0 1.5em 0 3em;
  margin: 0 0 1em;
  font-family: "futura-pt", sans-serif;
  font-weight: bold;
  font-size: 0.75rem;
  min-height: 2em;
  text-transform: uppercase;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
/* line 270, ../../workspace/styles/main.scss */
.form-checkbox-label:before {
  border: 3px solid #000;
  content: "";
  display: inline-block;
  height: 1.5em;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 1.5em;
}
/* line 281, ../../workspace/styles/main.scss */
.form-checkbox-label.form-field-error {
  color: #bd0100;
}

/* line 285, ../../workspace/styles/main.scss */
.form-field-error.form-checkbox-label:before {
  border-color: #bd0100;
}

/* line 288, ../../workspace/styles/main.scss */
.form-checkbox-input {
  cursor: pointer;
  width: 1.5em;
  height: 1.5em;
  padding-left: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

/* line 298, ../../workspace/styles/main.scss */
.form-checkbox-checked:after {
  background-image: url(../assets/icons/icons.png);
  background-position: -39px -213px;
  width: 39px;
  height: 34px;
  position: absolute;
  content: '';
  display: block;
  bottom: 0;
  -moz-transform: scale(0.75, 0.75);
  -ms-transform: scale(0.75, 0.75);
  -webkit-transform: scale(0.75, 0.75);
  transform: scale(0.75, 0.75);
  left: -.25em;
  z-index: 0;
}

/* line 308, ../../workspace/styles/main.scss */
.form-text-field-input {
  display: block;
  width: 100%;
  height: 2.5rem;
  border: none;
  font-family: "schoolbook-web", serif;
  padding-left: .75em;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
/* line 317, ../../workspace/styles/main.scss */
.form-field-error .form-text-field-input {
  border: 3px solid #bd0100;
}
/* line 61, ../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.form-field-error .form-text-field-input:-moz-placeholder {
  color: #bd0100;
}
/* line 64, ../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.form-field-error .form-text-field-input::-moz-placeholder {
  color: #bd0100;
}
/* line 67, ../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.form-field-error .form-text-field-input:-ms-input-placeholder {
  color: #bd0100;
}
/* line 56, ../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.form-field-error .form-text-field-input::-webkit-input-placeholder {
  color: #bd0100;
}

/* line 324, ../../workspace/styles/main.scss */
.form-field-number-input {
  -moz-appearance: textfield;
}
/* line 327, ../../workspace/styles/main.scss */
.form-field-number-input::-webkit-inner-spin-button, .form-field-number-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 333, ../../workspace/styles/main.scss */
.form-radio-input-span {
  border-radius: 50%;
  display: inline-block;
  height: 1em;
  width: 1em;
  border: 3px solid #000;
  position: absolute;
  top: 0;
  pointer-events: none;
  left: 0;
}

/* line 345, ../../workspace/styles/main.scss */
.form-field-required .form-field-label:after,
.form-field-required .form-checkbox-label-dark:after {
  content: "*";
}

/* line 350, ../../workspace/styles/main.scss */
.form-dropdown {
  position: relative;
  display: block;
}

/* line 355, ../../workspace/styles/main.scss */
.form-dropdown-container {
  background: #ffffff url("../assets/texture-noise@1x.png") repeat;
  box-sizing: border-box;
  padding-right: 48px;
  height: 2.5em;
  overflow: hidden;
  position: relative;
  width: 100%;
}
/* line 363, ../../workspace/styles/main.scss */
.form-dropdown-container:before {
  background: #ffffff;
  content: '';
  display: block;
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 7px 6px 0;
  border-color: #000 transparent transparent;
  right: .9em;
  top: 1em;
  z-index: 2;
  pointer-events: none;
}
@media all and (min-width: 901px) {
  /* line 379, ../../workspace/styles/main.scss */
  .form-dropdown-container.form-dropdown-container.form-dropdown-options-container-active, .form-dropdown-container.dropdown-option-container-active {
    overflow: visible;
  }
}

/* line 385, ../../workspace/styles/main.scss */
.form-dropdown-option {
  box-sizing: border-box;
  cursor: pointer;
  font-family: "schoolbook-web", serif;
  font-size: 11px;
  min-height: 3em;
  border-bottom: #000 1px solid;
  color: #000;
  padding: .9em 0;
  margin: 0 .9em;
}
/* line 395, ../../workspace/styles/main.scss */
.form-dropdown-option:last-child {
  border-bottom: none;
}

/* line 399, ../../workspace/styles/main.scss */
.form-dropdown-option-selected {
  border-bottom: #000 3px solid;
  padding-top: 1.2em;
}

/* line 403, ../../workspace/styles/main.scss */
.form-dropdown-option-highlighted {
  background-color: #ebeae5;
}

/* line 406, ../../workspace/styles/main.scss */
.form-dropdown-select {
  border: 1em solid transparent;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  opacity: 0;
  z-index: 3;
  width: 100%;
}
@media all and (min-width: 901px) {
  /* line 406, ../../workspace/styles/main.scss */
  .form-dropdown-select {
    display: none;
  }
}

/* line 420, ../../workspace/styles/main.scss */
.form-dropdown-value-container {
  cursor: pointer;
  color: #000;
  box-sizing: border-box;
  font-family: "schoolbook-web", serif;
  font-size: 11px;
  height: 100%;
  left: 0;
  padding: 1.2em 0.9em;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
/* line 433, ../../workspace/styles/main.scss */
.form-dropdown-options-container-active .form-dropdown-value-container {
  z-index: 0;
}

/* line 437, ../../workspace/styles/main.scss */
.form-dropdown-options-container {
  background: #ffffff url("../assets/texture-noise@1x.png") repeat;
  left: 0;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 0;
}
/* line 447, ../../workspace/styles/main.scss */
.form-dropdown-options-container-active .form-dropdown-options-container {
  overflow-y: auto;
  height: auto;
  max-height: 300px;
  visibility: visible;
  z-index: 3;
}

/* line 455, ../../workspace/styles/main.scss */
.form-dropdown-options-container-active:before {
  z-index: 4;
}

/* line 458, ../../workspace/styles/main.scss */
.form-dropdown-value {
  background-color: #000;
  color: #ffffff;
  font-family: "futura-pt", sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 0.75rem;
  padding: 1em;
  text-transform: uppercase;
  margin-right: .25em;
}
/* line 468, ../../workspace/styles/main.scss */
.form-dropdown-value::after {
  content: '';
  display: block;
  border-left: 0.5em solid transparent;
  border-top: 0.5em solid #ffffff;
  border-right: 0.5em solid transparent;
  margin-left: -.5em;
  margin-top: -.2em;
  position: absolute;
  right: 18px;
  top: 50%;
  z-index: 2;
}

/* line 483, ../../workspace/styles/main.scss */
.standard-btn {
  background-image: url("../assets/texture-noise@1x.png");
  border-color: #000;
  border-width: 2px;
  border-style: solid;
  box-sizing: border-box;
  height: auto;
  display: block;
  font-family: "futura-pt", sans-serif;
  font-size: 0.625rem;
  font-weight: bold;
  letter-spacing: 0.1875rem;
  padding: 11px 15px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  width: auto;
}
/* line 501, ../../workspace/styles/main.scss */
.standard-btn.standard-btn-light {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000;
}
/* line 506, ../../workspace/styles/main.scss */
.standard-btn.standard-btn-dark {
  background-color: #000;
  border-color: #000;
  color: #ffffff;
}

/* line 512, ../../workspace/styles/main.scss */
.standard-btn-rollover-text {
  position: relative;
  display: block;
  -moz-animation: buttonMouseOff 400ms ease-out;
  -webkit-animation: buttonMouseOff 400ms ease-out;
  animation: buttonMouseOff 400ms ease-out;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
/* line 517, ../../workspace/styles/main.scss */
.standard-btn:hover .standard-btn-rollover-text {
  -moz-animation: buttonMouseOn 200ms ease-in-out;
  -webkit-animation: buttonMouseOn 200ms ease-in-out;
  animation: buttonMouseOn 200ms ease-in-out;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

/* line 522, ../../workspace/styles/main.scss */
.play-btn {
  background: url("/assets/play-button-light.png") no-repeat;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain;
  height: 77px;
  overflow: hidden;
  padding-left: 77px;
  width: 0;
}
/* line 530, ../../workspace/styles/main.scss */
.play-btn.simulation-media-module-play-btn {
  background: url("/assets/play-button-light-thumbnail.png") no-repeat;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain;
  width: 66px;
  height: 66px;
  max-height: none;
  top: 10px;
}

/* line 540, ../../workspace/styles/main.scss */
.icon {
  clip: auto;
  color: transparent;
  display: block;
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  width: 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

/* line 545, ../../workspace/styles/main.scss */
.download-btn-icon {
  left: -1em;
  top: .25em;
  display: inline-block;
  position: relative;
  margin-top: -1.2em;
  margin-left: -3em;
}
/* line 553, ../../workspace/styles/main.scss */
.android-download-btn .download-btn-icon {
  margin-left: -5.5em;
}
/* line 556, ../../workspace/styles/main.scss */
.windows-phone-download-btn .download-btn-icon {
  margin-left: -6.5em;
}
/* line 559, ../../workspace/styles/main.scss */
.steam-download-btn .download-btn-icon {
  margin-left: -5.5em;
}

/* line 563, ../../workspace/styles/main.scss */
.download-btn-text {
  position: absolute;
  top: 1em;
  left: 7em;
  -moz-animation: buttonMouseOff 500ms ease-out;
  -webkit-animation: buttonMouseOff 500ms ease-out;
  animation: buttonMouseOff 500ms ease-out;
}
/* line 568, ../../workspace/styles/main.scss */
.android-download-btn .download-btn-text {
  left: 5em;
}
/* line 571, ../../workspace/styles/main.scss */
.windows-phone-download-btn .download-btn-text {
  left: 5em;
}
/* line 574, ../../workspace/styles/main.scss */
.steam-download-btn .download-btn-text {
  left: 6em;
}
/* line 577, ../../workspace/styles/main.scss */
.download-button:hover .download-btn-text {
  -moz-animation: buttonMouseOn 200ms ease-in-out;
  -webkit-animation: buttonMouseOn 200ms ease-in-out;
  animation: buttonMouseOn 200ms ease-in-out;
}

/* line 581, ../../workspace/styles/main.scss */
.text-icon {
  width: 100%;
  height: 100%;
  position: relative;
}

/* line 586, ../../workspace/styles/main.scss */
.vt-icon {
  background-image: url("/assets/vault-tec-icon-black.svg");
  background-position: center -22px;
  background-size: 80px auto;
  background-repeat: no-repeat;
  height: 30px;
  width: 50px;
}

/* line 594, ../../workspace/styles/main.scss */
.vt-icon-white {
  width: 72px;
  height: 30px;
  background: url("../assets/icons/icons.png") -286px -129px;
}

/* line 599, ../../workspace/styles/main.scss */
.apple-icon-sm {
  width: 12px;
  height: 16px;
  background: url("../assets/icons/icons.png") -358px -129px;
}

/* line 604, ../../workspace/styles/main.scss */
.android-icon-sm {
  width: 14px;
  height: 16px;
  background: url("../assets/icons/icons.png") -361px -108px;
}

/* line 609, ../../workspace/styles/main.scss */
.windows-phone-icon-sm {
  width: 19px;
  height: 17px;
  background: url("../assets/icons/icons.png") -342px -108px;
}

/* line 614, ../../workspace/styles/main.scss */
.pc-icon-sm {
  background-image: url("/assets/icons/pc-icon.svg");
  width: 17px;
  height: 15px;
}

/* line 619, ../../workspace/styles/main.scss */
.callout-arrow-icon {
  background-image: url(../assets/icons/icons.png);
  background-position: -160px -122px;
  width: 39px;
  height: 36px;
}

/* line 622, ../../workspace/styles/main.scss */
.preorder-arrow-small {
  background: url("../assets/icons/icons.png") 0px -161px;
  width: 70px;
  height: 52px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 3px;
}

/* line 631, ../../workspace/styles/main.scss */
.esrb-privacy-icon {
  background: url("../assets/icons/icons.png") -214px 0px;
  height: 64px;
  width: 172px;
}

/* line 636, ../../workspace/styles/main.scss */
.esrb-rating-icon {
  background: url("../assets/icons/icons.png") -214px -64px;
  height: 65px;
  width: 128px;
}

/* line 641, ../../workspace/styles/main.scss */
.esrb-privacy-icon-large {
  background: url("/assets/icons/esrb-privacy-icon-large.png");
}

/* line 644, ../../workspace/styles/main.scss */
.esrb-rating-icon-large {
  background: url("/assets/icons/esrb-rating-icon-large.png");
}

/* line 648, ../../workspace/styles/main.scss */
.franchise-icon {
  background-image: url("/assets/icons/franchise-icon.svg");
  width: 93px;
  height: 40px;
}

/* line 653, ../../workspace/styles/main.scss */
.beth-soft-icon {
  background-image: url("/assets/icons/bethesda-icon-black.svg");
  width: 323px;
  height: 46px;
}

/* line 658, ../../workspace/styles/main.scss */
.beth-soft-icon-white {
  background-image: url("/assets/icons/bethesda-icon-white.svg");
  width: 323px;
  height: 46px;
}

/* line 663, ../../workspace/styles/main.scss */
.beth-studios-icon-white {
  background-image: url("/assets/icons/bethesda-studios-icon-white.svg");
  width: 309px;
  height: 145px;
}

/* line 668, ../../workspace/styles/main.scss */
.beth-studios-icon {
  background-image: url("/assets/icons/bethesda-studios-icon-black.svg");
  width: 309px;
  height: 145px;
}

/* line 673, ../../workspace/styles/main.scss */
.xbox-360-icon {
  background-image: url("/assets/icons/xbox-360-icon.svg");
  width: 96px;
  height: 18px;
}

/* line 678, ../../workspace/styles/main.scss */
.xbox-360-icon-black {
  background-image: url("/assets/icons/xbox-360-icon-black.svg");
  width: 96px;
  height: 20px;
}

/* line 683, ../../workspace/styles/main.scss */
.xbox-one-icon {
  background-image: url("/assets/icons/xbox-one-icon.svg");
  width: 96px;
  height: 17px;
}

/* line 688, ../../workspace/styles/main.scss */
.xbox-one-logo-icon {
  background-image: url("/assets/icons/xbox-one.svg");
  width: 96px;
  height: 18px;
}

/* line 693, ../../workspace/styles/main.scss */
.xbox-one-icon-black {
  background-image: url("/assets/icons/xbox-one-icon-black.svg");
  width: 96px;
  height: 20px;
}

/* line 698, ../../workspace/styles/main.scss */
.ps4-icon {
  background-image: url("/assets/icons/ps4-icon.svg");
  width: 96px;
  height: 18px;
}

/* line 703, ../../workspace/styles/main.scss */
.ps4-icon-black {
  background-image: url("/assets/icons/ps4-icon-black.svg");
  width: 96px;
  height: 21px;
}

/* line 708, ../../workspace/styles/main.scss */
.ps3-icon {
  background-image: url("/assets/icons/ps3-icon.svg");
  width: 128px;
  height: 24px;
}

/* line 713, ../../workspace/styles/main.scss */
.ps3-icon-black {
  background-image: url("/assets/icons/ps3-icon-black.svg");
  width: 128px;
  height: 24px;
}

/* line 718, ../../workspace/styles/main.scss */
.pc-icon {
  background-image: url("/assets/icons/pc-icon.svg");
  width: 30px;
  height: 30px;
}

/* line 723, ../../workspace/styles/main.scss */
.pc-icon-black {
  background-image: url("/assets/icons/pc-icon-black.svg");
  width: 30px;
  height: 30px;
}

/* line 728, ../../workspace/styles/main.scss */
.mac-icon {
  background-image: url("/assets/icons/mac-icon.svg");
  width: 30px;
  height: 30px;
}

/* line 733, ../../workspace/styles/main.scss */
.mac-icon-black {
  background-image: url("/assets/icons/mac-icon-black.svg");
  width: 30px;
  height: 30px;
}

/* line 738, ../../workspace/styles/main.scss */
.steam-icon {
  background-image: url("/assets/icons/steam-icon.svg");
  width: 60px;
  height: 30px;
}

/* line 743, ../../workspace/styles/main.scss */
.steam-icon-black {
  background-image: url("/assets/icons/steam-icon-black.svg");
  width: 60px;
  height: 30px;
}

/* line 748, ../../workspace/styles/main.scss */
.steam-lockups-icon {
  background-image: url("/assets/icons/steam-lockups-icon.svg");
  width: 96px;
  height: 18px;
}

/* line 754, ../../workspace/styles/main.scss */
.rating-pt-br_pegi-18 {
  background-image: url("/assets/ratings/pegi-18.svg");
  width: 104px;
  height: 60px;
}

/* line 759, ../../workspace/styles/main.scss */
.rating-de-de_pegi-18 {
  background-image: url("/assets/ratings/pegi-18.svg");
  width: 45px;
  height: 60px;
}

/* line 764, ../../workspace/styles/main.scss */
.rating-icon.rating-en-gb_OFLC_MA15 {
  background-image: url("/assets/ratings/OFLC_large_MA15+.svg");
  width: 150px;
  height: 60px;
}

/* line 769, ../../workspace/styles/main.scss */
.rating-en-us_esrb-rp {
  background-image: url("/assets/ratings/en-us_esrb-rp.svg");
  width: 131px;
  height: 60px;
}

/* line 774, ../../workspace/styles/main.scss */
.rating-en-us_esrb-rp-m {
  background-image: url("/assets/ratings/en-us_esrb-m.svg");
  width: 138px;
  height: 120px;
}

/* line 779, ../../workspace/styles/main.scss */
.rating-en-gb_pegi-18,
.rating-es-es_pegi-18 {
  background-image: url("/assets/ratings/pegi-18.svg");
  width: 42px;
  height: 60px;
  background-size: contain;
}

/* line 786, ../../workspace/styles/main.scss */
.rating-fr-fr_pegi-18 {
  background-image: url("/assets/ratings/pegi-18.svg");
  width: 50px;
  height: 60px;
}

/* line 791, ../../workspace/styles/main.scss */
.rating-it-it_pegi-18 {
  background-image: url("/assets/ratings/pegi-18.svg");
  width: 50px;
  height: 60px;
}

/* line 796, ../../workspace/styles/main.scss */
.rating-ja_cero-rp {
  background-image: url("/assets/ratings/ja_cero-rp.svg");
  width: 55px;
  height: 60px;
}

/* line 801, ../../workspace/styles/main.scss */
.rating-pl_pegi-18 {
  background-image: url("/assets/ratings/pegi-18.svg");
  width: 50px;
  height: 60px;
}

/* line 806, ../../workspace/styles/main.scss */
.rating-ru_pegi-18 {
  background-image: url("/assets/ratings/pegi-18.svg");
  width: 140px;
  height: 60px;
}

/* line 811, ../../workspace/styles/main.scss */
.rating-de-de_usk {
  background-image: url("/assets/ratings/de-de_usk.svg");
  height: 60px;
  width: 50px;
}

/* line 817, ../../workspace/styles/main.scss */
.download-btn-svg {
  width: 135px;
  height: 40px;
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 0.5em 0.25em;
}
@media all and (min-width: 901px) {
  /* line 817, ../../workspace/styles/main.scss */
  .download-btn-svg {
    width: 172px;
    height: 60px;
    margin-top: auto;
  }
}

/* line 831, ../../workspace/styles/main.scss */
.en-us_googleplay, .en-gb_googleplay {
  background-image: url("/assets/downloads/en-us_googleplay.svg");
}

/* line 834, ../../workspace/styles/main.scss */
.es-es_googleplay {
  background-image: url("/assets/downloads/es-es_googleplay.svg");
}

/* line 837, ../../workspace/styles/main.scss */
.fr-fr_googleplay {
  background-image: url("/assets/downloads/fr-fr_googleplay.svg");
}

/* line 840, ../../workspace/styles/main.scss */
.de-de_googleplay {
  background-image: url("/assets/downloads/de-de_googleplay.svg");
}

/* line 843, ../../workspace/styles/main.scss */
.pl_googleplay {
  background-image: url("/assets/downloads/pl-pl_googleplay.svg");
}

/* line 846, ../../workspace/styles/main.scss */
.pt-br_googleplay {
  background-image: url("/assets/downloads/pt-br_googleplay.svg");
}

/* line 849, ../../workspace/styles/main.scss */
.it-it_googleplay {
  background-image: url("/assets/downloads/it-it_googleplay.svg");
}

/* line 852, ../../workspace/styles/main.scss */
.ru_googleplay {
  background-image: url("/assets/downloads/ru-ru_googleplay.svg");
}

/* line 855, ../../workspace/styles/main.scss */
.ja_googleplay {
  background-image: url("/assets/downloads/jp-jp_googleplay.svg");
}

/* line 859, ../../workspace/styles/main.scss */
.en-us_applestore, .en-gb_applestore {
  background-image: url("/assets/downloads/en-us_applestore.svg");
}

/* line 862, ../../workspace/styles/main.scss */
.es-es_applestore {
  background-image: url("/assets/downloads/es-es_applestore.svg");
}

/* line 865, ../../workspace/styles/main.scss */
.fr-fr_applestore {
  background-image: url("/assets/downloads/fr-fr_applestore.svg");
}

/* line 868, ../../workspace/styles/main.scss */
.de-de_applestore {
  background-image: url("/assets/downloads/de-de_applestore.svg");
}

/* line 871, ../../workspace/styles/main.scss */
.pl_applestore {
  background-image: url("/assets/downloads/pl-pl_applestore.svg");
}

/* line 874, ../../workspace/styles/main.scss */
.pt-br_applestore {
  background-image: url("/assets/downloads/pt-br_applestore.svg");
}

/* line 877, ../../workspace/styles/main.scss */
.it-it_applestore {
  background-image: url("/assets/downloads/it-it_applestore.svg");
}

/* line 880, ../../workspace/styles/main.scss */
.ru_applestore {
  background-image: url("/assets/downloads/ru-ru_applestore.svg");
}

/* line 883, ../../workspace/styles/main.scss */
.ja_applestore {
  background-image: url("/assets/downloads/jp-jp_applestore.svg");
}

/* line 888, ../../workspace/styles/main.scss */
.en-us_windowsphonestore, .en-gb_windowsphonestore {
  background-image: url("/assets/downloads/en-us_windowsphonestore.svg");
}

/* line 891, ../../workspace/styles/main.scss */
.es-es_windowsphonestore {
  background-image: url("/assets/downloads/es-es_windowsphonestore.svg");
}

/* line 894, ../../workspace/styles/main.scss */
.fr-fr_windowsphonestore {
  background-image: url("/assets/downloads/fr-fr_windowsphonestore.svg");
}

/* line 897, ../../workspace/styles/main.scss */
.de-de_windowsphonestore {
  background-image: url("/assets/downloads/de-de_windowsphonestore.svg");
}

/* line 900, ../../workspace/styles/main.scss */
.pl_windowsphonestore {
  background-image: url("/assets/downloads/pl-pl_windowsphonestore.svg");
}

/* line 903, ../../workspace/styles/main.scss */
.pt-br_windowsphonestore {
  background-image: url("/assets/downloads/pt-br_windowsphonestore.svg");
}

/* line 906, ../../workspace/styles/main.scss */
.it-it_windowsphonestore {
  background-image: url("/assets/downloads/it-it_windowsphonestore.svg");
}

/* line 909, ../../workspace/styles/main.scss */
.ru_windowsphonestore {
  background-image: url("/assets/downloads/ru-ru_windowsphonestore.svg");
}

/* line 912, ../../workspace/styles/main.scss */
.ja_windowsphonestore {
  background-image: url("/assets/downloads/jp-jp_windowsphonestore.png");
}

/* line 917, ../../workspace/styles/main.scss */
.en-us_pc, .en-gb_pc {
  background-image: url("/assets/downloads/en-us_pc.svg");
}

/* line 920, ../../workspace/styles/main.scss */
.es-es_pc {
  background-image: url("/assets/downloads/es-es_pc.svg");
}

/* line 923, ../../workspace/styles/main.scss */
.fr-fr_pc {
  background-image: url("/assets/downloads/fr-fr_pc.svg");
}

/* line 926, ../../workspace/styles/main.scss */
.de-de_pc {
  background-image: url("/assets/downloads/de-de_pc.svg");
}

/* line 929, ../../workspace/styles/main.scss */
.pl_pc {
  background-image: url("/assets/downloads/pl-pl_pc.svg");
}

/* line 932, ../../workspace/styles/main.scss */
.pt-br_pc {
  background-image: url("/assets/downloads/pt-br_pc.svg");
}

/* line 935, ../../workspace/styles/main.scss */
.it-it_pc {
  background-image: url("/assets/downloads/it-it_pc.svg");
}

/* line 938, ../../workspace/styles/main.scss */
.ru_pc {
  background-image: url("/assets/downloads/ru-ru_pc.svg");
}

/* line 941, ../../workspace/styles/main.scss */
.ja_pc {
  background-image: url("/assets/downloads/ja-ja_pc.svg");
}

/* line 946, ../../workspace/styles/main.scss */
.en-us_steam, .en-gb_steam {
  background-image: url("/assets/downloads/en-us_steam.svg");
}

/* line 949, ../../workspace/styles/main.scss */
.es-es_steam {
  background-image: url("/assets/downloads/es-es_steam.svg");
}

/* line 952, ../../workspace/styles/main.scss */
.fr-fr_steam {
  background-image: url("/assets/downloads/fr-fr_steam.svg");
}

/* line 955, ../../workspace/styles/main.scss */
.de-de_steam {
  background-image: url("/assets/downloads/de-de_steam.svg");
}

/* line 958, ../../workspace/styles/main.scss */
.pl_steam {
  background-image: url("/assets/downloads/pl-pl_steam.svg");
}

/* line 961, ../../workspace/styles/main.scss */
.pt-br_steam {
  background-image: url("/assets/downloads/pt-br_steam.svg");
}

/* line 964, ../../workspace/styles/main.scss */
.it-it_steam {
  background-image: url("/assets/downloads/it-it_steam.svg");
}

/* line 967, ../../workspace/styles/main.scss */
.ru_steam {
  background-image: url("/assets/downloads/ru-ru_steam.svg");
}

/* line 970, ../../workspace/styles/main.scss */
.ja_steam {
  background-image: url("/assets/downloads/jp-jp_steam.svg");
}

/* line 975, ../../workspace/styles/main.scss */
.en-us_xbox, .en-gb_xbox {
  background-image: url("/assets/downloads/en-us_xbox.svg");
}

/* line 978, ../../workspace/styles/main.scss */
.es-es_xbox {
  background-image: url("/assets/downloads/es-es_xbox.svg");
}

/* line 981, ../../workspace/styles/main.scss */
.fr-fr_xbox {
  background-image: url("/assets/downloads/fr-fr_xbox.svg");
}

/* line 984, ../../workspace/styles/main.scss */
.de-de_xbox {
  background-image: url("/assets/downloads/de-de_xbox.svg");
}

/* line 987, ../../workspace/styles/main.scss */
.pl_xbox {
  background-image: url("/assets/downloads/pl-pl_xbox.svg");
}

/* line 990, ../../workspace/styles/main.scss */
.pt-br_xbox {
  background-image: url("/assets/downloads/pt-br_xbox.svg");
}

/* line 993, ../../workspace/styles/main.scss */
.it-it_xbox {
  background-image: url("/assets/downloads/it-it_xbox.svg");
}

/* line 996, ../../workspace/styles/main.scss */
.ru_xbox {
  background-image: url("/assets/downloads/ru-ru_xbox.svg");
}

/* line 999, ../../workspace/styles/main.scss */
.ja_xbox {
  background-image: url("/assets/downloads/ja-ja_xbox.svg");
}

/* line 1011, ../../workspace/styles/main.scss */
.social-network-icon.youtube-icon {
  background: url("/assets/icons/youtube-white-circle.svg");
  width: 2.5rem;
  height: 2.5rem;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media all and (max-width: 901px) {
  /* line 1011, ../../workspace/styles/main.scss */
  .social-network-icon.youtube-icon {
    height: 2.25rem;
    width: 2.25rem;
  }
}
@media (orientation: landscape) {
  /* line 1011, ../../workspace/styles/main.scss */
  .social-network-icon.youtube-icon {
    height: 2.875rem;
    width: 2.875rem;
  }
}
/* line 1026, ../../workspace/styles/main.scss */
.social-network-icon.twitter-icon {
  background: url("/assets/icons/twitter-white-circle.svg");
  width: 2.5rem;
  height: 2.5rem;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media all and (max-width: 901px) {
  /* line 1026, ../../workspace/styles/main.scss */
  .social-network-icon.twitter-icon {
    height: 2.25rem;
    width: 2.25rem;
  }
}
@media (orientation: landscape) {
  /* line 1026, ../../workspace/styles/main.scss */
  .social-network-icon.twitter-icon {
    height: 2.875rem;
    width: 2.875rem;
  }
}
/* line 1041, ../../workspace/styles/main.scss */
.social-network-icon.facebook-icon {
  background: url("/assets/icons/facebook-white-circle.svg");
  width: 2.5rem;
  height: 2.5rem;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media all and (max-width: 901px) {
  /* line 1041, ../../workspace/styles/main.scss */
  .social-network-icon.facebook-icon {
    height: 2.25rem;
    width: 2.25rem;
  }
}
@media (orientation: landscape) {
  /* line 1041, ../../workspace/styles/main.scss */
  .social-network-icon.facebook-icon {
    height: 2.875rem;
    width: 2.875rem;
  }
}
/* line 1056, ../../workspace/styles/main.scss */
.social-network-icon.tumblr-icon {
  background: url("/assets/icons/tumbler-white-circle.svg");
  width: 2.5rem;
  height: 2.5rem;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media all and (max-width: 901px) {
  /* line 1056, ../../workspace/styles/main.scss */
  .social-network-icon.tumblr-icon {
    height: 2.25rem;
    width: 2.25rem;
  }
}
@media (orientation: landscape) {
  /* line 1056, ../../workspace/styles/main.scss */
  .social-network-icon.tumblr-icon {
    height: 2.875rem;
    width: 2.875rem;
  }
}
/* line 1071, ../../workspace/styles/main.scss */
.social-network-icon.vine-icon {
  background: url("/assets/icons/vine-white-circle.svg");
  width: 2.5rem;
  height: 2.5rem;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media all and (max-width: 901px) {
  /* line 1071, ../../workspace/styles/main.scss */
  .social-network-icon.vine-icon {
    height: 2.25rem;
    width: 2.25rem;
  }
}
@media (orientation: landscape) {
  /* line 1071, ../../workspace/styles/main.scss */
  .social-network-icon.vine-icon {
    height: 2.875rem;
    width: 2.875rem;
  }
}
/* line 1086, ../../workspace/styles/main.scss */
.social-network-icon.instagram-icon {
  background: url("/assets/icons/instagram-white-circle.svg");
  width: 2.5rem;
  height: 2.5rem;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media all and (max-width: 901px) {
  /* line 1086, ../../workspace/styles/main.scss */
  .social-network-icon.instagram-icon {
    height: 2.25rem;
    width: 2.25rem;
  }
}
@media (orientation: landscape) {
  /* line 1086, ../../workspace/styles/main.scss */
  .social-network-icon.instagram-icon {
    height: 2.875rem;
    width: 2.875rem;
  }
}
/* line 1101, ../../workspace/styles/main.scss */
.social-network-icon.bethesdanet-icon {
  background: url("/assets/icons/bethesda-white-circle.svg");
  width: 2.5rem;
  height: 2.5rem;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media all and (max-width: 901px) {
  /* line 1101, ../../workspace/styles/main.scss */
  .social-network-icon.bethesdanet-icon {
    height: 2.25rem;
    width: 2.25rem;
  }
}
@media (orientation: landscape) {
  /* line 1101, ../../workspace/styles/main.scss */
  .social-network-icon.bethesdanet-icon {
    height: 2.875rem;
    width: 2.875rem;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 1119, ../../workspace/styles/main.scss */
  .social-media-feed-spike .social-network-icon.youtube-icon, .social-media-feed-spike .social-network-icon.twitter-icon, .social-media-feed-spike .social-network-icon.facebook-icon, .social-media-feed-spike .social-network-icon.vine-icon, .social-media-feed-spike .social-network-icon.tumblr-icon, .social-media-feed-spike .social-network-icon.instagram-icon, .social-media-feed-spike .social-network-icon.bethesdanet-icon {
    width: 2.5rem;
    height: 2.5rem;
  }
}
/* line 1132, ../../workspace/styles/main.scss */
.app {
  background-color: #000;
  height: 100%;
  left: 0;
  overflow: hidden;
  opacity: 0;
  position: absolute;
  transition: opacity 500ms ease-in-out 285ms, visibility 500ms ease-in-out 285ms, z-index 501ms linear 285ms;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  visibility: hidden;
  top: 0;
  width: 100%;
  z-index: 1;
}
/* line 1146, ../../workspace/styles/main.scss */
.page-active .app {
  transition: opacity 500ms ease-in-out 285ms, visibility 500ms ease-in-out 285ms;
  overflow: visible;
  visibility: visible;
  opacity: 1;
  z-index: 2;
}
/* line 1153, ../../workspace/styles/main.scss */
.page-loading.page-active .app {
  transition-delay: 0ms;
}
/* line 1156, ../../workspace/styles/main.scss */
.modal-container-active.page-active .app {
  overflow: visible;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}
/* line 1165, ../../workspace/styles/main.scss */
.page-error-active .app {
  overflow: hidden;
  z-index: 1;
}

/* line 1171, ../../workspace/styles/main.scss */
.pages {
  position: relative;
}

/* line 1174, ../../workspace/styles/main.scss */
.page {
  background: #ecebe8 url("../assets/texture-noise@1x.png") repeat;
  box-sizing: border-box;
  height: 100%;
  left: 0;
  overflow: hidden;
  padding-top: 69px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
/* line 1186, ../../workspace/styles/main.scss */
.page:before {
  background-color: #000;
  content: "";
  display: block;
  height: 69px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/* line 1196, ../../workspace/styles/main.scss */
.page.page-active {
  overflow: visible;
  height: auto;
  position: relative;
  z-index: 1;
}

/* line 1204, ../../workspace/styles/main.scss */
.page-sub-nav-module.module {
  min-height: 0;
}

/* line 1207, ../../workspace/styles/main.scss */
.page-sub-nav-module-wrapper {
  margin: 0 auto;
  max-width: 1100px;
  padding: 0 1rem;
}

/* line 1212, ../../workspace/styles/main.scss */
.page-sub-nav.section-heading {
  display: none;
  text-align: center;
  align-content: space-between;
  padding: 0;
  margin: 0;
}

/* line 1219, ../../workspace/styles/main.scss */
.page-sub-nav-item {
  margin: 0 2em;
  padding: 0;
  font-size: 12px;
  display: -webkit-inline-flex;
  display: inline-flex;
  position: relative;
}
/* line 1225, ../../workspace/styles/main.scss */
.page-sub-nav-item .page-sub-nav-item-heading {
  font-family: "futura-pt", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 1.2em 0;
  font-size: 1.17em;
}
@media all and (min-width: 901px) {
  /* line 39, ../../workspace/styles/_mixins.scss */
  .page-sub-nav-item .page-sub-nav-item-heading:after {
    content: ' ';
    display: block;
    margin-top: 0.25rem;
    height: 2px;
    width: 0;
    -moz-transition: width 300ms ease-in, background-color 300ms ease-in;
    -o-transition: width 300ms ease-in, background-color 300ms ease-in;
    -webkit-transition: width 300ms ease-in, background-color 300ms ease-in;
    transition: width 300ms ease-in, background-color 300ms ease-in;
  }
  /* line 48, ../../workspace/styles/_mixins.scss */
  .page-sub-nav-item .page-sub-nav-item-heading:hover:after {
    background-color: #000;
    width: 100%;
    max-width: 100%;
    -moz-transition: width 300ms ease-in, background-color 300ms ease-in;
    -o-transition: width 300ms ease-in, background-color 300ms ease-in;
    -webkit-transition: width 300ms ease-in, background-color 300ms ease-in;
    transition: width 300ms ease-in, background-color 300ms ease-in;
  }
}
/* line 1237, ../../workspace/styles/main.scss */
.page-sub-nav-item:first-of-type {
  position: initial;
}
/* line 1240, ../../workspace/styles/main.scss */
.page-sub-nav-item:before {
  position: absolute;
  content: '';
  display: block;
  left: -2.25em;
  top: 2.15em;
  height: .45em;
  width: .45em;
  background: #000;
  border-radius: 1em;
}

@media all and (min-width: 901px) {
  /* line 1253, ../../workspace/styles/main.scss */
  .page-sub-nav.section-heading {
    display: block;
    margin-bottom: 0;
  }
}
@-moz-keyframes rotatePageLoadCog {
  0% {
    -moz-transform: translateX(0%) translateZ(0);
    transform: translateX(0%) translateZ(0);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotatePageLoadCog {
  0% {
    -webkit-transform: translateX(0%) translateZ(0);
    transform: translateX(0%) translateZ(0);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotatePageLoadCog {
  0% {
    -moz-transform: translateX(0%) translateZ(0);
    -ms-transform: translateX(0%) translateZ(0);
    -webkit-transform: translateX(0%) translateZ(0);
    transform: translateX(0%) translateZ(0);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* line 1270, ../../workspace/styles/main.scss */
.page-loader,
.pano-loader {
  background-color: #000;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  transition: opacity 275ms ease-in-out, visibility 275ms ease-in-out, z-index 276ms linear;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
  visibility: hidden;
  z-index: 0;
}
/* line 1290, ../../workspace/styles/main.scss */
.page-loader:after,
.pano-loader:after {
  background-image: url("/assets/cog.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;
  content: "";
  display: block;
  height: 63px;
  width: 63px;
  -moz-animation: rotatePageLoadCog 4.5s linear infinite;
  -webkit-animation: rotatePageLoadCog 4.5s linear infinite;
  animation: rotatePageLoadCog 4.5s linear infinite;
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  opacity: 0;
  visibility: hidden;
}
@media all and (min-width: 901px) {
  /* line 1270, ../../workspace/styles/main.scss */
  .page-loader,
  .pano-loader {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}

/* line 1309, ../../workspace/styles/main.scss */
.page-loading .page-loader,
.page-loading.page-active .page-loader,
.pano-module-loading .pano-loader {
  opacity: 1;
  transition: opacity 275ms ease-in-out, visibility 275ms ease-in-out;
  visibility: visible;
  z-index: 10;
}
/* line 1316, ../../workspace/styles/main.scss */
.page-loading .page-loader:after,
.page-loading.page-active .page-loader:after,
.pano-module-loading .pano-loader:after {
  -moz-animation-play-state: running;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  opacity: 1;
  visibility: visible;
}

/* line 1323, ../../workspace/styles/main.scss */
.page-active .page-loader,
.page-error-active .page-loader {
  opacity: 0;
  visibility: hidden;
  z-index: 0;
}
/* line 1328, ../../workspace/styles/main.scss */
.page-active .page-loader:after,
.page-error-active .page-loader:after {
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  opacity: 0;
  visibility: hidden;
}

/* line 1335, ../../workspace/styles/main.scss */
.page-error {
  background: #000 repeat url("/assets/texture-noise@1x.png");
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  opacity: 0;
  transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
  visibility: hidden;
  z-index: auto;
}
/* line 1351, ../../workspace/styles/main.scss */
.page-error-active .page-error {
  opacity: 1;
  transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out, height 400ms ease;
  visibility: visible;
  z-index: 3;
}

/* line 1358, ../../workspace/styles/main.scss */
.page-error-heading,
.page-error-text {
  box-sizing: border-box;
  display: block;
  margin: 0 auto;
  max-width: 510px;
  text-align: center;
  width: 100%;
  padding: 0 1em;
}

/* line 1368, ../../workspace/styles/main.scss */
.page-error-heading {
  color: #eae9e4;
  font-family: "futura-pt", sans-serif;
  font-size: 1.875rem;
  font-weight: bold;
  margin-bottom: 1em;
  position: relative;
  text-transform: uppercase;
  padding-top: 50px;
}
/* line 1377, ../../workspace/styles/main.scss */
.page-error-heading:before {
  content: "";
  display: block;
  left: 50%;
  margin-left: -36px;
  position: absolute;
  top: 0;
  background-image: url(../assets/icons/icons.png);
  background-position: -286px -129px;
  width: 72px;
  height: 30px;
}

/* line 1387, ../../workspace/styles/main.scss */
.page-error-text {
  font-family: "schoolbook-web", serif;
  color: #eae9e4;
  font-size: 0.875rem;
}

/* line 1393, ../../workspace/styles/main.scss */
.module {
  box-sizing: border-box;
  list-style: none;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
  width: 100%;
  position: relative;
  min-height: 95px;
}
/* line 1404, ../../workspace/styles/main.scss */
.module:before {
  background: #ecebe8 url("../assets/texture-noise@1x.png") repeat;
  box-sizing: border-box;
  color: #000;
  content: "Accessing Data\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0Please Stand By";
  font-size: 0.875rem;
  font-family: "futura-pt-condensed", sans-serif;
  font-weight: 400;
  display: block;
  height: 100%;
  left: 0;
  padding-top: 36px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  white-space: pre;
  width: 100%;
  z-index: 10;
}
/* line 1423, ../../workspace/styles/main.scss */
.module:after {
  background: url("/assets/texture-cog-dark.png") no-repeat center center;
  content: "";
  display: block;
  height: 92px;
  left: 50%;
  margin-left: -45px;
  position: absolute;
  top: 0;
  width: 92px;
  -moz-animation: rotatePageLoadCog 4.5s linear infinite;
  -webkit-animation: rotatePageLoadCog 4.5s linear infinite;
  animation: rotatePageLoadCog 4.5s linear infinite;
  z-index: 10;
}

/* line 1437, ../../workspace/styles/main.scss */
.module-loaded {
  display: block;
  background: none;
}
/* line 1440, ../../workspace/styles/main.scss */
.module-loaded:before {
  display: none;
}
/* line 1443, ../../workspace/styles/main.scss */
.module-loaded:after {
  display: none;
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
}

/* line 1448, ../../workspace/styles/main.scss */
.module-error {
  text-align: center;
  background: none;
  min-height: 50%;
  margin-bottom: 3em;
  margin-top: 3em;
  z-index: 0;
}
/* line 1456, ../../workspace/styles/main.scss */
.module-error:before {
  content: "Access Error";
  background: url("/assets/icons/vt-icon.png") no-repeat top center;
  padding-top: 40px;
  font-family: "futura-pt-condensed", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  color: #000;
  margin-bottom: 2em;
  position: absolute;
  width: 390px;
  top: 50px;
  left: 50%;
  margin-left: -195px;
  z-index: 11;
}
/* line 1472, ../../workspace/styles/main.scss */
.module-error:after {
  box-sizing: border-box;
  content: "A system failure has occured. Please attempt re-access. Have a pleasant day.";
  font: 0.875rem "schoolbook-web", serif;
  color: #000;
  background: #ecebe8 url("../assets/texture-noise@1x.png") repeat;
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 130px;
}

/* line 1486, ../../workspace/styles/main.scss */
.module-disabled {
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

/* line 1490, ../../workspace/styles/main.scss */
.four-oh-four-page.page {
  -moz-transition: opacity 500ms linear, visibility 500ms linear, z-index 501ms linear;
  -o-transition: opacity 500ms linear, visibility 500ms linear, z-index 501ms linear;
  -webkit-transition: opacity 500ms linear, visibility 500ms linear, z-index 501ms linear;
  transition: opacity 500ms linear, visibility 500ms linear, z-index 501ms linear;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 0;
}
/* line 1496, ../../workspace/styles/main.scss */
.four-oh-four-page-active .four-oh-four-page.page {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}

/* line 1502, ../../workspace/styles/main.scss */
.four-oh-four-image {
  box-sizing: border-box;
  display: block;
  height: auto;
  margin: 100px auto 0;
  max-width: 1100px;
  width: 100%;
  padding: 0 1rem;
}

@-moz-keyframes glitch {
  0% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  12% {
    -moz-transform: translate3d(0, -6%, 0);
    transform: translate3d(0, -6%, 0);
  }
  24% {
    -moz-transform: translate3d(0, -12%, 0);
    transform: translate3d(0, -12%, 0);
  }
  36% {
    -moz-transform: translate3d(0, -24%, 0);
    transform: translate3d(0, -24%, 0);
  }
  48% {
    -moz-transform: translate3d(0, -36%, 0);
    transform: translate3d(0, -36%, 0);
  }
  60% {
    -moz-transform: translate3d(0, -48%, 0);
    transform: translate3d(0, -48%, 0);
  }
  72% {
    -moz-transform: translate3d(0, -60%, 0);
    transform: translate3d(0, -60%, 0);
  }
  96% {
    -moz-transform: translate3d(0, -72%, 0);
    transform: translate3d(0, -72%, 0);
  }
  100% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes glitch {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  12% {
    -webkit-transform: translate3d(0, -6%, 0);
    transform: translate3d(0, -6%, 0);
  }
  24% {
    -webkit-transform: translate3d(0, -12%, 0);
    transform: translate3d(0, -12%, 0);
  }
  36% {
    -webkit-transform: translate3d(0, -24%, 0);
    transform: translate3d(0, -24%, 0);
  }
  48% {
    -webkit-transform: translate3d(0, -36%, 0);
    transform: translate3d(0, -36%, 0);
  }
  60% {
    -webkit-transform: translate3d(0, -48%, 0);
    transform: translate3d(0, -48%, 0);
  }
  72% {
    -webkit-transform: translate3d(0, -60%, 0);
    transform: translate3d(0, -60%, 0);
  }
  96% {
    -webkit-transform: translate3d(0, -72%, 0);
    transform: translate3d(0, -72%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes glitch {
  0% {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  12% {
    -moz-transform: translate3d(0, -6%, 0);
    -ms-transform: translate3d(0, -6%, 0);
    -webkit-transform: translate3d(0, -6%, 0);
    transform: translate3d(0, -6%, 0);
  }
  24% {
    -moz-transform: translate3d(0, -12%, 0);
    -ms-transform: translate3d(0, -12%, 0);
    -webkit-transform: translate3d(0, -12%, 0);
    transform: translate3d(0, -12%, 0);
  }
  36% {
    -moz-transform: translate3d(0, -24%, 0);
    -ms-transform: translate3d(0, -24%, 0);
    -webkit-transform: translate3d(0, -24%, 0);
    transform: translate3d(0, -24%, 0);
  }
  48% {
    -moz-transform: translate3d(0, -36%, 0);
    -ms-transform: translate3d(0, -36%, 0);
    -webkit-transform: translate3d(0, -36%, 0);
    transform: translate3d(0, -36%, 0);
  }
  60% {
    -moz-transform: translate3d(0, -48%, 0);
    -ms-transform: translate3d(0, -48%, 0);
    -webkit-transform: translate3d(0, -48%, 0);
    transform: translate3d(0, -48%, 0);
  }
  72% {
    -moz-transform: translate3d(0, -60%, 0);
    -ms-transform: translate3d(0, -60%, 0);
    -webkit-transform: translate3d(0, -60%, 0);
    transform: translate3d(0, -60%, 0);
  }
  96% {
    -moz-transform: translate3d(0, -72%, 0);
    -ms-transform: translate3d(0, -72%, 0);
    -webkit-transform: translate3d(0, -72%, 0);
    transform: translate3d(0, -72%, 0);
  }
  100% {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes film {
  0% {
    -moz-transform: translate3d(0, -6%, 0);
    transform: translate3d(0, -6%, 0);
  }
  5.5% {
    -moz-transform: translate3d(0, -5.5%, 0);
    transform: translate3d(0, -5.5%, 0);
  }
  11% {
    -moz-transform: translate3d(0, -11%, 0);
    transform: translate3d(0, -11%, 0);
  }
  16.5% {
    -moz-transform: translate3d(0, -16.5%, 0);
    transform: translate3d(0, -16.5%, 0);
  }
  22% {
    -moz-transform: translate3d(0, -22%, 0);
    transform: translate3d(0, -22%, 0);
  }
  27.5% {
    -moz-transform: translate3d(0, -27.5%, 0);
    transform: translate3d(0, -27.5%, 0);
  }
  33% {
    -moz-transform: translate3d(0, -33%, 0);
    transform: translate3d(0, -33%, 0);
  }
  38.5% {
    -moz-transform: translate3d(0, -38.5%, 0);
    transform: translate3d(0, -38.5%, 0);
  }
  44% {
    -moz-transform: translate3d(0, -44%, 0);
    transform: translate3d(0, -44%, 0);
  }
  49.5% {
    -moz-transform: translate3d(0, -49.5%, 0);
    transform: translate3d(0, -49.5%, 0);
  }
  55% {
    -moz-transform: translate3d(0, -55%, 0);
    transform: translate3d(0, -55%, 0);
  }
  60.5% {
    -moz-transform: translate3d(0, -60.5%, 0);
    transform: translate3d(0, -60.5%, 0);
  }
  66% {
    -moz-transform: translate3d(0, -66%, 0);
    transform: translate3d(0, -66%, 0);
  }
  71.5% {
    -moz-transform: translate3d(0, -71.5%, 0);
    transform: translate3d(0, -71.5%, 0);
  }
  77% {
    -moz-transform: translate3d(0, -77%, 0);
    transform: translate3d(0, -77%, 0);
  }
  82.5% {
    -moz-transform: translate3d(0, -82.5%, 0);
    transform: translate3d(0, -82.5%, 0);
  }
  88% {
    -moz-transform: translate3d(0, -88%, 0);
    transform: translate3d(0, -88%, 0);
  }
  93.5% {
    -moz-transform: translate3d(0, -90.5%, 0);
    transform: translate3d(0, -90.5%, 0);
  }
}
@-webkit-keyframes film {
  0% {
    -webkit-transform: translate3d(0, -6%, 0);
    transform: translate3d(0, -6%, 0);
  }
  5.5% {
    -webkit-transform: translate3d(0, -5.5%, 0);
    transform: translate3d(0, -5.5%, 0);
  }
  11% {
    -webkit-transform: translate3d(0, -11%, 0);
    transform: translate3d(0, -11%, 0);
  }
  16.5% {
    -webkit-transform: translate3d(0, -16.5%, 0);
    transform: translate3d(0, -16.5%, 0);
  }
  22% {
    -webkit-transform: translate3d(0, -22%, 0);
    transform: translate3d(0, -22%, 0);
  }
  27.5% {
    -webkit-transform: translate3d(0, -27.5%, 0);
    transform: translate3d(0, -27.5%, 0);
  }
  33% {
    -webkit-transform: translate3d(0, -33%, 0);
    transform: translate3d(0, -33%, 0);
  }
  38.5% {
    -webkit-transform: translate3d(0, -38.5%, 0);
    transform: translate3d(0, -38.5%, 0);
  }
  44% {
    -webkit-transform: translate3d(0, -44%, 0);
    transform: translate3d(0, -44%, 0);
  }
  49.5% {
    -webkit-transform: translate3d(0, -49.5%, 0);
    transform: translate3d(0, -49.5%, 0);
  }
  55% {
    -webkit-transform: translate3d(0, -55%, 0);
    transform: translate3d(0, -55%, 0);
  }
  60.5% {
    -webkit-transform: translate3d(0, -60.5%, 0);
    transform: translate3d(0, -60.5%, 0);
  }
  66% {
    -webkit-transform: translate3d(0, -66%, 0);
    transform: translate3d(0, -66%, 0);
  }
  71.5% {
    -webkit-transform: translate3d(0, -71.5%, 0);
    transform: translate3d(0, -71.5%, 0);
  }
  77% {
    -webkit-transform: translate3d(0, -77%, 0);
    transform: translate3d(0, -77%, 0);
  }
  82.5% {
    -webkit-transform: translate3d(0, -82.5%, 0);
    transform: translate3d(0, -82.5%, 0);
  }
  88% {
    -webkit-transform: translate3d(0, -88%, 0);
    transform: translate3d(0, -88%, 0);
  }
  93.5% {
    -webkit-transform: translate3d(0, -90.5%, 0);
    transform: translate3d(0, -90.5%, 0);
  }
}
@keyframes film {
  0% {
    -moz-transform: translate3d(0, -6%, 0);
    -ms-transform: translate3d(0, -6%, 0);
    -webkit-transform: translate3d(0, -6%, 0);
    transform: translate3d(0, -6%, 0);
  }
  5.5% {
    -moz-transform: translate3d(0, -5.5%, 0);
    -ms-transform: translate3d(0, -5.5%, 0);
    -webkit-transform: translate3d(0, -5.5%, 0);
    transform: translate3d(0, -5.5%, 0);
  }
  11% {
    -moz-transform: translate3d(0, -11%, 0);
    -ms-transform: translate3d(0, -11%, 0);
    -webkit-transform: translate3d(0, -11%, 0);
    transform: translate3d(0, -11%, 0);
  }
  16.5% {
    -moz-transform: translate3d(0, -16.5%, 0);
    -ms-transform: translate3d(0, -16.5%, 0);
    -webkit-transform: translate3d(0, -16.5%, 0);
    transform: translate3d(0, -16.5%, 0);
  }
  22% {
    -moz-transform: translate3d(0, -22%, 0);
    -ms-transform: translate3d(0, -22%, 0);
    -webkit-transform: translate3d(0, -22%, 0);
    transform: translate3d(0, -22%, 0);
  }
  27.5% {
    -moz-transform: translate3d(0, -27.5%, 0);
    -ms-transform: translate3d(0, -27.5%, 0);
    -webkit-transform: translate3d(0, -27.5%, 0);
    transform: translate3d(0, -27.5%, 0);
  }
  33% {
    -moz-transform: translate3d(0, -33%, 0);
    -ms-transform: translate3d(0, -33%, 0);
    -webkit-transform: translate3d(0, -33%, 0);
    transform: translate3d(0, -33%, 0);
  }
  38.5% {
    -moz-transform: translate3d(0, -38.5%, 0);
    -ms-transform: translate3d(0, -38.5%, 0);
    -webkit-transform: translate3d(0, -38.5%, 0);
    transform: translate3d(0, -38.5%, 0);
  }
  44% {
    -moz-transform: translate3d(0, -44%, 0);
    -ms-transform: translate3d(0, -44%, 0);
    -webkit-transform: translate3d(0, -44%, 0);
    transform: translate3d(0, -44%, 0);
  }
  49.5% {
    -moz-transform: translate3d(0, -49.5%, 0);
    -ms-transform: translate3d(0, -49.5%, 0);
    -webkit-transform: translate3d(0, -49.5%, 0);
    transform: translate3d(0, -49.5%, 0);
  }
  55% {
    -moz-transform: translate3d(0, -55%, 0);
    -ms-transform: translate3d(0, -55%, 0);
    -webkit-transform: translate3d(0, -55%, 0);
    transform: translate3d(0, -55%, 0);
  }
  60.5% {
    -moz-transform: translate3d(0, -60.5%, 0);
    -ms-transform: translate3d(0, -60.5%, 0);
    -webkit-transform: translate3d(0, -60.5%, 0);
    transform: translate3d(0, -60.5%, 0);
  }
  66% {
    -moz-transform: translate3d(0, -66%, 0);
    -ms-transform: translate3d(0, -66%, 0);
    -webkit-transform: translate3d(0, -66%, 0);
    transform: translate3d(0, -66%, 0);
  }
  71.5% {
    -moz-transform: translate3d(0, -71.5%, 0);
    -ms-transform: translate3d(0, -71.5%, 0);
    -webkit-transform: translate3d(0, -71.5%, 0);
    transform: translate3d(0, -71.5%, 0);
  }
  77% {
    -moz-transform: translate3d(0, -77%, 0);
    -ms-transform: translate3d(0, -77%, 0);
    -webkit-transform: translate3d(0, -77%, 0);
    transform: translate3d(0, -77%, 0);
  }
  82.5% {
    -moz-transform: translate3d(0, -82.5%, 0);
    -ms-transform: translate3d(0, -82.5%, 0);
    -webkit-transform: translate3d(0, -82.5%, 0);
    transform: translate3d(0, -82.5%, 0);
  }
  88% {
    -moz-transform: translate3d(0, -88%, 0);
    -ms-transform: translate3d(0, -88%, 0);
    -webkit-transform: translate3d(0, -88%, 0);
    transform: translate3d(0, -88%, 0);
  }
  93.5% {
    -moz-transform: translate3d(0, -90.5%, 0);
    -ms-transform: translate3d(0, -90.5%, 0);
    -webkit-transform: translate3d(0, -90.5%, 0);
    transform: translate3d(0, -90.5%, 0);
  }
}
@-moz-keyframes grain {
  0%, 100% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10% {
    -moz-transform: translate3d(-5%, -10%, 0);
    transform: translate3d(-5%, -10%, 0);
  }
  20% {
    -moz-transform: translate3d(-15%, 5%, 0);
    transform: translate3d(-15%, 5%, 0);
  }
  30% {
    -moz-transform: translate3d(7%, -25%, 0);
    transform: translate3d(7%, -25%, 0);
  }
  40% {
    -moz-transform: translate3d(-5%, 25%, 0);
    transform: translate3d(-5%, 25%, 0);
  }
  50% {
    -moz-transform: translate3d(-15%, 10%, 0);
    transform: translate3d(-15%, 10%, 0);
  }
  60% {
    -moz-transform: translate3d(15%, 0%, 0);
    transform: translate3d(15%, 0%, 0);
  }
  70% {
    -moz-transform: translate3d(0%, 15%, 0);
    transform: translate3d(0%, 15%, 0);
  }
  80% {
    -moz-transform: translate3d(3%, 35%, 0);
    transform: translate3d(3%, 35%, 0);
  }
  90% {
    -moz-transform: translate3d(-10%, 10%, 0);
    transform: translate3d(-10%, 10%, 0);
  }
}
@-webkit-keyframes grain {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10% {
    -webkit-transform: translate3d(-5%, -10%, 0);
    transform: translate3d(-5%, -10%, 0);
  }
  20% {
    -webkit-transform: translate3d(-15%, 5%, 0);
    transform: translate3d(-15%, 5%, 0);
  }
  30% {
    -webkit-transform: translate3d(7%, -25%, 0);
    transform: translate3d(7%, -25%, 0);
  }
  40% {
    -webkit-transform: translate3d(-5%, 25%, 0);
    transform: translate3d(-5%, 25%, 0);
  }
  50% {
    -webkit-transform: translate3d(-15%, 10%, 0);
    transform: translate3d(-15%, 10%, 0);
  }
  60% {
    -webkit-transform: translate3d(15%, 0%, 0);
    transform: translate3d(15%, 0%, 0);
  }
  70% {
    -webkit-transform: translate3d(0%, 15%, 0);
    transform: translate3d(0%, 15%, 0);
  }
  80% {
    -webkit-transform: translate3d(3%, 35%, 0);
    transform: translate3d(3%, 35%, 0);
  }
  90% {
    -webkit-transform: translate3d(-10%, 10%, 0);
    transform: translate3d(-10%, 10%, 0);
  }
}
@keyframes grain {
  0%, 100% {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10% {
    -moz-transform: translate3d(-5%, -10%, 0);
    -ms-transform: translate3d(-5%, -10%, 0);
    -webkit-transform: translate3d(-5%, -10%, 0);
    transform: translate3d(-5%, -10%, 0);
  }
  20% {
    -moz-transform: translate3d(-15%, 5%, 0);
    -ms-transform: translate3d(-15%, 5%, 0);
    -webkit-transform: translate3d(-15%, 5%, 0);
    transform: translate3d(-15%, 5%, 0);
  }
  30% {
    -moz-transform: translate3d(7%, -25%, 0);
    -ms-transform: translate3d(7%, -25%, 0);
    -webkit-transform: translate3d(7%, -25%, 0);
    transform: translate3d(7%, -25%, 0);
  }
  40% {
    -moz-transform: translate3d(-5%, 25%, 0);
    -ms-transform: translate3d(-5%, 25%, 0);
    -webkit-transform: translate3d(-5%, 25%, 0);
    transform: translate3d(-5%, 25%, 0);
  }
  50% {
    -moz-transform: translate3d(-15%, 10%, 0);
    -ms-transform: translate3d(-15%, 10%, 0);
    -webkit-transform: translate3d(-15%, 10%, 0);
    transform: translate3d(-15%, 10%, 0);
  }
  60% {
    -moz-transform: translate3d(15%, 0%, 0);
    -ms-transform: translate3d(15%, 0%, 0);
    -webkit-transform: translate3d(15%, 0%, 0);
    transform: translate3d(15%, 0%, 0);
  }
  70% {
    -moz-transform: translate3d(0%, 15%, 0);
    -ms-transform: translate3d(0%, 15%, 0);
    -webkit-transform: translate3d(0%, 15%, 0);
    transform: translate3d(0%, 15%, 0);
  }
  80% {
    -moz-transform: translate3d(3%, 35%, 0);
    -ms-transform: translate3d(3%, 35%, 0);
    -webkit-transform: translate3d(3%, 35%, 0);
    transform: translate3d(3%, 35%, 0);
  }
  90% {
    -moz-transform: translate3d(-10%, 10%, 0);
    -ms-transform: translate3d(-10%, 10%, 0);
    -webkit-transform: translate3d(-10%, 10%, 0);
    transform: translate3d(-10%, 10%, 0);
  }
}
@-moz-keyframes glow {
  0% {
    opacity: 1;
  }
  15% {
    opacity: 0;
  }
  30% {
    opacity: .5;
  }
  45% {
    opacity: .1;
  }
  60% {
    opacity: 0;
  }
  75% {
    opacity: .4;
  }
  90% {
    opacity: .8;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes glow {
  0% {
    opacity: 1;
  }
  15% {
    opacity: 0;
  }
  30% {
    opacity: .5;
  }
  45% {
    opacity: .1;
  }
  60% {
    opacity: 0;
  }
  75% {
    opacity: .4;
  }
  90% {
    opacity: .8;
  }
  100% {
    opacity: 0;
  }
}
@keyframes glow {
  0% {
    opacity: 1;
  }
  15% {
    opacity: 0;
  }
  30% {
    opacity: .5;
  }
  45% {
    opacity: .1;
  }
  60% {
    opacity: 0;
  }
  75% {
    opacity: .4;
  }
  90% {
    opacity: .8;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes blur {
  0% {
    filter: blur(0);
  }
  4% {
    filter: blur(1px);
  }
  8% {
    filter: blur(3px);
  }
  12% {
    filter: blur(0);
  }
  16% {
    filter: blur(3px);
  }
  20% {
    filter: blur(0);
  }
  100% {
    filter: blur(0);
  }
}
@-webkit-keyframes blur {
  0% {
    -webkit-filter: blur(0);
    filter: blur(0);
  }
  4% {
    -webkit-filter: blur(1px);
    filter: blur(1px);
  }
  8% {
    -webkit-filter: blur(3px);
    filter: blur(3px);
  }
  12% {
    -webkit-filter: blur(0);
    filter: blur(0);
  }
  16% {
    -webkit-filter: blur(3px);
    filter: blur(3px);
  }
  20% {
    -webkit-filter: blur(0);
    filter: blur(0);
  }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@keyframes blur {
  0% {
    -webkit-filter: blur(0);
    filter: blur(0);
  }
  4% {
    -webkit-filter: blur(1px);
    filter: blur(1px);
  }
  8% {
    -webkit-filter: blur(3px);
    filter: blur(3px);
  }
  12% {
    -webkit-filter: blur(0);
    filter: blur(0);
  }
  16% {
    -webkit-filter: blur(3px);
    filter: blur(3px);
  }
  20% {
    -webkit-filter: blur(0);
    filter: blur(0);
  }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@-moz-keyframes focalBlur {
  0% {
    -moz-transform: translate3d(50px, 50px, 0) scale(1.2, 1.2);
    transform: translate3d(50px, 50px, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  20% {
    -moz-transform: translate3d(50px, 80px, 0) scale(1.2, 1.2);
    transform: translate3d(50px, 80px, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  21% {
    -moz-transform: translate3d(0, 0, 0) scale(1.2, 1.2);
    transform: translate3d(0, 0, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  40% {
    -moz-transform: translate3d(30px, 0, 0) scale(1.2, 1.2);
    transform: translate3d(30px, 0, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  41% {
    -moz-transform: translate3d(20px, 20px, 0) scale(1.2, 1.2);
    transform: translate3d(20px, 20px, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  60% {
    -moz-transform: translate3d(40px, 40px, 0) scale(1.2, 1.2);
    transform: translate3d(40px, 40px, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  61% {
    -moz-transform: translate3d(50px, 80px, 0) scale(1.2, 1.2);
    transform: translate3d(50px, 80px, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  80% {
    -moz-transform: translate3d(50px, 50px, 0) scale(1.2, 1.2);
    transform: translate3d(50px, 50px, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  81% {
    -moz-transform: translate3d(40px, 40px, 0) scale(1.2, 1.2);
    transform: translate3d(40px, 40px, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  100% {
    -moz-transform: translate3d(20px, 20px, 0) scale(1.2, 1.2);
    transform: translate3d(20px, 20px, 0) scale(1.2, 1.2);
    opacity: .25;
  }
}
@-webkit-keyframes focalBlur {
  0% {
    -webkit-transform: translate3d(50px, 50px, 0) scale(1.2, 1.2);
    transform: translate3d(50px, 50px, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  20% {
    -webkit-transform: translate3d(50px, 80px, 0) scale(1.2, 1.2);
    transform: translate3d(50px, 80px, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  21% {
    -webkit-transform: translate3d(0, 0, 0) scale(1.2, 1.2);
    transform: translate3d(0, 0, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  40% {
    -webkit-transform: translate3d(30px, 0, 0) scale(1.2, 1.2);
    transform: translate3d(30px, 0, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  41% {
    -webkit-transform: translate3d(20px, 20px, 0) scale(1.2, 1.2);
    transform: translate3d(20px, 20px, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  60% {
    -webkit-transform: translate3d(40px, 40px, 0) scale(1.2, 1.2);
    transform: translate3d(40px, 40px, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  61% {
    -webkit-transform: translate3d(50px, 80px, 0) scale(1.2, 1.2);
    transform: translate3d(50px, 80px, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  80% {
    -webkit-transform: translate3d(50px, 50px, 0) scale(1.2, 1.2);
    transform: translate3d(50px, 50px, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  81% {
    -webkit-transform: translate3d(40px, 40px, 0) scale(1.2, 1.2);
    transform: translate3d(40px, 40px, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  100% {
    -webkit-transform: translate3d(20px, 20px, 0) scale(1.2, 1.2);
    transform: translate3d(20px, 20px, 0) scale(1.2, 1.2);
    opacity: .25;
  }
}
@keyframes focalBlur {
  0% {
    -moz-transform: translate3d(50px, 50px, 0) scale(1.2, 1.2);
    -ms-transform: translate3d(50px, 50px, 0) scale(1.2, 1.2);
    -webkit-transform: translate3d(50px, 50px, 0) scale(1.2, 1.2);
    transform: translate3d(50px, 50px, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  20% {
    -moz-transform: translate3d(50px, 80px, 0) scale(1.2, 1.2);
    -ms-transform: translate3d(50px, 80px, 0) scale(1.2, 1.2);
    -webkit-transform: translate3d(50px, 80px, 0) scale(1.2, 1.2);
    transform: translate3d(50px, 80px, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  21% {
    -moz-transform: translate3d(0, 0, 0) scale(1.2, 1.2);
    -ms-transform: translate3d(0, 0, 0) scale(1.2, 1.2);
    -webkit-transform: translate3d(0, 0, 0) scale(1.2, 1.2);
    transform: translate3d(0, 0, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  40% {
    -moz-transform: translate3d(30px, 0, 0) scale(1.2, 1.2);
    -ms-transform: translate3d(30px, 0, 0) scale(1.2, 1.2);
    -webkit-transform: translate3d(30px, 0, 0) scale(1.2, 1.2);
    transform: translate3d(30px, 0, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  41% {
    -moz-transform: translate3d(20px, 20px, 0) scale(1.2, 1.2);
    -ms-transform: translate3d(20px, 20px, 0) scale(1.2, 1.2);
    -webkit-transform: translate3d(20px, 20px, 0) scale(1.2, 1.2);
    transform: translate3d(20px, 20px, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  60% {
    -moz-transform: translate3d(40px, 40px, 0) scale(1.2, 1.2);
    -ms-transform: translate3d(40px, 40px, 0) scale(1.2, 1.2);
    -webkit-transform: translate3d(40px, 40px, 0) scale(1.2, 1.2);
    transform: translate3d(40px, 40px, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  61% {
    -moz-transform: translate3d(50px, 80px, 0) scale(1.2, 1.2);
    -ms-transform: translate3d(50px, 80px, 0) scale(1.2, 1.2);
    -webkit-transform: translate3d(50px, 80px, 0) scale(1.2, 1.2);
    transform: translate3d(50px, 80px, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  80% {
    -moz-transform: translate3d(50px, 50px, 0) scale(1.2, 1.2);
    -ms-transform: translate3d(50px, 50px, 0) scale(1.2, 1.2);
    -webkit-transform: translate3d(50px, 50px, 0) scale(1.2, 1.2);
    transform: translate3d(50px, 50px, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  81% {
    -moz-transform: translate3d(40px, 40px, 0) scale(1.2, 1.2);
    -ms-transform: translate3d(40px, 40px, 0) scale(1.2, 1.2);
    -webkit-transform: translate3d(40px, 40px, 0) scale(1.2, 1.2);
    transform: translate3d(40px, 40px, 0) scale(1.2, 1.2);
    opacity: .25;
  }
  100% {
    -moz-transform: translate3d(20px, 20px, 0) scale(1.2, 1.2);
    -ms-transform: translate3d(20px, 20px, 0) scale(1.2, 1.2);
    -webkit-transform: translate3d(20px, 20px, 0) scale(1.2, 1.2);
    transform: translate3d(20px, 20px, 0) scale(1.2, 1.2);
    opacity: .25;
  }
}
/* line 1728, ../../workspace/styles/main.scss */
.glitch-active {
  overflow: hidden;
}

/* line 1731, ../../workspace/styles/main.scss */
.glitch-image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 13;
  pointer-events: none;
  height: 1px;
  width: 1px;
  overflow: hidden;
  visibility: hidden;
}
/* line 1742, ../../workspace/styles/main.scss */
.glitch-active .glitch-image {
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-perspective: none;
  -webkit-perspective: none;
  perspective: none;
  -moz-animation: glitch 0.75s steps(7) infinite;
  -webkit-animation: glitch 0.75s steps(7) infinite;
  animation: glitch 0.75s steps(7) infinite;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height: auto;
  overflow: visible;
  width: 100%;
  visibility: visible;
}

/* line 1753, ../../workspace/styles/main.scss */
.grain-active {
  overflow: hidden;
}
@media all and (min-width: 901px) {
  /* line 1755, ../../workspace/styles/main.scss */
  .grain-active:before {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-perspective: none;
    -webkit-perspective: none;
    perspective: none;
    -moz-animation: grain 3s steps(10) infinite;
    -webkit-animation: grain 3s steps(10) infinite;
    animation: grain 3s steps(10) infinite;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background: url("/assets/countdown/noise.png");
    content: "";
    display: block;
    height: 300%;
    left: -100%;
    position: absolute;
    top: -100%;
    width: 300%;
    z-index: 11;
    pointer-events: none;
  }
}

/* line 1774, ../../workspace/styles/main.scss */
.film-active {
  overflow: hidden;
}
@media all and (min-width: 901px) {
  /* line 1776, ../../workspace/styles/main.scss */
  .film-active:after {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-perspective: none;
    -webkit-perspective: none;
    perspective: none;
    -moz-animation: film 1.25s steps(18) infinite;
    -webkit-animation: film 1.25s steps(18) infinite;
    animation: film 1.25s steps(18) infinite;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background: url("/assets/countdown/film-scratches.png");
    background-size: 100% 1350%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 1350%;
    width: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 13;
    pointer-events: none;
  }
}

/* line 1799, ../../workspace/styles/main.scss */
.glow-active:before {
  -moz-transform: translate3d(0, 1em, 1em);
  -webkit-transform: translate3d(0, 1em, 1em);
  transform: translate3d(0, 1em, 1em);
  -moz-animation: glow 4s steps(8) infinite;
  -webkit-animation: glow 4s steps(8) infinite;
  animation: glow 4s steps(8) infinite;
  background: url("/assets/countdown/glow-flicker.png");
  background-size: 100%;
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 3;
  opacity: 0;
  pointer-events: none;
}

@media all and (min-width: 901px) and (-webkit-max-device-pixel-ratio: 1) {
  /* line 1816, ../../workspace/styles/main.scss */
  .blur-active {
    -moz-animation: blur 20s linear infinite;
    -webkit-animation: blur 20s linear infinite;
    animation: blur 20s linear infinite;
  }
}

@media all and (min-width: 901px) {
  /* line 1821, ../../workspace/styles/main.scss */
  .slow-shake-active {
    -moz-animation: slowShake 3s linear infinite;
    -webkit-animation: slowShake 3s linear infinite;
    animation: slowShake 3s linear infinite;
    -moz-animation-play-state: running;
    -webkit-animation-play-state: running;
    animation-play-state: running;
  }
  /* line 1825, ../../workspace/styles/main.scss */
  .slow-shake-active.module-disabled, .module-disabled .slow-shake-active {
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
  }
}

@media all and (min-width: 901px) {
  /* line 1831, ../../workspace/styles/main.scss */
  .page-shake-active {
    -moz-animation: pageShake 3s linear infinite;
    -webkit-animation: pageShake 3s linear infinite;
    animation: pageShake 3s linear infinite;
  }
}

@media all and (min-width: 901px) {
  /* line 1836, ../../workspace/styles/main.scss */
  .focal-blur-active {
    -moz-animation: focalBlur 15s ease-out infinite;
    -webkit-animation: focalBlur 15s ease-out infinite;
    animation: focalBlur 15s ease-out infinite;
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    z-index: 11;
  }
}

/* line 1848, ../../workspace/styles/main.scss */
.modals {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
  overflow: hidden;
}
/* line 1856, ../../workspace/styles/main.scss */
.modals.modal-container-active {
  visibility: visible;
  z-index: 2;
}

/* line 1861, ../../workspace/styles/main.scss */
.modal {
  background-color: black;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  -moz-transition: opacity 500ms linear, visibility 500ms linear, z-index 501ms linear;
  -o-transition: opacity 500ms linear, visibility 500ms linear, z-index 501ms linear;
  -webkit-transition: opacity 500ms linear, visibility 500ms linear, z-index 501ms linear;
  transition: opacity 500ms linear, visibility 500ms linear, z-index 501ms linear;
  z-index: 1;
}
/* line 1875, ../../workspace/styles/main.scss */
.modal.modal-active {
  opacity: 1;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  top: 0;
  left: 0;
  visibility: visible;
  z-index: 3;
}
@media all and (min-width: 901px) {
  /* line 1861, ../../workspace/styles/main.scss */
  .modal {
    background-color: rgba(0, 0, 0, 0.9);
  }
  /* line 1886, ../../workspace/styles/main.scss */
  .modal .modal-btn {
    top: 0;
  }
  /* line 1889, ../../workspace/styles/main.scss */
  .modal .modal-previous-btn {
    top: 8.9em;
  }
  /* line 1892, ../../workspace/styles/main.scss */
  .modal .modal-next-btn {
    top: 4.4em;
  }
}

/* line 1897, ../../workspace/styles/main.scss */
.modal-btn {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  width: 3.3125rem;
  height: 3.25rem;
  text-indent: -9999px;
}

/* line 1905, ../../workspace/styles/main.scss */
.modal-close-btn {
  background: url("/assets/modal-youtube-close.svg");
}

/* line 1908, ../../workspace/styles/main.scss */
.modal-previous-btn {
  background: url("/assets/modal-youtube-backward.svg");
  top: 8.9em;
}

/* line 1912, ../../workspace/styles/main.scss */
.modal-next-btn {
  background: url("/assets/modal-youtube-forward.svg");
  top: 4.4em;
}

/* line 1916, ../../workspace/styles/main.scss */
.modal-close-btn-animated {
  border-style: solid;
  border-width: 4px;
  background: none;
  position: absolute;
  width: 3.3125rem;
  height: 3.25rem;
  overflow-y: hidden;
  z-index: 1;
}
/* line 1925, ../../workspace/styles/main.scss */
.modal-close-btn-animated:hover .modal-close-btn-animated-text {
  -moz-animation: buttonMouseOn 200ms ease-in-out;
  -webkit-animation: buttonMouseOn 200ms ease-in-out;
  animation: buttonMouseOn 200ms ease-in-out;
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

/* line 1931, ../../workspace/styles/main.scss */
.modal-close-btn-animated-text {
  background-position: center;
  clip: auto;
  color: transparent;
  display: block;
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  width: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  display: block;
  position: relative;
  -moz-animation: buttonMouseOff 500ms ease-out;
  -webkit-animation: buttonMouseOff 500ms ease-out;
  animation: buttonMouseOff 500ms ease-out;
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

@media all and (min-width: 901px) {
  /* line 1944, ../../workspace/styles/main.scss */
  .modal-active .modal-close-btn-animated:hover .modal-close-btn-animated-text,
  .modal-active .modal-close-btn-animated-text {
    -moz-animation-play-state: running;
    -webkit-animation-play-state: running;
    animation-play-state: running;
  }
}
/* line 1951, ../../workspace/styles/main.scss */
.app-header {
  background-image: url("../assets/texture-noise@1x.png");
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transform: translateY(70px);
  -ms-transform: translateY(70px);
  -webkit-transform: translateY(70px);
  transform: translateY(70px);
  -moz-transition: height 400ms ease, -moz-transform 400ms ease, opacity 1200ms ease;
  -o-transition: height 400ms ease, -o-transform 400ms ease, opacity 1200ms ease;
  -webkit-transition: height 400ms ease, -webkit-transform 400ms ease, opacity 1200ms ease;
  transition: height 400ms ease, transform 400ms ease, opacity 1200ms ease;
  background-color: #000;
  height: 69px;
  left: 0;
  overflow: hidden;
  opacity: 1;
  position: absolute;
  top: -70px;
  visibility: visible;
  width: 100%;
  z-index: 3;
}
/* line 1966, ../../workspace/styles/main.scss */
.app-header.app-header-active {
  z-index: 11;
}
/* line 1969, ../../workspace/styles/main.scss */
.app-header.app-header-top {
  -moz-transition: height 200ms ease, -moz-transform linear, opacity 1200ms ease;
  -o-transition: height 200ms ease, -o-transform linear, opacity 1200ms ease;
  -webkit-transition: height 200ms ease, -webkit-transform linear, opacity 1200ms ease;
  transition: height 200ms ease, transform linear, opacity 1200ms ease;
}
/* line 1972, ../../workspace/styles/main.scss */
.app-header-nav-peek .app-header {
  position: fixed;
  top: -140px;
  -moz-transition: -moz-transform 400ms ease, height 100ms ease, opacity 1200ms ease;
  -o-transition: -o-transform 400ms ease, height 100ms ease, opacity 1200ms ease;
  -webkit-transition: -webkit-transform 400ms ease, height 100ms ease, opacity 1200ms ease;
  transition: transform 400ms ease, height 100ms ease, opacity 1200ms ease;
}
/* line 1977, ../../workspace/styles/main.scss */
.modal-container-active.app-header-nav-peek .app-header {
  visibility: hidden;
}
/* line 1980, ../../workspace/styles/main.scss */
.app-header-nav-peek-active.app-header-nav-peek .app-header {
  -moz-transform: translateY(140px);
  -ms-transform: translateY(140px);
  -webkit-transform: translateY(140px);
  transform: translateY(140px);
}

/* line 1984, ../../workspace/styles/main.scss */
.app-header-wrapper {
  box-sizing: border-box;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  position: relative;
  padding-top: 70px;
  overflow: hidden;
  width: 100%;
}
@media all and (min-width: 901px) {
  /* line 1984, ../../workspace/styles/main.scss */
  .app-header-wrapper {
    display: -ms-flexbox;
    height: auto;
    -ms-flex-pack: justify;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    max-width: 68.6875rem;
    padding-top: 0;
  }
}

/* line 2003, ../../workspace/styles/main.scss */
.app-header-home-link {
  display: block;
  clip: auto;
  color: transparent;
  display: block;
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  width: 0;
  left: 0;
  margin: 1em;
  -webkit-order: 1;
  order: 1;
  position: absolute;
  padding-left: 93px;
  padding-bottom: 40px;
  top: 0;
  z-index: 1;
}
@media all and (min-width: 901px) {
  /* line 2003, ../../workspace/styles/main.scss */
  .app-header-home-link {
    position: relative;
  }
}

/* line 2018, ../../workspace/styles/main.scss */
.app-header-presents-heading {
  -webkit-order: 2;
  order: 2;
  color: #eae9e4;
  display: block;
  font-family: "futura-pt-condensed", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: .025rem;
  margin-top: 2em;
  margin-bottom: 2em;
  text-align: center;
  text-transform: uppercase;
  opacity: 0;
  -moz-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
@media all and (min-width: 901px) {
  /* line 2018, ../../workspace/styles/main.scss */
  .app-header-presents-heading {
    display: none;
  }
}
@media all and (max-width: 901px) {
  /* line 2018, ../../workspace/styles/main.scss */
  .app-header-presents-heading {
    margin-top: 1em;
    margin-bottom: 1em;
  }
}

/* line 2040, ../../workspace/styles/main.scss */
.app-header-nav {
  display: -ms-flexbox;
  -ms-flex: 3;
  -ms-flex-order: 3;
  -ms-flex-flow: column wrap;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 3;
  flex: 3;
  height: auto;
  margin: 0;
  -webkit-order: 3;
  order: 3;
  padding: 0;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  width: 100%;
  opacity: 0;
  overflow: hidden;
  -moz-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
@media all and (min-width: 901px) {
  /* line 2040, ../../workspace/styles/main.scss */
  .app-header-nav {
    opacity: 1;
  }
}

/* line 2060, ../../workspace/styles/main.scss */
.app-header-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
@media all and (min-width: 901px) {
  /* line 2060, ../../workspace/styles/main.scss */
  .app-header-nav-list {
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    -ms-flex-pack: start;
    -ms-flex-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    height: 69px;
    width: auto;
  }
}

/* line 2077, ../../workspace/styles/main.scss */
.app-header-subnav {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 2082, ../../workspace/styles/main.scss */
.mobile-nav-icon {
  cursor: pointer;
  height: 0.8125rem;
  width: 1.875rem;
  margin: 0;
  right: 1em;
  top: 1.5em;
  border-bottom: 3px solid #ffffff;
  border-top: 3px solid #ffffff;
  z-index: 1;
  position: absolute;
}
/* line 2094, ../../workspace/styles/main.scss */
.mobile-nav-icon::after {
  position: absolute;
  display: block;
  width: 100%;
  border-bottom: 3px solid #ffffff;
  content: '';
  top: 0.3125rem;
}
/* line 2102, ../../workspace/styles/main.scss */
.app-header-nav-open .mobile-nav-icon {
  border: none;
  background: url("/assets/close-sm.svg") no-repeat center;
  height: 1.25em;
  width: 1.25em;
  padding: 1em;
  top: 0.5em;
  right: 0;
  margin-right: .25em;
}
@media all and (min-width: 901px) {
  /* line 2082, ../../workspace/styles/main.scss */
  .mobile-nav-icon {
    display: none;
  }
}

/* line 2116, ../../workspace/styles/main.scss */
.app-header-nav-item {
  box-sizing: border-box;
  font-family: "futura-pt", sans-serif;
  font-weight: bold;
  font-size: 0.75rem;
  letter-spacing: 0.1875rem;
  list-style: none;
  margin: 0;
  padding: 0 1.0625rem;
  overflow: hidden;
  text-transform: uppercase;
  width: 100%;
}
@media all and (min-width: 901px) {
  /* line 2116, ../../workspace/styles/main.scss */
  .app-header-nav-item {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    padding: 0;
    position: relative;
    overflow: visible;
    width: auto;
  }
}

/* line 2137, ../../workspace/styles/main.scss */
.app-header-nav-item-section-link {
  border-top: 2px solid #eae9e4;
  box-sizing: border-box;
  color: #ffffff;
  display: block;
  margin: 0;
  padding: 1em 2em;
  position: relative;
  font-size: 0.875rem;
  text-align: center;
  text-decoration: none;
  transition: color .75s;
  width: 100%;
  z-index: 1;
}
/* line 2152, ../../workspace/styles/main.scss */
.app-header-nav-item-preorder .app-header-nav-item-section-link {
  border-bottom: 5px solid #eae9e4;
}
/* line 2155, ../../workspace/styles/main.scss */
.app-header-nav-item:first-child .app-header-nav-item-section-link {
  border-width: 5px;
}
/* line 2158, ../../workspace/styles/main.scss */
.app-header-nav-item-games .app-header-nav-item-section-link {
  border-width: 5px;
}
@media all and (max-width: 901px) {
  /* line 2162, ../../workspace/styles/main.scss */
  .app-header-nav-item-announcement-pre-order .app-header-nav-item-section-link {
    clip: auto;
    color: transparent;
    display: block;
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    width: 0;
    width: 100%;
    border-top: 0;
  }
}
@media all and (min-width: 901px) {
  /* line 2137, ../../workspace/styles/main.scss */
  .app-header-nav-item-section-link {
    padding: 1em 1.25em .75em;
    font-size: 0.75rem;
    width: auto;
    border: none;
  }
  /* line 39, ../../workspace/styles/_mixins.scss */
  .app-header-nav-item-section-link:after {
    content: ' ';
    display: block;
    margin-top: 0.25rem;
    height: 2px;
    width: 0;
    -moz-transition: width 300ms ease-in, background-color 300ms ease-in;
    -o-transition: width 300ms ease-in, background-color 300ms ease-in;
    -webkit-transition: width 300ms ease-in, background-color 300ms ease-in;
    transition: width 300ms ease-in, background-color 300ms ease-in;
  }
  /* line 48, ../../workspace/styles/_mixins.scss */
  .app-header-nav-item-section-link:hover:after {
    background-color: #ffffff;
    width: 100%;
    max-width: 100%;
    -moz-transition: width 300ms ease-in, background-color 300ms ease-in;
    -o-transition: width 300ms ease-in, background-color 300ms ease-in;
    -webkit-transition: width 300ms ease-in, background-color 300ms ease-in;
    transition: width 300ms ease-in, background-color 300ms ease-in;
  }
}
/* line 2175, ../../workspace/styles/main.scss */
.app-header-nav-item-section-link:active {
  color: #faed7b;
}

@media all and (min-width: 901px) {
  /* line 2179, ../../workspace/styles/main.scss */
  .app-header-nav-item-pre-order.app-header-nav-item {
    display: none;
  }
}

@media all and (min-width: 901px) {
  /* line 2185, ../../workspace/styles/main.scss */
  .app-header-nav-item-active .app-header-nav-item-section-link:after {
    content: "";
    background-color: #ffffff;
    display: block;
    height: 2px;
    position: relative;
    width: 100%;
  }

  /* line 2193, ../../workspace/styles/main.scss */
  .app-header-nav-item-preorder {
    display: none;
  }
}
/* line 2197, ../../workspace/styles/main.scss */
.nav-heading {
  color: #eae9e4;
  display: block;
  font-family: "futura-pt-condensed", sans-serif;
  font-weight: 400;
  font-size: 1em;
  letter-spacing: 0.1875rem;
  margin-bottom: 1em;
  text-align: center;
  text-transform: uppercase;
}

/* line 2209, ../../workspace/styles/main.scss */
.app-header-nav-open .page,
.app-header-nav-open .app-footer,
.app-header-nav-open .vt-footer {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  height: 100%;
  overflow: hidden;
}
/* line 2219, ../../workspace/styles/main.scss */
.app-header-nav-open .app,
.app-header-nav-open .app-header {
  height: 100%;
  overflow: auto;
}
/* line 2224, ../../workspace/styles/main.scss */
.app-header-nav-open .app-header-nav,
.app-header-nav-open .app-header-presents-heading {
  opacity: 1;
}
/* line 2228, ../../workspace/styles/main.scss */
.app-header-nav-open .mobile-nav-icon:after {
  display: none;
}

/* line 2232, ../../workspace/styles/main.scss */
.app-header-subnav-social {
  box-sizing: border-box;
  display: block;
  list-style: none;
  left: 0;
  margin: 0 auto;
  padding: 2em 1em;
  max-width: 400px;
  overflow: hidden;
}
@media all and (min-width: 901px) {
  /* line 2232, ../../workspace/styles/main.scss */
  .app-header-subnav-social {
    background-color: #ecebe8;
    background-image: url("../assets/texture-noise@1x.png");
    margin: 0;
    max-width: none;
    bottom: auto;
    left: auto;
    padding: 1em 0 0;
  }
}

/* line 2251, ../../workspace/styles/main.scss */
.app-header-subnav-social-links {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media all and (min-width: 901px) {
  /* line 2251, ../../workspace/styles/main.scss */
  .app-header-subnav-social-links {
    width: 350px;
    margin: 0 auto;
    padding-bottom: 1em;
  }
}

/* line 2260, ../../workspace/styles/main.scss */
.app-header-subnav-social-network {
  display: inline-block;
  margin: 0;
  text-align: center;
}

/* line 2265, ../../workspace/styles/main.scss */
.app-header-subnav-social-network:first-of-type {
  margin-left: 0;
}

/* line 2268, ../../workspace/styles/main.scss */
.app-header-subnav-social-copy-text {
  color: #333333;
  display: block;
  font-family: "schoolbook-web", serif;
  font-size: 0.75rem;
  margin-top: 4px;
  letter-spacing: 0.25px;
  text-align: center;
  width: 100%;
  visibility: hidden;
}
/* line 2278, ../../workspace/styles/main.scss */
.app-header-subnav-social-copy-text:first-child {
  font-family: "futura-pt-condensed", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 4px;
  visibility: visible;
}
@media all and (max-width: 901px) {
  /* line 2278, ../../workspace/styles/main.scss */
  .app-header-subnav-social-copy-text:first-child {
    color: #eae9e4;
    letter-spacing: .025rem;
    margin-top: 0;
  }
}
@media all and (min-width: 901px) {
  /* line 2268, ../../workspace/styles/main.scss */
  .app-header-subnav-social-copy-text {
    visibility: visible;
  }
}

/* line 2296, ../../workspace/styles/main.scss */
.app-header-nav-item-social.app-header-nav-item .app-header-nav-item-section-link {
  border-top: none;
  display: none;
}

@media all and (min-width: 901px) {
  /* line 2301, ../../workspace/styles/main.scss */
  .app-header-nav-item-social-active.app-header {
    height: 197px;
    border-bottom: 3px solid #000;
  }

  /* line 2305, ../../workspace/styles/main.scss */
  .app-header-nav-item-social.app-header-nav-item .app-header-nav-item-section-link {
    display: block;
  }

  /* line 2308, ../../workspace/styles/main.scss */
  .app-header-subnav-social {
    visibility: visible;
  }
}
/* line 2312, ../../workspace/styles/main.scss */
.app-header-subnav-social-network-link {
  display: inline-block;
  opacity: 1;
  overflow: visible;
  -moz-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
/* line 2317, ../../workspace/styles/main.scss */
.app-header-subnav-social-network-link:hover {
  opacity: 0.8;
}
@media all and (min-width: 901px) {
  /* line 2321, ../../workspace/styles/main.scss */
  .app-header-subnav-social-network-link.youtube-icon {
    background: url("/assets/icons/youtube-black-circle.svg");
    width: 45px;
    height: 45px;
    background-size: 100%;
  }
  /* line 2327, ../../workspace/styles/main.scss */
  .app-header-subnav-social-network-link.twitter-icon {
    background: url("/assets/icons/twitter-black-circle.svg");
    width: 45px;
    height: 45px;
    background-size: 100%;
  }
  /* line 2333, ../../workspace/styles/main.scss */
  .app-header-subnav-social-network-link.facebook-icon {
    background: url("/assets/icons/facebook-black-circle.svg");
    width: 45px;
    height: 45px;
    background-size: 100%;
  }
  /* line 2339, ../../workspace/styles/main.scss */
  .app-header-subnav-social-network-link.tumblr-icon {
    background: url("/assets/icons/tumbler-black-circle.svg");
    width: 45px;
    height: 45px;
    background-size: 100%;
  }
  /* line 2345, ../../workspace/styles/main.scss */
  .app-header-subnav-social-network-link.vine-icon {
    background: url("/assets/icons/vine-black-circle.svg");
    width: 45px;
    height: 45px;
    background-size: 100%;
  }
  /* line 2351, ../../workspace/styles/main.scss */
  .app-header-subnav-social-network-link.instagram-icon {
    background: url("/assets/icons/instagram-black-circle.svg");
    width: 45px;
    height: 45px;
    background-size: 100%;
  }
  /* line 2357, ../../workspace/styles/main.scss */
  .app-header-subnav-social-network-link.bethesdanet-icon {
    background: url("/assets/icons/bethesda-black-circle.svg");
    width: 45px;
    height: 45px;
    background-size: 100%;
  }
}

/* line 2366, ../../workspace/styles/main.scss */
.app-header-preorder-btn {
  -webkit-order: 3;
  order: 3;
  border-color: #faed7b;
  color: #faed7b;
  display: none;
  font-size: 11px;
  letter-spacing: .28em;
  padding-left: 5em;
  padding-top: 1em;
  padding-bottom: 1em;
  position: absolute;
  right: 0;
  top: 1.4em;
  width: auto;
  overflow-y: hidden;
  z-index: 2;
}
/* line 2382, ../../workspace/styles/main.scss */
.app-header-preorder-btn:before {
  background: url("/assets/gold-arrow.png") no-repeat 0 0;
  content: "";
  display: block;
  height: 25px;
  left: 1em;
  position: absolute;
  top: 6px;
  width: 37px;
}
@media all and (min-width: 901px) {
  /* line 2366, ../../workspace/styles/main.scss */
  .app-header-preorder-btn {
    display: block;
    margin-right: 1rem;
  }
}
@media all and (min-width: 1116px) {
  /* line 2366, ../../workspace/styles/main.scss */
  .app-header-preorder-btn {
    margin: 0;
  }
}

/* line 2401, ../../workspace/styles/main.scss */
.app-header-preorder-btn-text {
  display: block;
  position: relative;
  -moz-animation: buttonMouseOff 500ms ease-out;
  -webkit-animation: buttonMouseOff 500ms ease-out;
  animation: buttonMouseOff 500ms ease-out;
}
/* line 2405, ../../workspace/styles/main.scss */
.app-header-preorder-btn:hover .app-header-preorder-btn-text {
  -moz-animation: buttonMouseOn 200ms ease-in-out;
  -webkit-animation: buttonMouseOn 200ms ease-in-out;
  animation: buttonMouseOn 200ms ease-in-out;
}

/* line 2409, ../../workspace/styles/main.scss */
.app-header-announcement-text {
  position: absolute;
  right: 0;
  color: #faed7b;
  font-family: "FilmotypeGlenlake", serif;
  top: 1.3em;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: .2em;
  display: none;
}
/* line 2419, ../../workspace/styles/main.scss */
.app-header-locale-en-us .app-header-announcement-text, .app-header-locale-en-gb .app-header-announcement-text {
  margin-right: 18.75rem;
  color: #ffffff;
}
@media all and (min-width: 901px) {
  /* line 2409, ../../workspace/styles/main.scss */
  .app-header-announcement-text {
    display: block;
    margin-right: 1rem;
  }
}
@media all and (min-width: 1116px) {
  /* line 2409, ../../workspace/styles/main.scss */
  .app-header-announcement-text {
    margin: 0;
  }
}

@media all and (max-width: 960px) {
  /* line 2436, ../../workspace/styles/main.scss */
  .app-header-locale-ru .app-header-nav-item-section-link {
    padding: 1em 0.85em .75em;
  }
  /* line 2439, ../../workspace/styles/main.scss */
  .app-header-locale-ru .app-header-preorder-btn {
    right: 0.5em;
  }
}

@media all and (max-width: 960px) {
  /* line 2446, ../../workspace/styles/main.scss */
  .app-header-locale-pl .app-header-nav-item-section-link {
    padding: 1em 0.5em .75em;
  }
  /* line 2449, ../../workspace/styles/main.scss */
  .app-header-locale-pl .app-header-preorder-btn {
    margin-right: 0;
    font-size: 10px;
  }
}

/* line 2456, ../../workspace/styles/main.scss */
.snippet {
  padding: 2em;
  border: 1px dashed #333333;
  position: relative;
}
@media all and (min-width: 901px) {
  /* line 2456, ../../workspace/styles/main.scss */
  .snippet {
    padding: 1em;
  }
}

/* line 2464, ../../workspace/styles/main.scss */
.snippet-separator {
  border-bottom: 1px dashed #333333;
  position: relative;
}

/* line 2468, ../../workspace/styles/main.scss */
.snippet:before,
.snippet-separator:before {
  content: '';
  background: url("/assets/icons/scissor.svg") no-repeat;
  width: 64px;
  height: 23px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: -1.25em;
}

/* line 2479, ../../workspace/styles/main.scss */
.snippet-separator:before {
  top: auto;
  bottom: -0.6em;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

/* line 2485, ../../workspace/styles/main.scss */
.tab-panel-container {
  position: relative;
}

/* line 2488, ../../workspace/styles/main.scss */
.tab-panel {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
  visibility: hidden;
  z-index: 0;
}
/* line 2496, ../../workspace/styles/main.scss */
.tab-panel.tab-panel-active {
  opacity: 1;
  position: relative;
  visibility: visible;
  z-index: 1;
}

/* line 2504, ../../workspace/styles/main.scss */
.simulation-platforms {
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0 1em;
  width: 100%;
}

/* line 2515, ../../workspace/styles/main.scss */
.simulation-platforms-item.icon {
  display: block;
  margin: 0 10px 10px;
  background-size: contain;
  background-position: 50% 50%;
}
/* line 2520, ../../workspace/styles/main.scss */
.simulation-platforms-item.icon:first-of-type {
  margin-left: 0;
}
@media all and (max-width: 601px), all and (min-width: 901px) and (max-width: 1099px) {
  /* line 2525, ../../workspace/styles/main.scss */
  .previous-simulations-platforms .simulation-platforms-item.icon {
    max-height: 20px;
    max-width: 45px;
  }
}

/* line 2531, ../../workspace/styles/main.scss */
.simulation-platforms-item-link {
  display: block;
  height: 18px;
  clip: auto;
  color: transparent;
  display: block;
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  width: 0;
  width: auto;
}

/* line 2538, ../../workspace/styles/main.scss */
.spike {
  background: #000 url("../assets/texture-noise@1x.png");
  box-sizing: border-box;
  color: #ffffff;
  text-align: center;
  padding: 2rem;
  position: relative;
  outline: 2px solid #ffffff;
  outline-offset: -1rem;
}
/* line 2547, ../../workspace/styles/main.scss */
.spike:before {
  content: '';
  display: block;
  width: 4.5em;
  height: 2em;
  background: url("../assets/vault-tec-icon.svg") no-repeat 0;
  position: absolute;
  top: 1.5em;
  left: 50%;
  text-align: center;
  margin-left: -2.25em;
}
/* line 2559, ../../workspace/styles/main.scss */
.spike .spike-tagline {
  font-size: 0.75rem;
  font-family: "futura-pt-condensed", sans-serif;
  font-weight: 400;
  margin-top: 3em;
  letter-spacing: initial;
}
/* line 2565, ../../workspace/styles/main.scss */
.spike .spike-heading {
  font-family: "futura-pt", sans-serif;
  font-size: 2.2em;
  line-height: 1em;
  margin: 0 auto .5em;
}
@media all and (min-width: 901px) {
  /* line 2565, ../../workspace/styles/main.scss */
  .spike .spike-heading {
    font-size: 1.7em;
  }
}
/* line 2574, ../../workspace/styles/main.scss */
.spike .spike-copy {
  color: #ebeae5;
  font-size: 1rem;
  line-height: 1.25rem;
}
@media all and (min-width: 901px) {
  /* line 2574, ../../workspace/styles/main.scss */
  .spike .spike-copy {
    margin: 3em 0 1em;
  }
}
/* line 2583, ../../workspace/styles/main.scss */
.spike.promo-spike {
  padding: 0;
  outline-offset: 0;
  z-index: 5;
}

/* line 2590, ../../workspace/styles/main.scss */
.featured-media {
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  overflow: hidden;
  position: relative;
  width: 100%;
}
/* line 2598, ../../workspace/styles/main.scss */
.featured-media.announcement-featured-media {
  height: auto;
}
@media all and (min-width: 800px) {
  /* line 2598, ../../workspace/styles/main.scss */
  .featured-media.announcement-featured-media {
    max-height: none;
  }
}
@media all and (min-width: 901px) {
  /* line 2590, ../../workspace/styles/main.scss */
  .featured-media {
    margin-bottom: 3rem;
  }
  /* line 2605, ../../workspace/styles/main.scss */
  .featured-media.module-active {
    -moz-animation-play-state: running;
    -webkit-animation-play-state: running;
    animation-play-state: running;
  }
}
/* line 2610, ../../workspace/styles/main.scss */
.featured-media.module-disabled {
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

/* line 2614, ../../workspace/styles/main.scss */
.featured-media-asset-container {
  overflow: hidden;
  position: relative;
  height: auto;
  width: 100%;
}
/* line 2620, ../../workspace/styles/main.scss */
.featured-media-asset-container.glitch-interstitial-active {
  background-size: 110%;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* line 2625, ../../workspace/styles/main.scss */
.featured-media-asset-container .featured-media-asset-video-container {
  opacity: 0;
}

/* line 2630, ../../workspace/styles/main.scss */
.featured-media-asset-container-loaded .featured-media-asset-video-container {
  opacity: 1;
}

/* line 2634, ../../workspace/styles/main.scss */
.featured-media-asset-container-onshow .featured-media-asset-video-container {
  -moz-transition: opacity 1000ms ease;
  -o-transition: opacity 1000ms ease;
  -webkit-transition: opacity 1000ms ease;
  transition: opacity 1000ms ease;
  transition-delay: 2400ms;
}

/* line 2639, ../../workspace/styles/main.scss */
.featured-media-asset-image-container {
  overflow: hidden;
  width: 100%;
}

/* line 2643, ../../workspace/styles/main.scss */
.featured-media-asset-background-image {
  position: relative;
  width: 100%;
}
/* line 2647, ../../workspace/styles/main.scss */
.featured-media-asset-background-image.inactive-item {
  display: none;
}

/* line 2651, ../../workspace/styles/main.scss */
.featured-media-glitch-interstitial-image {
  display: none;
}
/* line 2654, ../../workspace/styles/main.scss */
.featured-media-glitch-interstitial-image.active-item {
  display: block;
}

/* line 2658, ../../workspace/styles/main.scss */
.featured-media-asset-text {
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  left: 50%;
  top: 50%;
  position: absolute;
  z-index: 12;
  cursor: pointer;
  height: 100%;
  min-height: 60%;
  width: 100%;
  max-width: 50%;
}
/* line 2671, ../../workspace/styles/main.scss */
.featured-media-asset-text.slow-shake-active {
  opacity: 1;
  height: auto;
}
@media all and (min-width: 767px) and (max-width: 1099px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* line 2658, ../../workspace/styles/main.scss */
  .featured-media-asset-text {
    opacity: 1;
    height: auto;
    max-width: 400px;
  }
}
@media all and (min-width: 768px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), all and (min-width: 768px) and (orientation: landscape) and (max-height: 800px) {
  /* line 2658, ../../workspace/styles/main.scss */
  .featured-media-asset-text {
    opacity: 1;
    height: auto;
    top: 50%;
  }
}
@media all and (min-width: 901px) {
  /* line 2658, ../../workspace/styles/main.scss */
  .featured-media-asset-text {
    -webkit-filter: blur(1px);
    filter: blur(1px);
  }
  /* line 2693, ../../workspace/styles/main.scss */
  .featured-media-asset-text.slow-shake-active {
    margin-left: -25%;
    top: 0;
  }
}
/* line 2699, ../../workspace/styles/main.scss */
.featured-media-asset-text.featured-media-asset-text-no-video {
  cursor: default;
}

/* line 2705, ../../workspace/styles/main.scss */
.glitch-interstitial-active .featured-media-asset-text.slow-shake-active {
  opacity: 0;
}

@media all and (min-width: 901px) {
  /* line 2712, ../../workspace/styles/main.scss */
  .home-featured-media .featured-media-asset-text.slow-shake-active {
    top: 12%;
  }
}
/* line 2718, ../../workspace/styles/main.scss */
.featured-media-asset-btn-container {
  display: -webkit-flex;
  display: flex;
  position: absolute;
  height: 66px;
  top: 1rem;
  right: 1rem;
}
@media all and (min-width: 1100px) {
  /* line 2718, ../../workspace/styles/main.scss */
  .featured-media-asset-btn-container {
    right: 50%;
    margin-right: -550px;
  }
}

/* line 2729, ../../workspace/styles/main.scss */
.violator-link {
  display: block;
  position: absolute;
  top: -1px;
  right: 0;
  clip: auto;
  background-repeat: no-repeat;
  background-position: 100% 0;
  height: 22vw;
  width: 20%;
  z-index: 2;
}

/* line 2741, ../../workspace/styles/main.scss */
.featured-media-download-asset-btn {
  box-sizing: border-box;
  position: relative;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  height: 30px;
  width: 32px;
  z-index: 2;
  -moz-box-shadow: inset 2px 2px 1px #000;
  -webkit-box-shadow: inset 2px 2px 1px #000;
  box-shadow: inset 2px 2px 1px #000;
  border-top: 1px solid #ffffff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #ffffff;
}
@media all and (min-width: 321px) {
  /* line 2756, ../../workspace/styles/main.scss */
  .featured-media-download-asset-btn:before {
    background-size: percentage 0.94286;
  }
}
/* line 2760, ../../workspace/styles/main.scss */
.featured-media-download-asset-btn:before {
  background-image: url("/assets/icons/download-asset-button.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  content: '';
  display: block;
  position: relative;
  -moz-animation: buttonMouseOff 600ms ease-out;
  -webkit-animation: buttonMouseOff 600ms ease-out;
  animation: buttonMouseOff 600ms ease-out;
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  height: 100%;
  width: 100%;
}
/* line 2773, ../../workspace/styles/main.scss */
.featured-media-download-asset-btn:after {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  border-bottom: 2px solid #000;
  -moz-box-shadow: inset -2px -1px 1px #ffffff;
  -webkit-box-shadow: inset -2px -1px 1px #ffffff;
  box-shadow: inset -2px -1px 1px #ffffff;
}
/* line 2783, ../../workspace/styles/main.scss */
.featured-media-download-asset-btn:hover:before {
  -moz-animation: buttonMouseOn 250ms ease-in-out;
  -webkit-animation: buttonMouseOn 250ms ease-in-out;
  animation: buttonMouseOn 250ms ease-in-out;
}
@media all and (min-width: 901px) {
  /* line 2741, ../../workspace/styles/main.scss */
  .featured-media-download-asset-btn {
    height: 66px;
    width: 70px;
  }
}

/* line 2791, ../../workspace/styles/main.scss */
.featured-media-full-screen-btn {
  box-sizing: border-box;
  position: relative;
  display: none;
  overflow: hidden;
  text-indent: -9999px;
  height: 66px;
  width: 70px;
  z-index: 2;
  -moz-box-shadow: inset 2px 2px 1px #000;
  -webkit-box-shadow: inset 2px 2px 1px #000;
  box-shadow: inset 2px 2px 1px #000;
  border-top: 1px solid #ffffff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #ffffff;
  margin-left: 1rem;
}
/* line 2806, ../../workspace/styles/main.scss */
.featured-media-full-screen-btn:before {
  background-image: url("/assets/icons/magnifying-glass.svg");
  content: '';
  display: block;
  position: relative;
  -moz-animation: buttonMouseOff 600ms ease-out;
  -webkit-animation: buttonMouseOff 600ms ease-out;
  animation: buttonMouseOff 600ms ease-out;
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  height: 62px;
  width: 62px;
}
/* line 2816, ../../workspace/styles/main.scss */
.featured-media-full-screen-btn:after {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  border-bottom: 2px solid #000;
  -moz-box-shadow: inset -2px -1px 1px #ffffff;
  -webkit-box-shadow: inset -2px -1px 1px #ffffff;
  box-shadow: inset -2px -1px 1px #ffffff;
}
/* line 2826, ../../workspace/styles/main.scss */
.featured-media-full-screen-btn:hover:before {
  -moz-animation: buttonMouseOn 250ms ease-in-out;
  -webkit-animation: buttonMouseOn 250ms ease-in-out;
  animation: buttonMouseOn 250ms ease-in-out;
}

@media all and (min-width: 1100px) {
  /* line 2830, ../../workspace/styles/main.scss */
  .module-active .featured-media-download-asset-btn:before {
    -moz-animation-play-state: running;
    -webkit-animation-play-state: running;
    animation-play-state: running;
  }
}

@media all and (min-width: 901px) {
  /* line 2835, ../../workspace/styles/main.scss */
  .featured-media-full-screen-btn-active.featured-media-full-screen-btn {
    display: block;
  }
}
/* line 2839, ../../workspace/styles/main.scss */
.featured-media-full-screen-btn-active.featured-media-full-screen-btn:before {
  -moz-animation-play-state: running;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

/* line 2843, ../../workspace/styles/main.scss */
.announcement-featured-media .featured-media-full-screen-btn.featured-media-full-screen-btn-active {
  display: none;
}

/* line 2846, ../../workspace/styles/main.scss */
.featured-media-asset-video-container {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/* line 2853, ../../workspace/styles/main.scss */
.featured-media-asset-video-container::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
/* line 2863, ../../workspace/styles/main.scss */
.featured-media-asset-video-container iframe {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}

/* line 2871, ../../workspace/styles/main.scss */
.home-featured-media.module-disabled .featured-media-asset-video-container {
  z-index: 0;
  opacity: 0;
  visibility: hidden;
}

/* line 2877, ../../workspace/styles/main.scss */
.featured-media-asset-image {
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
}
@media all and (min-width: 901px) {
  /* line 2877, ../../workspace/styles/main.scss */
  .featured-media-asset-image {
    -moz-animation: featuredVideoPan 400s infinite;
    -webkit-animation: featuredVideoPan 400s infinite;
    animation: featuredVideoPan 400s infinite;
    height: auto;
    width: auto;
    z-index: 1;
  }
  /* line 2884, ../../workspace/styles/main.scss */
  .modal-container-active .featured-media-asset-image {
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
  }
}

/* line 2889, ../../workspace/styles/main.scss */
.featured-media-asset-video-modal {
  height: 100%;
  width: 100%;
}
/* line 2892, ../../workspace/styles/main.scss */
.featured-media-asset-video-modal.modal-active {
  background-color: #000;
  -moz-transform: translateX(0) translateY(0) scale(1);
  -ms-transform: translateX(0) translateY(0) scale(1);
  -webkit-transform: translateX(0) translateY(0) scale(1);
  transform: translateX(0) translateY(0) scale(1);
}
@media all and (min-width: 901px) {
  /* line 2892, ../../workspace/styles/main.scss */
  .featured-media-asset-video-modal.modal-active {
    background-color: rgba(0, 0, 0, 0.9);
  }
}
/* line 2899, ../../workspace/styles/main.scss */
.featured-media-asset-video-modal .featured-media-asset-video-container {
  height: auto;
  max-width: 56.25rem;
  margin: auto;
  left: 0;
  position: absolute;
  top: 50%;
  right: 0;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  vertical-align: middle;
  width: 100%;
}
@media all and (min-width: 901px) {
  /* line 2899, ../../workspace/styles/main.scss */
  .featured-media-asset-video-modal .featured-media-asset-video-container {
    width: 80%;
  }
}
/* line 2914, ../../workspace/styles/main.scss */
.featured-media-asset-video-modal .featured-media-asset-video-container:after {
  content: none;
}
/* line 2917, ../../workspace/styles/main.scss */
.featured-media-asset-video-modal .video-wrapper {
  position: relative;
  width: 100%;
}
/* line 2921, ../../workspace/styles/main.scss */
.featured-media-asset-video-modal .video-wrapper:after {
  content: '';
  display: block;
  padding-top: 56.25%;
}
/* line 2926, ../../workspace/styles/main.scss */
.featured-media-asset-video-modal iframe {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}
/* line 2936, ../../workspace/styles/main.scss */
.featured-media-asset-video-modal .modal-btn.modal-close-btn-animated {
  border-color: #ffffff;
  top: -52px;
  right: 0;
}
@media all and (min-width: 901px) {
  /* line 2936, ../../workspace/styles/main.scss */
  .featured-media-asset-video-modal .modal-btn.modal-close-btn-animated {
    top: 0;
    right: -75px;
  }
}
/* line 2945, ../../workspace/styles/main.scss */
.featured-media-asset-video-modal .modal-close-btn-animated-text {
  background-image: url("/assets/icons/close-white.svg");
  background-repeat: no-repeat;
}

/* line 2951, ../../workspace/styles/main.scss */
.spotlight-split-item:first-child {
  margin-right: 1.875rem;
  padding-right: 1.875rem;
  border-right: 3px solid #000;
}

/* line 2957, ../../workspace/styles/main.scss */
.section-heading {
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  box-sizing: border-box;
  display: block;
  font-size: 0.75rem;
  padding: 1.0625rem;
  width: 100%;
  max-width: 1100px;
  text-transform: uppercase;
}
/* line 2967, ../../workspace/styles/main.scss */
.section-heading.section-heading-dark {
  border-color: #000;
}
/* line 2970, ../../workspace/styles/main.scss */
.section-heading.section-heading-light {
  border-color: #ffffff;
  color: #ffffff;
}

/* line 2976, ../../workspace/styles/main.scss */
.section-heading-inline-nav-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
/* line 2980, ../../workspace/styles/main.scss */
.section-heading-inline-nav-wrap .section-heading {
  -webkit-flex: 4;
  flex: 4;
}

/* line 2984, ../../workspace/styles/main.scss */
.section-heading-inline-nav {
  list-style: none;
  display: -webkit-flex;
  display: flex;
  padding: .75em 0;
  margin: 0;
}

/* line 2990, ../../workspace/styles/main.scss */
.section-heading-inline-nav-item {
  padding: 0;
}
/* line 2992, ../../workspace/styles/main.scss */
.section-heading-inline-nav-item:last-child {
  border-right: 3px solid #000;
}

/* line 2996, ../../workspace/styles/main.scss */
.section-heading-inline-nav-item-btn.standard-btn {
  border-width: 3px;
  border-right: 0;
  padding: 1.5em 2em;
  color: inherit;
  font-size: 0.75rem;
}
/* line 3003, ../../workspace/styles/main.scss */
.tab-button-active .section-heading-inline-nav-item-btn.standard-btn {
  background: #000 url("../assets/texture-noise@1x.png");
  color: #ffffff;
  border-color: #000;
}

/* line 3009, ../../workspace/styles/main.scss */
.tab-button-active .section-heading-inline-nav-item-btn.standard-btn .standard-btn-rollover-text {
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

/* line 3014, ../../workspace/styles/main.scss */
.media-view {
  text-align: center;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
/* line 3017, ../../workspace/styles/main.scss */
.media-view iframe {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 500px;
  max-width: 100%;
}

/* line 3025, ../../workspace/styles/main.scss */
.media-view-wrapper {
  left: 0;
  height: auto;
  max-height: 100%;
  max-width: 56.25rem;
  margin: auto;
  position: absolute;
  right: 0;
  top: 50%;
  text-align: center;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  vertical-align: middle;
  width: 100%;
}

/* line 3039, ../../workspace/styles/main.scss */
.media-view-panels {
  height: auto;
  position: relative;
  width: 100%;
}
@media all and (min-width: 901px) {
  /* line 3039, ../../workspace/styles/main.scss */
  .media-view-panels {
    height: auto;
    min-height: 160px;
  }
}

/* line 3048, ../../workspace/styles/main.scss */
.media-view-btn-container {
  position: absolute;
  height: 10em;
  width: 5em;
  right: 1em;
  top: -3.25rem;
  z-index: 2;
}
/* line 3056, ../../workspace/styles/main.scss */
.media-view-btn-container .modal-btn {
  top: 0;
}
/* line 3060, ../../workspace/styles/main.scss */
.media-view-btn-container .media-view-close-btn {
  right: 0;
}
/* line 3064, ../../workspace/styles/main.scss */
.media-view-btn-container .media-view-next-btn {
  right: 50px;
}
/* line 3068, ../../workspace/styles/main.scss */
.media-view-btn-container .media-view-prev-btn {
  right: 100px;
}
@media all and (max-width: 901px) and (orientation: portrait) {
  /* line 3073, ../../workspace/styles/main.scss */
  .video-modal-active .media-view-btn-container {
    top: 2.5em;
  }
}
@media all and (min-width: 901px) {
  /* line 3048, ../../workspace/styles/main.scss */
  .media-view-btn-container {
    right: 0;
  }
  /* line 3081, ../../workspace/styles/main.scss */
  .media-view-btn-container .modal-btn {
    right: 1.5em;
  }
  /* line 3085, ../../workspace/styles/main.scss */
  .media-view-btn-container .media-view-next-btn {
    top: 4.4em;
  }
  /* line 3089, ../../workspace/styles/main.scss */
  .media-view-btn-container .media-view-prev-btn {
    top: 9em;
  }
}

/* line 3096, ../../workspace/styles/main.scss */
.media-view-feature-download .modal-btn.media-view-next-btn,
.media-view-feature-download .modal-btn.media-view-prev-btn {
  display: none;
}
/* line 3101, ../../workspace/styles/main.scss */
.media-view-feature-download .media-view-caption-text-copy {
  display: none;
}

/* line 3105, ../../workspace/styles/main.scss */
.media-view-panel {
  height: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  top: 0;
  -moz-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  width: 100%;
  z-index: 0;
}
/* line 3114, ../../workspace/styles/main.scss */
.media-view-panel.media-view-panel-active {
  height: 100%;
  opacity: 1;
  overflow: auto;
  z-index: 1;
}

/* line 3121, ../../workspace/styles/main.scss */
.media-view-asset-image {
  width: 100%;
  max-width: 900px;
  position: relative;
}

/* line 3126, ../../workspace/styles/main.scss */
.media-view-caption {
  height: 4em;
  display: -webkit-flex;
  display: flex;
  margin-top: -0.5em;
  width: 100%;
  z-index: 2;
}
/* line 3132, ../../workspace/styles/main.scss */
.media-view-asset-container-video .media-view-caption {
  display: none;
}

/* line 3136, ../../workspace/styles/main.scss */
.media-view-caption-text {
  padding: 0 0 0 1em;
  -webkit-flex: 3;
  flex: 3;
  color: #ffffff;
  text-align: left;
  background-color: #000;
}

/* line 3143, ../../workspace/styles/main.scss */
.media-view-caption-text-title {
  display: inline-block;
  text-transform: uppercase;
  font-family: "futura-pt", sans-serif;
  letter-spacing: 0.1875rem;
  margin-bottom: .25em;
  font-size: 0.75rem;
  padding-top: 1.5em;
}

/* line 3152, ../../workspace/styles/main.scss */
.media-view-caption-text-copy {
  color: #ffffff;
  margin: 0;
  font-size: 12px;
}

/* line 3157, ../../workspace/styles/main.scss */
.media-view-social-links {
  -webkit-flex: 1;
  flex: 1;
  -webkit-order: 2;
  order: 2;
  height: auto;
  padding: 1em 0 0;
  background-color: #000;
}

/* line 3164, ../../workspace/styles/main.scss */
.media-view-subnav-social-network-link {
  background: none;
  color: #ffffff;
  display: inline-block;
  font-family: "futura-pt", sans-serif;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  text-indent: -9999px;
  width: 100%;
  margin: 0;
}
/* line 3174, ../../workspace/styles/main.scss */
.media-view-subnav-social-network-link.twitter-icon {
  background: url("../assets/icons/icons.png") -35px -247px;
  width: 35px;
  height: 35px;
}
/* line 3179, ../../workspace/styles/main.scss */
.media-view-subnav-social-network-link.facebook-icon {
  background: url("../assets/icons/icons.png") -175px -247px;
  width: 35px;
  height: 35px;
}

@media all and (min-width: 901px) {
  /* line 3186, ../../workspace/styles/main.scss */
  .media-view-btn-container {
    top: 0;
    right: -5em;
  }
  /* line 3189, ../../workspace/styles/main.scss */
  .media-view-btn-container .modal-btn {
    display: block;
  }

  /* line 3193, ../../workspace/styles/main.scss */
  .media-view-subnav-social-network-link {
    margin: 0 .5em;
  }

  /* line 3196, ../../workspace/styles/main.scss */
  .media-view-wrapper {
    width: 56.25rem;
    max-width: 80%;
    margin: 0 auto;
    height: auto;
  }

  /* line 3202, ../../workspace/styles/main.scss */
  .media-view-panel {
    height: 0;
  }
  /* line 3204, ../../workspace/styles/main.scss */
  .media-view-panel.media-view-panel-active {
    height: auto;
  }

  /* line 3208, ../../workspace/styles/main.scss */
  .media-view-asset-image {
    transform: none;
  }
}
/* line 3212, ../../workspace/styles/main.scss */
.media-view-download-link {
  background-image: url("/assets/modal-download.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30%;
  background-color: #000;
  height: 100%;
  width: 4.375rem;
  margin-left: .25em;
  -webkit-order: 3;
  order: 3;
}

/* line 3223, ../../workspace/styles/main.scss */
.media-view-download-dropdown-list {
  background: #000;
  display: none;
  position: absolute;
  list-style: none;
  margin: 0;
  right: 0;
  width: 12em;
  padding: 1em;
  z-index: -1;
  overflow-y: hidden;
  opacity: 0;
  height: 69px;
  bottom: 4.25em;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
}
/* line 3240, ../../workspace/styles/main.scss */
.media-view-download-dropdown-list.media-view-download-dropdown-list-active {
  height: auto;
  opacity: 1;
  z-index: 3;
}

/* line 3246, ../../workspace/styles/main.scss */
.media-view-download-dropdown-list-item {
  border-top: 0.0625rem solid #eae9e4;
  color: #ffffff;
  font-family: "futura-pt", sans-serif;
  letter-spacing: 0.1875rem;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
/* line 3254, ../../workspace/styles/main.scss */
.media-view-download-dropdown-list-item .media-view-download-dropdown-list-item-section-link {
  color: #ffffff;
  display: block;
  position: relative;
  text-decoration: none;
  transition: color .75s;
  width: 100%;
  z-index: 1;
  margin: 0;
  line-height: normal;
  padding: 1em 0;
  border-width: 0.0625rem;
  font-size: 0.75rem;
}
/* line 3268, ../../workspace/styles/main.scss */
.media-view-download-dropdown-list-item:first-child {
  border-width: 0.1875rem;
}
/* line 3271, ../../workspace/styles/main.scss */
.media-view-download-dropdown-list-item:last-child {
  border-bottom: 0.1875rem solid #eae9e4;
}

/* line 3276, ../../workspace/styles/main.scss */
.preorder-blimp-btn {
  color: #000;
  margin: 1rem auto 0;
  width: 18em;
  border-width: 2px;
  letter-spacing: 0.09375rem;
  font-size: 0.7em;
  font-weight: 600;
  padding-top: 12px;
}
/* line 3285, ../../workspace/styles/main.scss */
.preorder-blimp-btn .preorder-blimp-icon {
  width: 70px;
  height: 52px;
  left: -6.5em;
  top: -.5em;
  -moz-transform: scale(0.7, 0.7);
  -ms-transform: scale(0.7, 0.7);
  -webkit-transform: scale(0.7, 0.7);
  transform: scale(0.7, 0.7);
}
@media all and (min-width: 901px) {
  /* line 3276, ../../workspace/styles/main.scss */
  .preorder-blimp-btn {
    display: none;
  }
}

/* line 3297, ../../workspace/styles/main.scss */
.newsletter-promo-module {
  display: -ms-flexbox;
  -ms-flex-flow: column wrap;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  max-width: 1100px;
  padding: 1rem;
}
@media all and (min-width: 1099px) {
  /* line 3297, ../../workspace/styles/main.scss */
  .newsletter-promo-module {
    padding: 0 0 2.25rem;
  }
}

/* line 3307, ../../workspace/styles/main.scss */
.newsletter-promo-module-header {
  display: -ms-flexbox;
  -ms-flex-flow: row wrap;
  -ms-flex-pack: start;
  -ms-flex-align: center;
  -ms-flex: 4;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex: 4;
  flex: 4;
  margin: 1.5625rem 0 0.5rem;
}
/* line 3318, ../../workspace/styles/main.scss */
.newsletter-promo-module-header:before, .newsletter-promo-module-header:after {
  border: 0;
  border-bottom: 3px solid #000;
  width: 100%;
  position: relative;
  padding: 0;
  margin: auto;
  display: -ms-flexbox;
  -ms-flex: 4;
  -webkit-flex: 4;
  flex: 4;
  content: '';
}

/* line 3325, ../../workspace/styles/main.scss */
.newsletter-promo-module-header-text {
  display: block;
  font-family: "futura-pt-condensed", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  margin: 0 1em;
  text-transform: uppercase;
}
@media all and (min-width: 901px) {
  /* line 3325, ../../workspace/styles/main.scss */
  .newsletter-promo-module-header-text {
    margin-right: 2em;
    margin-left: 2em;
  }
}

/* line 3336, ../../workspace/styles/main.scss */
.newsletter-promo-module-content {
  padding: 1rem;
  margin-bottom: 0.5rem;
  background: #000 url("/assets/texture-noise@1x.png");
  display: -ms-flexbox;
  -ms-flex-flow: row wrap;
  -ms-flex-pack: start;
  -ms-flex-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  position: relative;
}
@media all and (min-width: 901px) {
  /* line 3336, ../../workspace/styles/main.scss */
  .newsletter-promo-module-content {
    padding-left: 2em;
    padding-right: 2em;
  }
}

/* line 3353, ../../workspace/styles/main.scss */
.newsletter-promo-module-content:before {
  background-image: url("/assets/newsletter-sign-up-tower.svg");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  right: 1em;
  background-position: 100% 0;
  max-width: 50px;
  background-size: 90%;
}
@media all and (min-width: 901px) {
  /* line 3353, ../../workspace/styles/main.scss */
  .newsletter-promo-module-content:before {
    top: 0;
    background-position: 50%;
    background-size: inherit;
    right: 0;
    width: 100%;
    max-width: none;
  }
}

/* line 3375, ../../workspace/styles/main.scss */
.newsletter-promo-module-text {
  box-sizing: border-box;
  color: #eae9e4;
  display: block;
  font-family: "schoolbook-web", serif;
  font-size: 14px;
  line-height: 1.3em;
  margin: 0 0 1em;
  min-height: 2.25rem;
  padding-right: 5rem;
  width: 100%;
}
@media all and (min-width: 901px) {
  /* line 3375, ../../workspace/styles/main.scss */
  .newsletter-promo-module-text {
    min-height: 0;
    margin: .4rem 0 0;
    width: 50%;
  }
}

/* line 3392, ../../workspace/styles/main.scss */
.newsletter-promo-module-form {
  box-sizing: border-box;
  position: relative;
  text-align: right;
  padding-bottom: 40px;
  width: 100%;
}
@media all and (min-width: 375px) {
  /* line 3392, ../../workspace/styles/main.scss */
  .newsletter-promo-module-form {
    padding-right: 100px;
    padding-bottom: 0;
  }
}
@media all and (min-width: 901px) {
  /* line 3392, ../../workspace/styles/main.scss */
  .newsletter-promo-module-form {
    padding-left: 5rem;
    padding-right: 130px;
    width: 50%;
  }
}

/* line 3408, ../../workspace/styles/main.scss */
.newsletter-promo-module-form-field-input {
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  display: inline-block;
  font-family: "schoolbook-web", serif;
  font-size: 12px;
  height: 30px;
  line-height: 29px;
  padding: 0 10px;
  width: 100%;
}
/* line 61, ../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.newsletter-promo-module-form-field-input:-moz-placeholder {
  color: #000;
}
/* line 64, ../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.newsletter-promo-module-form-field-input::-moz-placeholder {
  color: #000;
}
/* line 67, ../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.newsletter-promo-module-form-field-input:-ms-input-placeholder {
  color: #000;
}
/* line 56, ../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.newsletter-promo-module-form-field-input::-webkit-input-placeholder {
  color: #000;
}

/* line 3423, ../../workspace/styles/main.scss */
.newsletter-promo-module-form-label.form-label {
  clip: auto;
  color: transparent;
  display: block;
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  width: 0;
}

/* line 3426, ../../workspace/styles/main.scss */
.newsletter-promo-module-form-signup-btn.standard-btn {
  box-sizing: content-box;
  border-color: #ffffff;
  cursor: pointer;
  font-size: 10px;
  height: 10px;
  line-height: 10px;
  padding: 8px 0;
  position: absolute;
  left: 0;
  right: 0;
  top: auto;
  bottom: 0;
  margin: 0 auto;
  width: 100px;
  overflow-y: hidden;
}
/* line 3442, ../../workspace/styles/main.scss */
.newsletter-promo-locale-ru .newsletter-promo-module-form-signup-btn.standard-btn {
  padding: 8px;
  font-size: 7px;
}
@media all and (min-width: 375px) {
  /* line 3426, ../../workspace/styles/main.scss */
  .newsletter-promo-module-form-signup-btn.standard-btn {
    top: 0;
    left: auto;
    bottom: auto;
  }
}
@media all and (min-width: 901px) {
  /* line 3426, ../../workspace/styles/main.scss */
  .newsletter-promo-module-form-signup-btn.standard-btn {
    width: 130px;
  }
}

/* line 3455, ../../workspace/styles/main.scss */
.newsletter-promo-module-form-signup-btn-text {
  display: block;
  position: relative;
  -moz-animation: buttonMouseOff 600ms ease-out;
  -webkit-animation: buttonMouseOff 600ms ease-out;
  animation: buttonMouseOff 600ms ease-out;
}
/* line 3459, ../../workspace/styles/main.scss */
.newsletter-promo-module-form-signup-btn:hover .newsletter-promo-module-form-signup-btn-text {
  -moz-animation: buttonMouseOn 200ms ease-in-out;
  -webkit-animation: buttonMouseOn 200ms ease-in-out;
  animation: buttonMouseOn 200ms ease-in-out;
}

/* line 3464, ../../workspace/styles/main.scss */
.promo-feature {
  max-width: 1100px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  padding: 1rem;
}
@media all and (min-width: 1099px) {
  /* line 3464, ../../workspace/styles/main.scss */
  .promo-feature {
    padding: 2rem 0 3rem;
    margin: 0 auto;
    overflow: visible;
  }
}

/* line 3476, ../../workspace/styles/main.scss */
.promo-feature-content {
  box-sizing: border-box;
  width: 100%;
}
@media all and (min-width: 901px) {
  /* line 3476, ../../workspace/styles/main.scss */
  .promo-feature-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    padding-top: 3rem;
  }
}

/* line 3487, ../../workspace/styles/main.scss */
.promo-feature-summary {
  -webkit-flex: 2;
  flex: 2;
  position: relative;
  padding: 0 0 3rem;
}
/* line 3492, ../../workspace/styles/main.scss */
.promo-feature-summary .promo-feature-summary-image {
  width: 100%;
  z-index: 2;
  position: relative;
  margin-top: -50%;
}
@media all and (min-width: 901px) {
  /* line 3492, ../../workspace/styles/main.scss */
  .promo-feature-summary .promo-feature-summary-image {
    margin-top: -8em;
    width: 115%;
    left: -6em;
  }
}
/* line 3503, ../../workspace/styles/main.scss */
.promo-feature-summary .promo-feature-copy-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  z-index: 2;
}
@media all and (min-width: 901px) {
  /* line 3503, ../../workspace/styles/main.scss */
  .promo-feature-summary .promo-feature-copy-wrapper {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    max-width: 820px;
  }
}
/* line 3513, ../../workspace/styles/main.scss */
.promo-feature-summary .promo-feature-copy {
  -webkit-flex: 1 64%;
  flex: 1 64%;
  margin: 0;
}
/* line 3525, ../../workspace/styles/main.scss */
.promo-feature-summary .promo-feature-title-image {
  width: 100%;
}
@media all and (min-width: 901px) {
  /* line 3525, ../../workspace/styles/main.scss */
  .promo-feature-summary .promo-feature-title-image {
    margin-left: -1em;
    position: absolute;
    z-index: 1;
    width: 70%;
  }
}
@media all and (min-width: 1099px) {
  /* line 3525, ../../workspace/styles/main.scss */
  .promo-feature-summary .promo-feature-title-image {
    width: initial;
  }
}
/* line 3537, ../../workspace/styles/main.scss */
.promo-feature-summary .standard-btn {
  -webkit-flex: 1 20%;
  flex: 1 20%;
  margin: 0 13em;
  background: none;
  color: #000;
}
@media all and (min-width: 901px) {
  /* line 3537, ../../workspace/styles/main.scss */
  .promo-feature-summary .standard-btn {
    display: table;
    margin: 0 3em;
  }
}
@media all and (max-width: 901px) {
  /* line 3548, ../../workspace/styles/main.scss */
  .promo-feature-summary .promo-feature-copy {
    -webkit-flex: 1 100%;
    flex: 1 100%;
    line-height: 1.5rem;
    margin-bottom: 1em;
    position: relative;
  }
  /* line 3554, ../../workspace/styles/main.scss */
  .promo-feature-summary .standard-btn {
    -webkit-flex: 4 100%;
    flex: 4 100%;
    margin: 0 6em;
    min-width: 11.0625rem;
  }
}
@media all and (min-width: 901px) {
  /* line 3487, ../../workspace/styles/main.scss */
  .promo-feature-summary {
    padding: 0;
  }
}

/* line 3566, ../../workspace/styles/main.scss */
.promo-feature-copy .p1 {
  margin: 0;
}
/* line 3570, ../../workspace/styles/main.scss */
.promo-feature-copy .p1 a {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #000;
  display: inline;
  font-family: "futura-pt", sans-serif;
  font-weight: bold;
  outline: none;
  -moz-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
/* line 3580, ../../workspace/styles/main.scss */
.promo-feature-copy .p1 a:hover {
  opacity: 0.5;
}

/* line 3590, ../../workspace/styles/main.scss */
.promo-feature-locale-ru .promo-feature-merchandise .spike-heading,
.promo-feature-locale-it-it .promo-feature-merchandise .spike-heading {
  font-size: 1.5rem;
  padding-bottom: 1rem;
}

/* line 3597, ../../workspace/styles/main.scss */
.promo-feature-locale-fr-fr .promo-feature-merchandise .spike-heading {
  font-size: 1.25rem;
  padding-bottom: 1rem;
}

/* line 3604, ../../workspace/styles/main.scss */
.promo-feature-locale-de-de .promo-feature-merchandise .spike-heading {
  font-size: 0.85rem;
  padding-bottom: 2rem;
}
/* line 3608, ../../workspace/styles/main.scss */
.promo-feature-locale-de-de .promo-feature-merchandise .spike-copy {
  padding: 1rem 0;
}

/* line 3613, ../../workspace/styles/main.scss */
.promo-feature-merchandise {
  max-width: 278px;
  position: relative;
  outline-offset: -1rem;
}
/* line 3618, ../../workspace/styles/main.scss */
.promo-feature-merchandise .promo-feature-merchandise-heading {
  font-size: 1.5625rem;
  font-family: "futura-pt", sans-serif;
  margin: 0 1em 1em;
}
/* line 3623, ../../workspace/styles/main.scss */
.promo-feature-merchandise .spike-heading {
  font-size: 1.75rem;
}
@media all and (min-width: 321px) {
  /* line 3623, ../../workspace/styles/main.scss */
  .promo-feature-merchandise .spike-heading {
    font-size: 2.1875rem;
  }
}
@media all and (min-width: 901px) {
  /* line 3623, ../../workspace/styles/main.scss */
  .promo-feature-merchandise .spike-heading {
    font-size: 1.6875rem;
  }
}
/* line 3633, ../../workspace/styles/main.scss */
.promo-feature-merchandise .promo-feature-merchandise-image {
  display: block;
  height: auto;
  position: relative;
  width: 100%;
}
@media all and (min-width: 901px) {
  /* line 3633, ../../workspace/styles/main.scss */
  .promo-feature-merchandise .promo-feature-merchandise-image {
    margin: 0 auto;
  }
}
/* line 3642, ../../workspace/styles/main.scss */
.promo-feature-merchandise .standard-btn {
  margin: 0 auto 1em;
  background: none;
  color: #ffffff;
  min-width: 11.0625rem;
}
@media all and (min-width: 901px) {
  /* line 3642, ../../workspace/styles/main.scss */
  .promo-feature-merchandise .standard-btn {
    margin: auto;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 105px;
  }
}
/* line 3653, ../../workspace/styles/main.scss */
.promo-feature-merchandise:before {
  content: '';
  display: block;
  width: 5.5em;
  height: 2em;
  background: url("../assets/vault-tec-icon.svg") no-repeat 0;
  background-size: 100%;
  position: absolute;
  top: 2em;
  left: 50%;
  text-align: center;
  margin-left: -2.75em;
}
@media all and (max-width: 901px) {
  /* line 3613, ../../workspace/styles/main.scss */
  .promo-feature-merchandise {
    -webkit-flex: 1 100%;
    flex: 1 100%;
    max-width: none;
    max-height: none;
    margin-bottom: 2em;
  }
  /* line 3671, ../../workspace/styles/main.scss */
  .promo-feature-merchandise .promo-copy {
    -webkit-flex: 1 100%;
    flex: 1 100%;
    margin: 3em 0 1em;
  }
}

/* line 3678, ../../workspace/styles/main.scss */
.simulation-hero {
  height: 570px;
  padding: 1rem;
  position: relative;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  width: 100%;
}
@media all and (min-width: 901px) {
  /* line 3678, ../../workspace/styles/main.scss */
  .simulation-hero {
    height: 740px;
    margin-top: 3rem;
    padding-top: 3rem;
    margin-bottom: 3rem;
  }
}

/* line 3692, ../../workspace/styles/main.scss */
.simulation-hero-heading {
  display: block;
  position: relative;
  width: 100%;
  z-index: 3;
  margin: 1rem auto;
}

/* line 3699, ../../workspace/styles/main.scss */
.simulation-hero-background-image {
  background: #000;
  display: block;
  height: auto;
  min-height: 570px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: 0;
  width: 100%;
  max-width: 100%;
  padding-bottom: 66%;
  min-width: 430px;
  z-index: 0;
}
@media all and (max-width: 901px) and (min-device-width: 1024px) {
  /* line 3699, ../../workspace/styles/main.scss */
  .simulation-hero-background-image {
    width: auto;
    height: 100%;
    max-width: none;
    padding-bottom: 0;
  }
}
@media all and (min-width: 901px) {
  /* line 3699, ../../workspace/styles/main.scss */
  .simulation-hero-background-image {
    min-width: 1425px;
    min-height: 740px;
    padding-bottom: 0;
  }
}

/* line 3725, ../../workspace/styles/main.scss */
.simulation-hero-content {
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  z-index: 2;
}

/* line 3734, ../../workspace/styles/main.scss */
.simulation-hero-game-logo {
  width: 250px;
  max-width: 100%;
  margin-top: 5rem;
}
@media all and (min-width: 901px) {
  /* line 3734, ../../workspace/styles/main.scss */
  .simulation-hero-game-logo {
    max-width: 425px;
    width: 100%;
    margin-top: 10rem;
  }
}

/* line 3744, ../../workspace/styles/main.scss */
.simulation-hero-title {
  color: #ffffff;
  font-family: "futura-pt", sans-serif;
  font-weight: bold;
  font-size: 60px;
  text-shadow: 4px 3px 4px #000;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
}
@media all and (min-width: 901px) {
  /* line 3744, ../../workspace/styles/main.scss */
  .simulation-hero-title {
    font-size: 70px;
    margin: 1rem 0 0;
  }
}

/* line 3758, ../../workspace/styles/main.scss */
.simulation-hero-copy {
  color: #ffffff;
  margin: 0 2em;
  font-size: 15px;
  line-height: 1.5em;
}
@media all and (min-width: 370px) {
  /* line 3758, ../../workspace/styles/main.scss */
  .simulation-hero-copy {
    margin: 2em 2em 1em;
  }
}
@media all and (min-width: 901px) {
  /* line 3758, ../../workspace/styles/main.scss */
  .simulation-hero-copy {
    width: 28em;
    margin: 2rem auto 1rem;
  }
}

/* line 3772, ../../workspace/styles/main.scss */
.simulation-hero-link {
  color: #ffffff;
  text-decoration: none;
  display: block;
}

/* line 3777, ../../workspace/styles/main.scss */
.simulation-hero-more-link {
  color: #faed7b;
  display: block;
  font-family: "futura-pt", sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
  margin-bottom: 20px;
  text-transform: uppercase;
  -moz-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
/* line 3787, ../../workspace/styles/main.scss */
.simulation-hero-more-link:hover {
  opacity: 0.5;
}

/* line 3791, ../../workspace/styles/main.scss */
.simulation-hero-preorder-btn {
  display: inline-block;
  border-color: #ffffff;
  color: #ffffff;
  min-width: 11.0625rem;
}

/* line 3797, ../../workspace/styles/main.scss */
.simulation-platforms-heading {
  clip: auto;
  color: transparent;
  display: block;
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  width: 0;
}

/* line 3800, ../../workspace/styles/main.scss */
.simulation-hero-platforms {
  margin: 1em 0;
  padding: 0 2em;
}
@media all and (min-width: 901px) {
  /* line 3800, ../../workspace/styles/main.scss */
  .simulation-hero-platforms {
    margin: 3em auto;
    width: 30em;
    position: relative;
  }
}

/* line 3809, ../../workspace/styles/main.scss */
.simulation-hero-badge-image {
  display: block;
  margin: 6rem auto 0;
  width: 70px;
}
@media all and (min-width: 901px) {
  /* line 3809, ../../workspace/styles/main.scss */
  .simulation-hero-badge-image {
    width: auto;
    margin: 10rem auto 0;
  }
}

/* line 3819, ../../workspace/styles/main.scss */
.promo-spike-module {
  max-width: 1100px;
  padding: 1rem;
  position: relative;
}
@media all and (min-width: 1099px) {
  /* line 3819, ../../workspace/styles/main.scss */
  .promo-spike-module {
    padding: 0;
    margin-bottom: 2rem;
  }
}

/* line 3828, ../../workspace/styles/main.scss */
.promo-spike:before {
  display: none;
}

/* line 3831, ../../workspace/styles/main.scss */
.promo-spike-feature-image {
  width: 100%;
}

/* line 3835, ../../workspace/styles/main.scss */
.promo-spike-preorder-btn.standard-btn {
  border-color: #ffffff;
  font-size: 8px;
  padding: 1em;
  position: absolute;
  right: 2em;
  bottom: 50%;
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
@media all and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1099px) and (orientation: portrait) {
  /* line 3835, ../../workspace/styles/main.scss */
  .promo-spike-preorder-btn.standard-btn {
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    bottom: 23%;
    padding: .75em;
    font-size: 10px;
  }
}
@media all and (min-width: 320px) and (max-width: 375px) {
  /* line 3835, ../../workspace/styles/main.scss */
  .promo-spike-preorder-btn.standard-btn {
    width: 10em;
    right: 1.5em;
  }
}
@media all and (min-width: 400px) and (max-width: 460px) {
  /* line 3835, ../../workspace/styles/main.scss */
  .promo-spike-preorder-btn.standard-btn {
    width: 14em;
    right: 1.35em;
  }
}
@media all and (min-width: 901px) {
  /* line 3835, ../../workspace/styles/main.scss */
  .promo-spike-preorder-btn.standard-btn {
    padding: 1.5em 5em;
    right: 4em;
    font-size: 11px;
  }
}
@media all and (min-width: 321px) and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  /* line 3835, ../../workspace/styles/main.scss */
  .promo-spike-preorder-btn.standard-btn {
    bottom: 28%;
    font-size: 10px;
  }
}
@media all and (min-width: 1099px) {
  /* line 3835, ../../workspace/styles/main.scss */
  .promo-spike-preorder-btn.standard-btn {
    right: 7em;
  }
}

/* line 3871, ../../workspace/styles/main.scss */
.lead-in-module {
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: column;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  max-width: 1100px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 2rem 1rem 0;
}
@media all and (min-width: 1099px) {
  /* line 3871, ../../workspace/styles/main.scss */
  .lead-in-module {
    padding: 2rem 0 0;
  }
}

/* line 3884, ../../workspace/styles/main.scss */
.lead-in-copy {
  margin-left: 1.25em;
  padding-left: 1.25em;
  line-height: 1.5em;
  font-size: 15px;
  border-left: 2px solid #333333;
  -ms-flex: 1 1 auto;
  -ms-flex-direction: row;
}

/* line 3893, ../../workspace/styles/main.scss */
.lead-in-heading {
  font-size: 1.375rem;
  line-height: 1em;
  letter-spacing: .01em;
  margin-top: 0;
  -ms-flex: 0 1 auto;
  -ms-flex-direction: row;
}
@media all and (min-width: 901px) {
  /* line 3893, ../../workspace/styles/main.scss */
  .lead-in-heading {
    font-size: 3rem;
    margin: 0 0 .5em;
  }
}

/* line 3905, ../../workspace/styles/main.scss */
.lead-in-heading-subtext {
  display: block;
  font-family: "futura-pt-condensed", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
}
/* line 3910, ../../workspace/styles/main.scss */
.big-lead-in-module-wrapper .lead-in-heading-subtext {
  font-size: 0.9375rem;
}

@media all and (min-width: 901px) {
  /* line 3914, ../../workspace/styles/main.scss */
  .lead-in-intro {
    display: -ms-flexbox;
    -ms-flex-direction: column;
    -ms-flex: 6;
    text-align: left;
    -webkit-flex: 6;
    flex: 6;
    -webkit-align-self: center;
    align-self: center;
    padding-right: 2rem;
  }
}
/* line 3924, ../../workspace/styles/main.scss */
.lead-in-intro li {
  color: #333333;
  font-family: "schoolbook-web", serif;
}

/* line 3929, ../../workspace/styles/main.scss */
.lead-in-aside {
  text-align: center;
}
@media all and (min-width: 901px) {
  /* line 3929, ../../workspace/styles/main.scss */
  .lead-in-aside {
    display: -ms-flexbox;
    -ms-flex-direction: row;
    -ms-flex: 3;
    -webkit-flex: 3;
    flex: 3;
    max-width: 100%;
    margin: 0 0 0 1em;
  }
}
/* line 3939, ../../workspace/styles/main.scss */
.lead-in-aside .lead-in-aside-image {
  width: 100%;
}
/* line 3942, ../../workspace/styles/main.scss */
.lead-in-aside.big-lead-in-aside {
  display: -ms-flexbox;
  -ms-flex-direction: column;
  -ms-flex: 2;
  -webkit-flex: 2;
  flex: 2;
  margin: 0 0.5em;
}

/* line 3951, ../../workspace/styles/main.scss */
.big-lead-in-module-wrapper {
  padding: 1rem 1.0625rem;
  max-width: 1100px;
  margin: auto;
}
@media all and (max-width: 901px) {
  /* line 3956, ../../workspace/styles/main.scss */
  .preorder-lead-in-module .big-lead-in-module-wrapper {
    padding: 2rem 0.5rem;
  }
}

/* line 3961, ../../workspace/styles/main.scss */
.big-lead-in-module {
  padding: 1rem 0;
}

/* line 3964, ../../workspace/styles/main.scss */
.big-lead-in-heading-title {
  display: block;
  font-family: "SouthernAire", serif;
  text-transform: none;
  font-weight: normal;
  line-height: .5em;
}

/* line 3971, ../../workspace/styles/main.scss */
.big-lead-in-pack-art {
  width: 100%;
}

/* line 3974, ../../workspace/styles/main.scss */
.big-lead-in-preorder-btn {
  color: #000;
  display: inline-block;
  margin: 0 auto;
  border-width: 3px;
  overflow: hidden;
}
@media all and (min-width: 901px) {
  /* line 3974, ../../workspace/styles/main.scss */
  .big-lead-in-preorder-btn {
    display: block;
    font-size: 13px;
  }
}

/* line 3985, ../../workspace/styles/main.scss */
.big-lead-in-preorder-icon {
  width: 70px;
  height: 52px;
  left: -7em;
  top: -5px;
  -moz-transform: scale(0.7, 0.7);
  -ms-transform: scale(0.7, 0.7);
  -webkit-transform: scale(0.7, 0.7);
  transform: scale(0.7, 0.7);
}
@media all and (min-width: 901px) {
  /* line 3985, ../../workspace/styles/main.scss */
  .big-lead-in-preorder-icon {
    visibility: hidden;
  }
}

/* line 3995, ../../workspace/styles/main.scss */
.big-lead-in-snippet {
  margin: 2em 0;
  display: block;
}
/* line 3998, ../../workspace/styles/main.scss */
.big-lead-in-snippet:before {
  top: -0.8em;
}
@media all and (min-width: 901px) {
  /* line 3995, ../../workspace/styles/main.scss */
  .big-lead-in-snippet {
    flex: none;
    margin-top: 2em;
    margin-bottom: 1em;
    max-width: 100%;
    padding: 1em 1em 0.8em;
  }
}

/* line 4009, ../../workspace/styles/main.scss */
.big-lead-in-preorder-platform-logos {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  list-style: none;
  margin: 2em 0 0;
  padding: 0;
  vertical-align: middle;
}
@media all and (min-width: 901px) {
  /* line 4009, ../../workspace/styles/main.scss */
  .big-lead-in-preorder-platform-logos {
    margin: 1.5em 0 0;
  }
}

/* line 4021, ../../workspace/styles/main.scss */
.big-lead-in-preorder-platform-logo {
  margin: 0.5em 0.25em 0;
}
/* line 4023, ../../workspace/styles/main.scss */
.big-lead-in-preorder-platform-logo .icon {
  display: inline-block;
}
@media all and (min-width: 901px) {
  /* line 4027, ../../workspace/styles/main.scss */
  .big-lead-in-preorder-platform-logo .icon.ps4-icon-black,
  .big-lead-in-preorder-platform-logo .icon.xbox-one-icon-black,
  .big-lead-in-preorder-platform-logo .icon.xbox-360-icon-black,
  .big-lead-in-preorder-platform-logo .icon.ps3-icon-black,
  .big-lead-in-preorder-platform-logo .icon.steam-icon-black {
    height: 22px;
  }
  /* line 4034, ../../workspace/styles/main.scss */
  .big-lead-in-preorder-platform-logo .icon.pc-icon-black {
    height: 22px;
    width: 22px;
  }
}

@media all and (min-width: 901px) {
  /* line 4041, ../../workspace/styles/main.scss */
  .big-lead-in-module-wrapper {
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    -ms-flex-pack: start;
    -ms-flex-align: start;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    width: 100%;
  }
}
/* line 4053, ../../workspace/styles/main.scss */
.carousel-module {
  background-color: #000;
  background-image: url("../assets/texture-noise@1x.png");
  padding: 2.5rem 1rem 1rem;
  text-align: center;
  width: 100%;
}

/* line 4060, ../../workspace/styles/main.scss */
.carousel-module-wrapper {
  margin: 0 auto;
  max-width: 1100px;
  overflow: hidden;
  position: relative;
}

/* line 4066, ../../workspace/styles/main.scss */
.carousel-heading {
  margin: 0 auto 2em;
  text-align: left;
}
@media all and (min-width: 901px) {
  /* line 4066, ../../workspace/styles/main.scss */
  .carousel-heading {
    margin-bottom: 4em;
  }
}

/* line 4073, ../../workspace/styles/main.scss */
.carousel-panels-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

/* line 4078, ../../workspace/styles/main.scss */
.carousel-panels {
  -moz-transition: -moz-transform 0.6s ease-in-out, max-height 0.6s ease-in-out;
  -o-transition: -o-transform 0.6s ease-in-out, max-height 0.6s ease-in-out;
  -webkit-transition: -webkit-transform 0.6s ease-in-out, max-height 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, max-height 0.6s ease-in-out;
  overflow: hidden;
  width: 9999px;
}
@media all and (min-width: 901px) {
  /* line 4078, ../../workspace/styles/main.scss */
  .carousel-panels {
    min-height: 425px;
  }
}
/* line 4085, ../../workspace/styles/main.scss */
.carousel-panels:after {
  clear: both;
  content: '';
  display: block;
}

/* line 4091, ../../workspace/styles/main.scss */
.carousel-panel {
  max-width: 1100px;
  float: left;
  opacity: 0;
  min-height: 1px;
  -moz-transition: opacity 1.4s ease;
  -o-transition: opacity 1.4s ease;
  -webkit-transition: opacity 1.4s ease;
  transition: opacity 1.4s ease;
}
@media all and (min-width: 901px) {
  /* line 4091, ../../workspace/styles/main.scss */
  .carousel-panel {
    padding: 0 60px;
  }
}
@media all and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* line 4091, ../../workspace/styles/main.scss */
  .carousel-panel {
    padding: 0;
  }
}

/* line 4107, ../../workspace/styles/main.scss */
.carousel-panel-active {
  max-height: initial;
  opacity: 1;
}

/* line 4112, ../../workspace/styles/main.scss */
.carousel-panel-heading,
.carousel-panel-description {
  color: #ffffff;
}

/* line 4116, ../../workspace/styles/main.scss */
.carousel-panel-heading {
  margin: 1.5em 0 0;
}

/* line 4119, ../../workspace/styles/main.scss */
.carousel-panel-description {
  max-width: 700px;
  margin: 0.5em auto 0;
}

/* line 4123, ../../workspace/styles/main.scss */
.carousel-panel-image-wrapper {
  overflow: hidden;
  height: 280px;
  width: 100%;
  position: relative;
}

/* line 4129, ../../workspace/styles/main.scss */
.carousel-panel-image {
  width: auto;
  max-width: 100%;
  height: auto;
}
@media all and (min-width: 901px) {
  /* line 4129, ../../workspace/styles/main.scss */
  .carousel-panel-image {
    max-width: 880px;
    width: 100%;
  }
}

/* line 4138, ../../workspace/styles/main.scss */
.carousel-arrow {
  background-image: url("/assets/icons/carousel-arrow.svg");
  background-repeat: no-repeat;
  display: none;
  color: #ffffff;
  cursor: pointer;
  height: 42px;
  position: absolute;
  text-indent: -9999px;
  opacity: 1;
  top: 240px;
  width: 30px;
  -moz-transition: opacity 0.6s ease;
  -o-transition: opacity 0.6s ease;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}
@media all and (min-width: 901px) {
  /* line 4138, ../../workspace/styles/main.scss */
  .carousel-arrow {
    display: block;
  }
  /* line 4153, ../../workspace/styles/main.scss */
  .carousel-arrow:hover {
    opacity: 0.5;
  }
}

/* line 4158, ../../workspace/styles/main.scss */
.carousel-arrow-left {
  left: 0;
}

/* line 4161, ../../workspace/styles/main.scss */
.carousel-arrow-right {
  right: 0;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* line 4165, ../../workspace/styles/main.scss */
.carousel-arrow-disabled {
  opacity: 0.2;
  cursor: default;
}
/* line 4168, ../../workspace/styles/main.scss */
.carousel-arrow-disabled:hover {
  opacity: 0.2;
}

/* line 4172, ../../workspace/styles/main.scss */
.carousel-nav {
  margin: 0;
  padding: 1.5em 0 1em;
  position: relative;
  text-align: center;
}
@media all and (min-width: 901px) {
  /* line 4172, ../../workspace/styles/main.scss */
  .carousel-nav {
    padding-top: 2em;
    padding-bottom: 2em;
  }
}

/* line 4182, ../../workspace/styles/main.scss */
.carousel-nav-item {
  display: inline-block;
  padding: 5px;
  vertical-align: middle;
}
/* line 4186, ../../workspace/styles/main.scss */
.carousel-nav-item:before {
  border-radius: 50%;
  border: 1px solid #ffffff;
  content: '';
  display: block;
  height: 6px;
  width: 6px;
}

/* line 4196, ../../workspace/styles/main.scss */
.carousel-nav-item-active:before {
  background-color: #ffffff;
  height: 10px;
  width: 10px;
}

/* line 4203, ../../workspace/styles/main.scss */
.more-simulations-module {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  max-width: 1100px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media all and (max-width: 1099px) {
  /* line 4203, ../../workspace/styles/main.scss */
  .more-simulations-module {
    padding: 1rem;
  }
}
@media all and (min-width: 901px) {
  /* line 4203, ../../workspace/styles/main.scss */
  .more-simulations-module {
    margin-bottom: 2em;
  }
}

/* line 4215, ../../workspace/styles/main.scss */
.more-simulations-feature {
  position: relative;
  width: 100%;
  text-align: center;
}
@media all and (min-width: 901px) {
  /* line 4215, ../../workspace/styles/main.scss */
  .more-simulations-feature {
    text-align: right;
    width: 45%;
    max-height: 60em;
    margin-top: 2em;
    margin-bottom: 0;
    padding-bottom: 2.5em;
  }
  /* line 4226, ../../workspace/styles/main.scss */
  .more-simulations-feature:first-of-type::after {
    background: #000 url("../assets/texture-noise@1x.png");
    height: 100%;
    width: 3px;
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: -4em;
  }
}

/* line 4238, ../../workspace/styles/main.scss */
.more-simulations-feature-image-container {
  height: 280px;
}
@media all and (min-width: 901px) {
  /* line 4238, ../../workspace/styles/main.scss */
  .more-simulations-feature-image-container {
    height: 350px;
  }
}

/* line 4244, ../../workspace/styles/main.scss */
.more-simulations-feature-image {
  max-width: 100%;
}
@media all and (min-width: 901px) {
  /* line 4244, ../../workspace/styles/main.scss */
  .more-simulations-feature-image {
    max-height: 460px;
  }
}

/* line 4250, ../../workspace/styles/main.scss */
.more-simulations-copy-wrapper {
  text-align: left;
  top: -1em;
  position: relative;
}

/* line 4255, ../../workspace/styles/main.scss */
.more-simulations-copy-text {
  width: 100%;
}
@media all and (min-width: 901px) {
  /* line 4255, ../../workspace/styles/main.scss */
  .more-simulations-copy-text {
    width: 85%;
    margin-bottom: 0;
  }
}

/* line 4262, ../../workspace/styles/main.scss */
.more-simulations-feature-heading {
  font-size: 2.25rem;
  letter-spacing: normal;
  line-height: 2.5625rem;
  margin: 0;
}
@media all and (min-width: 901px) {
  /* line 4262, ../../workspace/styles/main.scss */
  .more-simulations-feature-heading {
    font-size: 2.5625rem;
  }
}

/* line 4271, ../../workspace/styles/main.scss */
.more-simulations-feature-series-title {
  font-family: "SouthernAire", serif;
  font-size: 1em;
  font-weight: normal;
  line-height: 0.45em;
  letter-spacing: normal;
  text-transform: none;
  display: block;
}

/* line 4280, ../../workspace/styles/main.scss */
.more-simulations-buttons {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
}
@media all and (min-width: 510px) {
  /* line 4280, ../../workspace/styles/main.scss */
  .more-simulations-buttons {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
@media all and (min-width: 901px) {
  /* line 4280, ../../workspace/styles/main.scss */
  .more-simulations-buttons {
    width: 100%;
  }
}

/* line 4292, ../../workspace/styles/main.scss */
.more-simulations-btn {
  display: block;
  width: 49%;
  margin: 0 .5rem .5rem 0;
  max-width: 15em;
  position: relative;
}
@media all and (min-width: 901px) {
  /* line 4292, ../../workspace/styles/main.scss */
  .more-simulations-btn {
    width: 43%;
  }
}

/* line 4303, ../../workspace/styles/main.scss */
.other-download-btn {
  width: 100%;
  height: 2.4375rem;
}
/* line 4306, ../../workspace/styles/main.scss */
.other-download-btn .download-btn-text {
  left: 0;
  right: 0;
  top: inherit;
}

/* line 4314, ../../workspace/styles/main.scss */
.ios-download-btn .download-btn-text {
  text-transform: none;
}

/* line 4320, ../../workspace/styles/main.scss */
.app-footer {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  display: none;
  background: #ecebe8 url("../assets/texture-noise@1x.png") repeat;
}
@media all and (min-width: 901px) {
  /* line 4320, ../../workspace/styles/main.scss */
  .app-footer {
    padding: 0;
  }
}
/* line 4328, ../../workspace/styles/main.scss */
.app-footer.app-footer-active {
  display: block;
}

/* line 4332, ../../workspace/styles/main.scss */
.app-footer-header {
  display: -ms-flexbox;
  -ms-flex-flow: row wrap;
  -ms-flex-pack: start;
  -ms-flex-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  max-width: 1100px;
  text-align: center;
  font-size: 0.875rem;
  font-family: "futura-pt-condensed", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  padding: 1rem;
  -webkit-flex: 4;
  flex: 4;
  width: 100%;
  box-sizing: border-box;
}
@media all and (min-width: 901px) {
  /* line 4332, ../../workspace/styles/main.scss */
  .app-footer-header {
    margin: 1.5625rem auto 0.5rem;
  }
}
@media all and (min-width: 1099px) {
  /* line 4332, ../../workspace/styles/main.scss */
  .app-footer-header {
    padding: 0;
  }
}
/* line 4355, ../../workspace/styles/main.scss */
.app-footer-header .vt-icon {
  display: block;
  margin: 0 2em;
}
@media all and (max-width: 420px) {
  /* line 4355, ../../workspace/styles/main.scss */
  .app-footer-header .vt-icon {
    -moz-transform: scale(0.75, 0.75);
    -ms-transform: scale(0.75, 0.75);
    -webkit-transform: scale(0.75, 0.75);
    transform: scale(0.75, 0.75);
  }
}
/* line 4362, ../../workspace/styles/main.scss */
.app-footer-header:before, .app-footer-header:after {
  border: 0;
  border-bottom: 3px solid #000;
  width: 100%;
  position: relative;
  padding: 0;
  margin: auto;
  display: -ms-flexbox;
  -ms-flex: 4;
  -webkit-flex: 4;
  flex: 4;
  content: '';
}

/* line 4369, ../../workspace/styles/main.scss */
.app-footer-list-wrapper {
  box-sizing: border-box;
  margin: -0.5em auto auto;
  list-style: none;
  display: -ms-flexbox;
  -ms-flex-direction: row;
  -ms-flex-wrap: nowrap;
  -ms-flex-pack: justify;
  -ms-flex-align: start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  max-width: 1100px;
  padding: 0 1em;
  width: 100%;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media all and (min-width: 901px) {
  /* line 4369, ../../workspace/styles/main.scss */
  .app-footer-list-wrapper {
    -webkit-flex-direction: row;
    flex-direction: row;
    margin: 0 auto;
  }
}
@media all and (min-width: 1099px) {
  /* line 4369, ../../workspace/styles/main.scss */
  .app-footer-list-wrapper {
    padding: 0 0 1em;
  }
}

/* line 4393, ../../workspace/styles/main.scss */
.app-footer-list {
  font-family: "futura-pt", sans-serif;
  list-style: none;
  text-transform: uppercase;
  line-height: 1.3em;
  border-bottom: 2px solid #000;
  width: 100%;
  padding: 0;
  text-align: center;
}
/* line 4402, ../../workspace/styles/main.scss */
.app-footer-list:first-of-type {
  margin-top: -.5em;
}
/* line 4405, ../../workspace/styles/main.scss */
.app-footer-list:nth-last-of-type(2) {
  border-bottom-width: 3px;
}
/* line 4408, ../../workspace/styles/main.scss */
.app-footer-list:last-of-type {
  border: none;
}
@media all and (min-width: 901px) {
  /* line 4393, ../../workspace/styles/main.scss */
  .app-footer-list {
    border: none;
    width: auto;
    padding: 0.4rem;
    text-align: left;
    -ms-flex-item-align: baseline;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
  }
  /* line 4412, ../../workspace/styles/main.scss */
  .app-footer-list:first-of-type {
    margin-top: 0;
  }
}

@media all and (min-width: 901px) {
  /* line 4424, ../../workspace/styles/main.scss */
  .app-footer-list-goods,
  .app-footer-list-social,
  .app-footer-list-other {
    display: block;
  }
}
/* line 4430, ../../workspace/styles/main.scss */
.app-footer-list-goods .app-footer-list-item-link,
.app-footer-list-social .app-footer-list-item-link,
.app-footer-list-other .app-footer-list-item-link {
  font-weight: bold;
}

/* line 4435, ../../workspace/styles/main.scss */
.app-footer-list-other .app-footer-split-list {
  display: block;
  margin-top: .75em;
}
@media all and (min-width: 901px) {
  /* line 4435, ../../workspace/styles/main.scss */
  .app-footer-list-other .app-footer-split-list {
    margin-top: 0;
  }
}
/* line 4442, ../../workspace/styles/main.scss */
.app-footer-list-other .app-footer-list-item {
  display: inline;
  position: relative;
  font-size: .5rem;
  padding-left: 1.25em;
}
@media all and (max-width: 420px) {
  /* line 4442, ../../workspace/styles/main.scss */
  .app-footer-list-other .app-footer-list-item {
    padding-left: .75em;
  }
}
@media all and (min-width: 901px) {
  /* line 4442, ../../workspace/styles/main.scss */
  .app-footer-list-other .app-footer-list-item {
    display: block;
    padding: 0;
    font-size: 0.75rem;
  }
}
/* line 4456, ../../workspace/styles/main.scss */
.app-footer-list-other .app-footer-list-item:before {
  position: relative;
  content: '';
  display: inline-block;
  height: .3em;
  width: .3em;
  background: #000;
  border-radius: 100%;
  left: -.4em;
  top: -.25em;
}
@media all and (min-width: 420px) {
  /* line 4456, ../../workspace/styles/main.scss */
  .app-footer-list-other .app-footer-list-item:before {
    left: -.65em;
  }
}
@media all and (min-width: 901px) {
  /* line 4456, ../../workspace/styles/main.scss */
  .app-footer-list-other .app-footer-list-item:before {
    visibility: hidden;
    display: none;
  }
}

/* line 4476, ../../workspace/styles/main.scss */
.app-footer-list-item:first-of-type:before {
  display: none;
}

/* line 4480, ../../workspace/styles/main.scss */
.app-footer-list-social {
  border: none;
}
/* line 4482, ../../workspace/styles/main.scss */
.app-footer-list-social .app-footer-list-subhead:first-child {
  display: none;
}

/* line 4486, ../../workspace/styles/main.scss */
.app-footer-list-support.app-footer-list {
  display: block;
}
@media all and (min-width: 901px) {
  /* line 4486, ../../workspace/styles/main.scss */
  .app-footer-list-support.app-footer-list {
    display: none;
  }
}

/* line 4492, ../../workspace/styles/main.scss */
.app-footer-split-list {
  display: -ms-flexbox;
  -ms-flex-flow: row wrap;
  -ms-flex-pack: start;
  -ms-flex-align: center;
  align-content: flex-start;
  -webkit-flex-flow: column;
  flex-flow: column;
  justify-content: space-around;
  line-height: 1.375rem;
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
}
@media all and (min-width: 901px) {
  /* line 4492, ../../workspace/styles/main.scss */
  .app-footer-split-list {
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    justify-content: flex-start;
  }
}

/* line 4511, ../../workspace/styles/main.scss */
.app-footer-list-subhead,
.app-footer-list-item {
  width: 100%;
  font-size: 0.75rem;
}

/* line 4516, ../../workspace/styles/main.scss */
.app-footer-list-subhead,
.app-footer-list-subhead-link {
  color: #000;
  font-family: "futura-pt", sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

/* line 4525, ../../workspace/styles/main.scss */
.app-footer-list-subhead-link {
  box-sizing: border-box;
  display: block;
  padding: 1em;
  width: 100%;
}
@media all and (min-width: 901px) {
  /* line 4525, ../../workspace/styles/main.scss */
  .app-footer-list-subhead-link {
    padding: 0;
    display: inline;
    position: relative;
    position: relative;
    display: inline-block;
    width: auto;
  }
  /* line 39, ../../workspace/styles/_mixins.scss */
  .app-footer-list-subhead-link:after {
    content: ' ';
    display: block;
    margin-top: 0.25rem;
    height: 2px;
    width: 0;
    -moz-transition: width 300ms ease-in, background-color 300ms ease-in;
    -o-transition: width 300ms ease-in, background-color 300ms ease-in;
    -webkit-transition: width 300ms ease-in, background-color 300ms ease-in;
    transition: width 300ms ease-in, background-color 300ms ease-in;
  }
  /* line 48, ../../workspace/styles/_mixins.scss */
  .app-footer-list-subhead-link:hover:after {
    background-color: #000;
    width: 100%;
    max-width: 100%;
    -moz-transition: width 300ms ease-in, background-color 300ms ease-in;
    -o-transition: width 300ms ease-in, background-color 300ms ease-in;
    -webkit-transition: width 300ms ease-in, background-color 300ms ease-in;
    transition: width 300ms ease-in, background-color 300ms ease-in;
  }
  /* line 61, ../../workspace/styles/_mixins.scss */
  .app-footer-list-subhead-link:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
  }
}

/* line 4538, ../../workspace/styles/main.scss */
.app-footer-list-item.app-footer-list-subhead {
  height: 1.375rem;
}

/* line 4541, ../../workspace/styles/main.scss */
.app-footer-list-item-link {
  font-family: "futura-pt", sans-serif;
  text-decoration: none;
  color: inherit;
  position: relative;
}
@media all and (min-width: 901px) {
  /* line 4541, ../../workspace/styles/main.scss */
  .app-footer-list-item-link {
    position: relative;
    display: inline-block;
  }
  /* line 39, ../../workspace/styles/_mixins.scss */
  .app-footer-list-item-link:after {
    content: ' ';
    display: block;
    margin-top: 0.25rem;
    height: 2px;
    width: 0;
    -moz-transition: width 300ms ease-in, background-color 300ms ease-in;
    -o-transition: width 300ms ease-in, background-color 300ms ease-in;
    -webkit-transition: width 300ms ease-in, background-color 300ms ease-in;
    transition: width 300ms ease-in, background-color 300ms ease-in;
  }
  /* line 48, ../../workspace/styles/_mixins.scss */
  .app-footer-list-item-link:hover:after {
    background-color: #000;
    width: 100%;
    max-width: 100%;
    -moz-transition: width 300ms ease-in, background-color 300ms ease-in;
    -o-transition: width 300ms ease-in, background-color 300ms ease-in;
    -webkit-transition: width 300ms ease-in, background-color 300ms ease-in;
    transition: width 300ms ease-in, background-color 300ms ease-in;
  }
  /* line 61, ../../workspace/styles/_mixins.scss */
  .app-footer-list-item-link:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
  }
}

/* line 4550, ../../workspace/styles/main.scss */
.app-footer-copyright {
  box-sizing: border-box;
  margin: 0 auto;
  list-style: none;
  max-width: 1100px;
  display: -ms-flexbox;
  -ms-flex-flow: row wrap;
  -ms-flex-pack: start;
  -ms-flex-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  text-transform: uppercase;
  padding: 1em;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
}
@media all and (min-width: 1099px) {
  /* line 4550, ../../workspace/styles/main.scss */
  .app-footer-copyright {
    padding: 0;
  }
}
/* line 4569, ../../workspace/styles/main.scss */
.app-footer-copyright:before, .app-footer-copyright:after {
  border: 0;
  border-bottom: 3px solid #000;
  width: 100%;
  border-style: dotted;
  border-bottom-width: 2px;
  position: relative;
  content: '';
  display: block;
}
@media all and (min-width: 901px) {
  /* line 4569, ../../workspace/styles/main.scss */
  .app-footer-copyright:before, .app-footer-copyright:after {
    border-style: solid;
    border-bottom-width: 3px;
  }
}

/* line 4583, ../../workspace/styles/main.scss */
.app-footer-copyright-item {
  display: -ms-flexbox;
  -ms-flex-flow: row wrap;
  -ms-flex-pack: start;
  -ms-flex-align: center;
  -ms-flex: 3;
  -webkit-flex: 3 100%;
  flex: 3 100%;
  padding: .5em 0 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
/* line 4593, ../../workspace/styles/main.scss */
.app-footer-copyright-item:first-of-type {
  margin: .5em 0;
}
@media all and (min-width: 901px) {
  /* line 4583, ../../workspace/styles/main.scss */
  .app-footer-copyright-item {
    margin: .25em 0;
    padding: .5em;
    display: -ms-flexbox;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
  }
  /* line 4602, ../../workspace/styles/main.scss */
  .app-footer-copyright-item:first-of-type {
    margin: 0;
  }
  /* line 4605, ../../workspace/styles/main.scss */
  .app-footer-copyright-item:last-of-type {
    padding: 0 0 0 1.5em;
    border-left: 2px dotted #000;
    display: -ms-flexbox;
    -ms-flex: 4;
    -webkit-flex: 4;
    flex: 4;
  }
}

/* line 4614, ../../workspace/styles/main.scss */
.app-footer-copyright-icon {
  display: inline-block;
}
/* line 4616, ../../workspace/styles/main.scss */
.app-footer-copyright-icon.icon.esrb-privacy-icon-large {
  width: 107px;
  height: 40px;
  margin: 0 .5em 0 0;
  background-size: 100%;
}
@media all and (min-width: 901px) {
  /* line 4616, ../../workspace/styles/main.scss */
  .app-footer-copyright-icon.icon.esrb-privacy-icon-large {
    width: 160px;
    height: 60px;
    margin: 0 1em 0 0;
  }
}
/* line 4627, ../../workspace/styles/main.scss */
.app-footer-copyright-icon.icon.esrb-rating-icon-large {
  width: 80px;
  height: 40px;
  margin: 0 .5em 0 0;
  background-size: 100%;
}
@media all and (min-width: 901px) {
  /* line 4627, ../../workspace/styles/main.scss */
  .app-footer-copyright-icon.icon.esrb-rating-icon-large {
    width: 120px;
    height: 60px;
    margin: 0 1em 0 0;
  }
}
/* line 4638, ../../workspace/styles/main.scss */
.app-footer-copyright-icon.icon.beth-soft-icon {
  background-size: contain;
  width: 110px;
  height: 1.0625rem;
  margin: 0 .5em 0 0;
}
/* line 4644, ../../workspace/styles/main.scss */
.app-footer-copyright-icon.icon.beth-studios-icon {
  width: 74px;
  height: 35px;
  margin: 0 1em 0 0;
}

/* line 4650, ../../workspace/styles/main.scss */
.app-footer-copyright-text {
  font-family: "futura-pt", sans-serif;
  font-size: 0.625rem;
  padding: 0;
  -ms-flex-direction: row;
  -ms-flex: 0 1 auto;
}
@media all and (min-width: 901px) {
  /* line 4650, ../../workspace/styles/main.scss */
  .app-footer-copyright-text {
    line-height: 1em;
    padding: 0;
    margin: .9em 0;
    font-weight: 600;
  }
}

/* line 4663, ../../workspace/styles/main.scss */
.app-footer-copyright-logos {
  display: -ms-flexbox;
  -ms-flex-flow: row wrap;
  -ms-flex-pack: start;
  -ms-flex-align: center;
  -ms-flex-direction: row;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: initial;
  justify-content: initial;
  box-sizing: border-box;
  list-style: none;
  margin: 0 auto;
  max-width: 1100px;
  padding: 1rem;
  vertical-align: middle;
  width: 100%;
}
@media all and (min-width: 901px) {
  /* line 4663, ../../workspace/styles/main.scss */
  .app-footer-copyright-logos {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
}
@media all and (min-width: 1099px) {
  /* line 4663, ../../workspace/styles/main.scss */
  .app-footer-copyright-logos {
    padding: 0;
  }
}

/* line 4687, ../../workspace/styles/main.scss */
.app-footer-copyright-logo {
  display: -ms-inline-flexbox;
  -ms-flex: 0 1 auto;
  -ms-flex-align: center;
  display: -webkit-inline-flex;
  display: inline-flex;
  padding-bottom: 1em;
  vertical-align: middle;
}
/* line 4694, ../../workspace/styles/main.scss */
.app-footer-copyright-logo:first-of-type {
  margin: 0.25em 0.25em 0 0;
  max-width: 150px;
}
@media all and (min-width: 480px) {
  /* line 4694, ../../workspace/styles/main.scss */
  .app-footer-copyright-logo:first-of-type {
    margin-bottom: 0;
  }
}
@media all and (min-width: 480px) {
  /* line 4701, ../../workspace/styles/main.scss */
  .app-footer-copyright-logo:nth-of-type(2) {
    margin-bottom: 0;
  }
}
/* line 4706, ../../workspace/styles/main.scss */
.app-footer-copyright-logo .icon {
  display: inline-block;
  margin: 0 .25em;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  -webkit-align-self: center;
  align-self: center;
}
/* line 4713, ../../workspace/styles/main.scss */
.app-footer-copyright-logo.app-footer-copyright-logo-truste div {
  -webkit-align-self: center;
  align-self: center;
}
/* line 4716, ../../workspace/styles/main.scss */
.app-footer-copyright-logo .rating-icon {
  background-size: contain;
  vertical-align: middle;
  background-position: 50%;
}
/* line 4721, ../../workspace/styles/main.scss */
.app-footer-copyright-logo .rating-2-icon {
  background-size: cover;
  margin: 0;
}
@media all and (min-width: 480px) {
  /* line 4721, ../../workspace/styles/main.scss */
  .app-footer-copyright-logo .rating-2-icon {
    padding: 0;
  }
}
@media all and (min-width: 901px) {
  /* line 4687, ../../workspace/styles/main.scss */
  .app-footer-copyright-logo {
    margin: 0 .5em;
    -ms-flex: 0 1 auto;
    -webkit-flex: initial;
    flex: initial;
    max-width: none;
    padding-bottom: 0;
  }
  /* line 4734, ../../workspace/styles/main.scss */
  .app-footer-copyright-logo:first-of-type, .app-footer-copyright-logo:nth-of-type(2) {
    -ms-flex: 0 1 auto;
    -webkit-flex: initial;
    flex: initial;
  }
}

/* line 4742, ../../workspace/styles/main.scss */
.app-footer-locale-de-de .app-footer-copyright-logo:nth-of-type(2) {
  flex: none;
}

/* line 4747, ../../workspace/styles/main.scss */
.vt-footer {
  display: -ms-flexbox;
  -ms-flex-flow: row wrap;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  background: #000 url("../assets/texture-noise@1x.png");
  box-sizing: border-box;
  color: #ffffff;
  padding: 1rem;
  padding-bottom: 2rem;
  width: 100%;
}
@media all and (min-width: 901px) {
  /* line 4747, ../../workspace/styles/main.scss */
  .vt-footer {
    padding-bottom: 10.9375rem;
    padding-top: 1.875rem;
  }
}

/* line 4766, ../../workspace/styles/main.scss */
.vt-footer-copy {
  font-family: "schoolbook-web", serif;
  color: #ffffff;
  font-size: 0.75rem;
  line-height: 1.25rem;
  text-align: justify;
  padding: 0;
  position: relative;
  width: 100%;
  max-width: 1100px;
}

/* line 4777, ../../workspace/styles/main.scss */
.vt-footer-heading {
  font-family: "futura-pt", sans-serif;
  font-size: 0.625rem;
  font-weight: bold;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
}
@media all and (max-width: 420px) {
  /* line 4777, ../../workspace/styles/main.scss */
  .vt-footer-heading {
    font-size: 8px;
  }
  /* line 4785, ../../workspace/styles/main.scss */
  .vt-footer-heading:first-child {
    border-right: 1px solid #ffffff;
    padding-right: 1rem;
  }
}

/* line 4791, ../../workspace/styles/main.scss */
.vt-wrap {
  display: -ms-flexbox;
  -ms-flex-flow: row wrap;
  -ms-flex-pack: start;
  -ms-flex-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: initial;
  justify-content: initial;
  max-width: 1100px;
  list-style: none;
  margin: 0;
  padding: 0 0 .75em;
  width: 100%;
  border-bottom: 3px solid #ffffff;
}

/* line 4806, ../../workspace/styles/main.scss */
.app-footer-locale-en-us .vt-item:last-child {
  display: block;
}

/* line 4809, ../../workspace/styles/main.scss */
.vt-item {
  margin-right: 1rem;
  -webkit-align-self: center;
  align-self: center;
}
/* line 4812, ../../workspace/styles/main.scss */
.vt-item:last-child {
  display: none;
  margin-right: 0;
  border-left: 1px solid #ffffff;
  padding-left: 2em;
}
/* line 4818, ../../workspace/styles/main.scss */
.vt-item .icon {
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
/* line 4821, ../../workspace/styles/main.scss */
.vt-item .vt-footer-heading-tel {
  color: #ffffff;
  text-decoration: none;
}
@media all and (max-width: 420px) {
  /* line 4809, ../../workspace/styles/main.scss */
  .vt-item {
    margin-right: 0;
  }
  /* line 4826, ../../workspace/styles/main.scss */
  .vt-item:nth-of-type(2) {
    margin-right: 1.5em;
  }
}

/* line 4833, ../../workspace/styles/main.scss */
.special-module {
  position: relative;
}
@media all and (min-width: 901px) {
  /* line 4833, ../../workspace/styles/main.scss */
  .special-module {
    padding-left: 0;
    padding-right: 0;
    padding-top: 2rem;
  }
}
/* line 4841, ../../workspace/styles/main.scss */
.special-module + .goodie-bag-module .goodie-bag-module-wrapper {
  padding-top: 0;
}
@media all and (min-width: 901px) {
  /* line 4841, ../../workspace/styles/main.scss */
  .special-module + .goodie-bag-module .goodie-bag-module-wrapper {
    margin-top: -0.75rem;
  }
}

/* line 4849, ../../workspace/styles/main.scss */
.special-module-wrapper {
  margin: 0 auto;
  max-width: 1100px;
  padding: 0 1rem;
}

/* line 4854, ../../workspace/styles/main.scss */
.special-module-asset-container {
  position: relative;
}

/* line 4857, ../../workspace/styles/main.scss */
.special-module-text-container {
  display: block;
  margin: 0 auto;
  position: relative;
  max-width: 370px;
}

/* line 4863, ../../workspace/styles/main.scss */
.special-module-text {
  width: 100%;
}

/* line 4866, ../../workspace/styles/main.scss */
.special-video-wrapper {
  background-image: url("/assets/special/special-module-projector-bg-desktop.png");
  background-repeat: no-repeat;
  background-size: 100%;
  border-bottom: 5px solid #000;
  padding-bottom: 2.6em;
  position: relative;
}

/* line 4876, ../../workspace/styles/main.scss */
.fallout-3-special-module .special-video-wrapper {
  background-image: url("/assets/special/special-module-tv-bg-desktop.png");
  padding-bottom: 5em;
}
/* line 4880, ../../workspace/styles/main.scss */
.fallout-3-special-module .special-cover-images {
  width: 70%;
}
/* line 4884, ../../workspace/styles/main.scss */
.fallout-3-special-module .special-module-play-btn {
  left: 0;
  bottom: 15%;
  right: 10%;
}

/* line 4890, ../../workspace/styles/main.scss */
.special-module-play-btn {
  bottom: 10%;
  left: 2%;
  margin: auto;
  position: absolute;
  right: 0;
  top: 17%;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
/* line 4900, ../../workspace/styles/main.scss */
.special-module-has-video .special-module-play-btn {
  opacity: 1;
  visibility: visible;
}

/* line 4906, ../../workspace/styles/main.scss */
.special-cover-images {
  margin-left: 9%;
  width: 82%;
  padding-top: 15%;
}

@media all and (min-width: 901px) {
  /* line 4914, ../../workspace/styles/main.scss */
  .special-video-wrapper {
    background-position: center bottom;
  }

  /* line 4918, ../../workspace/styles/main.scss */
  .special-cover-images {
    position: absolute;
    bottom: 4em;
  }

  /* line 4923, ../../workspace/styles/main.scss */
  .special-module-play-btn {
    bottom: 0;
  }

  /* line 4929, ../../workspace/styles/main.scss */
  .fallout-3-special-module .special-module-play-btn {
    bottom: 0;
    right: 0;
    top: 25%;
  }
  /* line 4934, ../../workspace/styles/main.scss */
  .fallout-3-special-module .special-module-asset-container {
    padding-top: 0;
  }
  /* line 4937, ../../workspace/styles/main.scss */
  .fallout-3-special-module .special-module-text-container {
    margin-top: 1.5em;
  }
  /* line 4940, ../../workspace/styles/main.scss */
  .fallout-3-special-module .special-link-wrap {
    top: 10.5em;
  }
  /* line 4943, ../../workspace/styles/main.scss */
  .fallout-3-special-module .special-cover-images {
    bottom: 7em;
  }
}
@media all and (min-width: 1001px) {
  /* line 4950, ../../workspace/styles/main.scss */
  .special-cover-images {
    bottom: 5em;
  }

  /* line 4953, ../../workspace/styles/main.scss */
  .fallout-3-special-module .special-cover-images {
    bottom: 9em;
  }
}
/* line 4958, ../../workspace/styles/main.scss */
.special-cover-image {
  display: none;
  transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;
  transition-delay: 200ms;
  visibility: hidden;
  opacity: 0;
  width: 100%;
}
/* line 4965, ../../workspace/styles/main.scss */
.special-cover-image.special-cover-image-active {
  display: block;
  opacity: 1;
  visibility: visible;
}

/* line 4972, ../../workspace/styles/main.scss */
.special-link-wrap {
  position: relative;
  -webkit-flex: 2;
  flex: 2;
  padding: 2em;
}

/* line 4977, ../../workspace/styles/main.scss */
.special-links {
  font-family: "futura-pt-condensed", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 20px;
  margin: 0 auto;
  max-width: 333px;
  padding: 0;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media all and (min-width: 901px) {
  /* line 4977, ../../workspace/styles/main.scss */
  .special-links {
    font-size: 22px;
    max-width: 285px;
  }
  /* line 4990, ../../workspace/styles/main.scss */
  .special-module-locale-de-de .special-links {
    font-size: 20px;
  }
}

/* line 4995, ../../workspace/styles/main.scss */
.special-link {
  display: inline-block;
  list-style: none;
  margin: .1rem 0;
  padding: .3rem 2rem .3rem 1rem;
  position: relative;
  text-align: left;
  width: 80%;
  -moz-transition: width, 0.5s;
  -o-transition: width, 0.5s;
  -webkit-transition: width, 0.5s;
  transition: width, 0.5s;
}
@media all and (min-width: 901px) {
  /* line 4995, ../../workspace/styles/main.scss */
  .special-link {
    width: 70%;
  }
  /* line 5006, ../../workspace/styles/main.scss */
  .special-module-locale-de-de .special-link {
    width: 100%;
  }
}
/* line 5010, ../../workspace/styles/main.scss */
.special-link::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  top: 0;
  left: 0;
  -moz-transition: width, 0.5s;
  -o-transition: width, 0.5s;
  -webkit-transition: width, 0.5s;
  transition: width, 0.5s;
}
/* line 5019, ../../workspace/styles/main.scss */
.special-link::before {
  content: '';
  display: block;
  position: absolute;
  height: 0%;
  width: 0;
  right: 110%;
  -moz-transition: all, 0.6s;
  -o-transition: all, 0.6s;
  -webkit-transition: all, 0.6s;
  transition: all, 0.6s;
}

/* line 5029, ../../workspace/styles/main.scss */
.special-link:hover,
.special-active-link {
  color: #ffffff;
  cursor: pointer;
}
/* line 5033, ../../workspace/styles/main.scss */
.special-link:hover span,
.special-active-link span {
  position: relative;
  z-index: 2;
}
/* line 5037, ../../workspace/styles/main.scss */
.special-link:hover .hilite,
.special-active-link .hilite {
  color: #faed7b;
  padding: 0;
}
/* line 5041, ../../workspace/styles/main.scss */
.special-link:hover::before,
.special-active-link::before {
  border-top: .9em solid transparent;
  border-bottom: .9em solid transparent;
  border-left: 0.5em solid #000;
  right: -.5em;
  top: 0;
}
/* line 5048, ../../workspace/styles/main.scss */
.special-link:hover::after,
.special-active-link::after {
  width: 100%;
  height: 100%;
  background: #000 url("../assets/texture-noise@1x.png");
}
/* line 5053, ../../workspace/styles/main.scss */
.special-link:hover .special-link-highlighted-text,
.special-active-link .special-link-highlighted-text {
  -moz-transition: all, 0.6s;
  -o-transition: all, 0.6s;
  -webkit-transition: all, 0.6s;
  transition: all, 0.6s;
  color: #faed7b;
}

@media all and (min-width: 901px) {
  /* line 5059, ../../workspace/styles/main.scss */
  .special-module-asset-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    padding-top: 1rem;
    position: relative;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    height: 37.5rem;
  }

  /* line 5067, ../../workspace/styles/main.scss */
  .special-module-text-container {
    -webkit-order: 1;
    order: 1;
    margin-top: 4.5em;
  }

  /* line 5071, ../../workspace/styles/main.scss */
  .special-video-wrapper {
    -webkit-flex: 1 40%;
    flex: 1 40%;
    -webkit-order: 2;
    order: 2;
    margin-left: 2.5rem;
    border: 0;
  }

  /* line 5077, ../../workspace/styles/main.scss */
  .special-link-wrap {
    position: absolute;
    top: 14em;
  }
}
/* line 5082, ../../workspace/styles/main.scss */
.special-module-asset-video-modal {
  text-align: center;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
/* line 5085, ../../workspace/styles/main.scss */
.special-module-asset-video-modal div {
  height: 100%;
  width: 100%;
}
/* line 5089, ../../workspace/styles/main.scss */
.special-module-asset-video-modal iframe {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  max-width: 100%;
}

/* line 5098, ../../workspace/styles/main.scss */
.previous-simulations-module {
  margin: auto;
  max-width: 1100px;
  padding: 1rem;
  position: relative;
  width: 100%;
}
@media all and (min-width: 1099px) {
  /* line 5098, ../../workspace/styles/main.scss */
  .previous-simulations-module {
    padding: 2rem 0;
  }
}

/* line 5108, ../../workspace/styles/main.scss */
.previous-simulations-module-content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}

/* line 5114, ../../workspace/styles/main.scss */
.previous-simulations-module-link {
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}
@media all and (min-width: 901px) {
  /* line 5114, ../../workspace/styles/main.scss */
  .previous-simulations-module-link {
    margin-bottom: 32px;
    width: 48%;
  }
  /* line 5121, ../../workspace/styles/main.scss */
  .previous-simulations-module-link .previous-simulations-module-link:nth-child(odd) {
    margin-right: 32px;
  }
}

/* line 5126, ../../workspace/styles/main.scss */
.previous-simulations-module-image {
  position: relative;
  z-index: 0;
  width: 100%;
  -moz-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
/* line 5132, ../../workspace/styles/main.scss */
.previous-simulations-module-link:hover .previous-simulations-module-image {
  opacity: 0.75;
}

/* line 5136, ../../workspace/styles/main.scss */
.previous-simulations-platforms {
  -webkit-flex-flow: row;
  flex-flow: row;
  position: absolute;
  bottom: 1.5em;
  left: 0;
  z-index: 1;
}

/* line 5144, ../../workspace/styles/main.scss */
.add-ons-module {
  width: 100%;
  position: relative;
  background: #000 url("/assets/texture-noise@1x.png");
  overflow: visible;
}

/* line 5150, ../../workspace/styles/main.scss */
.add-ons-module-wrapper {
  padding: 2rem 1rem 0;
  max-width: 1100px;
  margin: auto;
}
@media all and (min-width: 901px) {
  /* line 5150, ../../workspace/styles/main.scss */
  .add-ons-module-wrapper {
    padding-top: 2rem;
  }
}

/* line 5158, ../../workspace/styles/main.scss */
.add-on-list {
  padding: 0;
  color: #ffffff;
  list-style: none;
}
@media all and (min-width: 901px) {
  /* line 5158, ../../workspace/styles/main.scss */
  .add-on-list {
    padding: 0 0.5%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
/* line 5168, ../../workspace/styles/main.scss */
.add-on-list .standard-btn {
  background-color: #ffffff;
  color: #000;
  font-weight: bold;
}

/* line 5174, ../../workspace/styles/main.scss */
.add-on-item {
  box-sizing: border-box;
  display: block;
  height: auto;
  padding: 4em 1em 2em;
  text-align: center;
  width: 100%;
}
@media all and (min-width: 901px) {
  /* line 5174, ../../workspace/styles/main.scss */
  .add-on-item {
    margin: 0 auto 3em;
    width: 33%;
    padding-left: 1.5%;
    padding-right: 1.5%;
    padding-bottom: 40px;
    position: relative;
  }
}

/* line 5191, ../../workspace/styles/main.scss */
.add-on-cover-art {
  width: 100%;
  border: 2px solid #2f2f2f;
}
@media all and (min-width: 901px) {
  /* line 5191, ../../workspace/styles/main.scss */
  .add-on-cover-art {
    max-width: 238px;
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 5200, ../../workspace/styles/main.scss */
.add-on-title {
  font-size: 0.6875rem;
  margin-top: 3em;
}

/* line 5204, ../../workspace/styles/main.scss */
.add-on-summary {
  font-size: 0.8125rem;
  color: #ffffff;
  margin-bottom: 2em;
}

/* line 5209, ../../workspace/styles/main.scss */
.add-ons-module-asset-container {
  position: relative;
  height: 38.125rem;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

/* line 5215, ../../workspace/styles/main.scss */
.add-ons-dropdown-container {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
/* line 5219, ../../workspace/styles/main.scss */
.add-ons-dropdown-container .form-dropdown-container {
  background-color: #ecebe8;
  padding-right: 0;
}
/* line 5224, ../../workspace/styles/main.scss */
.add-ons-dropdown-container .dropdown-option-container-active .form-dropdown-options {
  visibility: visible;
}
/* line 5228, ../../workspace/styles/main.scss */
.add-ons-dropdown-container .form-dropdown-container:before {
  content: none;
}
/* line 5232, ../../workspace/styles/main.scss */
.add-ons-dropdown-container .dropdown-wrapper {
  cursor: pointer;
  position: relative;
}
/* line 5237, ../../workspace/styles/main.scss */
.add-ons-dropdown-container .add-ons-dropdown-select {
  width: auto;
}
/* line 5241, ../../workspace/styles/main.scss */
.add-ons-dropdown-container .form-dropdown-value {
  background: transparent;
  color: #000;
  line-height: 1rem;
  padding: 1em 48px 1em 1em;
}
/* line 5248, ../../workspace/styles/main.scss */
.add-ons-dropdown-container .form-dropdown-value:after {
  border-top-color: #000;
}
/* line 5252, ../../workspace/styles/main.scss */
.add-ons-dropdown-container .form-dropdown-options {
  background: #ecebe8 url("/assets/texture-noise@1x.png");
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  visibility: hidden;
  z-index: 9;
}
/* line 5262, ../../workspace/styles/main.scss */
.add-ons-dropdown-container .form-dropdown-option {
  font-family: "futura-pt", sans-serif;
  font-size: .75em;
  font-weight: bold;
  line-height: 1rem;
  padding: 1em 1em 1em 0.1em;
  text-align: left;
  text-transform: uppercase;
}
/* line 5272, ../../workspace/styles/main.scss */
.add-ons-dropdown-container .form-dropdown-option:first-child {
  border-bottom-width: 4px;
}

/* line 5277, ../../workspace/styles/main.scss */
.add-on-mobile-btn {
  background-color: #ebeae5;
  display: inline-block;
  margin-top: 2em;
  padding: 14px 22px;
}

/* line 5284, ../../workspace/styles/main.scss */
.add-on-mobile-btn-hidden {
  display: none;
}

@media all and (min-width: 901px) {
  /* line 5289, ../../workspace/styles/main.scss */
  .add-on-list-single {
    margin: 6em 0;
  }
  /* line 5291, ../../workspace/styles/main.scss */
  .add-on-list-single .add-on-item {
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    -ms-flex-pack: start;
    -ms-flex-align: start;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    padding: 0;
    width: 100%;
  }
  /* line 5302, ../../workspace/styles/main.scss */
  .add-on-list-single .add-on-image {
    border: 1px dashed #d9d9d9;
    display: -ms-flexbox;
    -ms-flex-direction: row;
    -ms-flex: 2;
    -webkit-flex: 2;
    flex: 2;
    margin: 0 8em 0 1em;
    padding: 1.5em;
    position: relative;
    width: auto;
  }
  /* line 5314, ../../workspace/styles/main.scss */
  .add-on-list-single .add-on-mobile-btn {
    display: none;
  }
  /* line 5317, ../../workspace/styles/main.scss */
  .add-on-list-single .add-on-image:before {
    content: '';
    background: url("/assets/icons/scissor.svg") no-repeat;
    width: 64px;
    height: 23px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: -1.25em;
  }
  /* line 5327, ../../workspace/styles/main.scss */
  .add-on-list-single .add-on-copy {
    display: -ms-flexbox;
    -ms-flex-direction: column;
    -ms-flex: 6;
    text-align: left;
    -webkit-flex: 6;
    flex: 6;
    -webkit-align-self: center;
    align-self: center;
    padding-right: 2rem;
  }
  /* line 5336, ../../workspace/styles/main.scss */
  .add-on-list-single .add-on-title {
    font-size: 3em;
    margin: 0;
  }
  /* line 5340, ../../workspace/styles/main.scss */
  .add-on-list-single .add-on-summary {
    font-size: 15px;
  }

  /* line 5345, ../../workspace/styles/main.scss */
  .add-on-item-form {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
/* line 5353, ../../workspace/styles/main.scss */
.media-module-more-btn {
  display: none;
  margin: 0 auto;
}

/* line 5357, ../../workspace/styles/main.scss */
.media-module-btn-active {
  display: block;
}

/* line 5360, ../../workspace/styles/main.scss */
.media-module {
  width: 100%;
  position: relative;
}

/* line 5364, ../../workspace/styles/main.scss */
.media-module-wrapper {
  padding: 2rem 1rem 0;
  max-width: 1100px;
  margin: auto;
}
/* line 5369, ../../workspace/styles/main.scss */
.media-module-wrapper .tab-panel-active .media-module-inner-panel {
  opacity: 1;
}

/* line 5373, ../../workspace/styles/main.scss */
.media-featured-item-container {
  margin-bottom: 1em;
}
@media all and (min-width: 901px) {
  /* line 5373, ../../workspace/styles/main.scss */
  .media-featured-item-container {
    margin-bottom: 0;
  }
}

/* line 5379, ../../workspace/styles/main.scss */
.media-featured-item-text-image {
  display: block;
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
}

/* line 5385, ../../workspace/styles/main.scss */
.media-module-inline-nav {
  display: none;
}
@media all and (min-width: 901px) {
  /* line 5385, ../../workspace/styles/main.scss */
  .media-module-inline-nav {
    display: inherit;
  }
}

/* line 5391, ../../workspace/styles/main.scss */
.media-module-item {
  cursor: pointer;
  display: block;
  height: auto;
  margin-bottom: 1em;
  margin-right: 4%;
  text-align: center;
  width: 48%;
  position: relative;
}
/* line 5401, ../../workspace/styles/main.scss */
.media-module-item:nth-child(even) {
  margin-right: 0;
}
@media all and (min-width: 901px) {
  /* line 5391, ../../workspace/styles/main.scss */
  .media-module-item {
    width: 23%;
    margin-right: 2%;
    margin-bottom: 2em;
    -webkit-order: 2;
    order: 2;
  }
  /* line 5410, ../../workspace/styles/main.scss */
  .media-module-item:nth-of-type(1) {
    -webkit-order: 1;
    order: 1;
  }
  /* line 5413, ../../workspace/styles/main.scss */
  .media-module-item:nth-child(even) {
    margin-right: 2%;
  }
}

/* line 5418, ../../workspace/styles/main.scss */
.media-module-panel {
  right: 0;
}
@media all and (min-width: 901px) {
  /* line 5418, ../../workspace/styles/main.scss */
  .media-module-panel {
    padding-top: 60px;
  }
  /* line 5422, ../../workspace/styles/main.scss */
  .media-module-panel:first-of-type .media-module-panel {
    max-width: 48%;
  }
}

/* line 5428, ../../workspace/styles/main.scss */
.media-module-panel:first-of-type {
  margin-left: 0;
}
/* line 5430, ../../workspace/styles/main.scss */
.media-module-panel:first-of-type .media-module-item {
  width: 100%;
  margin-right: 0;
}
/* line 5434, ../../workspace/styles/main.scss */
.media-module-panel:first-of-type .media-module-more-btn {
  display: none;
}
/* line 5437, ../../workspace/styles/main.scss */
.media-module-panel:first-of-type .media-module-item:nth-child(odd) {
  padding: 0;
}

/* line 5442, ../../workspace/styles/main.scss */
.media-view-panels-loading .media-view-wrapper,
.media-module-panel-loading {
  position: relative;
}
/* line 5446, ../../workspace/styles/main.scss */
.media-view-panels-loading .media-view-wrapper:after,
.media-module-panel-loading:after {
  -moz-animation: rotatePageLoadCog 4.5s linear infinite;
  -webkit-animation: rotatePageLoadCog 4.5s linear infinite;
  animation: rotatePageLoadCog 4.5s linear infinite;
  -moz-animation-play-state: running;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  background-image: url("/assets/cog.svg");
  background-color: transparent;
  background-size: contain;
  border: none;
  bottom: 0;
  content: '';
  display: block;
  height: 40px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  text-indent: -9999px;
  -moz-transition: opacity 600ms ease-in-out;
  -o-transition: opacity 600ms ease-in-out;
  -webkit-transition: opacity 600ms ease-in-out;
  transition: opacity 600ms ease-in-out;
  width: 40px;
}

/* line 5469, ../../workspace/styles/main.scss */
.media-module-panel-loading.tab-panel-active .media-module-inner-panel {
  opacity: 0;
  -moz-transition: opacity 600ms ease-in-out;
  -o-transition: opacity 600ms ease-in-out;
  -webkit-transition: opacity 600ms ease-in-out;
  transition: opacity 600ms ease-in-out;
}

/* line 5476, ../../workspace/styles/main.scss */
.media-view-panels-loading .media-view-btn-container {
  display: none;
}
/* line 5479, ../../workspace/styles/main.scss */
.media-view-panels-loading .media-view-asset-image,
.media-view-panels-loading .media-view-caption {
  opacity: 0;
  -moz-transition: opacity 600ms ease-in-out;
  -o-transition: opacity 600ms ease-in-out;
  -webkit-transition: opacity 600ms ease-in-out;
  transition: opacity 600ms ease-in-out;
}

@media all and (min-width: 901px) {
  /* line 5489, ../../workspace/styles/main.scss */
  .media-module-panel:first-of-type .media-module-item,
  .media-module-panel:first-of-type .media-featured-item-container {
    width: 48%;
    margin-right: 2%;
  }
  /* line 5494, ../../workspace/styles/main.scss */
  .media-module-panel:first-of-type .media-module-item:nth-child(odd) {
    margin-right: 2%;
  }
}
/* line 5499, ../../workspace/styles/main.scss */
.media-module-inner-panel {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  color: #ffffff;
  list-style: none;
  opacity: 0;
  padding: 0;
}
@media all and (min-width: 901px) {
  /* line 5499, ../../workspace/styles/main.scss */
  .media-module-inner-panel {
    margin-right: -2%;
  }
}

/* line 5511, ../../workspace/styles/main.scss */
.media-module-item-image {
  display: block;
  width: 100%;
  -moz-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* line 5517, ../../workspace/styles/main.scss */
.media-module-item:hover .media-module-item-image {
  opacity: 0.75;
}

/* line 5521, ../../workspace/styles/main.scss */
.media-module-thumb-image {
  position: relative;
}

/* line 5524, ../../workspace/styles/main.scss */
.media-module-thumb-caption {
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
/* line 5528, ../../workspace/styles/main.scss */
.media-module-thumb-caption .media-module-thumb-caption-text {
  line-height: 1.2em;
  font-size: 0.9em;
  height: 4.25em;
  -webkit-flex: 3;
  flex: 3;
  text-align: left;
  background-color: #000;
}
/* line 5536, ../../workspace/styles/main.scss */
.media-module-thumb-caption .media-module-thumb-caption-text p {
  padding: 0 .5em;
  margin: .5em 0;
  color: #ffffff;
}
@media all and (min-width: 901px) {
  /* line 5543, ../../workspace/styles/main.scss */
  .media-module-thumb-caption .media-module-thumb-caption-text p {
    padding: 0 1em;
  }
}

/* line 5550, ../../workspace/styles/main.scss */
div.media-module-panel[data-panel-id='featured'] .media-module-thumb-caption {
  position: absolute;
  z-index: 5;
  top: 0;
}
/* line 5555, ../../workspace/styles/main.scss */
div.media-module-panel[data-panel-id='featured'] .media-module-thumb-caption .media-module-thumb-caption-text {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, transparent 84%, transparent 99%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.45)), color-stop(84%, transparent), color-stop(99%, transparent));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, transparent 84%, transparent 99%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, transparent 84%, transparent 99%);
}

/* line 5563, ../../workspace/styles/main.scss */
.media-module-play-btn {
  background-position: center;
  bottom: 0;
  left: 0;
  margin: auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  text-indent: -9999px;
  width: 77px;
  max-width: 50%;
  max-height: 50%;
}

/* line 5577, ../../workspace/styles/main.scss */
.media-module-dropdown {
  display: -webkit-flex;
  display: flex;
}
/* line 5579, ../../workspace/styles/main.scss */
.media-module-dropdown .dropdown-wrapper {
  margin-bottom: 1rem;
  width: 100%;
}
/* line 5583, ../../workspace/styles/main.scss */
.media-module-dropdown .form-dropdown-container {
  background: #000 url("/assets/texture-noise@1x.png");
}
/* line 5586, ../../workspace/styles/main.scss */
.media-module-dropdown .form-dropdown-container:before {
  content: none;
}
/* line 5589, ../../workspace/styles/main.scss */
.media-module-dropdown .form-dropdown-value {
  border-right: 1px solid #ffffff;
  line-height: 1rem;
}
@media all and (min-width: 901px) {
  /* line 5577, ../../workspace/styles/main.scss */
  .media-module-dropdown {
    display: none;
  }
}

/* line 5598, ../../workspace/styles/main.scss */
.media-module-panel-fetching-more .media-module-more-btn {
  -moz-animation: rotatePageLoadCog 4.5s linear infinite;
  -webkit-animation: rotatePageLoadCog 4.5s linear infinite;
  animation: rotatePageLoadCog 4.5s linear infinite;
  -moz-animation-play-state: running;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  background-image: url("/assets/cog.svg");
  background-color: transparent;
  background-size: contain;
  border: none;
  height: 40px;
  text-indent: -9999px;
  -moz-transition: opacity 600ms ease-in-out;
  -o-transition: opacity 600ms ease-in-out;
  -webkit-transition: opacity 600ms ease-in-out;
  transition: opacity 600ms ease-in-out;
  width: 40px;
}

/* line 5612, ../../workspace/styles/main.scss */
.simulation-media-text-image {
  margin-top: 0.5em;
}
@media all and (min-width: 901px) {
  /* line 5612, ../../workspace/styles/main.scss */
  .simulation-media-text-image {
    -webkit-order: 1;
    order: 1;
    margin-right: 2%;
    margin-top: -2em;
  }
}

@media all and (min-width: 901px) {
  /* line 5622, ../../workspace/styles/main.scss */
  .goodie-bag-featured-item {
    display: block;
    align-self: center;
    -webkit-order: 2;
    order: 2;
  }
  /* line 5626, ../../workspace/styles/main.scss */
  .goodie-bag-featured-item + .media-module-item {
    -webkit-order: 1;
    order: 1;
  }
  /* line 5629, ../../workspace/styles/main.scss */
  .goodie-bag-featured-item .media-featured-item-text-image {
    display: block;
    max-width: 540px;
    margin: 0 auto;
  }
}
/* line 5636, ../../workspace/styles/main.scss */
.goodie-bag-item {
  position: relative;
}

/* line 5639, ../../workspace/styles/main.scss */
.goodie-bag-download-wrapper {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 4px;
  background-color: rgba(0, 0, 0, 0.9);
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
  height: 100%;
}
/* line 5650, ../../workspace/styles/main.scss */
.goodie-bag-download-wrapper:hover {
  opacity: 1;
}

/* line 5654, ../../workspace/styles/main.scss */
.goodie-bag-download-btn {
  border-color: #ffffff;
  color: #ffffff;
  display: inline-block;
  top: 50%;
  position: relative;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto;
  padding-left: 40px;
}
/* line 5663, ../../workspace/styles/main.scss */
.goodie-bag-download-btn:before {
  background-image: url("/assets/icons/download-asset-button.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: '';
  display: block;
  position: absolute;
  height: 15px;
  left: 20px;
  width: 15px;
}

/* line 5677, ../../workspace/styles/main.scss */
.social-media-feed {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  max-width: 1100px;
  padding: 0 1rem 1rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media all and (min-width: 901px) {
  /* line 5677, ../../workspace/styles/main.scss */
  .social-media-feed {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}
@media all and (min-width: 1099px) {
  /* line 5677, ../../workspace/styles/main.scss */
  .social-media-feed {
    padding: 0;
  }
}
/* line 5689, ../../workspace/styles/main.scss */
.social-media-feed .section-heading-inline-nav-wrap {
  width: 100%;
}
/* line 5692, ../../workspace/styles/main.scss */
.social-media-feed .bethesda-tab-locale-ja {
  width: 0;
  overflow: hidden;
}
/* line 5696, ../../workspace/styles/main.scss */
.social-media-feed .bethesda-option-locale-ja {
  display: none;
}

/* line 5700, ../../workspace/styles/main.scss */
.social-media-feed-section-heading-inline-nav {
  display: none;
}
/* line 5702, ../../workspace/styles/main.scss */
.social-media-feed-section-heading-inline-nav.social-media-feed-section-heading-inline-nav-active {
  display: -webkit-flex;
  display: flex;
}

/* line 5706, ../../workspace/styles/main.scss */
.social-media-feed-dropdown {
  margin: .5em 0 .25em;
  width: 100%;
}
@media all and (min-width: 901px) {
  /* line 5706, ../../workspace/styles/main.scss */
  .social-media-feed-dropdown {
    display: none;
  }
}
/* line 5714, ../../workspace/styles/main.scss */
.social-media-feed-dropdown .form-dropdown-container {
  background: #ffffff;
  height: 2em;
  padding-right: 48px;
}
/* line 5719, ../../workspace/styles/main.scss */
.social-media-feed-dropdown .form-dropdown-container:before {
  border: none;
  height: 2.25rem;
  width: 3rem;
  right: 0;
  top: 0;
  background: #000;
  z-index: inherit;
}
/* line 5728, ../../workspace/styles/main.scss */
.social-media-feed-dropdown .form-dropdown-option {
  padding: 1em;
}
@media all and (min-width: 901px) {
  /* line 5728, ../../workspace/styles/main.scss */
  .social-media-feed-dropdown .form-dropdown-option {
    display: block;
  }
}

@media all and (min-width: 901px) {
  /* line 5736, ../../workspace/styles/main.scss */
  .social-media-feed-spike {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-order: 1;
    order: 1;
    width: 28%;
  }
  /* line 5741, ../../workspace/styles/main.scss */
  .social-media-feed-spike .spike.spike-heading {
    font-size: 2.5em;
  }
}

/* line 5746, ../../workspace/styles/main.scss */
.social-media-feed-networks {
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  display: -webkit-flex;
  display: flex;
  list-style: none;
  margin: 2em auto 3em;
  max-width: 400px;
  padding: 0;
}
/* line 5754, ../../workspace/styles/main.scss */
.social-media-feed-networks .social-media-feed-network {
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  width: 25%;
  min-width: 35px;
  text-align: center;
  padding: 1em 0 .5em;
}
/* line 5761, ../../workspace/styles/main.scss */
.social-media-feed-networks .social-media-feed-network:nth-of-type(1) {
  margin-left: 12%;
}
@media all and (min-width: 901px) {
  /* line 5746, ../../workspace/styles/main.scss */
  .social-media-feed-networks {
    margin: 2em 0 3em;
    padding: 0;
  }
}

/* line 5770, ../../workspace/styles/main.scss */
.social-media-feed-network-link {
  margin: 0 auto;
  min-width: 35px;
  -moz-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
/* line 5774, ../../workspace/styles/main.scss */
.social-media-feed-network-link:hover {
  opacity: 0.5;
}

/* line 5778, ../../workspace/styles/main.scss */
.social-media-feed-panels {
  background: #ffffff;
  box-sizing: border-box;
  height: auto;
  min-height: 200px;
  width: 100%;
  position: relative;
  margin-bottom: 1.5em;
}
@media all and (min-width: 901px) {
  /* line 5778, ../../workspace/styles/main.scss */
  .social-media-feed-panels {
    border: 1rem solid transparent;
    -webkit-order: 2;
    order: 2;
    margin-bottom: 0;
    width: 70%;
  }
}

/* line 5794, ../../workspace/styles/main.scss */
.social-media-feed-panels-container {
  height: auto;
  width: 100%;
}
/* line 5797, ../../workspace/styles/main.scss */
.social-media-feed-panels-container:before {
  background: url("/assets/texture-cog-dark.png") no-repeat center center;
  content: ' ';
  display: block;
  height: 92px;
  margin-left: -45px;
  margin-top: -45px;
  left: 50%;
  top: 50%;
  position: absolute;
  width: 92px;
  -moz-animation: rotatePageLoadCog 4.5s linear infinite;
  -webkit-animation: rotatePageLoadCog 4.5s linear infinite;
  animation: rotatePageLoadCog 4.5s linear infinite;
  visibility: visible;
  z-index: 10;
}
/* line 5812, ../../workspace/styles/main.scss */
.social-media-feed-panels-container.social-media-feed-panels-container-active:before {
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  visibility: hidden;
}

/* line 5817, ../../workspace/styles/main.scss */
.social-media-feed-panel {
  background: #ffffff;
  opacity: 0;
  height: 0;
  transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
  visibility: hidden;
  width: 100%;
  position: relative;
  z-index: 1;
  pointer-events: none;
}
/* line 5827, ../../workspace/styles/main.scss */
.social-media-feed-panel.social-media-feed-panel-active {
  height: auto;
  opacity: 1;
  overflow-x: hidden;
  pointer-events: all;
  visibility: visible;
  z-index: 2;
}
@media all and (max-width: 901px) {
  /* line 5836, ../../workspace/styles/main.scss */
  .social-media-feed-panel.padding-panel {
    padding: 1em;
    box-sizing: border-box;
  }
}

/* line 5842, ../../workspace/styles/main.scss */
.bethesda-social-media-feed-content {
  background-image: url("/assets/bethesda-social-tab-asset-mobile.jpg");
  width: 100%;
  padding-bottom: 140%;
  background-size: 100%;
}
/* line 5848, ../../workspace/styles/main.scss */
.bethesda-social-media-feed-content.locale-es-es {
  background-image: url("/assets/bethesda-social-tab-asset-mobile-es.jpg");
}
/* line 5851, ../../workspace/styles/main.scss */
.bethesda-social-media-feed-content.locale-fr-fr {
  background-image: url("/assets/bethesda-social-tab-asset-mobile-fr.jpg");
}
/* line 5854, ../../workspace/styles/main.scss */
.bethesda-social-media-feed-content.locale-de-de {
  background-image: url("/assets/bethesda-social-tab-asset-mobile-de.jpg");
}
/* line 5857, ../../workspace/styles/main.scss */
.bethesda-social-media-feed-content.locale-pl {
  background-image: url("/assets/bethesda-social-tab-asset-mobile-pl.jpg");
}
/* line 5860, ../../workspace/styles/main.scss */
.bethesda-social-media-feed-content.locale-pt-br {
  background-image: url("/assets/bethesda-social-tab-asset-mobile-pt.jpg");
}
/* line 5863, ../../workspace/styles/main.scss */
.bethesda-social-media-feed-content.locale-it-it {
  background-image: url("/assets/bethesda-social-tab-asset-mobile-it.jpg");
}
/* line 5866, ../../workspace/styles/main.scss */
.bethesda-social-media-feed-content.locale-ru {
  background-image: url("/assets/bethesda-social-tab-asset-mobile-ru.jpg");
}
/* line 5869, ../../workspace/styles/main.scss */
.bethesda-social-media-feed-content.locale-ja {
  display: none;
}
/* line 5873, ../../workspace/styles/main.scss */
.bethesda-social-media-feed-content .bethesda-social-media-feed-copy {
  position: absolute;
  bottom: 50%;
  left: 1.5em;
  margin-right: 1.5em;
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
@media all and (min-width: 901px) {
  /* line 5873, ../../workspace/styles/main.scss */
  .bethesda-social-media-feed-content .bethesda-social-media-feed-copy {
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    width: 64%;
    max-width: 280px;
    left: 1.75em;
    margin-right: 0;
    bottom: 6em;
    width: auto;
  }
}
/* line 5891, ../../workspace/styles/main.scss */
.bethesda-social-media-feed-content .bethesda-social-media-feed-button {
  position: absolute;
  left: 2.5em;
  bottom: 3em;
}
@media all and (max-width: 901px) {
  /* line 5891, ../../workspace/styles/main.scss */
  .bethesda-social-media-feed-content .bethesda-social-media-feed-button {
    width: 33%;
    height: 1.75rem;
    padding: 1em 2em 2.25em;
  }
}
@media all and (min-width: 901px) {
  /* line 5891, ../../workspace/styles/main.scss */
  .bethesda-social-media-feed-content .bethesda-social-media-feed-button {
    left: 3em;
    bottom: 5em;
  }
}
@media all and (max-width: 901px) {
  /* line 5909, ../../workspace/styles/main.scss */
  .bethesda-social-media-feed-content .bethesda-social-media-feed-copy > .download-btn-text {
    font-size: .25rem;
  }
}
@media all and (min-width: 901px) {
  /* line 5842, ../../workspace/styles/main.scss */
  .bethesda-social-media-feed-content {
    background-image: url("/assets/bethesda-social-tab-asset.jpg");
    padding-bottom: 81%;
  }
  /* line 5918, ../../workspace/styles/main.scss */
  .bethesda-social-media-feed-content.locale-es-es {
    background-image: url("/assets/bethesda-social-tab-asset-es.jpg");
  }
  /* line 5921, ../../workspace/styles/main.scss */
  .bethesda-social-media-feed-content.locale-fr-fr {
    background-image: url("/assets/bethesda-social-tab-asset-fr.jpg");
  }
  /* line 5924, ../../workspace/styles/main.scss */
  .bethesda-social-media-feed-content.locale-de-de {
    background-image: url("/assets/bethesda-social-tab-asset-de.jpg");
  }
  /* line 5927, ../../workspace/styles/main.scss */
  .bethesda-social-media-feed-content.locale-pl {
    background-image: url("/assets/bethesda-social-tab-asset-pl.jpg");
  }
  /* line 5930, ../../workspace/styles/main.scss */
  .bethesda-social-media-feed-content.locale-pt-br {
    background-image: url("/assets/bethesda-social-tab-asset-pt.jpg");
  }
  /* line 5933, ../../workspace/styles/main.scss */
  .bethesda-social-media-feed-content.locale-it-it {
    background-image: url("/assets/bethesda-social-tab-asset-it.jpg");
  }
  /* line 5936, ../../workspace/styles/main.scss */
  .bethesda-social-media-feed-content.locale-ru {
    background-image: url("/assets/bethesda-social-tab-asset-ru.jpg");
  }
}

/* line 5942, ../../workspace/styles/main.scss */
.bethesda-social-tab-headline {
  width: 85%;
  padding-bottom: 49%;
  background-size: 100%;
  position: absolute;
  left: 1.5em;
  top: 4em;
  background-image: url("/assets/bethesda-social-tab-headline.png");
  background-repeat: no-repeat;
}
/* line 5952, ../../workspace/styles/main.scss */
.locale-es-es .bethesda-social-tab-headline {
  background-image: url("/assets/bethesda-social-tab-headline-es.png");
}
/* line 5955, ../../workspace/styles/main.scss */
.locale-fr-fr .bethesda-social-tab-headline {
  background-image: url("/assets/bethesda-social-tab-headline-fr.png");
}
/* line 5958, ../../workspace/styles/main.scss */
.locale-de-de .bethesda-social-tab-headline {
  background-image: url("/assets/bethesda-social-tab-headline-de.png");
}
/* line 5961, ../../workspace/styles/main.scss */
.locale-pl .bethesda-social-tab-headline {
  background-image: url("/assets/bethesda-social-tab-headline-pl.png");
}
/* line 5964, ../../workspace/styles/main.scss */
.locale-pt-br .bethesda-social-tab-headline {
  background-image: url("/assets/bethesda-social-tab-headline-pt.png");
}
/* line 5967, ../../workspace/styles/main.scss */
.locale-it-it .bethesda-social-tab-headline {
  background-image: url("/assets/bethesda-social-tab-headline-it.png");
}
/* line 5970, ../../workspace/styles/main.scss */
.locale-ru .bethesda-social-tab-headline {
  background-image: url("/assets/bethesda-social-tab-headline-ru.png");
}
@media all and (max-width: 320px) {
  /* line 5942, ../../workspace/styles/main.scss */
  .bethesda-social-tab-headline {
    width: 65%;
  }
}
@media all and (min-width: 901px) {
  /* line 5942, ../../workspace/styles/main.scss */
  .bethesda-social-tab-headline {
    background-size: initial;
    padding: 0;
    left: 1em;
    width: 573px;
    height: 283px;
    top: 4.25em;
  }
}

/* line 5988, ../../workspace/styles/main.scss */
#twitter-widget-0 {
  margin: 0 !important;
  width: 100% !important;
}

/* line 5992, ../../workspace/styles/main.scss */
.instagram-media {
  max-width: 100% !important;
}

/* line 5995, ../../workspace/styles/main.scss */
.vine-embed {
  display: block;
  margin: 0 auto;
}

/* line 5999, ../../workspace/styles/main.scss */
.fb_iframe_widget {
  width: 100%;
}

/* line 6002, ../../workspace/styles/main.scss */
.fb_iframe_widget iframe[style],
.fb_iframe_widget span[style] {
  width: 100% !important;
}

/* line 6008, ../../workspace/styles/main.scss */
.survival-guide-module {
  margin: 0 auto;
  padding: 1em 1rem 4rem;
}
@media all and (min-width: 901px) {
  /* line 6008, ../../workspace/styles/main.scss */
  .survival-guide-module {
    padding-bottom: 2rem;
  }
}

@media all and (min-width: 901px) {
  /* line 6016, ../../workspace/styles/main.scss */
  .survival-guide-module-image-container {
    min-height: 284px;
    position: relative;
    width: 100%;
  }

  /* line 6022, ../../workspace/styles/main.scss */
  .survival-guide-module-image-with-text .survival-guide-module-image {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
/* line 6030, ../../workspace/styles/main.scss */
.survival-guide-module-wrapper {
  padding: 0;
  max-width: 1100px;
  margin: 0 auto;
}

/* line 6036, ../../workspace/styles/main.scss */
.survival-guide-module-image {
  display: inline-block;
  height: auto;
  position: relative;
  width: 100%;
}

/* line 6042, ../../workspace/styles/main.scss */
.survival-guide-module-content {
  margin-top: 3em;
  padding: 0 0 1px;
  position: relative;
  width: 100%;
}
/* line 6047, ../../workspace/styles/main.scss */
.survival-guide-module-content.snippet:before {
  display: none;
}

/* line 6051, ../../workspace/styles/main.scss */
.survival-guide-module-copy {
  margin: 0;
  padding: 0;
}

/* line 6056, ../../workspace/styles/main.scss */
.survival-guide-separator.snippet-separator {
  position: initial;
  margin: 1rem 0;
}
/* line 6060, ../../workspace/styles/main.scss */
.survival-guide-separator.snippet-separator:before {
  background-image: url("/assets/icons/scissor-full.svg");
  background-position: bottom;
  background-size: 60%;
  bottom: -0.85em;
  height: 15px;
  right: 2em;
}
/* line 6068, ../../workspace/styles/main.scss */
.survival-guide-separator:last-of-type {
  display: none;
}

/* line 6072, ../../workspace/styles/main.scss */
.survival-guide-module-panel-heading {
  font-family: "futura-pt-condensed", sans-serif;
  font-weight: 500;
  font-weight: bold;
  font-size: 27px;
  letter-spacing: 0.04em;
  line-height: 34px;
  margin: 0;
}
@media all and (min-width: 901px) {
  /* line 6072, ../../workspace/styles/main.scss */
  .survival-guide-module-panel-heading {
    font-size: 34px;
  }
}

/* line 6083, ../../workspace/styles/main.scss */
.survival-guide-module-inner-heading {
  display: block;
  width: auto;
  position: relative;
  margin: -1.4em 2rem 1rem;
  background: #000 url("/assets/texture-noise@1x.png");
}
/* line 6089, ../../workspace/styles/main.scss */
.survival-guide-module-inner-heading:before, .survival-guide-module-inner-heading:after {
  content: '';
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
}
/* line 6099, ../../workspace/styles/main.scss */
.survival-guide-module-inner-heading:after {
  width: 0;
  height: 0;
  border-left: 18px solid #000;
  right: -1.1em;
}
/* line 6105, ../../workspace/styles/main.scss */
.survival-guide-module-inner-heading:before {
  width: 0;
  height: 0;
  border-right: 18px solid #000;
  left: -1.1em;
}

/* line 6112, ../../workspace/styles/main.scss */
.survival-guide-module-inner-subheading {
  display: block;
  font-family: "futura-pt-condensed", sans-serif;
  font-weight: 500;
  font-size: 12px;
  padding: 0.4rem 1rem 0;
  position: relative;
  text-align: left;
}
@media all and (min-width: 901px) {
  /* line 6120, ../../workspace/styles/main.scss */
  .survival-guide-module-inner-subheading:after {
    content: '';
    background-image: url("/assets/icons/star-black.svg");
    background-position: center;
    display: block;
    height: 20px;
    margin: 5px auto 0;
    width: 20px;
  }
}

/* line 6131, ../../workspace/styles/main.scss */
.survival-guide-module-inner-content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
}

/* line 6135, ../../workspace/styles/main.scss */
.survival-guide-module-panel {
  position: relative;
  padding: 0 1rem 1rem;
}

/* line 6139, ../../workspace/styles/main.scss */
.survival-guide-module-panel-subheading {
  display: block;
  font-family: "futura-pt", sans-serif;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 0.6rem;
  text-transform: uppercase;
}

/* line 6147, ../../workspace/styles/main.scss */
.survival-guide-module-inner-heading-text {
  color: #ecebe8;
  font-family: "FilmotypeGlenlake", serif;
  font-size: 2.2rem;
  display: block;
  letter-spacing: 0.05em;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  padding-top: .25em;
}
/* line 6157, ../../workspace/styles/main.scss */
.survival-guide-module-locale-ru .survival-guide-module-inner-heading-text {
  font-size: 58px;
  padding-top: 16px;
}

/* line 6162, ../../workspace/styles/main.scss */
.survival-guide-module-figure {
  font-family: "futura-pt", sans-serif;
  font-size: .5rem;
  font-weight: bold;
  position: absolute;
  right: 1rem;
  text-transform: uppercase;
}
/* line 6169, ../../workspace/styles/main.scss */
.survival-guide-module-panel:first-of-type .survival-guide-module-figure {
  top: 12rem;
}
/* line 6172, ../../workspace/styles/main.scss */
.survival-guide-module-figure:nth-of-type(2) {
  top: 4.5rem;
}

/* line 6176, ../../workspace/styles/main.scss */
.survival-guide-module-figure-letter {
  font-size: 2rem;
}

@media all and (min-width: 901px) {
  /* line 6181, ../../workspace/styles/main.scss */
  .survival-guide-module-inner-content {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  /* line 6184, ../../workspace/styles/main.scss */
  .survival-guide-separator {
    display: none;
  }

  /* line 6187, ../../workspace/styles/main.scss */
  .survival-guide-module-inner-heading {
    height: 6.25rem;
    top: -3.1rem;
    margin: 0 9rem;
  }

  /* line 6192, ../../workspace/styles/main.scss */
  .survival-guide-module-inner-heading:before,
  .survival-guide-module-inner-heading:after {
    border-top-width: 50px;
    border-bottom-width: 50px;
  }

  /* line 6197, ../../workspace/styles/main.scss */
  .survival-guide-module-inner-heading:before {
    border-right-width: 40px;
    left: -2.5rem;
  }

  /* line 6201, ../../workspace/styles/main.scss */
  .survival-guide-module-inner-heading:after {
    border-left-width: 40px;
    right: -2.5rem;
  }

  /* line 6205, ../../workspace/styles/main.scss */
  .survival-guide-module-inner-subheading {
    text-align: center;
    margin: -3rem 0 2rem;
  }

  /* line 6209, ../../workspace/styles/main.scss */
  .survival-guide-module-inner-heading-text {
    font-size: 110px;
    padding-top: 6px;
  }
  /* line 6213, ../../workspace/styles/main.scss */
  .survival-guide-module-inner-heading-windows-browser .survival-guide-module-inner-heading-text {
    line-height: .8em;
  }

  /* line 6217, ../../workspace/styles/main.scss */
  .survival-guide-module-content {
    margin-top: 6rem;
  }
  /* line 6219, ../../workspace/styles/main.scss */
  .survival-guide-module-content.snippet:before {
    display: block;
    left: 1.5rem;
    top: -0.8rem;
  }

  /* line 6225, ../../workspace/styles/main.scss */
  .survival-guide-module-panel {
    box-sizing: border-box;
    width: 50%;
    padding: 0 2em;
  }
  /* line 6229, ../../workspace/styles/main.scss */
  .survival-guide-module-panel:first-child {
    border-right: 2px solid #000;
    margin-bottom: 1.4em;
    padding-bottom: 0.6em;
  }

  /* line 6236, ../../workspace/styles/main.scss */
  .survival-guide-module-panel:first-of-type .survival-guide-module-figure {
    top: 18rem;
    right: 3rem;
  }
  /* line 6240, ../../workspace/styles/main.scss */
  .survival-guide-module-figure:nth-of-type(2) {
    top: 7.5rem;
    right: 3rem;
  }
}
/* line 6247, ../../workspace/styles/main.scss */
.newsletter-page {
  background: rgba(0, 0, 0, 0.8);
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  overflow: auto;
}

/* line 6255, ../../workspace/styles/main.scss */
.newsletter-iframe {
  left: 0;
  top: 0;
  opacity: 0;
  position: absolute;
  visibility: hidden;
}

/* line 6262, ../../workspace/styles/main.scss */
.newsletter-page-form-wrapper {
  height: 100%;
  margin: 0 auto;
  left: 0;
  position: relative;
  top: 0;
  max-width: 900px;
  width: 100%;
  overflow: visible;
}
/* line 6271, ../../workspace/styles/main.scss */
.newsletter-page-form-wrapper .form-field {
  position: relative;
  display: block;
  margin: 2em 0;
}
/* line 6276, ../../workspace/styles/main.scss */
.newsletter-page-form-wrapper .form-text-field-input {
  background-color: #ffffff;
  box-sizing: border-box;
}
/* line 6280, ../../workspace/styles/main.scss */
.newsletter-page-form-wrapper .form-field:first-of-type {
  margin-top: 1.5rem;
}
@media all and (min-width: 901px) {
  /* line 6262, ../../workspace/styles/main.scss */
  .newsletter-page-form-wrapper {
    padding-right: 6em;
  }
}

/* line 6287, ../../workspace/styles/main.scss */
.newsletter-page-close-btn.modal-close-btn-animated {
  border-color: #000;
  right: 2em;
  top: 2em;
}
@media all and (min-width: 901px) {
  /* line 6287, ../../workspace/styles/main.scss */
  .newsletter-page-close-btn.modal-close-btn-animated {
    border-color: #ffffff;
    right: 0;
    top: 3em;
  }
}
/* line 6296, ../../workspace/styles/main.scss */
.newsletter-page-close-btn.modal-close-btn-animated .modal-close-btn-animated-text {
  background-image: url("/assets/icons/close-black.svg");
  background-repeat: no-repeat;
}
@media all and (min-width: 901px) {
  /* line 6296, ../../workspace/styles/main.scss */
  .newsletter-page-close-btn.modal-close-btn-animated .modal-close-btn-animated-text {
    background-image: url("/assets/icons/close-white.svg");
  }
}

/* line 6305, ../../workspace/styles/main.scss */
.newsletter-page-form-field-platforms .form-field-divider {
  margin-bottom: .5rem;
}
/* line 6308, ../../workspace/styles/main.scss */
.newsletter-page-form-field-platforms .form-checkbox-label {
  display: -webkit-inline-flex;
  display: inline-flex;
  width: 32%;
}

/* line 6313, ../../workspace/styles/main.scss */
.newsletter-page-form {
  box-sizing: border-box;
  display: block;
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  -moz-transition: translate 100ms linear, opacity 400ms ease, visibility 400ms ease, z-index 401ms linear;
  -o-transition: translate 100ms linear, opacity 400ms ease, visibility 400ms ease, z-index 401ms linear;
  -webkit-transition: translate 100ms linear, opacity 400ms ease, visibility 400ms ease, z-index 401ms linear;
  transition: translate 100ms linear, opacity 400ms ease, visibility 400ms ease, z-index 401ms linear;
  overflow: visible;
  width: 100%;
  z-index: 1;
}
@media all and (min-width: 901px) {
  /* line 6313, ../../workspace/styles/main.scss */
  .newsletter-page-form {
    height: auto;
    max-width: 900px;
    padding: 2em 0;
  }
  /* line 6329, ../../workspace/styles/main.scss */
  .newsletter-page-form .form-field:first-of-type {
    margin-top: .25rem;
  }
}
/* line 6333, ../../workspace/styles/main.scss */
.newsletter-page-form-success .newsletter-page-form, .newsletter-page-form-error .newsletter-page-form {
  opacity: 0;
  display: none;
  z-index: 0;
}
@media all and (min-width: 901px) {
  /* line 6339, ../../workspace/styles/main.scss */
  .newsletter-page-form.form-error {
    -moz-animation: shake 300ms ease;
    -webkit-animation: shake 300ms ease;
    animation: shake 300ms ease;
  }
}

/* line 6345, ../../workspace/styles/main.scss */
.newsletter-page-success-content,
.newsletter-page-error-content {
  box-sizing: border-box;
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  visibility: hidden;
  height: 100%;
  min-height: 690px;
  z-index: 0;
  width: 100%;
  margin: 0 auto;
  -moz-transition: opacity 400ms ease, visibility 400ms ease, z-index 401ms linear;
  -o-transition: opacity 400ms ease, visibility 400ms ease, z-index 401ms linear;
  -webkit-transition: opacity 400ms ease, visibility 400ms ease, z-index 401ms linear;
  transition: opacity 400ms ease, visibility 400ms ease, z-index 401ms linear;
}
/* line 6359, ../../workspace/styles/main.scss */
.newsletter-page-success-content .newsletter-page-success-footer-copy.newsletter-page-success-footer-copy-long-form,
.newsletter-page-success-content .newsletter-page-error-footer-copy.newsletter-page-error-footer-copy-long-form,
.newsletter-page-error-content .newsletter-page-success-footer-copy.newsletter-page-success-footer-copy-long-form,
.newsletter-page-error-content .newsletter-page-error-footer-copy.newsletter-page-error-footer-copy-long-form {
  display: none;
}
@media all and (min-width: 901px) {
  /* line 6345, ../../workspace/styles/main.scss */
  .newsletter-page-success-content,
  .newsletter-page-error-content {
    height: auto;
    max-width: 900px;
    margin-top: 2rem;
    position: absolute;
  }
  /* line 6368, ../../workspace/styles/main.scss */
  .newsletter-page-success-content .newsletter-page-success-footer .newsletter-page-success-footer-copy,
  .newsletter-page-success-content .newsletter-page-error-footer .newsletter-page-error-footer-copy,
  .newsletter-page-error-content .newsletter-page-success-footer .newsletter-page-success-footer-copy,
  .newsletter-page-error-content .newsletter-page-error-footer .newsletter-page-error-footer-copy {
    display: none;
  }
  /* line 6372, ../../workspace/styles/main.scss */
  .newsletter-page-success-content .newsletter-page-success-footer-copy.newsletter-page-success-footer-copy-long-form,
  .newsletter-page-success-content .newsletter-page-error-footer-copy.newsletter-page-error-footer-copy-long-form,
  .newsletter-page-error-content .newsletter-page-success-footer-copy.newsletter-page-success-footer-copy-long-form,
  .newsletter-page-error-content .newsletter-page-error-footer-copy.newsletter-page-error-footer-copy-long-form {
    display: block;
    font-size: 0.625rem;
    letter-spacing: 0.2em;
  }
}

/* line 6381, ../../workspace/styles/main.scss */
.newsletter-page-form-success .newsletter-page-success-content {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

/* line 6389, ../../workspace/styles/main.scss */
.newsletter-page-locale-en-us .newsletter-page-success-copy:last-of-type,
.newsletter-page-locale-en-gb .newsletter-page-success-copy:last-of-type {
  visibility: visible;
}
/* line 6392, ../../workspace/styles/main.scss */
.newsletter-page-locale-en-us .newsletter-page-success-copy:last-of-type:after,
.newsletter-page-locale-en-gb .newsletter-page-success-copy:last-of-type:after {
  display: block;
}

/* line 6397, ../../workspace/styles/main.scss */
.newsletter-page-form-error .newsletter-page-error-content {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

/* line 6403, ../../workspace/styles/main.scss */
.newsletter-page-success-copy {
  line-height: 1.5em;
}
/* line 6405, ../../workspace/styles/main.scss */
.newsletter-page-success-copy:first-of-type {
  margin-top: 8rem;
}
/* line 6408, ../../workspace/styles/main.scss */
.newsletter-page-success-copy:last-of-type {
  margin-bottom: 11rem;
}
@media all and (min-width: 901px) {
  /* line 6412, ../../workspace/styles/main.scss */
  .newsletter-page-success-copy:first-of-type {
    margin-top: 10rem;
  }
  /* line 6415, ../../workspace/styles/main.scss */
  .newsletter-page-success-copy:last-of-type {
    margin-bottom: 18rem;
  }
}

/* line 6420, ../../workspace/styles/main.scss */
.newsletter-page-success-copy-outro {
  position: relative;
}

/* line 6424, ../../workspace/styles/main.scss */
.newsletter-page-success-copy-sign-off.newsletter-page-success-copy-sign-off-image-true {
  clip: auto;
  color: transparent;
  display: block;
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  width: 0;
  background: url("/assets/overseer-signature.png") no-repeat;
  background-size: 100% 100%;
  display: block;
  height: 50px;
  width: 200px;
}
@media all and (min-width: 901px) {
  /* line 6424, ../../workspace/styles/main.scss */
  .newsletter-page-success-copy-sign-off.newsletter-page-success-copy-sign-off-image-true {
    height: 96px;
    width: 383px;
  }
}

/* line 6437, ../../workspace/styles/main.scss */
.newsletter-page-error-copy {
  line-height: 1.5em;
  padding-top: 50%;
  text-align: center;
}
@media all and (min-width: 901px) {
  /* line 6437, ../../workspace/styles/main.scss */
  .newsletter-page-error-copy {
    padding: 0 0 50%;
    -moz-transform: translateY(40%);
    -ms-transform: translateY(40%);
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
  }
}

/* line 6446, ../../workspace/styles/main.scss */
.newsletter-page-content {
  background: #ecebe8 url("../assets/texture-noise@1x.png");
  padding: 1em;
}
/* line 6449, ../../workspace/styles/main.scss */
.newsletter-page-content.newsletter-page-content-intro {
  padding-top: 8.5em;
  text-align: center;
  border-bottom: 1px dashed #333333;
}
@media all and (min-width: 901px) {
  /* line 6449, ../../workspace/styles/main.scss */
  .newsletter-page-content.newsletter-page-content-intro {
    padding-top: 6.5em;
  }
}
/* line 6457, ../../workspace/styles/main.scss */
.newsletter-page-content.newsletter-page-form-footer {
  background: #000 url("/assets/texture-noise@1x.png");
}
/* line 6460, ../../workspace/styles/main.scss */
.newsletter-page-form.newsletter-page-form-success .newsletter-page-content, .newsletter-page-form.newsletter-page-form-error .newsletter-page-content {
  display: none;
}
/* line 6464, ../../workspace/styles/main.scss */
.newsletter-page-content .vt-icon {
  margin: 0 auto 1em;
}
/* line 6467, ../../workspace/styles/main.scss */
.newsletter-page-content .form-field-divider {
  padding-top: 2em;
  border-top: 3px solid #000;
}
/* line 6471, ../../workspace/styles/main.scss */
.newsletter-page-content .form-field-column {
  box-sizing: border-box;
  display: inline-block;
  padding-top: 1.5em;
  vertical-align: top;
  width: 48%;
}
/* line 6478, ../../workspace/styles/main.scss */
.newsletter-page-content .form-radio-label {
  margin-top: 1em;
}
@media all and (min-width: 901px) {
  /* line 6446, ../../workspace/styles/main.scss */
  .newsletter-page-content {
    padding: 1.5em 1.5em 1em;
  }
}

/* line 6485, ../../workspace/styles/main.scss */
.newsletter-page-content-intro:after,
.newsletter-page-success-content:after,
.newsletter-page-error-content:after {
  background: url("../assets/vault-tec-icon-black.svg") no-repeat 0;
  content: "";
  display: block;
  position: absolute;
  height: 8em;
  width: 8em;
  left: 50%;
  top: 2em;
  background-size: 100%;
  margin-left: -4em;
}
@media all and (min-width: 901px) {
  /* line 6485, ../../workspace/styles/main.scss */
  .newsletter-page-content-intro:after,
  .newsletter-page-success-content:after,
  .newsletter-page-error-content:after {
    top: -2em;
    width: 10em;
    height: 10em;
    margin-left: -5em;
  }
}

/* line 6505, ../../workspace/styles/main.scss */
.newsletter-page-content-column {
  position: relative;
}

@media all and (min-width: 901px) {
  /* line 6509, ../../workspace/styles/main.scss */
  .newsletter-page-content-column {
    width: 48%;
    display: inline-block;
    vertical-align: top;
  }
  /* line 6513, ../../workspace/styles/main.scss */
  .newsletter-page-content-column:last-of-type {
    margin-left: 1.5em;
  }
}
/* line 6518, ../../workspace/styles/main.scss */
.newsletter-page-heading {
  text-align: center;
  display: block;
  font-family: "futura-pt-condensed", sans-serif;
  font-weight: 500;
  letter-spacing: .25em;
  text-transform: uppercase;
  font-size: 1.0625rem;
}
/* line 6525, ../../workspace/styles/main.scss */
.newsletter-page-form-success .newsletter-page-heading {
  position: relative;
  top: 6rem;
  font-family: "futura-pt-condensed", sans-serif;
  font-weight: 500;
}
@media all and (min-width: 901px) {
  /* line 6525, ../../workspace/styles/main.scss */
  .newsletter-page-form-success .newsletter-page-heading {
    top: 3.5em;
  }
}
/* line 6533, ../../workspace/styles/main.scss */
.newsletter-page-form-error .newsletter-page-heading {
  padding-bottom: 2em;
}

/* line 6537, ../../workspace/styles/main.scss */
.newsletter-page-subtext {
  text-align: center;
}

/* line 6540, ../../workspace/styles/main.scss */
.newsletter-page-form-date-container .form-field-number-input {
  background: none;
  border: none;
  font-size: 1.9em;
  display: inline;
  overflow: visible;
  position: relative;
  z-index: 2;
  font-family: "futura-pt", sans-serif;
  font-weight: bold;
  padding-left: 0;
}
/* line 6551, ../../workspace/styles/main.scss */
.newsletter-page-form-date-container .form-field-number-input.newsletter-page-form-birth-year-text-field {
  width: 3.25em;
}
/* line 6554, ../../workspace/styles/main.scss */
.newsletter-page-form-date-container .form-field-number-input.newsletter-page-form-birth-day-text-field {
  width: 1.4em;
}
/* line 6557, ../../workspace/styles/main.scss */
.newsletter-page-form-date-container .form-field-number-input.newsletter-page-form-birth-month-text-field {
  width: 1.9em;
}
/* line 61, ../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.form-field-error .newsletter-page-form-date-container .form-field-number-input:-moz-placeholder {
  color: #bd0100;
}
/* line 64, ../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.form-field-error .newsletter-page-form-date-container .form-field-number-input::-moz-placeholder {
  color: #bd0100;
}
/* line 67, ../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.form-field-error .newsletter-page-form-date-container .form-field-number-input:-ms-input-placeholder {
  color: #bd0100;
}
/* line 56, ../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.form-field-error .newsletter-page-form-date-container .form-field-number-input::-webkit-input-placeholder {
  color: #bd0100;
}
/* line 61, ../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.newsletter-page-form-date-container .form-field-number-input:-moz-placeholder {
  color: #000;
}
/* line 64, ../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.newsletter-page-form-date-container .form-field-number-input::-moz-placeholder {
  color: #000;
}
/* line 67, ../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.newsletter-page-form-date-container .form-field-number-input:-ms-input-placeholder {
  color: #000;
}
/* line 56, ../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.newsletter-page-form-date-container .form-field-number-input::-webkit-input-placeholder {
  color: #000;
}
@media all and (min-width: 370px) {
  /* line 6540, ../../workspace/styles/main.scss */
  .newsletter-page-form-date-container .form-field-number-input {
    font-size: 2em;
  }
}
/* line 61, ../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.newsletter-page-form-date-container .form-field-number-input:focus:-moz-placeholder {
  color: transparent;
  text-shadow: none;
}
/* line 64, ../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.newsletter-page-form-date-container .form-field-number-input:focus::-moz-placeholder {
  color: transparent;
  text-shadow: none;
}
/* line 67, ../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.newsletter-page-form-date-container .form-field-number-input:focus:-ms-input-placeholder {
  color: transparent;
  text-shadow: none;
}
/* line 56, ../../../../../../var/lib/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.newsletter-page-form-date-container .form-field-number-input:focus::-webkit-input-placeholder {
  color: transparent;
  text-shadow: none;
}

/* line 6580, ../../workspace/styles/main.scss */
.newsletter-page-form-birth-field-container:after {
  content: '/';
  font-size: 2em;
}

/* line 6585, ../../workspace/styles/main.scss */
.newsletter-page-form-text-field-label {
  display: none;
}

/* line 6588, ../../workspace/styles/main.scss */
.newsletter-page-form-checkbox-label {
  color: #ffffff;
}
/* line 6590, ../../workspace/styles/main.scss */
.newsletter-page-form-checkbox-label .form-checkbox-input {
  top: .25em;
}
/* line 6593, ../../workspace/styles/main.scss */
.newsletter-page-form-checkbox-label:before {
  top: .25em;
  border-color: #ffffff;
}
/* line 6597, ../../workspace/styles/main.scss */
.newsletter-page-form-checkbox-label.form-checkbox-label-dark {
  color: #000;
  padding-top: 25px;
}
/* line 6600, ../../workspace/styles/main.scss */
.newsletter-page-form-checkbox-label.form-checkbox-label-dark:before {
  border-color: #000;
  margin-top: 25px;
}

/* line 6606, ../../workspace/styles/main.scss */
.newsletter-page-form-footer {
  padding: 3em 1em;
}
/* line 6608, ../../workspace/styles/main.scss */
.newsletter-page-form-footer .form-field-error .newsletter-page-form-checkbox-label {
  color: #bd0100;
}
/* line 6611, ../../workspace/styles/main.scss */
.newsletter-page-form-footer .form-field-error .newsletter-page-form-checkbox-label:before {
  border-color: #bd0100;
}
/* line 6614, ../../workspace/styles/main.scss */
.newsletter-page-form-footer .form-checkbox-checked:after {
  background-image: url(../assets/icons/icons.png);
  background-position: 0px -213px;
  width: 39px;
  height: 34px;
  bottom: auto;
  top: -0.65em;
}
/* line 6619, ../../workspace/styles/main.scss */
.newsletter-page-form-footer .newsletter-page-form-footer-icon {
  height: 16px;
  width: 111px;
  margin: 0 0 1em;
}
/* line 6624, ../../workspace/styles/main.scss */
.newsletter-page-form-footer .newsletter-page-form-submit-btn {
  background: #ecebe8 url("/assets/texture-noise@1x.png");
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  box-sizing: content-box;
  color: #000;
  cursor: pointer;
  font-size: 0.75rem;
  line-height: 10px;
  margin: 2em auto;
  padding: 0.8em 2.5em;
  width: 130px;
  overflow-y: hidden;
}
@media all and (min-width: 901px) {
  /* line 6624, ../../workspace/styles/main.scss */
  .newsletter-page-form-footer .newsletter-page-form-submit-btn {
    padding: 1em 3.4em;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
  }
}
/* line 6646, ../../workspace/styles/main.scss */
.newsletter-page-form-footer .newsletter-page-form-submit-btn:hover .newsletter-page-form-submit-btn-text {
  -moz-animation: buttonMouseOn 200ms ease-in-out;
  -webkit-animation: buttonMouseOn 200ms ease-in-out;
  animation: buttonMouseOn 200ms ease-in-out;
}
/* line 6649, ../../workspace/styles/main.scss */
.newsletter-page-form-footer .newsletter-page-form-submit-btn-text {
  display: block;
  position: relative;
  padding: 0.5em 0;
  -moz-animation: buttonMouseOff 500ms ease-out;
  -webkit-animation: buttonMouseOff 500ms ease-out;
  animation: buttonMouseOff 500ms ease-out;
}
@media all and (min-width: 901px) {
  /* line 6606, ../../workspace/styles/main.scss */
  .newsletter-page-form-footer {
    padding: 2em 1.5em;
  }
}

/* line 6659, ../../workspace/styles/main.scss */
.newsletter-page-locale-ru .newsletter-page-form-submit-btn {
  width: auto;
}

/* line 6662, ../../workspace/styles/main.scss */
.newsletter-page-success-footer,
.newsletter-page-error-footer {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  margin: 1.5625rem 0 0.5rem;
  text-align: center;
  font-size: 0.875rem;
  font-family: "futura-pt-condensed", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-flex: 4;
  flex: 4;
}
/* line 6673, ../../workspace/styles/main.scss */
.newsletter-page-success-footer .newsletter-page-success-footer-copy,
.newsletter-page-success-footer .newsletter-page-error-footer-copy,
.newsletter-page-error-footer .newsletter-page-success-footer-copy,
.newsletter-page-error-footer .newsletter-page-error-footer-copy {
  display: block;
  margin: 0 2em;
}
/* line 6678, ../../workspace/styles/main.scss */
.newsletter-page-success-footer:before, .newsletter-page-success-footer:after,
.newsletter-page-error-footer:before,
.newsletter-page-error-footer:after {
  border: 0;
  border-bottom: 3px solid #000;
  width: 100%;
  position: relative;
  padding: 0;
  margin: auto;
  display: -ms-flexbox;
  -ms-flex: 4;
  -webkit-flex: 4;
  flex: 4;
  border-width: 1px;
  content: '';
}
@media all and (max-width: 901px) {
  /* line 6662, ../../workspace/styles/main.scss */
  .newsletter-page-success-footer,
  .newsletter-page-error-footer {
    position: absolute;
    width: 95%;
    bottom: 2em;
  }
}

/* line 6692, ../../workspace/styles/main.scss */
.preorder-featured-media {
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  margin-bottom: 1em;
}
/* line 6695, ../../workspace/styles/main.scss */
.preorder-featured-media .featured-media-asset-background-image {
  height: auto;
}
@media all and (min-width: 901px) {
  /* line 6695, ../../workspace/styles/main.scss */
  .preorder-featured-media .featured-media-asset-background-image {
    height: 100%;
    width: 100%;
    -moz-animation: pageShake 3s linear infinite;
    -webkit-animation: pageShake 3s linear infinite;
    animation: pageShake 3s linear infinite;
  }
}
/* line 6703, ../../workspace/styles/main.scss */
.preorder-featured-media .featured-media-asset-text {
  cursor: inherit;
  opacity: 1;
  width: auto;
  max-height: 80%;
}
@media all and (min-width: 901px) {
  /* line 6703, ../../workspace/styles/main.scss */
  .preorder-featured-media .featured-media-asset-text {
    max-width: 496px;
    margin-left: -200px;
    height: auto;
    top: 15%;
    -moz-animation: slowShake 3s linear infinite;
    -webkit-animation: slowShake 3s linear infinite;
    animation: slowShake 3s linear infinite;
  }
}
@media all and (min-width: 1099px) {
  /* line 6703, ../../workspace/styles/main.scss */
  .preorder-featured-media .featured-media-asset-text {
    margin-left: -248px;
    top: 17%;
  }
}

/* line 6724, ../../workspace/styles/main.scss */
.preorder-lead-in-module,
.announcement-preorder {
  overflow: visible;
  padding: .5rem 1rem 0;
}
@media all and (min-width: 1099px) {
  /* line 6724, ../../workspace/styles/main.scss */
  .preorder-lead-in-module,
  .announcement-preorder {
    padding: 2rem 0 0;
  }
}
/* line 6731, ../../workspace/styles/main.scss */
.preorder-lead-in-module .preorder-lead-in-pack-art,
.announcement-preorder .preorder-lead-in-pack-art {
  margin-bottom: 1em;
  max-width: 100%;
}
@media all and (min-width: 901px) {
  /* line 6731, ../../workspace/styles/main.scss */
  .preorder-lead-in-module .preorder-lead-in-pack-art,
  .announcement-preorder .preorder-lead-in-pack-art {
    max-height: 290px;
    width: auto;
    margin-bottom: 1em;
  }
}
/* line 6740, ../../workspace/styles/main.scss */
.preorder-lead-in-module .preorder-lead-in-release-date,
.announcement-preorder .preorder-lead-in-release-date {
  font-size: .75em;
  text-align: center;
  margin: 3em 0 2em;
}
@media all and (min-width: 901px) {
  /* line 6740, ../../workspace/styles/main.scss */
  .preorder-lead-in-module .preorder-lead-in-release-date,
  .announcement-preorder .preorder-lead-in-release-date {
    margin: 0 1.25em 2em;
    left: 0;
    text-align: left;
  }
}
@media all and (min-width: 901px) {
  /* line 6750, ../../workspace/styles/main.scss */
  .preorder-lead-in-module .-copy,
  .announcement-preorder .-copy {
    margin-bottom: 4em;
  }
}
/* line 6755, ../../workspace/styles/main.scss */
.preorder-lead-in-module .preorder-lead-in-form-wrapper,
.announcement-preorder .preorder-lead-in-form-wrapper {
  -webkit-flex: 1 100%;
  flex: 1 100%;
}
/* line 6758, ../../workspace/styles/main.scss */
.preorder-lead-in-module .preorder-lead-in-submit-btn.standard-btn,
.announcement-preorder .preorder-lead-in-submit-btn.standard-btn {
  position: relative;
  width: 100%;
  max-height: 4em;
  font-size: 0.75rem;
  margin: 0 2em 1em 0;
}
@media all and (min-width: 901px) {
  /* line 6758, ../../workspace/styles/main.scss */
  .preorder-lead-in-module .preorder-lead-in-submit-btn.standard-btn,
  .announcement-preorder .preorder-lead-in-submit-btn.standard-btn {
    width: auto;
    position: absolute;
    right: 3em;
    padding: 1.25em 2em;
  }
}
@media all and (min-width: 1099px) {
  /* line 6758, ../../workspace/styles/main.scss */
  .preorder-lead-in-module .preorder-lead-in-submit-btn.standard-btn,
  .announcement-preorder .preorder-lead-in-submit-btn.standard-btn {
    min-width: 230px;
  }
}
/* line 6774, ../../workspace/styles/main.scss */
.preorder-lead-in-module .preorder-lead-in-submit-btn.standard-btn:disabled,
.announcement-preorder .preorder-lead-in-submit-btn.standard-btn:disabled {
  cursor: default;
}
/* line 6777, ../../workspace/styles/main.scss */
.preorder-lead-in-module .form-dropdown-container,
.announcement-preorder .form-dropdown-container {
  height: 3em;
  background: #000 url("/assets/texture-noise@1x.png");
  text-align: left;
}
@media all and (min-width: 901px) {
  /* line 6777, ../../workspace/styles/main.scss */
  .preorder-lead-in-module .form-dropdown-container,
  .announcement-preorder .form-dropdown-container {
    width: 230px;
    margin-right: 1em;
  }
}
@media all and (min-width: 901px) {
  /* line 6786, ../../workspace/styles/main.scss */
  .preorder-lead-in-module .preorder-form-locale-pt-br .form-dropdown-container,
  .announcement-preorder .preorder-form-locale-pt-br .form-dropdown-container {
    width: 274px;
  }
}
/* line 6791, ../../workspace/styles/main.scss */
.preorder-lead-in-module .form-dropdown-container:before,
.announcement-preorder .form-dropdown-container:before {
  background: transparent;
  border-top-color: #ffffff;
  right: 1.5em;
  top: 1.4em;
}
/* line 6797, ../../workspace/styles/main.scss */
.preorder-lead-in-module .form-field-disabled,
.announcement-preorder .form-field-disabled {
  background-color: #82817f;
  border-color: #82817f;
  color: #ffffff;
  opacity: .7;
}
/* line 6803, ../../workspace/styles/main.scss */
.preorder-lead-in-module .form-dropdown-options-container,
.announcement-preorder .form-dropdown-options-container {
  background: transparent;
}
/* line 6806, ../../workspace/styles/main.scss */
.preorder-lead-in-module .form-dropdown-value-container,
.preorder-lead-in-module .form-dropdown-option,
.announcement-preorder .form-dropdown-value-container,
.announcement-preorder .form-dropdown-option {
  background: url("/assets/texture-noise@1x.png");
  height: auto;
  display: block;
  font-size: 0.75rem;
  font-family: "futura-pt", sans-serif;
  font-weight: bold;
  letter-spacing: 0.1875rem;
  padding: 1.4em 2em 1.2em;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
  text-align: left;
}
/* line 6821, ../../workspace/styles/main.scss */
.preorder-lead-in-module .form-dropdown-value-container,
.announcement-preorder .form-dropdown-value-container {
  text-align: center;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media all and (min-width: 901px) {
  /* line 6821, ../../workspace/styles/main.scss */
  .preorder-lead-in-module .form-dropdown-value-container,
  .announcement-preorder .form-dropdown-value-container {
    text-align: left;
  }
}
/* line 6830, ../../workspace/styles/main.scss */
.preorder-lead-in-module .form-dropdown-option,
.announcement-preorder .form-dropdown-option {
  background-color: #000;
  margin: 0;
  position: relative;
}
/* line 6835, ../../workspace/styles/main.scss */
.preorder-lead-in-module .form-dropdown-option:before,
.announcement-preorder .form-dropdown-option:before {
  border-bottom: 1px solid #ffffff;
  content: '';
  display: block;
  left: 0;
  margin: 2.5em 10% 0;
  bottom: 0;
  width: 80%;
  position: absolute;
}
/* line 6845, ../../workspace/styles/main.scss */
.preorder-lead-in-module .form-dropdown-option:first-of-type:before,
.preorder-lead-in-module .form-dropdown-option:last-of-type:before,
.announcement-preorder .form-dropdown-option:first-of-type:before,
.announcement-preorder .form-dropdown-option:last-of-type:before {
  border-width: 3px;
}
/* line 6849, ../../workspace/styles/main.scss */
.preorder-lead-in-module .form-dropdown-option:last-child:before,
.announcement-preorder .form-dropdown-option:last-child:before {
  border-bottom: none;
}

/* line 6854, ../../workspace/styles/main.scss */
.preorder-active-select:after {
  content: '';
  display: block;
  position: absolute;
  right: 1em;
  top: 2em;
  border-top: 4px solid #ffffff;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

/* line 6864, ../../workspace/styles/main.scss */
.preorder-lead-in-aside,
.preorder-form {
  max-width: 22em;
  margin: 0 auto;
}
@media all and (min-width: 901px) {
  /* line 6864, ../../workspace/styles/main.scss */
  .preorder-lead-in-aside,
  .preorder-form {
    max-height: 18em;
    max-width: none;
    text-align: right;
    padding-bottom: 2em;
  }
}

@media all and (min-width: 901px) {
  /* line 6875, ../../workspace/styles/main.scss */
  .preorder-lead-in-aside.preorder-lead-in-aside-content-large {
    display: -ms-flexbox;
    -ms-flex-direction: row;
    -ms-flex: 6;
    -webkit-flex: 6;
    flex: 6;
    max-height: none;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 6884, ../../workspace/styles/main.scss */
  .preorder-lead-in-aside.preorder-lead-in-aside-content-large .preorder-lead-in-pack-art-large {
    max-height: none;
    height: auto;
  }
}

/* line 6890, ../../workspace/styles/main.scss */
.preorder-lead-in-aside-content-small {
  padding: 2em 2em 0;
}
@media all and (min-width: 901px) {
  /* line 6890, ../../workspace/styles/main.scss */
  .preorder-lead-in-aside-content-small {
    padding: 2em;
    justify-content: flex-end;
  }
}

/* line 6897, ../../workspace/styles/main.scss */
.preorder-form {
  padding: 0 2em;
}
/* line 6899, ../../workspace/styles/main.scss */
.announcement-preorder-content .preorder-form {
  -webkit-flex-flow: wrap;
  flex-flow: wrap;
}
@media all and (min-width: 901px) {
  /* line 6897, ../../workspace/styles/main.scss */
  .preorder-form {
    width: 100%;
    max-width: none;
    display: -ms-flexbox;
    -ms-flex-align: start;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    padding-left: 1em;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

/* line 6913, ../../workspace/styles/main.scss */
.preorder-form-field {
  position: relative;
  height: 4em;
}

/* line 6917, ../../workspace/styles/main.scss */
.preorder-form-select-text {
  display: block;
  position: relative;
  -moz-animation: buttonMouseOff 200ms ease-out;
  -webkit-animation: buttonMouseOff 200ms ease-out;
  animation: buttonMouseOff 200ms ease-out;
}
/* line 6921, ../../workspace/styles/main.scss */
.preorder-lead-in-submit-btn:enabled:hover .preorder-form-select-text {
  -moz-animation: buttonMouseOn 200ms ease-in-out;
  -webkit-animation: buttonMouseOn 200ms ease-in-out;
  animation: buttonMouseOn 200ms ease-in-out;
}

@media all and (min-width: 901px) {
  /* line 6928, ../../workspace/styles/main.scss */
  .announcement-preorder-content .preorder-form-pl .preorder-lead-in-submit-btn,
  .announcement-preorder-content .preorder-form-ru .preorder-lead-in-submit-btn {
    font-size: .5rem;
    padding: 1.8em 1.25em 3.1em;
  }
  /* line 6932, ../../workspace/styles/main.scss */
  .announcement-preorder-content .preorder-form-pl .form-dropdown-value-container,
  .announcement-preorder-content .preorder-form-pl .form-dropdown-option,
  .announcement-preorder-content .preorder-form-ru .form-dropdown-value-container,
  .announcement-preorder-content .preorder-form-ru .form-dropdown-option {
    font-size: .5rem;
    padding-top: 2em;
  }
}
@media all and (min-width: 901px) {
  /* line 6944, ../../workspace/styles/main.scss */
  .announcement-preorder-content .preorder-form-pl .preorder-lead-in-submit-btn,
  .announcement-preorder-content .preorder-form-ru .preorder-lead-in-submit-btn,
  .announcement-preorder-content .preorder-form-it-it .preorder-lead-in-submit-btn,
  .announcement-preorder-content .preorder-form-es-es .preorder-lead-in-submit-btn {
    font-size: .5rem;
    padding: 1.8em 1.25em 3.1em;
  }
  /* line 6948, ../../workspace/styles/main.scss */
  .announcement-preorder-content .preorder-form-pl .form-dropdown-value-container,
  .announcement-preorder-content .preorder-form-pl .form-dropdown-option,
  .announcement-preorder-content .preorder-form-ru .form-dropdown-value-container,
  .announcement-preorder-content .preorder-form-ru .form-dropdown-option,
  .announcement-preorder-content .preorder-form-it-it .form-dropdown-value-container,
  .announcement-preorder-content .preorder-form-it-it .form-dropdown-option,
  .announcement-preorder-content .preorder-form-es-es .form-dropdown-value-container,
  .announcement-preorder-content .preorder-form-es-es .form-dropdown-option {
    font-size: .5rem;
    padding-top: 2em;
  }
}
/* line 6957, ../../workspace/styles/main.scss */
.fallout-4-page .big-lead-in-module {
  padding-top: 0;
}

/* line 6962, ../../workspace/styles/main.scss */
.fallout-new-vegas-page .survival-guide-module-panel:first-child .survival-guide-module-image {
  margin-top: -4em;
}

@media all and (min-width: 901px) {
  /* line 6967, ../../workspace/styles/main.scss */
  .fallout-4-featured-media {
    margin-bottom: 2rem;
  }
}
/* line 6973, ../../workspace/styles/main.scss */
.games-detail-video-container {
  height: auto;
  max-width: 100%;
  margin: 0 auto;
  width: 56.25rem;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  max-height: 100%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  vertical-align: middle;
}
/* line 6986, ../../workspace/styles/main.scss */
.games-detail-video-container .modal-close-btn {
  border-color: #ffffff;
  right: 0;
  top: -50px;
}
/* line 6992, ../../workspace/styles/main.scss */
.games-detail-video-container .modal-close-btn-animated-text {
  background: url("/assets/icons/close-white.svg") no-repeat center;
}
/* line 6996, ../../workspace/styles/main.scss */
.games-detail-video-container iframe {
  bottom: 0;
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}
@media all and (min-width: 901px) {
  /* line 6973, ../../workspace/styles/main.scss */
  .games-detail-video-container {
    max-width: 80%;
  }
  /* line 7010, ../../workspace/styles/main.scss */
  .games-detail-video-container .modal-close-btn {
    right: -80px;
    top: 0;
  }
}
/* line 7016, ../../workspace/styles/main.scss */
.games-detail-video-container .video-wrapper:after {
  content: '';
  display: block;
  padding-top: 56.25%;
}

/* line 7025, ../../workspace/styles/main.scss */
.news-feed-module {
  max-width: 1100px;
}
@media all and (max-width: 1099px) {
  /* line 7025, ../../workspace/styles/main.scss */
  .news-feed-module {
    padding: 1rem;
  }
}

/* line 7033, ../../workspace/styles/main.scss */
.news-feed-module-heading {
  margin-bottom: 0;
}

/* line 7037, ../../workspace/styles/main.scss */
.news-feed-module-content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width: 1100px;
  height: 100%;
}

/* line 7045, ../../workspace/styles/main.scss */
.news-feed-module-feature-panel {
  width: 100%;
}
@media all and (min-width: 901px) {
  /* line 7045, ../../workspace/styles/main.scss */
  .news-feed-module-feature-panel {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 1 250px;
    flex: 1 1 250px;
    min-height: 47em;
  }
}

/* line 7055, ../../workspace/styles/main.scss */
.news-feed-module-news-panel {
  width: 100%;
}
@media all and (min-width: 901px) {
  /* line 7055, ../../workspace/styles/main.scss */
  .news-feed-module-news-panel {
    -webkit-flex: 0 1 38.5rem;
    flex: 0 1 38.5rem;
    min-height: 47em;
  }
}

@media all and (min-width: 901px) {
  /* line 7063, ../../workspace/styles/main.scss */
  .news-feed-module-feed {
    padding-right: 20px;
  }
}

/* line 7069, ../../workspace/styles/main.scss */
.news-feed-module-feed-item {
  height: 100%;
  margin-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #000;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

/* line 7079, ../../workspace/styles/main.scss */
.news-feed-module-feed-item-image {
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
  position: relative;
  z-index: 11;
  -moz-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
/* line 7087, ../../workspace/styles/main.scss */
.news-feed-module-feed-item-image:hover {
  opacity: 0.75;
}
@media all and (min-width: 901px) {
  /* line 7079, ../../workspace/styles/main.scss */
  .news-feed-module-feed-item-image {
    width: 50%;
    margin: 0;
  }
}

/* line 7097, ../../workspace/styles/main.scss */
.news-feed-module-feed-item-image-tag {
  width: 100%;
}

/* line 7101, ../../workspace/styles/main.scss */
.news-feed-module-feed-item-content {
  width: 100%;
  height: 100%;
}
@media all and (min-width: 901px) {
  /* line 7101, ../../workspace/styles/main.scss */
  .news-feed-module-feed-item-content {
    width: 50%;
  }
}

@media all and (min-width: 901px) {
  /* line 7109, ../../workspace/styles/main.scss */
  .news-feed-module-feed-item-content-wrapper {
    margin-left: 20px;
  }
}

/* line 7115, ../../workspace/styles/main.scss */
.news-feed-module-feed-item-title {
  font-size: 1.5rem;
  letter-spacing: normal;
  line-height: 1.5rem;
  margin: 0;
}

/* line 7122, ../../workspace/styles/main.scss */
.news-feed-module-feed-item-publisher {
  font-family: "futura-pt-condensed", sans-serif;
  font-weight: 500;
  font-size: 0.8125rem;
  text-transform: uppercase;
  color: #333333;
}

/* line 7129, ../../workspace/styles/main.scss */
.news-feed-module-feed-item-blurb {
  margin-bottom: 0;
}

/* line 7133, ../../workspace/styles/main.scss */
.news-feed-module-feed-item-read-more {
  font-size: 0.75rem;
  text-transform: uppercase;
  margin-top: 1em;
  color: #000;
  display: block;
  font-family: "futura-pt", sans-serif;
  font-weight: bold;
  outline: none;
  -moz-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
/* line 7144, ../../workspace/styles/main.scss */
.news-feed-module-feed-item-read-more:hover {
  opacity: 0.5;
}

/* line 7149, ../../workspace/styles/main.scss */
.news-feed-module-feed-load-more {
  border-bottom: 1px solid #000;
  display: none;
}
@media all and (min-width: 901px) {
  /* line 7149, ../../workspace/styles/main.scss */
  .news-feed-module-feed-load-more {
    border: 0;
  }
}
/* line 7156, ../../workspace/styles/main.scss */
.news-feed-module-feed-load-more.news-feed-module-feed-load-more-active {
  display: block;
}

/* line 7161, ../../workspace/styles/main.scss */
.news-feed-module-feed-load-more-button {
  border: 0;
  margin: 0 auto;
  padding: 1.5em 2em;
  font-size: 0.8125rem;
}

/* line 7169, ../../workspace/styles/main.scss */
.news-feed-module-fetching-more .news-feed-module-feed-load-more-button {
  -moz-animation: rotatePageLoadCog 4.5s linear infinite;
  -webkit-animation: rotatePageLoadCog 4.5s linear infinite;
  animation: rotatePageLoadCog 4.5s linear infinite;
  -moz-animation-play-state: running;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  background-image: url("/assets/cog.svg");
  background-color: transparent;
  background-size: contain;
  border: none;
  height: 40px;
  text-indent: -9999px;
  -moz-transition: opacity 600ms ease-in-out;
  -o-transition: opacity 600ms ease-in-out;
  -webkit-transition: opacity 600ms ease-in-out;
  transition: opacity 600ms ease-in-out;
  width: 40px;
  padding: 0;
}

/* line 7184, ../../workspace/styles/main.scss */
.news-feed-module-feature-panel-header-container {
  height: 100%;
  margin: 60px 0 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media all and (min-width: 901px) {
  /* line 7184, ../../workspace/styles/main.scss */
  .news-feed-module-feature-panel-header-container {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    margin: 40px 0 0 0;
    height: 190px;
    padding-right: 40px;
  }
}

/* line 7197, ../../workspace/styles/main.scss */
.news-feed-module-feature-panel-header-image {
  width: 100%;
}

/* line 7201, ../../workspace/styles/main.scss */
.news-feed-module-feature-panel-character-container {
  display: none;
}
@media all and (min-width: 901px) {
  /* line 7201, ../../workspace/styles/main.scss */
  .news-feed-module-feature-panel-character-container {
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 20px 40px 0 0;
    -webkit-flex: 1;
    flex: 1;
  }
}

/* line 7212, ../../workspace/styles/main.scss */
.news-feed-module-feature-panel-character-image {
  width: 100%;
}

/* line 7216, ../../workspace/styles/main.scss */
.news-feed-module-feed-item-container {
  text-decoration: none;
  color: #000;
}