fallout css

@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")
}
.pl-section {
 padding:2em
}
.pl-square-block {
 width:5em;
 height:5em;
 margin-bottom:10px;
 border:3px solid #000;
 color:#fff;
 font-size:10px
}
.pl-padded-container {
 padding:1em
}
.flex-item.pl-square-block {
 flex:initial
}
.pl-square-block.pl-dark-text {
 color:#000
}
.pl-denote-text {
 color:#000;
 font-size:1rem;
 font-family:"schoolbook-web",serif;
 margin:1.25rem 0
}
.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")
}
html,body {
 background-color:#000;
 height:100%;
 margin:0;
 padding:0;
 position:relative;
 width:100%
}
button {
 background-color:transparent;
 border:0;
 cursor:pointer;
 margin:0;
 outline:none;
 padding:0
}
section {
 margin:0;
 padding:0
}
p {
 color:#333;
 font-family:"schoolbook-web",serif
}
h1,h2,h3,h4,h5 {
 text-transform:uppercase;
 font-family:"futura-pt",sans-serif;
 letter-spacing:.1875rem
}
.accent-text {
 font-family:"futura-pt-condensed", sans-serif;
 font-weight:400;
 font-style:normal;
 font-size:.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)
 }
}
.hidden {
 display:none
}
.form {
 margin:0
}
.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
}
.form .form-input {
 padding:.65em 3em;
 border:none
}
.form .form-label {
 font-family:"schoolbook-web",serif;
 font-size:.75rem;
 padding:.5em;
 position:absolute;
 background-color:#fff
}
.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:#fff
}
.form-field {
 position:relative
}
.form-field-label {
 font-family:"futura-pt",sans-serif;
 font-weight:bold;
 font-size:12px;
 text-transform:uppercase;
 display:block;
 padding-bottom:.25rem
}
.form-field-error .form-field-label {
 color:#bd0100
}
.form-field-error .form-field-label:-moz-placeholder {
 color:#bd0100
}
.form-field-error .form-field-label::-moz-placeholder {
 color:#bd0100
}
.form-field-error .form-field-label:-ms-input-placeholder {
 color:#bd0100
}
.form-field-error .form-field-label::-webkit-input-placeholder {
 color:#bd0100
}
.form-radio-label,.form-checkbox-label {
 display:inline-block;
 position:relative;
 margin-right:2em
}
.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
}
.form-radio-label .form-radio-input:checked+.form-radio-input-span,.form-checkbox-label .form-radio-input:checked+.form-radio-input-span {
 background:#000
}
.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
}
.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
}
.form-checkbox-label.form-field-error {
 color:#bd0100
}
.form-field-error.form-checkbox-label:before {
 border-color:#bd0100
}
.form-checkbox-input {
 cursor:pointer;
 width:1.5em;
 height:1.5em;
 padding-left:0;
 position:absolute;
 left:0;
 top:0;
 z-index:1
}
.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
}
.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
}
.form-field-error .form-text-field-input {
 border:3px solid #bd0100
}
.form-field-error .form-text-field-input:-moz-placeholder {
 color:#bd0100
}
.form-field-error .form-text-field-input::-moz-placeholder {
 color:#bd0100
}
.form-field-error .form-text-field-input:-ms-input-placeholder {
 color:#bd0100
}
.form-field-error .form-text-field-input::-webkit-input-placeholder {
 color:#bd0100
}
.form-field-number-input {
 -moz-appearance:textfield
}
.form-field-number-input::-webkit-inner-spin-button,.form-field-number-input::-webkit-outer-spin-button {
 -webkit-appearance:none;
 margin:0
}
.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
}
.form-field-required .form-field-label:after,.form-field-required .form-checkbox-label-dark:after {
 content:"*"
}
.form-dropdown {
 position:relative;
 display:block
}
.form-dropdown-container {
 background:#fff url("../assets/texture-noise@1x.png") repeat;
 box-sizing:border-box;
 padding-right:48px;
 height:2.5em;
 overflow:hidden;
 position:relative;
 width:100%
}
.form-dropdown-container:before {
 background:#fff;
 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) {
 .form-dropdown-container.form-dropdown-container.form-dropdown-options-container-active,.form-dropdown-container.dropdown-option-container-active {
  overflow:visible
 }
}
.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
}
.form-dropdown-option:last-child {
 border-bottom:none
}
.form-dropdown-option-selected {
 border-bottom:#000 3px solid;
 padding-top:1.2em
}
.form-dropdown-option-highlighted {
 background-color:#ebeae5
}
.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) {
 .form-dropdown-select {
  display:none
 }
}
.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
}
.form-dropdown-options-container-active .form-dropdown-value-container {
 z-index:0
}
.form-dropdown-options-container {
 background:#fff url("../assets/texture-noise@1x.png") repeat;
 left:0;
 height:100%;
 overflow:hidden;
 position:absolute;
 top:0;
 visibility:hidden;
 width:100%;
 z-index:0
}
.form-dropdown-options-container-active .form-dropdown-options-container {
 overflow-y:auto;
 height:auto;
 max-height:300px;
 visibility:visible;
 z-index:3
}
.form-dropdown-options-container-active:before {
 z-index:4
}
.form-dropdown-value {
 background-color:#000;
 color:#fff;
 font-family:"futura-pt",sans-serif;
 font-size:.75rem;
 font-weight:bold;
 line-height:.75rem;
 padding:1em;
 text-transform:uppercase;
 margin-right:.25em
}
.form-dropdown-value::after {
 content:'';
 display:block;
 border-left:0.5em solid transparent;
 border-top:0.5em solid #fff;
 border-right:0.5em solid transparent;
 margin-left:-.5em;
 margin-top:-.2em;
 position:absolute;
 right:18px;
 top:50%;
 z-index:2
}
.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:.625rem;
 font-weight:bold;
 letter-spacing:.1875rem;
 padding:11px 15px;
 position:relative;
 text-align:center;
 text-transform:uppercase;
 text-decoration:none;
 width:auto
}
.standard-btn.standard-btn-light {
 background-color:#fff;
 border-color:#fff;
 color:#000
}
.standard-btn.standard-btn-dark {
 background-color:#000;
 border-color:#000;
 color:#fff
}
.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
}
.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
}
.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
}
.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
}
.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%
}
.download-btn-icon {
 left:-1em;
 top:.25em;
 display:inline-block;
 position:relative;
 margin-top:-1.2em;
 margin-left:-3em
}
.android-download-btn .download-btn-icon {
 margin-left:-5.5em
}
.windows-phone-download-btn .download-btn-icon {
 margin-left:-6.5em
}
.steam-download-btn .download-btn-icon {
 margin-left:-5.5em
}
.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
}
.android-download-btn .download-btn-text {
 left:5em
}
.windows-phone-download-btn .download-btn-text {
 left:5em
}
.steam-download-btn .download-btn-text {
 left:6em
}
.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
}
.text-icon {
 width:100%;
 height:100%;
 position:relative
}
.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
}
.vt-icon-white {
 width:72px;
 height:30px;
 background:url("../assets/icons/icons.png") -286px -129px
}
.apple-icon-sm {
 width:12px;
 height:16px;
 background:url("../assets/icons/icons.png") -358px -129px
}
.android-icon-sm {
 width:14px;
 height:16px;
 background:url("../assets/icons/icons.png") -361px -108px
}
.windows-phone-icon-sm {
 width:19px;
 height:17px;
 background:url("../assets/icons/icons.png") -342px -108px
}
.pc-icon-sm {
 background-image:url("/assets/icons/pc-icon.svg");
 width:17px;
 height:15px
}
.callout-arrow-icon {
 background-image:url(../assets/icons/icons.png);
 background-position:-160px -122px;
 width:39px;
 height:36px
}
.preorder-arrow-small {
 background:url("../assets/icons/icons.png") 0px -161px;
 width:70px;
 height:52px;
 display:inline-block;
 position:absolute;
 left:0;
 top:3px
}
.esrb-privacy-icon {
 background:url("../assets/icons/icons.png") -214px 0px;
 height:64px;
 width:172px
}
.esrb-rating-icon {
 background:url("../assets/icons/icons.png") -214px -64px;
 height:65px;
 width:128px
}
.esrb-privacy-icon-large {
 background:url("/assets/icons/esrb-privacy-icon-large.png")
}
.esrb-rating-icon-large {
 background:url("/assets/icons/esrb-rating-icon-large.png")
}
.franchise-icon {
 background-image:url("/assets/icons/franchise-icon.svg");
 width:93px;
 height:40px
}
.beth-soft-icon {
 background-image:url("/assets/icons/bethesda-icon-black.svg");
 width:323px;
 height:46px
}
.beth-soft-icon-white {
 background-image:url("/assets/icons/bethesda-icon-white.svg");
 width:323px;
 height:46px
}
.beth-studios-icon-white {
 background-image:url("/assets/icons/bethesda-studios-icon-white.svg");
 width:309px;
 height:145px
}
.beth-studios-icon {
 background-image:url("/assets/icons/bethesda-studios-icon-black.svg");
 width:309px;
 height:145px
}
.xbox-360-icon {
 background-image:url("/assets/icons/xbox-360-icon.svg");
 width:96px;
 height:18px
}
.xbox-360-icon-black {
 background-image:url("/assets/icons/xbox-360-icon-black.svg");
 width:96px;
 height:20px
}
.xbox-one-icon {
 background-image:url("/assets/icons/xbox-one-icon.svg");
 width:96px;
 height:17px
}
.xbox-one-logo-icon {
 background-image:url("/assets/icons/xbox-one.svg");
 width:18px;
 height:18px
}
.xbox-one-icon-black {
 background-image:url("/assets/icons/xbox-one-icon-black.svg");
 width:96px;
 height:20px
}
.ps4-icon {
 background-image:url("/assets/icons/ps4-icon.svg");
 width:96px;
 height:18px
}
.ps4-icon-black {
 background-image:url("/assets/icons/ps4-icon-black.svg");
 width:96px;
 height:21px
}
.ps3-icon {
 background-image:url("/assets/icons/ps3-icon.svg");
 width:128px;
 height:24px
}
.ps3-icon-black {
 background-image:url("/assets/icons/ps3-icon-black.svg");
 width:128px;
 height:24px
}
.pc-icon {
 background-image:url("/assets/icons/pc-icon.svg");
 width:30px;
 height:30px
}
.pc-icon-black {
 background-image:url("/assets/icons/pc-icon-black.svg");
 width:30px;
 height:30px
}
.mac-icon {
 background-image:url("/assets/icons/mac-icon.svg");
 width:30px;
 height:30px
}
.mac-icon-black {
 background-image:url("/assets/icons/mac-icon-black.svg");
 width:30px;
 height:30px
}
.steam-icon {
 background-image:url("/assets/icons/steam-icon.svg");
 width:60px;
 height:30px
}
.steam-icon-black {
 background-image:url("/assets/icons/steam-icon-black.svg");
 width:60px;
 height:30px
}
.steam-lockups-icon {
 background-image:url("/assets/icons/steam-lockups-icon.svg");
 width:96px;
 height:18px
}
.rating-pt-br_pegi-18 {
 background-image:url("/assets/ratings/pegi-18.svg");
 width:104px;
 height:60px
}
.rating-de-de_pegi-18 {
 background-image:url("/assets/ratings/pegi-18.svg");
 width:45px;
 height:60px
}
.rating-icon.rating-en-gb_OFLC_MA15 {
 background-image:url("/assets/ratings/OFLC_large_MA15+.svg");
 width:150px;
 height:60px
}
.rating-en-us_esrb-rp {
 background-image:url("/assets/ratings/en-us_esrb-rp.svg");
 width:131px;
 height:60px
}
.rating-en-us_esrb-rp-m {
 background-image:url("/assets/ratings/en-us_esrb-m.svg");
 width:138px;
 height:120px
}
.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
}
.rating-fr-fr_pegi-18 {
 background-image:url("/assets/ratings/pegi-18.svg");
 width:50px;
 height:60px
}
.rating-it-it_pegi-18 {
 background-image:url("/assets/ratings/pegi-18.svg");
 width:50px;
 height:60px
}
.rating-ja_cero-rp {
 background-image:url("/assets/ratings/ja_cero-rp.svg");
 width:55px;
 height:60px
}
.rating-pl_pegi-18 {
 background-image:url("/assets/ratings/pegi-18.svg");
 width:50px;
 height:60px
}
.rating-ru_pegi-18 {
 background-image:url("/assets/ratings/pegi-18.svg");
 width:140px;
 height:60px
}
.rating-de-de_usk {
 background-image:url("/assets/ratings/de-de_usk.svg");
 height:60px;
 width:50px
}
.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) {
 .download-btn-svg {
  width:172px;
  height:60px;
  margin-top:auto
 }
}
.en-us_googleplay,.en-gb_googleplay {
 background-image:url("/assets/downloads/en-us_googleplay.svg")
}
.es-es_googleplay {
 background-image:url("/assets/downloads/es-es_googleplay.svg")
}
.fr-fr_googleplay {
 background-image:url("/assets/downloads/fr-fr_googleplay.svg")
}
.de-de_googleplay {
 background-image:url("/assets/downloads/de-de_googleplay.svg")
}
.pl_googleplay {
 background-image:url("/assets/downloads/pl-pl_googleplay.svg")
}
.pt-br_googleplay {
 background-image:url("/assets/downloads/pt-br_googleplay.svg")
}
.it-it_googleplay {
 background-image:url("/assets/downloads/it-it_googleplay.svg")
}
.ru_googleplay {
 background-image:url("/assets/downloads/ru-ru_googleplay.svg")
}
.ja_googleplay {
 background-image:url("/assets/downloads/jp-jp_googleplay.svg")
}
.en-us_applestore,.en-gb_applestore {
 background-image:url("/assets/downloads/en-us_applestore.svg")
}
.es-es_applestore {
 background-image:url("/assets/downloads/es-es_applestore.svg")
}
.fr-fr_applestore {
 background-image:url("/assets/downloads/fr-fr_applestore.svg")
}
.de-de_applestore {
 background-image:url("/assets/downloads/de-de_applestore.svg")
}
.pl_applestore {
 background-image:url("/assets/downloads/pl-pl_applestore.svg")
}
.pt-br_applestore {
 background-image:url("/assets/downloads/pt-br_applestore.svg")
}
.it-it_applestore {
 background-image:url("/assets/downloads/it-it_applestore.svg")
}
.ru_applestore {
 background-image:url("/assets/downloads/ru-ru_applestore.svg")
}
.ja_applestore {
 background-image:url("/assets/downloads/jp-jp_applestore.svg")
}
.en-us_windowsphonestore,.en-gb_windowsphonestore {
 background-image:url("/assets/downloads/en-us_windowsphonestore.svg")
}
.es-es_windowsphonestore {
 background-image:url("/assets/downloads/es-es_windowsphonestore.svg")
}
.fr-fr_windowsphonestore {
 background-image:url("/assets/downloads/fr-fr_windowsphonestore.svg")
}
.de-de_windowsphonestore {
 background-image:url("/assets/downloads/de-de_windowsphonestore.svg")
}
.pl_windowsphonestore {
 background-image:url("/assets/downloads/pl-pl_windowsphonestore.svg")
}
.pt-br_windowsphonestore {
 background-image:url("/assets/downloads/pt-br_windowsphonestore.svg")
}
.it-it_windowsphonestore {
 background-image:url("/assets/downloads/it-it_windowsphonestore.svg")
}
.ru_windowsphonestore {
 background-image:url("/assets/downloads/ru-ru_windowsphonestore.svg")
}
.ja_windowsphonestore {
 background-image:url("/assets/downloads/jp-jp_windowsphonestore.png")
}
.en-us_pc,.en-gb_pc {
 background-image:url("/assets/downloads/en-us_pc.svg")
}
.es-es_pc {
 background-image:url("/assets/downloads/es-es_pc.svg")
}
.fr-fr_pc {
 background-image:url("/assets/downloads/fr-fr_pc.svg")
}
.de-de_pc {
 background-image:url("/assets/downloads/de-de_pc.svg")
}
.pl_pc {
 background-image:url("/assets/downloads/pl-pl_pc.svg")
}
.pt-br_pc {
 background-image:url("/assets/downloads/pt-br_pc.svg")
}
.it-it_pc {
 background-image:url("/assets/downloads/it-it_pc.svg")
}
.ru_pc {
 background-image:url("/assets/downloads/ru-ru_pc.svg")
}
.ja_pc {
 background-image:url("/assets/downloads/ja-ja_pc.svg")
}
.en-us_steam,.en-gb_steam {
 background-image:url("/assets/downloads/en-us_steam.svg")
}
.es-es_steam {
 background-image:url("/assets/downloads/es-es_steam.svg")
}
.fr-fr_steam {
 background-image:url("/assets/downloads/fr-fr_steam.svg")
}
.de-de_steam {
 background-image:url("/assets/downloads/de-de_steam.svg")
}
.pl_steam {
 background-image:url("/assets/downloads/pl-pl_steam.svg")
}
.pt-br_steam {
 background-image:url("/assets/downloads/pt-br_steam.svg")
}
.it-it_steam {
 background-image:url("/assets/downloads/it-it_steam.svg")
}
.ru_steam {
 background-image:url("/assets/downloads/ru-ru_steam.svg")
}
.ja_steam {
 background-image:url("/assets/downloads/jp-jp_steam.svg")
}
.en-us_xbox,.en-gb_xbox {
 background-image:url("/assets/downloads/en-us_xbox.svg")
}
.es-es_xbox {
 background-image:url("/assets/downloads/es-es_xbox.svg")
}
.fr-fr_xbox {
 background-image:url("/assets/downloads/fr-fr_xbox.svg")
}
.de-de_xbox {
 background-image:url("/assets/downloads/de-de_xbox.svg")
}
.pl_xbox {
 background-image:url("/assets/downloads/pl-pl_xbox.svg")
}
.pt-br_xbox {
 background-image:url("/assets/downloads/pt-br_xbox.svg")
}
.it-it_xbox {
 background-image:url("/assets/downloads/it-it_xbox.svg")
}
.ru_xbox {
 background-image:url("/assets/downloads/ru-ru_xbox.svg")
}
.ja_xbox {
 background-image:url("/assets/downloads/ja-ja_xbox.svg")
}
.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) {
 .social-network-icon.youtube-icon {
  height:2.25rem;
  width:2.25rem
 }
}
@media (orientation: landscape) {
 .social-network-icon.youtube-icon {
  height:2.875rem;
  width:2.875rem
 }
}
.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) {
 .social-network-icon.twitter-icon {
  height:2.25rem;
  width:2.25rem
 }
}
@media (orientation: landscape) {
 .social-network-icon.twitter-icon {
  height:2.875rem;
  width:2.875rem
 }
}
.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) {
 .social-network-icon.facebook-icon {
  height:2.25rem;
  width:2.25rem
 }
}
@media (orientation: landscape) {
 .social-network-icon.facebook-icon {
  height:2.875rem;
  width:2.875rem
 }
}
.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) {
 .social-network-icon.tumblr-icon {
  height:2.25rem;
  width:2.25rem
 }
}
@media (orientation: landscape) {
 .social-network-icon.tumblr-icon {
  height:2.875rem;
  width:2.875rem
 }
}
.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) {
 .social-network-icon.vine-icon {
  height:2.25rem;
  width:2.25rem
 }
}
@media (orientation: landscape) {
 .social-network-icon.vine-icon {
  height:2.875rem;
  width:2.875rem
 }
}
.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) {
 .social-network-icon.instagram-icon {
  height:2.25rem;
  width:2.25rem
 }
}
@media (orientation: landscape) {
 .social-network-icon.instagram-icon {
  height:2.875rem;
  width:2.875rem
 }
}
.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) {
 .social-network-icon.bethesdanet-icon {
  height:2.25rem;
  width:2.25rem
 }
}
@media (orientation: landscape) {
 .social-network-icon.bethesdanet-icon {
  height:2.875rem;
  width:2.875rem
 }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
 .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
 }
}
.app {
 background-color:#000;
 overflow:hidden;
 opacity:0;
 position:relative;
 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;
 width:100%;
 z-index:1
}
.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
}
.page-loading.page-active .app {
 transition-delay:0ms
}
.modal-container-active.page-active .app {
 overflow:visible;
 position:fixed;
 top:0;
 left:0;
 z-index:1
}
.page-error-active .app {
 overflow:hidden;
 z-index:1
}
.pages {
 height:100%;
 position:relative
}
.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
}
.page:before {
 background-color:#000;
 content:"";
 display:block;
 height:69px;
 left:0;
 position:absolute;
 top:0;
 width:100%
}
.page.page-active {
 overflow:visible;
 height:auto;
 position:relative;
 z-index:1
}
.page-sub-nav-module.module {
 min-height:0
}
.page-sub-nav-module-wrapper {
 margin:0 auto;
 max-width:1100px;
 padding:0 1rem
}
.page-sub-nav.section-heading {
 display:none;
 text-align:center;
 align-content:space-between;
 padding:0;
 margin:0
}
.page-sub-nav-item {
 margin:0 2em;
 padding:0;
 font-size:12px;
 display:-webkit-inline-flex;
 display:inline-flex;
 position:relative
}
.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) {
 .page-sub-nav-item .page-sub-nav-item-heading:after {
  content:' ';
  display:block;
  margin-top:.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
 }
 .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
 }
}
.page-sub-nav-item:first-of-type {
 position:initial
}
.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) {
 .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)
 }
}
.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
}
.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) {
 .page-loader,.pano-loader {
  -webkit-flex-flow:row wrap;
  flex-flow:row wrap
 }
}
.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
}
.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
}
.page-active .page-loader,.page-error-active .page-loader {
 opacity:0;
 visibility:hidden;
 z-index:0
}
.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
}
.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
}
.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
}
.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
}
.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
}
.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
}
.page-error-text {
 font-family:"schoolbook-web",serif;
 color:#eae9e4;
 font-size:.875rem
}
.module {
 box-sizing:border-box;
 list-style:none;
 margin:0 auto;
 overflow:hidden;
 padding:0;
 width:100%;
 position:relative;
 min-height:95px
}
.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:.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
}
.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
}
.module-loaded {
 display:block;
 background:none
}
.module-loaded:before {
 display:none
}
.module-loaded:after {
 display:none;
 -moz-animation:none;
 -webkit-animation:none;
 animation:none
}
.module-error {
 text-align:center;
 background:none;
 min-height:50%;
 margin-bottom:3em;
 margin-top:3em;
 z-index:0
}
.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:.9375rem;
 color:#000;
 margin-bottom:2em;
 position:absolute;
 width:390px;
 top:50px;
 left:50%;
 margin-left:-195px;
 z-index:11
}
.module-error:after {
 box-sizing:border-box;
 content:"A system failure has occured. Please attempt re-access. Have a pleasant day.";
 font:.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
}
.module-disabled {
 -moz-animation-play-state:paused;
 -webkit-animation-play-state:paused;
 animation-play-state:paused
}
.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
}
.four-oh-four-page-active .four-oh-four-page.page {
 opacity:1;
 visibility:visible;
 z-index:2
}
.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
 }
}
.glitch-active {
 overflow:hidden
}
.glitch-image {
 display:block;
 position:absolute;
 top:0;
 left:0;
 z-index:13;
 pointer-events:none;
 height:1px;
 width:1px;
 overflow:hidden;
 visibility:hidden
}
.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
}
.grain-active {
 overflow:hidden
}
@media all and (min-width: 901px) {
 .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
 }
}
.film-active {
 overflow:hidden
}
@media all and (min-width: 901px) {
 .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
 }
}
.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) {
 .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) {
 .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
 }
 .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) {
 .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) {
 .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
 }
}
.modals {
 height:calc(100% - 80px);
 left:0;
 position:absolute;
 top:80px;
 width:100%;
 z-index:0;
 overflow:hidden
}
.modals.modal-container-active {
 visibility:visible;
 z-index:2
}
.modal {
 background-color:#000;
 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
}
.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) {
 .modal {
  background-color:rgba(0,0,0,0.9)
 }
 .modal .modal-btn {
  top:0
 }
 .modal .modal-previous-btn {
  top:8.9em
 }
 .modal .modal-next-btn {
  top:4.4em
 }
}
.modal-btn {
 position:absolute;
 top:1.5em;
 right:1.5em;
 width:3.3125rem;
 height:3.25rem;
 text-indent:-9999px
}
.modal-close-btn {
 background:url("/assets/modal-youtube-close.svg")
}
.modal-previous-btn {
 background:url("/assets/modal-youtube-backward.svg");
 top:8.9em
}
.modal-next-btn {
 background:url("/assets/modal-youtube-forward.svg");
 top:4.4em
}
.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
}
.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
}
.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) {
 .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
 }
}
.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
}
.app-header.app-header-active {
 z-index:11
}
.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
}
.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
}
.modal-container-active.app-header-nav-peek .app-header {
 visibility:hidden
}
.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)
}
.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) {
 .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:75rem;
  padding-top:0
 }
}
.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) {
 .app-header-home-link {
  position:relative
 }
}
.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:.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) {
 .app-header-presents-heading {
  display:none
 }
}
@media all and (max-width: 901px) {
 .app-header-presents-heading {
  margin-top:1em;
  margin-bottom:1em
 }
}
.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) {
 .app-header-nav {
  opacity:1
 }
}
.app-header-nav-list {
 list-style:none;
 margin:0;
 padding:0;
 width:100%
}
@media all and (min-width: 901px) {
 .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
 }
}
.app-header-subnav {
 list-style:none;
 margin:0;
 padding:0
}
.mobile-nav-icon {
 cursor:pointer;
 height:.8125rem;
 width:1.875rem;
 margin:0;
 right:1em;
 top:1.5em;
 border-bottom:3px solid #fff;
 border-top:3px solid #fff;
 z-index:1;
 position:absolute
}
.mobile-nav-icon::after {
 position:absolute;
 display:block;
 width:100%;
 border-bottom:3px solid #fff;
 content:'';
 top:.3125rem
}
.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) {
 .mobile-nav-icon {
  display:none
 }
}
.app-header-nav-item {
 box-sizing:border-box;
 font-family:"futura-pt",sans-serif;
 font-weight:bold;
 font-size:.75rem;
 letter-spacing:.1875rem;
 list-style:none;
 margin:0;
 padding:0 1.0625rem;
 overflow:hidden;
 text-transform:uppercase;
 width:100%
}
@media all and (min-width: 901px) {
 .app-header-nav-item {
  display:-ms-inline-flexbox;
  display:-webkit-inline-flex;
  display:inline-flex;
  padding:0;
  position:relative;
  overflow:visible;
  width:auto
 }
}
.app-header-nav-item-section-link {
 border-top:2px solid #eae9e4;
 box-sizing:border-box;
 color:#fff;
 display:block;
 margin:0;
 padding:1em 2em;
 position:relative;
 font-size:.875rem;
 text-align:center;
 text-decoration:none;
 transition:color .75s;
 width:100%;
 z-index:1
}
.app-header-nav-item-preorder .app-header-nav-item-section-link {
 border-bottom:5px solid #eae9e4
}
.app-header-nav-item:first-child .app-header-nav-item-section-link {
 border-width:5px
}
.app-header-nav-item-games .app-header-nav-item-section-link {
 border-width:5px
}
@media all and (max-width: 901px) {
 .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) {
 .app-header-nav-item-section-link {
  padding:1em 1.25em .75em;
  font-size:.75rem;
  width:auto;
  border:none
 }
 .app-header-nav-item-section-link:after {
  content:' ';
  display:block;
  margin-top:.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
 }
 .app-header-nav-item-section-link:hover:after {
  background-color:#fff;
  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
 }
}
@media (max-width: 1200px) and (min-width: 901px) {
 .app-header-nav-item-section-link {
  font-size:0.65rem;
  padding:1em 1em .75em
 }
}
.app-header-nav-item-section-link:active {
 color:#faed7b
}
@media all and (min-width: 901px) {
 .app-header-nav-item-pre-order.app-header-nav-item {
  display:none
 }
}
@media all and (min-width: 901px) {
 .app-header-nav-item-active .app-header-nav-item-section-link:after {
  content:"";
  background-color:#fff;
  display:block;
  height:2px;
  position:relative;
  width:100%
 }
 .app-header-nav-item-preorder {
  display:none
 }
}
.nav-heading {
 color:#eae9e4;
 display:block;
 font-family:"futura-pt-condensed", sans-serif;
 font-weight:400;
 font-size:1em;
 letter-spacing:.1875rem;
 margin-bottom:1em;
 text-align:center;
 text-transform:uppercase
}
.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
}
.app-header-nav-open .app,.app-header-nav-open .app-header {
 height:100%;
 overflow:auto
}
.app-header-nav-open .app-header-nav,.app-header-nav-open .app-header-presents-heading {
 opacity:1
}
.app-header-nav-open .mobile-nav-icon:after {
 display:none
}
.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) {
 .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
 }
}
.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) {
 .app-header-subnav-social-links {
  width:350px;
  margin:0 auto;
  padding-bottom:1em
 }
}
.app-header-subnav-social-network {
 display:inline-block;
 margin:0;
 text-align:center
}
.app-header-subnav-social-network:first-of-type {
 margin-left:0
}
.app-header-subnav-social-copy-text {
 color:#333;
 display:block;
 font-family:"schoolbook-web",serif;
 font-size:.75rem;
 margin-top:4px;
 letter-spacing:0.25px;
 text-align:center;
 width:100%;
 visibility:hidden
}
.app-header-subnav-social-copy-text:first-child {
 font-family:"futura-pt-condensed", sans-serif;
 font-weight:400;
 text-transform:uppercase;
 font-size:.875rem;
 letter-spacing:normal;
 margin-top:0;
 margin-bottom:4px;
 visibility:visible
}
@media all and (max-width: 901px) {
 .app-header-subnav-social-copy-text:first-child {
  color:#eae9e4;
  letter-spacing:.025rem;
  margin-top:0
 }
}
@media all and (min-width: 901px) {
 .app-header-subnav-social-copy-text {
  visibility:visible
 }
}
.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) {
 .app-header-nav-item-social-active.app-header {
  height:197px;
  border-bottom:3px solid #000
 }
 .app-header-nav-item-social.app-header-nav-item .app-header-nav-item-section-link {
  display:block
 }
 .app-header-subnav-social {
  visibility:visible
 }
}
.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
}
.app-header-subnav-social-network-link:hover {
 opacity:0.8
}
@media all and (min-width: 901px) {
 .app-header-subnav-social-network-link.youtube-icon {
  background:url("/assets/icons/youtube-black-circle.svg");
  width:45px;
  height:45px;
  background-size:100%
 }
 .app-header-subnav-social-network-link.twitter-icon {
  background:url("/assets/icons/twitter-black-circle.svg");
  width:45px;
  height:45px;
  background-size:100%
 }
 .app-header-subnav-social-network-link.facebook-icon {
  background:url("/assets/icons/facebook-black-circle.svg");
  width:45px;
  height:45px;
  background-size:100%
 }
 .app-header-subnav-social-network-link.tumblr-icon {
  background:url("/assets/icons/tumbler-black-circle.svg");
  width:45px;
  height:45px;
  background-size:100%
 }
 .app-header-subnav-social-network-link.vine-icon {
  background:url("/assets/icons/vine-black-circle.svg");
  width:45px;
  height:45px;
  background-size:100%
 }
 .app-header-subnav-social-network-link.instagram-icon {
  background:url("/assets/icons/instagram-black-circle.svg");
  width:45px;
  height:45px;
  background-size:100%
 }
 .app-header-subnav-social-network-link.bethesdanet-icon {
  background:url("/assets/icons/bethesda-black-circle.svg");
  width:45px;
  height:45px;
  background-size:100%
 }
}
.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
}
.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) {
 .app-header-preorder-btn {
  display:block;
  margin-right:1rem
 }
}
@media (max-width: 1200px) {
 .app-header-preorder-btn {
  padding:9px;
  font-size:9px;
  top:1.8em
 }
 .app-header-preorder-btn:before {
  background:none
 }
}
.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
}
.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
}
.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
}
.app-header-locale-en-us .app-header-announcement-text,.app-header-locale-en-gb .app-header-announcement-text {
 margin-right:18.75rem;
 color:#fff
}
@media all and (min-width: 901px) {
 .app-header-announcement-text {
  display:block;
  margin-right:1rem
 }
}
@media all and (min-width: 1116px) {
 .app-header-announcement-text {
  margin:0
 }
}
@media all and (max-width: 960px) {
 .app-header-locale-ru .app-header-nav-item-section-link {
  padding:1em 0.85em .75em
 }
 .app-header-locale-ru .app-header-preorder-btn {
  right:0.5em
 }
}
@media all and (max-width: 960px) {
 .app-header-locale-pl .app-header-nav-item-section-link {
  padding:1em 0.5em .75em
 }
 .app-header-locale-pl .app-header-preorder-btn {
  margin-right:0;
  font-size:10px
 }
}
.snippet {
 padding:2em;
 border:1px dashed #333;
 position:relative
}
@media all and (min-width: 901px) {
 .snippet {
  padding:1em
 }
}
.snippet-separator {
 border-bottom:1px dashed #333;
 position:relative
}
.snippet:before,.snippet-separator:before {
 content:'';
 background:url("/assets/icons/scissor.svg") no-repeat;
 width:40px;
 height:15px;
 display:block;
 position:absolute;
 right:5px;
 bottom:100%
}
.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)
}
.tab-panel-container {
 position:relative
}
.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
}
.tab-panel.tab-panel-active {
 opacity:1;
 position:relative;
 visibility:visible;
 z-index:1
}
.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%
}
.simulation-platforms-item.icon {
 display:block;
 margin:0 10px 10px;
 background-position:50% 50%
}
.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) {
 .previous-simulations-platforms .simulation-platforms-item.icon {
  max-height:20px;
  max-width:45px
 }
}
.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
}
.spike {
 background:#000 url("../assets/texture-noise@1x.png");
 box-sizing:border-box;
 color:#fff;
 text-align:center;
 padding:2rem;
 position:relative;
 outline:2px solid #fff;
 outline-offset:-1rem
}
.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
}
.spike .spike-tagline {
 font-size:.75rem;
 font-family:"futura-pt-condensed", sans-serif;
 font-weight:400;
 margin-top:3em;
 letter-spacing:initial
}
.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) {
 .spike .spike-heading {
  font-size:1.7em
 }
}
.spike .spike-copy {
 color:#ebeae5;
 font-size:1rem;
 line-height:1.25rem
}
@media all and (min-width: 901px) {
 .spike .spike-copy {
  margin:3em 0 1em
 }
}
.spike.promo-spike {
 padding:0;
 outline-offset:0;
 z-index:5
}
.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%
}
.featured-media.announcement-featured-media {
 height:auto
}
@media all and (min-width: 800px) {
 .featured-media.announcement-featured-media {
  max-height:none
 }
}
@media all and (min-width: 901px) {
 .featured-media {
  margin-bottom:3rem
 }
 .featured-media.module-active {
  -moz-animation-play-state:running;
  -webkit-animation-play-state:running;
  animation-play-state:running
 }
}
.featured-media.module-disabled {
 -moz-animation-play-state:paused;
 -webkit-animation-play-state:paused;
 animation-play-state:paused
}
.featured-media-asset-container {
 overflow:hidden;
 position:relative;
 height:auto;
 width:100%
}
.featured-media-asset-container.glitch-interstitial-active {
 background-size:110%;
 -moz-backface-visibility:hidden;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.featured-media-asset-container .featured-media-asset-video-container {
 opacity:0
}
.featured-media-asset-container-loaded .featured-media-asset-video-container {
 opacity:1
}
.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
}
.featured-media-asset-image-container {
 overflow:hidden;
 width:100%
}
.featured-media-asset-background-image {
 position:relative;
 width:100%
}
.featured-media-asset-background-image.inactive-item {
 display:none
}
.featured-media-glitch-interstitial-image {
 display:none
}
.featured-media-glitch-interstitial-image.active-item {
 display:block
}
.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%
}
.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) {
 .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) {
 .featured-media-asset-text {
  opacity:1;
  height:auto;
  top:50%
 }
}
@media all and (min-width: 901px) {
 .featured-media-asset-text {
  -webkit-filter:blur(1px);
  filter:blur(1px)
 }
 .featured-media-asset-text.slow-shake-active {
  margin-left:-25%;
  top:0
 }
}
.featured-media-asset-text.featured-media-asset-text-no-video {
 cursor:default
}
.glitch-interstitial-active .featured-media-asset-text.slow-shake-active {
 opacity:0
}
@media all and (min-width: 901px) {
 .home-featured-media .featured-media-asset-text.slow-shake-active {
  top:12%
 }
}
.featured-media-asset-btn-container {
 display:-webkit-flex;
 display:flex;
 position:absolute;
 height:66px;
 top:1rem;
 right:1rem
}
@media all and (min-width: 1100px) {
 .featured-media-asset-btn-container {
  right:50%;
  margin-right:-550px
 }
}
.violator-link {
 display:block;
 position:absolute;
 top:-2px;
 right:0;
 clip:auto;
 background-repeat:no-repeat;
 background-position:100% 0;
 height:26vw;
 width:22%;
 z-index:2
}
.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 #fff;
 border-right:2px solid #000;
 border-bottom:2px solid #000;
 border-left:2px solid #fff
}
@media all and (min-width: 321px) {
 .featured-media-download-asset-btn:before {
  background-size:percentage .94286
 }
}
.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%
}
.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 #fff;
 -webkit-box-shadow:inset -2px -1px 1px #fff;
 box-shadow:inset -2px -1px 1px #fff
}
.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) {
 .featured-media-download-asset-btn {
  height:66px;
  width:70px
 }
}
.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 #fff;
 border-right:2px solid #000;
 border-bottom:2px solid #000;
 border-left:2px solid #fff;
 margin-left:1rem
}
.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
}
.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 #fff;
 -webkit-box-shadow:inset -2px -1px 1px #fff;
 box-shadow:inset -2px -1px 1px #fff
}
.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) {
 .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) {
 .featured-media-full-screen-btn-active.featured-media-full-screen-btn {
  display:block
 }
}
.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
}
.announcement-featured-media .featured-media-full-screen-btn.featured-media-full-screen-btn-active {
 display:none
}
.featured-media-asset-video-container {
 display:block;
 height:100%;
 left:0;
 position:absolute;
 top:0;
 width:100%
}
.featured-media-asset-video-container::after {
 content:"";
 display:block;
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 z-index:1
}
.featured-media-asset-video-container iframe {
 width:100%;
 height:100%;
 position:relative;
 z-index:0
}
.home-featured-media.module-disabled .featured-media-asset-video-container {
 z-index:0;
 opacity:0;
 visibility:hidden
}
.featured-media-asset-image {
 -moz-animation:none;
 -webkit-animation:none;
 animation:none
}
@media all and (min-width: 901px) {
 .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
 }
 .modal-container-active .featured-media-asset-image {
  -moz-animation-play-state:paused;
  -webkit-animation-play-state:paused;
  animation-play-state:paused
 }
}
.featured-media-asset-video-modal {
 height:100%;
 width:100%
}
.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) {
 .featured-media-asset-video-modal.modal-active {
  background-color:rgba(0,0,0,0.9)
 }
}
.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) {
 .featured-media-asset-video-modal .featured-media-asset-video-container {
  width:80%
 }
}
.featured-media-asset-video-modal .featured-media-asset-video-container:after {
 content:none
}
.featured-media-asset-video-modal .video-wrapper {
 position:relative;
 width:100%
}
.featured-media-asset-video-modal .video-wrapper:after {
 content:'';
 display:block;
 padding-top:56.25%
}
.featured-media-asset-video-modal iframe {
 bottom:0;
 height:100%;
 left:0;
 position:absolute;
 right:0;
 top:0;
 width:100%;
 z-index:2
}
.featured-media-asset-video-modal .modal-btn.modal-close-btn-animated {
 border-color:#fff;
 top:-52px;
 right:0
}
@media all and (min-width: 901px) {
 .featured-media-asset-video-modal .modal-btn.modal-close-btn-animated {
  top:0;
  right:-75px
 }
}
.featured-media-asset-video-modal .modal-close-btn-animated-text {
 background-image:url("/assets/icons/close-white.svg");
 background-repeat:no-repeat
}
.spotlight-split-item:first-child {
 margin-right:1.875rem;
 padding-right:1.875rem;
 border-right:3px solid #000
}
.section-heading {
 border-top:3px solid transparent;
 border-bottom:3px solid transparent;
 box-sizing:border-box;
 display:block;
 font-size:.75rem;
 padding:1.0625rem;
 width:100%;
 max-width:1100px;
 text-transform:uppercase
}
.section-heading.section-heading-dark {
 border-color:#000
}
.section-heading.section-heading-light {
 border-color:#fff;
 color:#fff
}
.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
}
.section-heading-inline-nav-wrap .section-heading {
 -webkit-flex:4;
 flex:4
}
.section-heading-inline-nav {
 list-style:none;
 display:-webkit-flex;
 display:flex;
 padding:.75em 0;
 margin:0
}
.section-heading-inline-nav-item {
 padding:0
}
.section-heading-inline-nav-item:last-child {
 border-right:3px solid #000
}
.section-heading-inline-nav-item-btn.standard-btn {
 border-width:3px;
 border-right:0;
 padding:1.5em 2em;
 color:inherit;
 font-size:.75rem
}
.tab-button-active .section-heading-inline-nav-item-btn.standard-btn {
 background:#000 url("../assets/texture-noise@1x.png");
 color:#fff;
 border-color:#000
}
.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
}
.media-view {
 text-align:center;
 -moz-transform-style:preserve-3d;
 -webkit-transform-style:preserve-3d;
 transform-style:preserve-3d
}
.media-view iframe {
 position:relative;
 display:inline-block;
 width:100%;
 height:500px;
 max-width:100%
}
.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%
}
.media-view-panels {
 height:auto;
 position:relative;
 width:100%
}
@media all and (min-width: 901px) {
 .media-view-panels {
  height:auto;
  min-height:160px
 }
}
.media-view-btn-container {
 position:absolute;
 height:10em;
 width:5em;
 right:1em;
 top:-3.25rem;
 z-index:2
}
.media-view-btn-container .modal-btn {
 top:0
}
.media-view-btn-container .media-view-close-btn {
 right:0
}
.media-view-btn-container .media-view-next-btn {
 right:50px
}
.media-view-btn-container .media-view-prev-btn {
 right:100px
}
@media all and (max-width: 901px) and (orientation: portrait) {
 .video-modal-active .media-view-btn-container {
  top:2.5em
 }
}
@media all and (min-width: 901px) {
 .media-view-btn-container {
  right:0
 }
 .media-view-btn-container .modal-btn {
  right:1.5em
 }
 .media-view-btn-container .media-view-next-btn {
  top:4.4em
 }
 .media-view-btn-container .media-view-prev-btn {
  top:9em
 }
}
.media-view-feature-download .modal-btn.media-view-next-btn,.media-view-feature-download .modal-btn.media-view-prev-btn {
 display:none
}
.media-view-feature-download .media-view-caption-text-copy {
 display:none
}
.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
}
.media-view-panel.media-view-panel-active {
 height:100%;
 opacity:1;
 overflow:auto;
 z-index:1
}
.media-view-asset-image {
 width:100%;
 max-width:900px;
 position:relative
}
.media-view-caption {
 height:4em;
 display:-webkit-flex;
 display:flex;
 margin-top:-0.5em;
 width:100%;
 z-index:2
}
.media-view-asset-container-video .media-view-caption {
 display:none
}
.media-view-caption-text {
 padding:0 0 0 1em;
 -webkit-flex:3;
 flex:3;
 color:#fff;
 text-align:left;
 background-color:#000
}
.media-view-caption-text-title {
 display:inline-block;
 text-transform:uppercase;
 font-family:"futura-pt",sans-serif;
 letter-spacing:.1875rem;
 margin-bottom:.25em;
 font-size:.75rem;
 padding-top:1.5em
}
.media-view-caption-text-copy {
 color:#fff;
 margin:0;
 font-size:12px
}
.media-view-social-links {
 -webkit-flex:1;
 flex:1;
 -webkit-order:2;
 order:2;
 height:auto;
 padding:1em 0 0;
 background-color:#000
}
.media-view-subnav-social-network-link {
 background:none;
 color:#fff;
 display:inline-block;
 font-family:"futura-pt",sans-serif;
 letter-spacing:.1875rem;
 text-transform:uppercase;
 text-indent:-9999px;
 width:100%;
 margin:0
}
.media-view-subnav-social-network-link.twitter-icon {
 background:url("../assets/icons/icons.png") -35px -247px;
 width:35px;
 height:35px
}
.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) {
 .media-view-btn-container {
  top:0;
  right:-5em
 }
 .media-view-btn-container .modal-btn {
  display:block
 }
 .media-view-subnav-social-network-link {
  margin:0 .5em
 }
 .media-view-wrapper {
  width:56.25rem;
  max-width:80%;
  margin:0 auto;
  height:auto
 }
 .media-view-panel {
  height:0
 }
 .media-view-panel.media-view-panel-active {
  height:auto
 }
 .media-view-asset-image {
  transform:none
 }
}
.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
}
.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
}
.media-view-download-dropdown-list.media-view-download-dropdown-list-active {
 height:auto;
 opacity:1;
 z-index:3
}
.media-view-download-dropdown-list-item {
 border-top:.0625rem solid #eae9e4;
 color:#fff;
 font-family:"futura-pt",sans-serif;
 letter-spacing:.1875rem;
 text-align:center;
 text-transform:uppercase;
 width:100%
}
.media-view-download-dropdown-list-item .media-view-download-dropdown-list-item-section-link {
 color:#fff;
 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:.0625rem;
 font-size:.75rem
}
.media-view-download-dropdown-list-item:first-child {
 border-width:.1875rem
}
.media-view-download-dropdown-list-item:last-child {
 border-bottom:.1875rem solid #eae9e4
}
.preorder-blimp-btn {
 color:#000;
 margin:1rem auto 0;
 width:18em;
 border-width:2px;
 letter-spacing:.09375rem;
 font-size:0.7em;
 font-weight:600;
 padding-top:12px
}
.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) {
 .preorder-blimp-btn {
  display:none
 }
}
.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) {
 .newsletter-promo-module {
  padding:0 0 2.25rem
 }
}
.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 .5rem
}
.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:''
}
.newsletter-promo-module-header-text {
 display:block;
 font-family:"futura-pt-condensed", sans-serif;
 font-weight:400;
 font-size:.875rem;
 margin:0 1em;
 text-transform:uppercase
}
@media all and (min-width: 901px) {
 .newsletter-promo-module-header-text {
  margin-right:2em;
  margin-left:2em
 }
}
.newsletter-promo-module-content {
 padding:1rem;
 margin-bottom:.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) {
 .newsletter-promo-module-content {
  padding-left:2em;
  padding-right:2em
 }
}
.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) {
 .newsletter-promo-module-content:before {
  top:0;
  background-position:50%;
  background-size:inherit;
  right:0;
  width:100%;
  max-width:none
 }
}
.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) {
 .newsletter-promo-module-text {
  min-height:0;
  margin:.4rem 0 0;
  width:50%
 }
}
.newsletter-promo-module-form {
 box-sizing:border-box;
 position:relative;
 text-align:right;
 padding-bottom:40px;
 width:100%
}
@media all and (min-width: 375px) {
 .newsletter-promo-module-form {
  padding-right:100px;
  padding-bottom:0
 }
}
@media all and (min-width: 901px) {
 .newsletter-promo-module-form {
  padding-left:5rem;
  padding-right:130px;
  width:50%
 }
}
.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%
}
.newsletter-promo-module-form-field-input:-moz-placeholder {
 color:#000
}
.newsletter-promo-module-form-field-input::-moz-placeholder {
 color:#000
}
.newsletter-promo-module-form-field-input:-ms-input-placeholder {
 color:#000
}
.newsletter-promo-module-form-field-input::-webkit-input-placeholder {
 color:#000
}
.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
}
.newsletter-promo-module-form-signup-btn.standard-btn {
 box-sizing:content-box;
 border-color:#fff;
 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
}
.newsletter-promo-locale-ru .newsletter-promo-module-form-signup-btn.standard-btn {
 padding:8px;
 font-size:7px
}
@media all and (min-width: 375px) {
 .newsletter-promo-module-form-signup-btn.standard-btn {
  top:0;
  left:auto;
  bottom:auto
 }
}
@media all and (min-width: 901px) {
 .newsletter-promo-module-form-signup-btn.standard-btn {
  width:130px
 }
}
.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
}
.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
}
.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) {
 .promo-feature {
  padding:2rem 0 3rem;
  margin:0 auto;
  overflow:visible
 }
}
.promo-feature-content {
 box-sizing:border-box;
 width:100%
}
@media all and (min-width: 901px) {
 .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
 }
}
.promo-feature-summary {
 -webkit-flex:2;
 flex:2;
 position:relative;
 padding:0 0 3rem
}
.promo-feature-summary .promo-feature-summary-image {
 width:100%;
 z-index:2;
 position:relative;
 margin-top:-50%
}
@media all and (min-width: 901px) {
 .promo-feature-summary .promo-feature-summary-image {
  margin-top:-8em;
  width:115%;
  left:-6em
 }
}
.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) {
 .promo-feature-summary .promo-feature-copy-wrapper {
  -webkit-align-items:flex-end;
  align-items:flex-end;
  max-width:820px
 }
}
.promo-feature-summary .promo-feature-copy {
 -webkit-flex:1 64%;
 flex:1 64%;
 margin:0
}
.promo-feature-summary .promo-feature-title-image {
 width:100%
}
@media all and (min-width: 901px) {
 .promo-feature-summary .promo-feature-title-image {
  margin-left:-1em;
  position:absolute;
  z-index:1;
  width:70%
 }
}
@media all and (min-width: 1099px) {
 .promo-feature-summary .promo-feature-title-image {
  width:initial
 }
}
.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) {
 .promo-feature-summary .standard-btn {
  display:table;
  margin:0 3em
 }
}
@media all and (max-width: 901px) {
 .promo-feature-summary .promo-feature-copy {
  -webkit-flex:1 100%;
  flex:1 100%;
  line-height:1.5rem;
  margin-bottom:1em;
  position:relative
 }
 .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) {
 .promo-feature-summary {
  padding:0
 }
}
.promo-feature-copy .p1 {
 margin:0
}
.promo-feature-copy .p1 a {
 font-size:.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
}
.promo-feature-copy .p1 a:hover {
 opacity:0.5
}
.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
}
.promo-feature-locale-fr-fr .promo-feature-merchandise .spike-heading {
 font-size:1.25rem;
 padding-bottom:1rem
}
.promo-feature-locale-de-de .promo-feature-merchandise .spike-heading {
 font-size:0.85rem;
 padding-bottom:2rem
}
.promo-feature-locale-de-de .promo-feature-merchandise .spike-copy {
 padding:1rem 0
}
.promo-feature-merchandise {
 max-width:278px;
 position:relative;
 outline-offset:-1rem
}
.promo-feature-merchandise .promo-feature-merchandise-heading {
 font-size:1.5625rem;
 font-family:"futura-pt",sans-serif;
 margin:0 1em 1em
}
.promo-feature-merchandise .spike-heading {
 font-size:1.75rem
}
@media all and (min-width: 321px) {
 .promo-feature-merchandise .spike-heading {
  font-size:2.1875rem
 }
}
@media all and (min-width: 901px) {
 .promo-feature-merchandise .spike-heading {
  font-size:1.6875rem
 }
}
.promo-feature-merchandise .promo-feature-merchandise-image {
 display:block;
 height:auto;
 position:relative;
 width:100%
}
@media all and (min-width: 901px) {
 .promo-feature-merchandise .promo-feature-merchandise-image {
  margin:0 auto
 }
}
.promo-feature-merchandise .standard-btn {
 margin:0 auto 1em;
 background:none;
 color:#fff;
 min-width:11.0625rem
}
@media all and (min-width: 901px) {
 .promo-feature-merchandise .standard-btn {
  margin:auto;
  -webkit-justify-content:center;
  justify-content:center;
  max-width:105px
 }
}
.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) {
 .promo-feature-merchandise {
  -webkit-flex:1 100%;
  flex:1 100%;
  max-width:none;
  max-height:none;
  margin-bottom:2em
 }
 .promo-feature-merchandise .promo-copy {
  -webkit-flex:1 100%;
  flex:1 100%;
  margin:3em 0 1em
 }
}
.simulation-hero {
 height:570px;
 padding:1rem;
 position:relative;
 margin-top:2.5rem;
 margin-bottom:1rem;
 width:100%
}
@media all and (min-width: 901px) {
 .simulation-hero {
  height:740px;
  margin-top:3rem;
  padding-top:3rem;
  margin-bottom:3rem
 }
}
.simulation-hero-heading {
 display:block;
 position:relative;
 width:100%;
 z-index:3;
 margin:1rem auto
}
.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) {
 .simulation-hero-background-image {
  width:auto;
  height:100%;
  max-width:none;
  padding-bottom:0
 }
}
@media all and (min-width: 901px) {
 .simulation-hero-background-image {
  min-width:1425px;
  min-height:740px;
  padding-bottom:0
 }
}
.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
}
.simulation-hero-game-logo {
 width:250px;
 max-width:100%;
 margin-top:5rem
}
@media all and (min-width: 901px) {
 .simulation-hero-game-logo {
  max-width:425px;
  width:100%;
  margin-top:10rem
 }
}
.simulation-hero-title {
 color:#fff;
 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) {
 .simulation-hero-title {
  font-size:70px;
  margin:1rem 0 0
 }
}
.simulation-hero-copy {
 color:#fff;
 margin:0 2em;
 font-size:15px;
 line-height:1.5em
}
@media all and (min-width: 370px) {
 .simulation-hero-copy {
  margin:2em 2em 1em
 }
}
@media all and (min-width: 901px) {
 .simulation-hero-copy {
  width:28em;
  margin:2rem auto 1rem
 }
}
.simulation-hero-link {
 color:#fff;
 text-decoration:none;
 display:block
}
.simulation-hero-more-link {
 color:#faed7b;
 display:block;
 font-family:"futura-pt",sans-serif;
 font-size:.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
}
.simulation-hero-more-link:hover {
 opacity:0.5
}
.simulation-hero-preorder-btn {
 display:inline-block;
 border-color:#fff;
 color:#fff;
 min-width:11.0625rem
}
.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
}
.simulation-hero-platforms {
 margin:1em 0;
 padding:0 2em
}
@media all and (min-width: 901px) {
 .simulation-hero-platforms {
  margin:3em auto;
  width:30em;
  position:relative
 }
}
.simulation-hero-badge-image {
 display:block;
 margin:6rem auto 0;
 width:70px
}
@media all and (min-width: 901px) {
 .simulation-hero-badge-image {
  width:auto;
  margin:10rem auto 0
 }
}
.promo-spike-module {
 max-width:1100px;
 padding:1rem;
 position:relative
}
@media all and (min-width: 1099px) {
 .promo-spike-module {
  padding:0;
  margin-bottom:2rem
 }
}
.promo-spike:before {
 display:none
}
.promo-spike-feature-image {
 width:100%
}
.promo-spike-preorder-btn.standard-btn {
 border-color:#fff;
 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) {
 .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) {
 .promo-spike-preorder-btn.standard-btn {
  width:10em;
  right:1.5em
 }
}
@media all and (min-width: 400px) and (max-width: 460px) {
 .promo-spike-preorder-btn.standard-btn {
  width:14em;
  right:1.35em
 }
}
@media all and (min-width: 901px) {
 .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) {
 .promo-spike-preorder-btn.standard-btn {
  bottom:28%;
  font-size:10px
 }
}
@media all and (min-width: 1099px) {
 .promo-spike-preorder-btn.standard-btn {
  right:7em
 }
}
.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) {
 .lead-in-module {
  padding:2rem 0 0
 }
}
.lead-in-copy {
 margin-left:1.25em;
 padding-left:1.25em;
 line-height:1.5em;
 font-size:15px;
 border-left:2px solid #333;
 -ms-flex:1 1 auto;
 -ms-flex-direction:row
}
.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) {
 .lead-in-heading {
  font-size:3rem;
  margin:0 0 .5em
 }
}
.lead-in-heading-subtext {
 display:block;
 font-family:"futura-pt-condensed", sans-serif;
 font-weight:400;
 font-size:.75rem
}
.big-lead-in-module-wrapper .lead-in-heading-subtext {
 font-size:.9375rem
}
@media all and (min-width: 901px) {
 .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
 }
}
.lead-in-intro li {
 color:#333;
 font-family:"schoolbook-web",serif
}
.lead-in-aside {
 text-align:center
}
@media all and (min-width: 901px) {
 .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
 }
}
.lead-in-aside .lead-in-aside-image {
 width:100%
}
.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
}
.big-lead-in-module-wrapper {
 padding:1rem 1.0625rem;
 max-width:1100px;
 margin:auto
}
@media all and (max-width: 901px) {
 .preorder-lead-in-module .big-lead-in-module-wrapper {
  padding:2rem 0.5rem
 }
}
.big-lead-in-module {
 padding:1rem 0
}
.big-lead-in-heading-title {
 display:block;
 font-family:"SouthernAire",serif;
 text-transform:none;
 font-weight:normal;
 line-height:.5em
}
.big-lead-in-pack-art {
 width:100%
}
.big-lead-in-preorder-btn {
 color:#000;
 display:inline-block;
 margin:0 auto;
 border-width:3px;
 overflow:hidden
}
@media all and (min-width: 901px) {
 .big-lead-in-preorder-btn {
  display:block;
  font-size:13px
 }
}
.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) {
 .big-lead-in-preorder-icon {
  visibility:hidden
 }
}
.big-lead-in-snippet {
 margin:2em 0;
 display:block
}
.big-lead-in-snippet:before {
 top:-0.8em
}
@media all and (min-width: 901px) {
 .big-lead-in-snippet {
  flex:none;
  margin-top:2em;
  margin-bottom:1em;
  max-width:100%;
  padding:1em 1em 0.8em
 }
}
.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) {
 .big-lead-in-preorder-platform-logos {
  margin:1.5em 0 0
 }
}
.big-lead-in-preorder-platform-logo {
 margin:0.5em 0.25em 0
}
.big-lead-in-preorder-platform-logo .icon {
 display:inline-block
}
@media all and (min-width: 901px) {
 .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
 }
 .big-lead-in-preorder-platform-logo .icon.pc-icon-black {
  height:22px;
  width:22px
 }
}
@media all and (min-width: 901px) {
 .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%
 }
}
.carousel-module {
 background-color:#000;
 background-image:url("../assets/texture-noise@1x.png");
 padding:2.5rem 1rem 1rem;
 text-align:center;
 width:100%
}
.carousel-module-wrapper {
 margin:0 auto;
 max-width:1100px;
 overflow:hidden;
 position:relative
}
.carousel-heading {
 margin:0 auto 2em;
 text-align:left
}
@media all and (min-width: 901px) {
 .carousel-heading {
  margin-bottom:4em
 }
}
.carousel-panels-wrapper {
 position:relative;
 margin:0 auto;
 width:100%
}
.carousel-panels {
 -moz-transition:-moz-transform .6s ease-in-out,max-height .6s ease-in-out;
 -o-transition:-o-transform .6s ease-in-out,max-height .6s ease-in-out;
 -webkit-transition:-webkit-transform .6s ease-in-out,max-height .6s ease-in-out;
 transition:transform .6s ease-in-out,max-height .6s ease-in-out;
 overflow:hidden;
 width:9999px
}
@media all and (min-width: 901px) {
 .carousel-panels {
  min-height:425px
 }
}
.carousel-panels:after {
 clear:both;
 content:'';
 display:block
}
.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) {
 .carousel-panel {
  padding:0 60px
 }
}
@media all and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
 .carousel-panel {
  padding:0
 }
}
.carousel-panel-active {
 max-height:initial;
 opacity:1
}
.carousel-panel-heading,.carousel-panel-description {
 color:#fff
}
.carousel-panel-heading {
 margin:1.5em 0 0
}
.carousel-panel-description {
 max-width:700px;
 margin:0.5em auto 0
}
.carousel-panel-image-wrapper {
 overflow:hidden;
 height:280px;
 width:100%;
 position:relative
}
.carousel-panel-image {
 width:auto;
 max-width:100%;
 height:auto
}
@media all and (min-width: 901px) {
 .carousel-panel-image {
  max-width:880px;
  width:100%
 }
}
.carousel-arrow {
 background-image:url("/assets/icons/carousel-arrow.svg");
 background-repeat:no-repeat;
 display:none;
 color:#fff;
 cursor:pointer;
 height:42px;
 position:absolute;
 text-indent:-9999px;
 opacity:1;
 top:240px;
 width:30px;
 -moz-transition:opacity .6s ease;
 -o-transition:opacity .6s ease;
 -webkit-transition:opacity .6s ease;
 transition:opacity .6s ease
}
@media all and (min-width: 901px) {
 .carousel-arrow {
  display:block
 }
 .carousel-arrow:hover {
  opacity:0.5
 }
}
.carousel-arrow-left {
 left:0
}
.carousel-arrow-right {
 right:0;
 -moz-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 -webkit-transform:rotate(180deg);
 transform:rotate(180deg)
}
.carousel-arrow-disabled {
 opacity:0.2;
 cursor:default
}
.carousel-arrow-disabled:hover {
 opacity:0.2
}
.carousel-nav {
 margin:0;
 padding:1.5em 0 1em;
 position:relative;
 text-align:center
}
@media all and (min-width: 901px) {
 .carousel-nav {
  padding-top:2em;
  padding-bottom:2em
 }
}
.carousel-nav-item {
 display:inline-block;
 padding:5px;
 vertical-align:middle
}
.carousel-nav-item:before {
 border-radius:50%;
 border:1px solid #fff;
 content:'';
 display:block;
 height:6px;
 width:6px
}
.carousel-nav-item-active:before {
 background-color:#fff;
 height:10px;
 width:10px
}
.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) {
 .more-simulations-module {
  padding:1rem
 }
}
@media all and (min-width: 901px) {
 .more-simulations-module {
  margin-bottom:2em
 }
}
.more-simulations-feature {
 position:relative;
 width:100%;
 text-align:center
}
@media all and (min-width: 901px) {
 .more-simulations-feature {
  text-align:right;
  width:45%;
  max-height:60em;
  margin-top:2em;
  margin-bottom:0;
  padding-bottom:2.5em
 }
 .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
 }
}
.more-simulations-feature-image-container {
 height:280px
}
@media all and (min-width: 901px) {
 .more-simulations-feature-image-container {
  height:350px
 }
}
.more-simulations-feature-image {
 max-width:100%
}
@media all and (min-width: 901px) {
 .more-simulations-feature-image {
  max-height:460px
 }
}
.more-simulations-copy-wrapper {
 text-align:left;
 top:-1em;
 position:relative
}
.more-simulations-copy-text {
 width:100%
}
@media all and (min-width: 901px) {
 .more-simulations-copy-text {
  width:85%;
  margin-bottom:0
 }
}
.more-simulations-feature-heading {
 font-size:2.25rem;
 letter-spacing:normal;
 line-height:2.5625rem;
 margin:0
}
@media all and (min-width: 901px) {
 .more-simulations-feature-heading {
  font-size:2.5625rem
 }
}
.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
}
.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) {
 .more-simulations-buttons {
  -webkit-justify-content:flex-start;
  justify-content:flex-start
 }
}
@media all and (min-width: 901px) {
 .more-simulations-buttons {
  width:100%
 }
}
.more-simulations-btn {
 display:block;
 width:49%;
 margin:0 .5rem .5rem 0;
 max-width:15em;
 position:relative
}
@media all and (min-width: 901px) {
 .more-simulations-btn {
  width:43%
 }
}
.other-download-btn {
 width:100%;
 height:2.4375rem
}
.other-download-btn .download-btn-text {
 left:0;
 right:0;
 top:inherit
}
.ios-download-btn .download-btn-text {
 text-transform:none
}
.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) {
 .app-footer {
  padding:0
 }
}
.app-footer.app-footer-active {
 display:block
}
.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:.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) {
 .app-footer-header {
  margin:1.5625rem auto .5rem
 }
}
@media all and (min-width: 1099px) {
 .app-footer-header {
  padding:0
 }
}
.app-footer-header .vt-icon {
 display:block;
 margin:0 2em
}
@media all and (max-width: 420px) {
 .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)
 }
}
.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:''
}
.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) {
 .app-footer-list-wrapper {
  -webkit-flex-direction:row;
  flex-direction:row;
  margin:0 auto
 }
}
@media all and (min-width: 1099px) {
 .app-footer-list-wrapper {
  padding:0 0 1em
 }
}
.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
}
.app-footer-list:first-of-type {
 margin-top:-.5em
}
.app-footer-list:nth-last-of-type(2) {
 border-bottom-width:3px
}
.app-footer-list:last-of-type {
 border:none
}
@media all and (min-width: 901px) {
 .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
 }
 .app-footer-list:first-of-type {
  margin-top:0
 }
}
@media all and (min-width: 901px) {
 .app-footer-list-goods,.app-footer-list-social,.app-footer-list-other {
  display:block
 }
}
.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
}
.app-footer-list-other .app-footer-split-list {
 display:block;
 margin-top:.75em
}
@media all and (min-width: 901px) {
 .app-footer-list-other .app-footer-split-list {
  margin-top:0
 }
}
.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) {
 .app-footer-list-other .app-footer-list-item {
  padding-left:.75em
 }
}
@media all and (min-width: 901px) {
 .app-footer-list-other .app-footer-list-item {
  display:block;
  padding:0;
  font-size:.75rem
 }
}
.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) {
 .app-footer-list-other .app-footer-list-item:before {
  left:-.65em
 }
}
@media all and (min-width: 901px) {
 .app-footer-list-other .app-footer-list-item:before {
  visibility:hidden;
  display:none
 }
}
.app-footer-list-item:first-of-type:before {
 display:none
}
.app-footer-list-social {
 border:none
}
.app-footer-list-social .app-footer-list-subhead:first-child {
 display:none
}
.app-footer-list-support.app-footer-list {
 display:block
}
@media all and (min-width: 901px) {
 .app-footer-list-support.app-footer-list {
  display:none
 }
}
.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) {
 .app-footer-split-list {
  display:-ms-flexbox;
  display:-webkit-inline-flex;
  display:inline-flex;
  justify-content:flex-start
 }
}
.app-footer-list-subhead,.app-footer-list-item {
 width:100%;
 font-size:.75rem
}
.app-footer-list-subhead,.app-footer-list-subhead-link {
 color:#000;
 font-family:"futura-pt",sans-serif;
 font-size:.75rem;
 font-weight:bold;
 text-transform:uppercase;
 text-decoration:none
}
.app-footer-list-subhead-link {
 box-sizing:border-box;
 display:block;
 padding:1em;
 width:100%
}
@media all and (min-width: 901px) {
 .app-footer-list-subhead-link {
  padding:0;
  display:inline;
  position:relative;
  position:relative;
  display:inline-block;
  width:auto
 }
 .app-footer-list-subhead-link:after {
  content:' ';
  display:block;
  margin-top:.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
 }
 .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
 }
 .app-footer-list-subhead-link:after {
  position:absolute;
  bottom:-2px;
  left:0;
  right:0
 }
}
.app-footer-list-item.app-footer-list-subhead {
 height:1.375rem
}
.app-footer-list-item-link {
 font-family:"futura-pt",sans-serif;
 text-decoration:none;
 color:inherit;
 position:relative
}
@media all and (min-width: 901px) {
 .app-footer-list-item-link {
  position:relative;
  display:inline-block
 }
 .app-footer-list-item-link:after {
  content:' ';
  display:block;
  margin-top:.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
 }
 .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
 }
 .app-footer-list-item-link:after {
  position:absolute;
  bottom:-2px;
  left:0;
  right:0
 }
}
.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) {
 .app-footer-copyright {
  padding:0
 }
}
.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) {
 .app-footer-copyright:before,.app-footer-copyright:after {
  border-style:solid;
  border-bottom-width:3px
 }
}
.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
}
.app-footer-copyright-item:first-of-type {
 margin:.5em 0
}
@media all and (min-width: 901px) {
 .app-footer-copyright-item {
  margin:.25em 0;
  padding:.5em;
  display:-ms-flexbox;
  -ms-flex:1;
  -webkit-flex:1;
  flex:1
 }
 .app-footer-copyright-item:first-of-type {
  margin:0
 }
 .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
 }
}
.app-footer-copyright-icon {
 display:inline-block
}
.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) {
 .app-footer-copyright-icon.icon.esrb-privacy-icon-large {
  width:160px;
  height:60px;
  margin:0 1em 0 0
 }
}
.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) {
 .app-footer-copyright-icon.icon.esrb-rating-icon-large {
  width:120px;
  height:60px;
  margin:0 1em 0 0
 }
}
.app-footer-copyright-icon.icon.beth-soft-icon {
 background-size:contain;
 width:110px;
 height:1.0625rem;
 margin:0 .5em 0 0
}
.app-footer-copyright-icon.icon.beth-studios-icon {
 width:74px;
 height:35px;
 margin:0 1em 0 0
}
.app-footer-copyright-text {
 font-family:"futura-pt",sans-serif;
 font-size:.625rem;
 padding:0;
 -ms-flex-direction:row;
 -ms-flex:0 1 auto
}
@media all and (min-width: 901px) {
 .app-footer-copyright-text {
  line-height:1em;
  padding:0;
  margin:.9em 0;
  font-weight:600
 }
}
.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) {
 .app-footer-copyright-logos {
  margin-top:1.5em;
  margin-bottom:1.5em
 }
}
@media all and (min-width: 1099px) {
 .app-footer-copyright-logos {
  padding:0
 }
}
.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
}
.app-footer-copyright-logo:first-of-type {
 margin:0.25em 0.25em 0 0;
 max-width:150px
}
@media all and (min-width: 480px) {
 .app-footer-copyright-logo:first-of-type {
  margin-bottom:0
 }
}
@media all and (min-width: 480px) {
 .app-footer-copyright-logo:nth-of-type(2) {
  margin-bottom:0
 }
}
.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
}
.app-footer-copyright-logo.app-footer-copyright-logo-truste div {
 -webkit-align-self:center;
 align-self:center
}
.app-footer-copyright-logo .rating-icon {
 background-size:contain;
 vertical-align:middle;
 background-position:50%
}
.app-footer-copyright-logo .rating-2-icon {
 background-size:cover;
 margin:0
}
@media all and (min-width: 480px) {
 .app-footer-copyright-logo .rating-2-icon {
  padding:0
 }
}
@media all and (min-width: 901px) {
 .app-footer-copyright-logo {
  margin:0 .5em;
  -ms-flex:0 1 auto;
  -webkit-flex:initial;
  flex:initial;
  max-width:none;
  padding-bottom:0
 }
 .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
 }
}
.app-footer-locale-de-de .app-footer-copyright-logo:nth-of-type(2) {
 flex:none
}
.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:#fff;
 padding:1rem;
 padding-bottom:2rem;
 width:100%
}
@media all and (min-width: 901px) {
 .vt-footer {
  padding-bottom:10.9375rem;
  padding-top:1.875rem
 }
}
.vt-footer-copy {
 font-family:"schoolbook-web",serif;
 color:#fff;
 font-size:.75rem;
 line-height:1.25rem;
 text-align:justify;
 padding:0;
 position:relative;
 width:100%;
 max-width:1100px
}
.vt-footer-heading {
 font-family:"futura-pt",sans-serif;
 font-size:.625rem;
 font-weight:bold;
 letter-spacing:.1875rem;
 text-transform:uppercase
}
@media all and (max-width: 420px) {
 .vt-footer-heading {
  font-size:8px
 }
 .vt-footer-heading:first-child {
  border-right:1px solid #fff;
  padding-right:1rem
 }
}
.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 #fff
}
.app-footer-locale-en-us .vt-item:last-child {
 display:block
}
.vt-item {
 margin-right:1rem;
 -webkit-align-self:center;
 align-self:center
}
.vt-item:last-child {
 display:none;
 margin-right:0;
 border-left:1px solid #fff;
 padding-left:2em
}
.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)
}
.vt-item .vt-footer-heading-tel {
 color:#fff;
 text-decoration:none
}
@media all and (max-width: 420px) {
 .vt-item {
  margin-right:0
 }
 .vt-item:nth-of-type(2) {
  margin-right:1.5em
 }
}
.special-module {
 position:relative
}
@media all and (min-width: 901px) {
 .special-module {
  padding-left:0;
  padding-right:0;
  padding-top:2rem
 }
}
.special-module+.goodie-bag-module .goodie-bag-module-wrapper {
 padding-top:0
}
@media all and (min-width: 901px) {
 .special-module+.goodie-bag-module .goodie-bag-module-wrapper {
  margin-top:-0.75rem
 }
}
.special-module-wrapper {
 margin:0 auto;
 max-width:1100px;
 padding:0 1rem
}
.special-module-asset-container {
 position:relative
}
.special-module-text-container {
 display:block;
 margin:0 auto;
 position:relative;
 max-width:370px
}
.special-module-text {
 width:100%
}
.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
}
.fallout-3-special-module .special-video-wrapper {
 background-image:url("/assets/special/special-module-tv-bg-desktop.png");
 padding-bottom:5em
}
.fallout-3-special-module .special-cover-images {
 width:70%
}
.fallout-3-special-module .special-module-play-btn {
 left:0;
 bottom:15%;
 right:10%
}
.special-module-play-btn {
 bottom:10%;
 left:2%;
 margin:auto;
 position:absolute;
 right:0;
 top:17%;
 opacity:0;
 visibility:hidden;
 z-index:2
}
.special-module-has-video .special-module-play-btn {
 opacity:1;
 visibility:visible
}
.special-cover-images {
 margin-left:9%;
 width:82%;
 padding-top:15%
}
@media all and (min-width: 901px) {
 .special-video-wrapper {
  background-position:center bottom
 }
 .special-cover-images {
  position:absolute;
  bottom:4em
 }
 .special-module-play-btn {
  bottom:0
 }
 .fallout-3-special-module .special-module-play-btn {
  bottom:0;
  right:0;
  top:25%
 }
 .fallout-3-special-module .special-module-asset-container {
  padding-top:0
 }
 .fallout-3-special-module .special-module-text-container {
  margin-top:1.5em
 }
 .fallout-3-special-module .special-link-wrap {
  top:10.5em
 }
 .fallout-3-special-module .special-cover-images {
  bottom:7em
 }
}
@media all and (min-width: 1001px) {
 .special-cover-images {
  bottom:5em
 }
 .fallout-3-special-module .special-cover-images {
  bottom:9em
 }
}
.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%
}
.special-cover-image.special-cover-image-active {
 display:block;
 opacity:1;
 visibility:visible
}
.special-link-wrap {
 position:relative;
 -webkit-flex:2;
 flex:2;
 padding:2em
}
.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) {
 .special-links {
  font-size:22px;
  max-width:285px
 }
 .special-module-locale-de-de .special-links {
  font-size:20px
 }
}
.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,.5s;
 -o-transition:width,.5s;
 -webkit-transition:width,.5s;
 transition:width,.5s
}
@media all and (min-width: 901px) {
 .special-link {
  width:70%
 }
 .special-module-locale-de-de .special-link {
  width:100%
 }
}
.special-link::after {
 content:'';
 display:block;
 position:absolute;
 width:0;
 top:0;
 left:0;
 -moz-transition:width,.5s;
 -o-transition:width,.5s;
 -webkit-transition:width,.5s;
 transition:width,.5s
}
.special-link::before {
 content:'';
 display:block;
 position:absolute;
 height:0%;
 width:0;
 right:110%;
 -moz-transition:all,.6s;
 -o-transition:all,.6s;
 -webkit-transition:all,.6s;
 transition:all,.6s
}
.special-link:hover,.special-active-link {
 color:#fff;
 cursor:pointer
}
.special-link:hover span,.special-active-link span {
 position:relative;
 z-index:2
}
.special-link:hover .hilite,.special-active-link .hilite {
 color:#faed7b;
 padding:0
}
.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
}
.special-link:hover::after,.special-active-link::after {
 width:100%;
 height:100%;
 background:#000 url("../assets/texture-noise@1x.png")
}
.special-link:hover .special-link-highlighted-text,.special-active-link .special-link-highlighted-text {
 -moz-transition:all,.6s;
 -o-transition:all,.6s;
 -webkit-transition:all,.6s;
 transition:all,.6s;
 color:#faed7b
}
@media all and (min-width: 901px) {
 .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
 }
 .special-module-text-container {
  -webkit-order:1;
  order:1;
  margin-top:4.5em
 }
 .special-video-wrapper {
  -webkit-flex:1 40%;
  flex:1 40%;
  -webkit-order:2;
  order:2;
  margin-left:2.5rem;
  border:0
 }
 .special-link-wrap {
  position:absolute;
  top:14em
 }
}
.special-module-asset-video-modal {
 text-align:center;
 -moz-transform-style:preserve-3d;
 -webkit-transform-style:preserve-3d;
 transform-style:preserve-3d
}
.special-module-asset-video-modal div {
 height:100%;
 width:100%
}
.special-module-asset-video-modal iframe {
 position:relative;
 top:50%;
 transform:translateY(-50%);
 display:inline-block;
 max-width:100%
}
.previous-simulations-module {
 margin:auto;
 max-width:1100px;
 padding:1rem;
 position:relative;
 width:100%
}
@media all and (min-width: 1099px) {
 .previous-simulations-module {
  padding:2rem 0
 }
}
.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%
}
.previous-simulations-module-link {
 width:100%;
 margin-bottom:20px;
 position:relative
}
@media all and (min-width: 901px) {
 .previous-simulations-module-link {
  margin-bottom:32px;
  width:48%
 }
 .previous-simulations-module-link .previous-simulations-module-link:nth-child(odd) {
  margin-right:32px
 }
}
.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
}
.previous-simulations-module-link:hover .previous-simulations-module-image {
 opacity:0.75
}
.previous-simulations-platforms {
 -webkit-flex-flow:row;
 flex-flow:row;
 position:absolute;
 bottom:1.5em;
 left:0;
 z-index:1
}
.add-ons-module {
 width:100%;
 position:relative;
 background:#000 url("/assets/texture-noise@1x.png");
 overflow:visible
}
.add-ons-module-wrapper {
 padding:2rem 1rem 0;
 max-width:1100px;
 margin:auto
}
@media all and (min-width: 901px) {
 .add-ons-module-wrapper {
  padding-top:2rem
 }
}
.add-on-list {
 padding:0;
 color:#fff;
 list-style:none
}
@media all and (min-width: 901px) {
 .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
 }
}
.add-on-list .standard-btn {
 background-color:#fff;
 color:#000;
 font-weight:bold
}
.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) {
 .add-on-item {
  margin:0 auto 3em;
  width:33%;
  padding-left:1.5%;
  padding-right:1.5%;
  padding-bottom:40px;
  position:relative
 }
}
.add-on-cover-art {
 width:100%;
 border:2px solid #2f2f2f
}
@media all and (min-width: 901px) {
 .add-on-cover-art {
  max-width:238px;
  padding-left:0;
  padding-right:0
 }
}
.add-on-title {
 font-size:.6875rem;
 margin-top:3em
}
.add-on-summary {
 font-size:.8125rem;
 color:#fff;
 margin-bottom:2em
}
.add-ons-module-asset-container {
 position:relative;
 height:38.125rem;
 -webkit-justify-content:flex-start;
 justify-content:flex-start
}
.add-ons-dropdown-container {
 display:-webkit-flex;
 display:flex;
 -webkit-justify-content:space-around;
 justify-content:space-around
}
.add-ons-dropdown-container .form-dropdown-container {
 background-color:#ecebe8;
 padding-right:0
}
.add-ons-dropdown-container .dropdown-option-container-active .form-dropdown-options {
 visibility:visible
}
.add-ons-dropdown-container .form-dropdown-container:before {
 content:none
}
.add-ons-dropdown-container .dropdown-wrapper {
 cursor:pointer;
 position:relative
}
.add-ons-dropdown-container .add-ons-dropdown-select {
 width:auto
}
.add-ons-dropdown-container .form-dropdown-value {
 background:transparent;
 color:#000;
 line-height:1rem;
 padding:1em 48px 1em 1em
}
.add-ons-dropdown-container .form-dropdown-value:after {
 border-top-color:#000
}
.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
}
.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
}
.add-ons-dropdown-container .form-dropdown-option:first-child {
 border-bottom-width:4px
}
.add-on-mobile-btn {
 background-color:#ebeae5;
 display:inline-block;
 margin-top:2em;
 padding:14px 22px
}
.add-on-mobile-btn-hidden {
 display:none
}
@media all and (min-width: 901px) {
 .add-on-list-single {
  margin:6em 0
 }
 .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%
 }
 .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
 }
 .add-on-list-single .add-on-mobile-btn {
  display:none
 }
 .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
 }
 .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
 }
 .add-on-list-single .add-on-title {
  font-size:3em;
  margin:0
 }
 .add-on-list-single .add-on-summary {
  font-size:15px
 }
 .add-on-item-form {
  position:absolute;
  bottom:0;
  left:0;
  right:0
 }
}
.media-module-more-btn {
 display:none;
 margin:0 auto
}
.media-module-btn-active {
 display:block
}
.media-module {
 width:100%;
 position:relative
}
.media-module-wrapper {
 padding:2rem 1rem 0;
 max-width:1100px;
 margin:auto
}
.media-module-wrapper .tab-panel-active .media-module-inner-panel {
 opacity:1
}
.media-featured-item-container {
 margin-bottom:1em
}
@media all and (min-width: 901px) {
 .media-featured-item-container {
  margin-bottom:0
 }
}
.media-featured-item-text-image {
 display:block;
 width:100%;
 max-width:550px;
 margin:0 auto
}
.media-module-inline-nav {
 display:none
}
@media all and (min-width: 901px) {
 .media-module-inline-nav {
  display:inherit
 }
}
.media-module-item {
 cursor:pointer;
 display:block;
 height:auto;
 margin-bottom:1em;
 margin-right:4%;
 text-align:center;
 width:48%;
 position:relative
}
.media-module-item:nth-child(even) {
 margin-right:0
}
@media all and (min-width: 901px) {
 .media-module-item {
  width:23%;
  margin-right:2%;
  margin-bottom:2em;
  -webkit-order:2;
  order:2
 }
 .media-module-item:nth-of-type(1) {
  -webkit-order:1;
  order:1
 }
 .media-module-item:nth-child(even) {
  margin-right:2%
 }
}
.media-module-panel {
 right:0
}
@media all and (min-width: 901px) {
 .media-module-panel {
  padding-top:60px
 }
 .media-module-panel:first-of-type .media-module-panel {
  max-width:48%
 }
}
.media-module-panel:first-of-type {
 margin-left:0
}
.media-module-panel:first-of-type .media-module-item {
 width:100%;
 margin-right:0
}
.media-module-panel:first-of-type .media-module-more-btn {
 display:none
}
.media-module-panel:first-of-type .media-module-item:nth-child(odd) {
 padding:0
}
.media-view-panels-loading .media-view-wrapper,.media-module-panel-loading {
 position:relative
}
.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
}
.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
}
.media-view-panels-loading .media-view-btn-container {
 display:none
}
.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) {
 .media-module-panel:first-of-type .media-module-item,.media-module-panel:first-of-type .media-featured-item-container {
  width:48%;
  margin-right:2%
 }
 .media-module-panel:first-of-type .media-module-item:nth-child(odd) {
  margin-right:2%
 }
}
.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:#fff;
 list-style:none;
 opacity:0;
 padding:0
}
@media all and (min-width: 901px) {
 .media-module-inner-panel {
  margin-right:-2%
 }
}
.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
}
.media-module-item:hover .media-module-item-image {
 opacity:0.75
}
.media-module-thumb-image {
 position:relative
}
.media-module-thumb-caption {
 display:-webkit-flex;
 display:flex;
 width:100%
}
.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
}
.media-module-thumb-caption .media-module-thumb-caption-text p {
 padding:0 .5em;
 margin:.5em 0;
 color:#fff
}
@media all and (min-width: 901px) {
 .media-module-thumb-caption .media-module-thumb-caption-text p {
  padding:0 1em
 }
}
div.media-module-panel[data-panel-id="fo_game_media_featured"] .media-module-thumb-caption {
 position:absolute;
 z-index:5;
 top:0
}
div.media-module-panel[data-panel-id="fo_game_media_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%)
}
.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%
}
.media-module-dropdown {
 display:-webkit-flex;
 display:flex
}
.media-module-dropdown .dropdown-wrapper {
 margin-bottom:1rem;
 width:100%
}
.media-module-dropdown .form-dropdown-container {
 background:#000 url("/assets/texture-noise@1x.png")
}
.media-module-dropdown .form-dropdown-container:before {
 content:none
}
.media-module-dropdown .form-dropdown-value {
 border-right:1px solid #fff;
 line-height:1rem
}
@media all and (min-width: 901px) {
 .media-module-dropdown {
  display:none
 }
}
.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
}
.simulation-media-text-image {
 margin-top:0.5em
}
@media all and (min-width: 901px) {
 .simulation-media-text-image {
  -webkit-order:1;
  order:1;
  margin-right:2%;
  margin-top:-2em
 }
}
@media all and (min-width: 901px) {
 .goodie-bag-featured-item {
  display:block;
  align-self:center;
  -webkit-order:2;
  order:2
 }
 .goodie-bag-featured-item+.media-module-item {
  -webkit-order:1;
  order:1
 }
 .goodie-bag-featured-item .media-featured-item-text-image {
  display:block;
  max-width:540px;
  margin:0 auto
 }
}
.goodie-bag-item {
 position:relative
}
.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 .3s ease-in-out;
 -o-transition:opacity .3s ease-in-out;
 -webkit-transition:opacity .3s ease-in-out;
 transition:opacity .3s ease-in-out;
 width:100%;
 height:100%
}
.goodie-bag-download-wrapper:hover {
 opacity:1
}
.goodie-bag-download-btn {
 border-color:#fff;
 color:#fff;
 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
}
.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
}
.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) {
 .social-media-feed {
  -webkit-flex-flow:row wrap;
  flex-flow:row wrap
 }
}
@media all and (min-width: 1099px) {
 .social-media-feed {
  padding:0
 }
}
.social-media-feed .section-heading-inline-nav-wrap {
 width:100%
}
.social-media-feed .bethesda-tab-locale-ja {
 width:0;
 overflow:hidden
}
.social-media-feed .bethesda-option-locale-ja {
 display:none
}
.social-media-feed-section-heading-inline-nav {
 display:none
}
.social-media-feed-section-heading-inline-nav.social-media-feed-section-heading-inline-nav-active {
 display:-webkit-flex;
 display:flex
}
.social-media-feed-dropdown {
 margin:.5em 0 .25em;
 width:100%
}
@media all and (min-width: 901px) {
 .social-media-feed-dropdown {
  display:none
 }
}
.social-media-feed-dropdown .form-dropdown-container {
 background:#fff;
 height:2em;
 padding-right:48px
}
.social-media-feed-dropdown .form-dropdown-container:before {
 border:none;
 height:2.25rem;
 width:3rem;
 right:0;
 top:0;
 background:#000;
 z-index:inherit
}
.social-media-feed-dropdown .form-dropdown-option {
 padding:1em
}
@media all and (min-width: 901px) {
 .social-media-feed-dropdown .form-dropdown-option {
  display:block
 }
}
@media all and (min-width: 901px) {
 .social-media-feed-spike {
  -webkit-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-order:1;
  order:1;
  width:28%
 }
 .social-media-feed-spike .spike.spike-heading {
  font-size:2.5em
 }
}
.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
}
.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
}
.social-media-feed-networks .social-media-feed-network:nth-of-type(1) {
 margin-left:12%
}
.social-media-feed-networks .social-media-feed-network:nth-of-type(4) {
 margin-left:12%
}
@media all and (min-width: 901px) {
 .social-media-feed-networks {
  margin:2em 0 3em;
  padding:0
 }
}
.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
}
.social-media-feed-network-link:hover {
 opacity:0.5
}
.social-media-feed-panels {
 box-sizing:border-box;
 height:auto;
 min-height:200px;
 width:100%;
 position:relative;
 margin-bottom:1.5em
}
@media all and (min-width: 901px) {
 .social-media-feed-panels {
  border:1rem solid transparent;
  -webkit-order:2;
  order:2;
  margin-bottom:0;
  width:70%
 }
}
.social-media-feed-panels-container {
 height:auto;
 width:100%
}
.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
}
.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
}
.social-media-feed-panel {
 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
}
.social-media-feed-panel.social-media-feed-panel-active {
 height:auto;
 opacity:1;
 pointer-events:all;
 visibility:visible;
 z-index:2
}
@media all and (max-width: 901px) {
 .social-media-feed-panel.padding-panel {
  padding:1em;
  box-sizing:border-box
 }
}
@media all and (min-width: 901px) {
 .social-media-feed-panel {
  display:flex
 }
}
.social-media-feed-panel .news-feed-module-feed-item {
 margin-top:0
}
.social-media-feed-panel .news-feed-module-feed-item-title {
 font-size:1.1rem;
 line-height:1.2
}
.bethesda-social-media-feed-content {
 background-image:url("/assets/bethesda-social-tab-asset-mobile.jpg");
 width:100%;
 padding-bottom:140%;
 background-size:100%
}
.bethesda-social-media-feed-content.locale-es-es {
 background-image:url("/assets/bethesda-social-tab-asset-mobile-es.jpg")
}
.bethesda-social-media-feed-content.locale-fr-fr {
 background-image:url("/assets/bethesda-social-tab-asset-mobile-fr.jpg")
}
.bethesda-social-media-feed-content.locale-de-de {
 background-image:url("/assets/bethesda-social-tab-asset-mobile-de.jpg")
}
.bethesda-social-media-feed-content.locale-pl {
 background-image:url("/assets/bethesda-social-tab-asset-mobile-pl.jpg")
}
.bethesda-social-media-feed-content.locale-pt-br {
 background-image:url("/assets/bethesda-social-tab-asset-mobile-pt.jpg")
}
.bethesda-social-media-feed-content.locale-it-it {
 background-image:url("/assets/bethesda-social-tab-asset-mobile-it.jpg")
}
.bethesda-social-media-feed-content.locale-ru {
 background-image:url("/assets/bethesda-social-tab-asset-mobile-ru.jpg")
}
.bethesda-social-media-feed-content.locale-ja {
 display:none
}
.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) {
 .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
 }
}
.bethesda-social-media-feed-content .bethesda-social-media-feed-button {
 position:absolute;
 left:2.5em;
 bottom:3em
}
@media all and (max-width: 901px) {
 .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) {
 .bethesda-social-media-feed-content .bethesda-social-media-feed-button {
  left:3em;
  bottom:5em
 }
}
@media all and (max-width: 901px) {
 .bethesda-social-media-feed-content .bethesda-social-media-feed-copy>.download-btn-text {
  font-size:.25rem
 }
}
@media all and (min-width: 901px) {
 .bethesda-social-media-feed-content {
  background-image:url("/assets/bethesda-social-tab-asset.jpg");
  padding-bottom:81%
 }
 .bethesda-social-media-feed-content.locale-es-es {
  background-image:url("/assets/bethesda-social-tab-asset-es.jpg")
 }
 .bethesda-social-media-feed-content.locale-fr-fr {
  background-image:url("/assets/bethesda-social-tab-asset-fr.jpg")
 }
 .bethesda-social-media-feed-content.locale-de-de {
  background-image:url("/assets/bethesda-social-tab-asset-de.jpg")
 }
 .bethesda-social-media-feed-content.locale-pl {
  background-image:url("/assets/bethesda-social-tab-asset-pl.jpg")
 }
 .bethesda-social-media-feed-content.locale-pt-br {
  background-image:url("/assets/bethesda-social-tab-asset-pt.jpg")
 }
 .bethesda-social-media-feed-content.locale-it-it {
  background-image:url("/assets/bethesda-social-tab-asset-it.jpg")
 }
 .bethesda-social-media-feed-content.locale-ru {
  background-image:url("/assets/bethesda-social-tab-asset-ru.jpg")
 }
}
.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
}
.locale-es-es .bethesda-social-tab-headline {
 background-image:url("/assets/bethesda-social-tab-headline-es.png")
}
.locale-fr-fr .bethesda-social-tab-headline {
 background-image:url("/assets/bethesda-social-tab-headline-fr.png")
}
.locale-de-de .bethesda-social-tab-headline {
 background-image:url("/assets/bethesda-social-tab-headline-de.png")
}
.locale-pl .bethesda-social-tab-headline {
 background-image:url("/assets/bethesda-social-tab-headline-pl.png")
}
.locale-pt-br .bethesda-social-tab-headline {
 background-image:url("/assets/bethesda-social-tab-headline-pt.png")
}
.locale-it-it .bethesda-social-tab-headline {
 background-image:url("/assets/bethesda-social-tab-headline-it.png")
}
.locale-ru .bethesda-social-tab-headline {
 background-image:url("/assets/bethesda-social-tab-headline-ru.png")
}
@media all and (max-width: 320px) {
 .bethesda-social-tab-headline {
  width:65%
 }
}
@media all and (min-width: 901px) {
 .bethesda-social-tab-headline {
  background-size:initial;
  padding:0;
  left:1em;
  width:573px;
  height:283px;
  top:4.25em
 }
}
#twitter-widget-0 {
 margin:0 !important;
 width:100% !important
}
.instagram-media {
 max-width:100% !important
}
.vine-embed {
 display:block;
 margin:0 auto
}
.fb_iframe_widget {
 width:100%
}
.fb_iframe_widget iframe[style],.fb_iframe_widget span[style] {
 width:100% !important
}
.survival-guide-module {
 margin:0 auto;
 padding:1em 1rem 4rem
}
@media all and (min-width: 901px) {
 .survival-guide-module {
  padding-bottom:2rem
 }
}
@media all and (min-width: 901px) {
 .survival-guide-module-image-container {
  min-height:284px;
  position:relative;
  width:100%
 }
 .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%)
 }
}
.survival-guide-module-wrapper {
 padding:0;
 max-width:1100px;
 margin:0 auto
}
.survival-guide-module-image {
 display:inline-block;
 height:auto;
 position:relative;
 width:100%
}
.survival-guide-module-content {
 margin-top:3em;
 padding:0 0 1px;
 position:relative;
 width:100%
}
.survival-guide-module-content.snippet:before {
 display:none
}
.survival-guide-module-copy {
 margin:0;
 padding:0
}
.survival-guide-separator.snippet-separator {
 position:initial;
 margin:1rem 0
}
.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
}
.survival-guide-separator:last-of-type {
 display:none
}
.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) {
 .survival-guide-module-panel-heading {
  font-size:34px
 }
}
.survival-guide-module-inner-heading {
 display:block;
 width:auto;
 position:relative;
 margin:-1.4em 2rem 1rem;
 background:#000 url("/assets/texture-noise@1x.png")
}
.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
}
.survival-guide-module-inner-heading:after {
 width:0;
 height:0;
 border-left:18px solid #000;
 right:-1.1em
}
.survival-guide-module-inner-heading:before {
 width:0;
 height:0;
 border-right:18px solid #000;
 left:-1.1em
}
.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) {
 .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
 }
}
.survival-guide-module-inner-content {
 display:-webkit-flex;
 display:flex;
 -webkit-flex-flow:column wrap;
 flex-flow:column wrap
}
.survival-guide-module-panel {
 position:relative;
 padding:0 1rem 1rem
}
.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
}
.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
}
.survival-guide-module-locale-ru .survival-guide-module-inner-heading-text {
 font-size:58px;
 padding-top:16px
}
.survival-guide-module-figure {
 font-family:"futura-pt",sans-serif;
 font-size:.5rem;
 font-weight:bold;
 position:absolute;
 right:1rem;
 text-transform:uppercase
}
.survival-guide-module-panel:first-of-type .survival-guide-module-figure {
 top:12rem
}
.survival-guide-module-figure:nth-of-type(2) {
 top:4.5rem
}
.survival-guide-module-figure-letter {
 font-size:2rem
}
@media all and (min-width: 901px) {
 .survival-guide-module-inner-content {
  -webkit-flex-flow:row wrap;
  flex-flow:row wrap
 }
 .survival-guide-separator {
  display:none
 }
 .survival-guide-module-inner-heading {
  height:6.25rem;
  top:-3.1rem;
  margin:0 9rem
 }
 .survival-guide-module-inner-heading:before,.survival-guide-module-inner-heading:after {
  border-top-width:50px;
  border-bottom-width:50px
 }
 .survival-guide-module-inner-heading:before {
  border-right-width:40px;
  left:-2.5rem
 }
 .survival-guide-module-inner-heading:after {
  border-left-width:40px;
  right:-2.5rem
 }
 .survival-guide-module-inner-subheading {
  text-align:center;
  margin:-3rem 0 2rem
 }
 .survival-guide-module-inner-heading-text {
  font-size:110px;
  padding-top:6px
 }
 .survival-guide-module-inner-heading-windows-browser .survival-guide-module-inner-heading-text {
  line-height:.8em
 }
 .survival-guide-module-content {
  margin-top:6rem
 }
 .survival-guide-module-content.snippet:before {
  display:block;
  left:1.5rem;
  top:-0.8rem
 }
 .survival-guide-module-panel {
  box-sizing:border-box;
  width:50%;
  padding:0 2em
 }
 .survival-guide-module-panel:first-child {
  border-right:2px solid #000;
  margin-bottom:1.4em;
  padding-bottom:0.6em
 }
 .survival-guide-module-panel:first-of-type .survival-guide-module-figure {
  top:18rem;
  right:3rem
 }
 .survival-guide-module-figure:nth-of-type(2) {
  top:7.5rem;
  right:3rem
 }
}
.newsletter-page {
 background:rgba(0,0,0,0.8);
 box-sizing:border-box;
 height:100%;
 width:100%;
 overflow:auto
}
.newsletter-iframe {
 left:0;
 top:0;
 opacity:0;
 position:absolute;
 visibility:hidden
}
.newsletter-page-form-wrapper {
 height:100%;
 margin:0 auto;
 left:0;
 position:relative;
 top:0;
 max-width:900px;
 width:100%;
 overflow:visible
}
.newsletter-page-form-wrapper .form-field {
 position:relative;
 display:block;
 margin:2em 0
}
.newsletter-page-form-wrapper .form-text-field-input {
 background-color:#fff;
 box-sizing:border-box
}
.newsletter-page-form-wrapper .form-field:first-of-type {
 margin-top:1.5rem
}
.newsletter-page-form-wrapper .dropdown-wrapper {
 position:relative
}
@media all and (min-width: 901px) {
 .newsletter-page-form-wrapper {
  padding-right:6em
 }
}
.newsletter-page-close-btn.modal-close-btn-animated {
 border-color:#000;
 right:2em;
 top:2em
}
.newsletter-page-form-success .newsletter-page-close-btn.modal-close-btn-animated,.newsletter-page-form-error .newsletter-page-close-btn.modal-close-btn-animated {
 border-color:#fff
}
@media all and (min-width: 901px) {
 .newsletter-page-close-btn.modal-close-btn-animated {
  border-color:#fff;
  right:0;
  top:3em
 }
}
.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
}
.newsletter-page-form-success .newsletter-page-close-btn.modal-close-btn-animated .modal-close-btn-animated-text,.newsletter-page-form-error .newsletter-page-close-btn.modal-close-btn-animated .modal-close-btn-animated-text {
 background-image:url("/assets/icons/close-white.svg")
}
@media all and (min-width: 901px) {
 .newsletter-page-close-btn.modal-close-btn-animated .modal-close-btn-animated-text {
  background-image:url("/assets/icons/close-white.svg")
 }
}
.newsletter-page-form-field-platforms .form-field-divider {
 margin-bottom:.5rem
}
.newsletter-page-form-field-platforms .form-checkbox-label {
 display:-webkit-inline-flex;
 display:inline-flex;
 width:32%
}
.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) {
 .newsletter-page-form {
  height:auto;
  max-width:900px;
  padding:2em 0
 }
 .newsletter-page-form .form-field:first-of-type {
  margin-top:.25rem
 }
}
.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) {
 .newsletter-page-form.form-error {
  -moz-animation:shake 300ms ease;
  -webkit-animation:shake 300ms ease;
  animation:shake 300ms ease
 }
}
.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
}
.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) {
 .newsletter-page-success-content,.newsletter-page-error-content {
  height:auto;
  max-width:900px;
  margin-top:2rem;
  position:absolute
 }
 .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
 }
 .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:.625rem;
  letter-spacing:0.2em
 }
}
.newsletter-page-form-success .newsletter-page-success-content {
 opacity:1;
 visibility:visible;
 z-index:1
}
.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
}
.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
}
.newsletter-page-form-error .newsletter-page-error-content {
 opacity:1;
 visibility:visible;
 z-index:1
}
.newsletter-page-success-copy p {
 margin-bottom:20px
}
.newsletter-page-success-copy .newsletter-page-heading {
 margin-top:4em
}
.newsletter-page-success-copy-outro {
 position:relative
}
.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) {
 .newsletter-page-success-copy-sign-off.newsletter-page-success-copy-sign-off-image-true {
  height:96px;
  width:383px
 }
}
.newsletter-page-error-copy {
 padding-top:10rem;
 text-align:center
}
.newsletter-page-success-copy,.newsletter-page-error-copy {
 line-height:1.5em
}
.newsletter-page-success-copy p,.newsletter-page-error-copy p {
 color:#fff;
 margin:8px 0
}
.newsletter-page-success-copy p a,.newsletter-page-error-copy p a {
 color:inherit
}
.newsletter-page-content {
 background:#ecebe8 url("../assets/texture-noise@1x.png");
 padding:1em
}
.newsletter-page-form.newsletter-page-form-success .newsletter-page-content,.newsletter-page-form.newsletter-page-form-error .newsletter-page-content {
 display:none
}
.newsletter-page-content .vt-icon {
 margin:0 auto 1em
}
.newsletter-page-content .form-field-divider {
 padding-top:2em;
 border-top:3px solid #000
}
.newsletter-page-content .form-field-column {
 box-sizing:border-box;
 display:inline-block;
 padding-top:1.5em;
 vertical-align:top;
 width:48%
}
.newsletter-page-content .form-radio-label {
 margin-top:1em
}
@media all and (min-width: 901px) {
 .newsletter-page-content {
  padding:1.5em 1.5em 1em
 }
}
.newsletter-page-content-intro {
 padding-top:8.5em;
 text-align:center
}
@media all and (min-width: 901px) {
 .newsletter-page-content-intro {
  padding-top:5.5em
 }
}
.newsletter-page-content-body {
 margin:30px;
 position:relative;
 z-index:1
}
@media all and (min-width: 901px) {
 .newsletter-page-content-body::after {
  background:url("/assets/newsletter/vault-boy-computer.png");
  background-position:center center;
  background-repeat:no-repeat;
  background-size:250px;
  content:'';
  height:100%;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0;
  width:45%;
  z-index:-1
 }
}
.newsletter-page-form-privacy-policy-statement {
 font-size:12px;
 width:45%
}
.newsletter-page-form-privacy-policy-statement a {
 color:inherit
}
.newsletter-page-form-footer {
 background:#000 url("/assets/texture-noise@1x.png");
 text-align:center
}
.newsletter-page-form-footer .standard-btn {
 background-color:#ddb724
}
.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
}
.newsletter-page-success-content,.newsletter-page-error-content {
 background:#000 url("../assets/texture-noise@1x.png")
}
.newsletter-page-success-content .newsletter-page-heading,.newsletter-page-error-content .newsletter-page-heading {
 color:#fff;
 font-family:"futura-pt",sans-serif;
 font-size:2rem;
 font-weight:700;
 letter-spacing:0
}
.newsletter-page-success-content:after,.newsletter-page-error-content:after {
 background:url("../assets/vault-tec-icon.svg") no-repeat 0;
 background-size:100%
}
.newsletter-page-content-column {
 position:relative
}
@media all and (min-width: 901px) {
 .newsletter-page-content-column {
  width:48%;
  display:inline-block;
  vertical-align:top
 }
}
.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-height:1.2
}
.newsletter-page-form-success .newsletter-page-heading,.newsletter-page-form-error .newsletter-page-heading {
 padding-bottom:1em
}
.newsletter-page-subtext {
 margin-left:auto;
 margin-right:auto;
 max-width:550px;
 text-align:center
}
.newsletter-page-form-dob-container {
 display:none
}
@media (min-width: 400px) {
 .newsletter-page-form-dob {
  display:flex
 }
}
@media (max-width: 400px) {
 .newsletter-page-form-dob>div:first-child {
  margin-bottom:10px
 }
}
@media (min-width: 400px) {
 .newsletter-page-form-dob>div:first-child {
  width:60%
 }
}
@media (min-width: 400px) {
 .newsletter-page-form-dob>div:last-child {
  margin-left:5%;
  width:35%
 }
}
.newsletter-page-form-text-field-label {
 display:none
}
.newsletter-page-form-checkbox-label {
 color:#fff
}
.newsletter-page-form-checkbox-label .form-checkbox-input {
 top:.25em
}
.newsletter-page-form-checkbox-label:before {
 top:.25em;
 border-color:#fff
}
.newsletter-page-form-checkbox-label.form-checkbox-label-dark {
 color:#000;
 padding-top:25px
}
.newsletter-page-form-checkbox-label.form-checkbox-label-dark:before {
 border-color:#000;
 margin-top:25px
}
.newsletter-page-form-footer {
 padding:3em 1em
}
.newsletter-page-form-footer .form-field-error .newsletter-page-form-checkbox-label {
 color:#bd0100
}
.newsletter-page-form-footer .form-field-error .newsletter-page-form-checkbox-label:before {
 border-color:#bd0100
}
.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
}
.newsletter-page-form-footer .newsletter-page-form-footer-icon {
 height:16px;
 width:111px;
 margin:0 0 1em
}
.newsletter-page-form-footer .newsletter-page-form-submit-btn {
 border:none;
 -moz-border-radius:0;
 -webkit-border-radius:0;
 border-radius:0;
 box-sizing:content-box;
 color:#000;
 cursor:pointer;
 font-size:.75rem;
 line-height:10px;
 margin:2em auto;
 padding:0.8em 2.5em;
 width:130px;
 overflow-y:hidden
}
.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
}
.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) {
 .newsletter-page-form-footer {
  padding:2em 1.5em
 }
}
.newsletter-page-locale-ru .newsletter-page-form-submit-btn {
 width:auto
}
.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 .5rem;
 text-align:center;
 font-size:.875rem;
 font-family:"futura-pt-condensed", sans-serif;
 font-weight:400;
 text-transform:uppercase;
 -webkit-flex:4;
 flex:4
}
.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
}
.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) {
 .newsletter-page-success-footer,.newsletter-page-error-footer {
  position:absolute;
  width:95%;
  bottom:2em
 }
}
.preorder-featured-media {
 -moz-animation-play-state:paused;
 -webkit-animation-play-state:paused;
 animation-play-state:paused;
 margin-bottom:1em
}
.preorder-featured-media .featured-media-asset-background-image {
 height:auto
}
@media all and (min-width: 901px) {
 .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
 }
}
.preorder-featured-media .featured-media-asset-text {
 cursor:inherit;
 opacity:1;
 width:auto;
 max-height:80%
}
@media all and (min-width: 901px) {
 .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) {
 .preorder-featured-media .featured-media-asset-text {
  margin-left:-248px;
  top:17%
 }
}
.preorder-lead-in-module,.announcement-preorder {
 overflow:visible;
 padding:.5rem 1rem 0
}
@media all and (min-width: 1099px) {
 .preorder-lead-in-module,.announcement-preorder {
  padding:2rem 0 0
 }
}
.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) {
 .preorder-lead-in-module .preorder-lead-in-pack-art,.announcement-preorder .preorder-lead-in-pack-art {
  max-height:290px;
  width:auto;
  margin-bottom:1em
 }
}
.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) {
 .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) {
 .preorder-lead-in-module .-copy,.announcement-preorder .-copy {
  margin-bottom:4em
 }
}
.preorder-lead-in-module .preorder-lead-in-form-wrapper,.announcement-preorder .preorder-lead-in-form-wrapper {
 -webkit-flex:1 100%;
 flex:1 100%
}
.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:.75rem;
 margin:0 2em 1em 0
}
@media all and (min-width: 901px) {
 .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) {
 .preorder-lead-in-module .preorder-lead-in-submit-btn.standard-btn,.announcement-preorder .preorder-lead-in-submit-btn.standard-btn {
  min-width:230px
 }
}
.preorder-lead-in-module .preorder-lead-in-submit-btn.standard-btn:disabled,.announcement-preorder .preorder-lead-in-submit-btn.standard-btn:disabled {
 cursor:default
}
.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) {
 .preorder-lead-in-module .form-dropdown-container,.announcement-preorder .form-dropdown-container {
  width:230px;
  margin-right:1em
 }
}
@media all and (min-width: 901px) {
 .preorder-lead-in-module .preorder-form-locale-pt-br .form-dropdown-container,.announcement-preorder .preorder-form-locale-pt-br .form-dropdown-container {
  width:274px
 }
}
.preorder-lead-in-module .form-dropdown-container:before,.announcement-preorder .form-dropdown-container:before {
 background:transparent;
 border-top-color:#fff;
 right:1.5em;
 top:1.4em
}
.preorder-lead-in-module .form-field-disabled,.announcement-preorder .form-field-disabled {
 background-color:#82817f;
 border-color:#82817f;
 color:#fff;
 opacity:.7
}
.preorder-lead-in-module .form-dropdown-options-container,.announcement-preorder .form-dropdown-options-container {
 background:transparent
}
.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:.75rem;
 font-family:"futura-pt",sans-serif;
 font-weight:bold;
 letter-spacing:.1875rem;
 padding:1.4em 2em 1.2em;
 text-transform:uppercase;
 text-decoration:none;
 color:#fff;
 text-align:left
}
.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) {
 .preorder-lead-in-module .form-dropdown-value-container,.announcement-preorder .form-dropdown-value-container {
  text-align:left
 }
}
.preorder-lead-in-module .form-dropdown-option,.announcement-preorder .form-dropdown-option {
 background-color:#000;
 margin:0;
 position:relative
}
.preorder-lead-in-module .form-dropdown-option:before,.announcement-preorder .form-dropdown-option:before {
 border-bottom:1px solid #fff;
 content:'';
 display:block;
 left:0;
 margin:2.5em 10% 0;
 bottom:0;
 width:80%;
 position:absolute
}
.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
}
.preorder-lead-in-module .form-dropdown-option:last-child:before,.announcement-preorder .form-dropdown-option:last-child:before {
 border-bottom:none
}
.preorder-active-select:after {
 content:'';
 display:block;
 position:absolute;
 right:1em;
 top:2em;
 border-top:4px solid #fff;
 border-left:4px solid transparent;
 border-right:4px solid transparent
}
.preorder-lead-in-aside,.preorder-form {
 max-width:22em;
 margin:0 auto
}
@media all and (min-width: 901px) {
 .preorder-lead-in-aside,.preorder-form {
  max-height:18em;
  max-width:none;
  text-align:right;
  padding-bottom:2em
 }
}
@media all and (min-width: 901px) {
 .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
 }
 .preorder-lead-in-aside.preorder-lead-in-aside-content-large .preorder-lead-in-pack-art-large {
  max-height:none;
  height:auto
 }
}
.preorder-lead-in-aside-content-small {
 padding:2em 2em 0
}
@media all and (min-width: 901px) {
 .preorder-lead-in-aside-content-small {
  padding:2em;
  justify-content:flex-end
 }
}
.preorder-form {
 padding:0 2em
}
.announcement-preorder-content .preorder-form {
 -webkit-flex-flow:wrap;
 flex-flow:wrap
}
@media all and (min-width: 901px) {
 .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
 }
}
.preorder-form-field {
 position:relative;
 height:4em
}
.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
}
.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) {
 .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
 }
 .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) {
 .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
 }
 .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
 }
}
.fallout-4-page .big-lead-in-module {
 padding-top:0
}
.fallout-new-vegas-page .survival-guide-module-panel:first-child .survival-guide-module-image {
 margin-top:-4em
}
@media all and (min-width: 901px) {
 .fallout-4-featured-media {
  margin-bottom:2rem
 }
}
.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
}
.games-detail-video-container .modal-close-btn {
 border-color:#fff;
 right:0;
 top:-50px
}
.games-detail-video-container .modal-close-btn-animated-text {
 background:url("/assets/icons/close-white.svg") no-repeat center
}
.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) {
 .games-detail-video-container {
  max-width:80%
 }
 .games-detail-video-container .modal-close-btn {
  right:-80px;
  top:0
 }
}
.games-detail-video-container .video-wrapper:after {
 content:'';
 display:block;
 padding-top:56.25%
}
.news-feed-module {
 max-width:1100px
}
@media all and (max-width: 1099px) {
 .news-feed-module {
  padding:1rem
 }
}
.news-feed-module-heading {
 margin-bottom:0
}
.news-feed-module-content {
 max-width:1100px;
 height:100%
}
.news-feed-module-feature-panel {
 width:100%
}
@media all and (min-width: 901px) {
 .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
 }
}
.news-feed-module-news-panel {
 width:100%
}
@media all and (min-width: 901px) {
 .news-feed-module-news-panel {
  -webkit-flex:0 1 38.5rem;
  flex:0 1 38.5rem
 }
}
.news-feed-module-feed {
 display:-webkit-flex;
 display:flex;
 -webkit-flex-flow:row wrap;
 flex-flow:row wrap;
 -webkit-justify-content:space-between;
 justify-content:space-between
}
.news-feed-module-feed-item {
 height:100%;
 margin-top:30px;
 padding-bottom:30px;
 -webkit-flex-flow:column wrap;
 flex-flow:column wrap;
 -webkit-justify-content:space-between;
 justify-content:space-between;
 -webkit-flex:1 1 auto;
 flex:1 1 auto
}
@media all and (min-width: 901px) {
 .news-feed-module-feed-item {
  -webkit-flex:1 1 31%;
  flex:1 1 31%;
  margin-right:21px
 }
 .news-feed-module-feed-item:nth-child(3n+3) {
  margin-right:0
 }
}
.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
}
.news-feed-module-feed-item-image:hover {
 opacity:0.75
}
@media all and (min-width: 901px) {
 .news-feed-module-feed-item-image {
  margin:0
 }
}
.news-feed-module-feed-item-image-tag {
 width:100%
}
.news-feed-module-feed-item-content {
 width:100%;
 height:100%
}
.news-feed-module-feed-item-title {
 font-size:1.5rem;
 letter-spacing:normal;
 line-height:1.5rem;
 margin:0
}
.news-feed-module-feed-item-publisher {
 font-family:"futura-pt-condensed", sans-serif;
 font-weight:500;
 font-size:.8125rem;
 text-transform:uppercase;
 color:#333
}
.news-feed-module-feed-item-blurb {
 margin-bottom:0
}
.news-feed-module-feed-item-read-more {
 font-size:.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
}
.news-feed-module-feed-item-read-more:hover {
 opacity:0.5
}
.news-feed-module-feed-load-more {
 border-bottom:1px solid #000;
 display:none
}
@media all and (min-width: 901px) {
 .news-feed-module-feed-load-more {
  border:0
 }
}
.news-feed-module-feed-load-more.news-feed-module-feed-load-more-active {
 display:block
}
.news-feed-module-feed-load-more-button {
 border:0;
 margin:0 auto;
 padding:1.5em 2em;
 font-size:.8125rem
}
.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
}
.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) {
 .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
 }
}
.news-feed-module-feature-panel-header-image {
 width:100%
}
.news-feed-module-feature-panel-character-container {
 display:none
}
@media all and (min-width: 901px) {
 .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
 }
}
.news-feed-module-feature-panel-character-image {
 width:100%
}
.news-feed-module-feed-item-container {
 text-decoration:none;
 color:#000
}
#global-footer ul {
 box-sizing:border-box;
 padding:0
}
#global-footer a {
 text-decoration:none
}
#global-footer p {
 color:inherit
}