Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @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:0.1875rem
- }
- .accent-text {
- font-family:"futura-pt-condensed",
- sans-serif;
- font-weight:400;
- font-style:normal;
- font-size:0.5rem;
- display:block
- }
- @-moz-keyframes featuredVideoPan {
- 0% {
- -moz-transform:translateX(0%) translateZ(0);
- transform:translateX(0%) translateZ(0)
- }
- 50% {
- -moz-transform:translateX(-50%) translateZ(0);
- transform:translateX(-50%) translateZ(0)
- }
- 100% {
- -moz-transform:translateX(0%) translateZ(0);
- transform:translateX(0%) translateZ(0)
- }
- }
- @-webkit-keyframes featuredVideoPan {
- 0% {
- -webkit-transform:translateX(0%) translateZ(0);
- transform:translateX(0%) translateZ(0)
- }
- 50% {
- -webkit-transform:translateX(-50%) translateZ(0);
- transform:translateX(-50%) translateZ(0)
- }
- 100% {
- -webkit-transform:translateX(0%) translateZ(0);
- transform:translateX(0%) translateZ(0)
- }
- }
- @keyframes featuredVideoPan {
- 0% {
- -moz-transform:translateX(0%) translateZ(0);
- -ms-transform:translateX(0%) translateZ(0);
- -webkit-transform:translateX(0%) translateZ(0);
- transform:translateX(0%) translateZ(0)
- }
- 50% {
- -moz-transform:translateX(-50%) translateZ(0);
- -ms-transform:translateX(-50%) translateZ(0);
- -webkit-transform:translateX(-50%) translateZ(0);
- transform:translateX(-50%) translateZ(0)
- }
- 100% {
- -moz-transform:translateX(0%) translateZ(0);
- -ms-transform:translateX(0%) translateZ(0);
- -webkit-transform:translateX(0%) translateZ(0);
- transform:translateX(0%) translateZ(0)
- }
- }
- @-moz-keyframes shake {
- 0% {
- -moz-transform:translate3d(-10px,
- 0,
- 0);
- transform:translate3d(-10px,
- 0,
- 0)
- }
- 25% {
- -moz-transform:translate3d(10px,
- 0,
- 0);
- transform:translate3d(10px,
- 0,
- 0)
- }
- 50% {
- -moz-transform:translate3d(-10px,
- 0,
- 0);
- transform:translate3d(-10px,
- 0,
- 0)
- }
- 75% {
- -moz-transform:translate3d(10px,
- 0,
- 0);
- transform:translate3d(10px,
- 0,
- 0)
- }
- 100% {
- -moz-transform:translate3d(0,
- 0,
- 0);
- transform:translate3d(0,
- 0,
- 0)
- }
- }
- @-webkit-keyframes shake {
- 0% {
- -webkit-transform:translate3d(-10px,
- 0,
- 0);
- transform:translate3d(-10px,
- 0,
- 0)
- }
- 25% {
- -webkit-transform:translate3d(10px,
- 0,
- 0);
- transform:translate3d(10px,
- 0,
- 0)
- }
- 50% {
- -webkit-transform:translate3d(-10px,
- 0,
- 0);
- transform:translate3d(-10px,
- 0,
- 0)
- }
- 75% {
- -webkit-transform:translate3d(10px,
- 0,
- 0);
- transform:translate3d(10px,
- 0,
- 0)
- }
- 100% {
- -webkit-transform:translate3d(0,
- 0,
- 0);
- transform:translate3d(0,
- 0,
- 0)
- }
- }
- @keyframes shake {
- 0% {
- -moz-transform:translate3d(-10px,
- 0,
- 0);
- -ms-transform:translate3d(-10px,
- 0,
- 0);
- -webkit-transform:translate3d(-10px,
- 0,
- 0);
- transform:translate3d(-10px,
- 0,
- 0)
- }
- 25% {
- -moz-transform:translate3d(10px,
- 0,
- 0);
- -ms-transform:translate3d(10px,
- 0,
- 0);
- -webkit-transform:translate3d(10px,
- 0,
- 0);
- transform:translate3d(10px,
- 0,
- 0)
- }
- 50% {
- -moz-transform:translate3d(-10px,
- 0,
- 0);
- -ms-transform:translate3d(-10px,
- 0,
- 0);
- -webkit-transform:translate3d(-10px,
- 0,
- 0);
- transform:translate3d(-10px,
- 0,
- 0)
- }
- 75% {
- -moz-transform:translate3d(10px,
- 0,
- 0);
- -ms-transform:translate3d(10px,
- 0,
- 0);
- -webkit-transform:translate3d(10px,
- 0,
- 0);
- transform:translate3d(10px,
- 0,
- 0)
- }
- 100% {
- -moz-transform:translate3d(0,
- 0,
- 0);
- -ms-transform:translate3d(0,
- 0,
- 0);
- -webkit-transform:translate3d(0,
- 0,
- 0);
- transform:translate3d(0,
- 0,
- 0)
- }
- }
- @-moz-keyframes slowShake {
- 0% {
- -moz-transform:translate3d(-1px,
- 0,
- 0);
- transform:translate3d(-1px,
- 0,
- 0)
- }
- 6% {
- -moz-transform:translate3d(0,
- 0,
- 0);
- transform:translate3d(0,
- 0,
- 0)
- }
- 12% {
- -moz-transform:translate3d(0,
- 0,
- 0);
- transform:translate3d(0,
- 0,
- 0)
- }
- 18% {
- -moz-transform:translate3d(0,
- 1px,
- 0);
- transform:translate3d(0,
- 1px,
- 0)
- }
- 24% {
- -moz-transform:translate3d(0,
- -1px,
- 0);
- transform:translate3d(0,
- -1px,
- 0)
- }
- 30% {
- -moz-transform:translate3d(-1px,
- -1px,
- 0);
- transform:translate3d(-1px,
- -1px,
- 0)
- }
- 36% {
- -moz-transform:translate3d(-1px,
- 0,
- 0);
- transform:translate3d(-1px,
- 0,
- 0)
- }
- 42% {
- -moz-transform:translate3d(0,
- 1px,
- 0);
- transform:translate3d(0,
- 1px,
- 0)
- }
- 48% {
- -moz-transform:translate3d(1px,
- 1px,
- 0);
- transform:translate3d(1px,
- 1px,
- 0)
- }
- 54% {
- -moz-transform:translate3d(0,
- -1px,
- 0);
- transform:translate3d(0,
- -1px,
- 0)
- }
- 60% {
- -moz-transform:translate3d(-1px,
- -1px,
- 0);
- transform:translate3d(-1px,
- -1px,
- 0)
- }
- 66% {
- -moz-transform:translate3d(0,
- 0,
- 0);
- transform:translate3d(0,
- 0,
- 0)
- }
- 72% {
- -moz-transform:translate3d(0,
- -1px,
- 0);
- transform:translate3d(0,
- -1px,
- 0)
- }
- 78% {
- -moz-transform:translate3d(1px,
- 0,
- 0);
- transform:translate3d(1px,
- 0,
- 0)
- }
- 90% {
- -moz-transform:translate3d(1px,
- 1px,
- 0);
- transform:translate3d(1px,
- 1px,
- 0)
- }
- 100% {
- -moz-transform:translate3d(0,
- 0,
- 0);
- transform:translate3d(0,
- 0,
- 0)
- }
- }
- @-webkit-keyframes slowShake {
- 0% {
- -webkit-transform:translate3d(-1px,
- 0,
- 0);
- transform:translate3d(-1px,
- 0,
- 0)
- }
- 6% {
- -webkit-transform:translate3d(0,
- 0,
- 0);
- transform:translate3d(0,
- 0,
- 0)
- }
- 12% {
- -webkit-transform:translate3d(0,
- 0,
- 0);
- transform:translate3d(0,
- 0,
- 0)
- }
- 18% {
- -webkit-transform:translate3d(0,
- 1px,
- 0);
- transform:translate3d(0,
- 1px,
- 0)
- }
- 24% {
- -webkit-transform:translate3d(0,
- -1px,
- 0);
- transform:translate3d(0,
- -1px,
- 0)
- }
- 30% {
- -webkit-transform:translate3d(-1px,
- -1px,
- 0);
- transform:translate3d(-1px,
- -1px,
- 0)
- }
- 36% {
- -webkit-transform:translate3d(-1px,
- 0,
- 0);
- transform:translate3d(-1px,
- 0,
- 0)
- }
- 42% {
- -webkit-transform:translate3d(0,
- 1px,
- 0);
- transform:translate3d(0,
- 1px,
- 0)
- }
- 48% {
- -webkit-transform:translate3d(1px,
- 1px,
- 0);
- transform:translate3d(1px,
- 1px,
- 0)
- }
- 54% {
- -webkit-transform:translate3d(0,
- -1px,
- 0);
- transform:translate3d(0,
- -1px,
- 0)
- }
- 60% {
- -webkit-transform:translate3d(-1px,
- -1px,
- 0);
- transform:translate3d(-1px,
- -1px,
- 0)
- }
- 66% {
- -webkit-transform:translate3d(0,
- 0,
- 0);
- transform:translate3d(0,
- 0,
- 0)
- }
- 72% {
- -webkit-transform:translate3d(0,
- -1px,
- 0);
- transform:translate3d(0,
- -1px,
- 0)
- }
- 78% {
- -webkit-transform:translate3d(1px,
- 0,
- 0);
- transform:translate3d(1px,
- 0,
- 0)
- }
- 90% {
- -webkit-transform:translate3d(1px,
- 1px,
- 0);
- transform:translate3d(1px,
- 1px,
- 0)
- }
- 100% {
- -webkit-transform:translate3d(0,
- 0,
- 0);
- transform:translate3d(0,
- 0,
- 0)
- }
- }
- @keyframes slowShake {
- 0% {
- -moz-transform:translate3d(-1px,
- 0,
- 0);
- -ms-transform:translate3d(-1px,
- 0,
- 0);
- -webkit-transform:translate3d(-1px,
- 0,
- 0);
- transform:translate3d(-1px,
- 0,
- 0)
- }
- 6% {
- -moz-transform:translate3d(0,
- 0,
- 0);
- -ms-transform:translate3d(0,
- 0,
- 0);
- -webkit-transform:translate3d(0,
- 0,
- 0);
- transform:translate3d(0,
- 0,
- 0)
- }
- 12% {
- -moz-transform:translate3d(0,
- 0,
- 0);
- -ms-transform:translate3d(0,
- 0,
- 0);
- -webkit-transform:translate3d(0,
- 0,
- 0);
- transform:translate3d(0,
- 0,
- 0)
- }
- 18% {
- -moz-transform:translate3d(0,
- 1px,
- 0);
- -ms-transform:translate3d(0,
- 1px,
- 0);
- -webkit-transform:translate3d(0,
- 1px,
- 0);
- transform:translate3d(0,
- 1px,
- 0)
- }
- 24% {
- -moz-transform:translate3d(0,
- -1px,
- 0);
- -ms-transform:translate3d(0,
- -1px,
- 0);
- -webkit-transform:translate3d(0,
- -1px,
- 0);
- transform:translate3d(0,
- -1px,
- 0)
- }
- 30% {
- -moz-transform:translate3d(-1px,
- -1px,
- 0);
- -ms-transform:translate3d(-1px,
- -1px,
- 0);
- -webkit-transform:translate3d(-1px,
- -1px,
- 0);
- transform:translate3d(-1px,
- -1px,
- 0)
- }
- 36% {
- -moz-transform:translate3d(-1px,
- 0,
- 0);
- -ms-transform:translate3d(-1px,
- 0,
- 0);
- -webkit-transform:translate3d(-1px,
- 0,
- 0);
- transform:translate3d(-1px,
- 0,
- 0)
- }
- 42% {
- -moz-transform:translate3d(0,
- 1px,
- 0);
- -ms-transform:translate3d(0,
- 1px,
- 0);
- -webkit-transform:translate3d(0,
- 1px,
- 0);
- transform:translate3d(0,
- 1px,
- 0)
- }
- 48% {
- -moz-transform:translate3d(1px,
- 1px,
- 0);
- -ms-transform:translate3d(1px,
- 1px,
- 0);
- -webkit-transform:translate3d(1px,
- 1px,
- 0);
- transform:translate3d(1px,
- 1px,
- 0)
- }
- 54% {
- -moz-transform:translate3d(0,
- -1px,
- 0);
- -ms-transform:translate3d(0,
- -1px,
- 0);
- -webkit-transform:translate3d(0,
- -1px,
- 0);
- transform:translate3d(0,
- -1px,
- 0)
- }
- 60% {
- -moz-transform:translate3d(-1px,
- -1px,
- 0);
- -ms-transform:translate3d(-1px,
- -1px,
- 0);
- -webkit-transform:translate3d(-1px,
- -1px,
- 0);
- transform:translate3d(-1px,
- -1px,
- 0)
- }
- 66% {
- -moz-transform:translate3d(0,
- 0,
- 0);
- -ms-transform:translate3d(0,
- 0,
- 0);
- -webkit-transform:translate3d(0,
- 0,
- 0);
- transform:translate3d(0,
- 0,
- 0)
- }
- 72% {
- -moz-transform:translate3d(0,
- -1px,
- 0);
- -ms-transform:translate3d(0,
- -1px,
- 0);
- -webkit-transform:translate3d(0,
- -1px,
- 0);
- transform:translate3d(0,
- -1px,
- 0)
- }
- 78% {
- -moz-transform:translate3d(1px,
- 0,
- 0);
- -ms-transform:translate3d(1px,
- 0,
- 0);
- -webkit-transform:translate3d(1px,
- 0,
- 0);
- transform:translate3d(1px,
- 0,
- 0)
- }
- 90% {
- -moz-transform:translate3d(1px,
- 1px,
- 0);
- -ms-transform:translate3d(1px,
- 1px,
- 0);
- -webkit-transform:translate3d(1px,
- 1px,
- 0);
- transform:translate3d(1px,
- 1px,
- 0)
- }
- 100% {
- -moz-transform:translate3d(0,
- 0,
- 0);
- -ms-transform:translate3d(0,
- 0,
- 0);
- -webkit-transform:translate3d(0,
- 0,
- 0);
- transform:translate3d(0,
- 0,
- 0)
- }
- }
- @-moz-keyframes pageShake {
- 0% {
- -moz-transform:translate3d(-1px,
- -1px,
- 0);
- transform:translate3d(-1px,
- -1px,
- 0)
- }
- 20% {
- -moz-transform:translate3d(0,
- 2px,
- 0);
- transform:translate3d(0,
- 2px,
- 0)
- }
- 40% {
- -moz-transform:translate3d(-2px,
- 0,
- 0);
- transform:translate3d(-2px,
- 0,
- 0)
- }
- 60% {
- -moz-transform:translate3d(0,
- 0,
- 0);
- transform:translate3d(0,
- 0,
- 0)
- }
- 80% {
- -moz-transform:translate3d(0,
- -1px,
- 0);
- transform:translate3d(0,
- -1px,
- 0)
- }
- 100% {
- -moz-transform:translate3d(0,
- 0,
- 0);
- transform:translate3d(0,
- 0,
- 0)
- }
- }
- @-webkit-keyframes pageShake {
- 0% {
- -webkit-transform:translate3d(-1px,
- -1px,
- 0);
- transform:translate3d(-1px,
- -1px,
- 0)
- }
- 20% {
- -webkit-transform:translate3d(0,
- 2px,
- 0);
- transform:translate3d(0,
- 2px,
- 0)
- }
- 40% {
- -webkit-transform:translate3d(-2px,
- 0,
- 0);
- transform:translate3d(-2px,
- 0,
- 0)
- }
- 60% {
- -webkit-transform:translate3d(0,
- 0,
- 0);
- transform:translate3d(0,
- 0,
- 0)
- }
- 80% {
- -webkit-transform:translate3d(0,
- -1px,
- 0);
- transform:translate3d(0,
- -1px,
- 0)
- }
- 100% {
- -webkit-transform:translate3d(0,
- 0,
- 0);
- transform:translate3d(0,
- 0,
- 0)
- }
- }
- @keyframes pageShake {
- 0% {
- -moz-transform:translate3d(-1px,
- -1px,
- 0);
- -ms-transform:translate3d(-1px,
- -1px,
- 0);
- -webkit-transform:translate3d(-1px,
- -1px,
- 0);
- transform:translate3d(-1px,
- -1px,
- 0)
- }
- 20% {
- -moz-transform:translate3d(0,
- 2px,
- 0);
- -ms-transform:translate3d(0,
- 2px,
- 0);
- -webkit-transform:translate3d(0,
- 2px,
- 0);
- transform:translate3d(0,
- 2px,
- 0)
- }
- 40% {
- -moz-transform:translate3d(-2px,
- 0,
- 0);
- -ms-transform:translate3d(-2px,
- 0,
- 0);
- -webkit-transform:translate3d(-2px,
- 0,
- 0);
- transform:translate3d(-2px,
- 0,
- 0)
- }
- 60% {
- -moz-transform:translate3d(0,
- 0,
- 0);
- -ms-transform:translate3d(0,
- 0,
- 0);
- -webkit-transform:translate3d(0,
- 0,
- 0);
- transform:translate3d(0,
- 0,
- 0)
- }
- 80% {
- -moz-transform:translate3d(0,
- -1px,
- 0);
- -ms-transform:translate3d(0,
- -1px,
- 0);
- -webkit-transform:translate3d(0,
- -1px,
- 0);
- transform:translate3d(0,
- -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 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:0.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 {
- 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 {
- 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:0.75rem;
- font-weight:bold;
- line-height:0.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:0.625rem;
- font-weight:bold;
- letter-spacing:0.1875rem;
- padding:11px 15px;
- position:relative;
- text-align:center;
- text-transform:uppercase;
- text-decoration:none;
- width:auto
- }
- .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 500ms ease-out;
- -webkit-animation:buttonMouseOff 500ms ease-out;
- animation:buttonMouseOff 500ms ease-out
- }
- .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
- }
- .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
- }
- .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:.5em;
- display:inline-block;
- position:relative;
- margin-top:-1.2em;
- margin-left:-3em;
- -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)
- }
- .android-download-btn .download-btn-icon {
- margin-left:-5.5em
- }
- .download-btn-text {
- position:absolute;
- top:1em;
- left:6em;
- -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
- }
- .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:17px;
- height:23px;
- background:url("../assets/icons/icons.png") -362px -161px
- }
- .android-icon-sm {
- width:20px;
- height:23px;
- background:url("../assets/icons/icons.png") -358px -129px
- }
- .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: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
- }
- .rating-pt-br_pegi-18-provisional {
- background-image:url("/assets/ratings/pt-br_pegi-18-provisional.svg");
- width:104px;
- height:60px
- }
- .rating-de-de_pegi-18-provisional {
- background-image:url("/assets/ratings/de-de_pegi-18-provisional.svg");
- width:45px;
- height:60px
- }
- .rating-icon.rating-en-gb_check-classification {
- background-image:url("/assets/ratings/en-gb_check-classification.svg");
- width:150px;
- height:60px
- }
- .rating-en-us_esrb-rp {
- background-image:url("/assets/ratings/en-us_esrb-rp.svg");
- width:110px;
- height:60px
- }
- .rating-en-us_esrb-rp-m {
- background-image:url("/assets/ratings/en-us_esrb-rp-m.svg");
- width:70px;
- height:60px
- }
- .rating-en-gb_pegi-18-provisional,
- .rating-es-es_pegi-18-provisional {
- background-image:url("/assets/ratings/es-es_pegi-18-provisional.svg");
- width:42px;
- height:60px;
- background-size:contain
- }
- .rating-fr-fr_pegi-18-provisional {
- background-image:url("/assets/ratings/fr-fr_pegi-18-provisional.svg");
- width:50px;
- height:60px
- }
- .rating-it-it_pegi-18-provisional {
- background-image:url("/assets/ratings/it-it_pegi-18-provisional.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-provisional {
- background-image:url("/assets/ratings/pl_pegi-18-provisional.svg");
- width:50px;
- height:60px
- }
- .rating-ru_pegi-18-provisional {
- background-image:url("/assets/ratings/ru_pegi-18-provisional.svg");
- width:140px;
- height:60px
- }
- .rating-de-de_usk-rp-lrg {
- background-image:url("/assets/ratings/de-de_usk-rp-lrg.svg");
- height:60px;
- width:50px
- }
- .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 (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 (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 (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 (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 (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 (orientation: landscape) {
- .social-network-icon.instagram-icon {
- height:2.875rem;
- width:2.875rem
- }
- }
- .app {
- background-color:#000;
- height:100%;
- left:0;
- overflow:hidden;
- opacity:0;
- position:absolute;
- transition:opacity 500ms ease-in-out 285ms,
- visibility 500ms ease-in-out 285ms,
- z-index 501ms linear 285ms;
- -webkit-backface-visibility:hidden;
- visibility:hidden;
- top:0;
- 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 {
- 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
- }
- .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 {
- 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;
- -webkit-backface-visibility:hidden;
- opacity:0;
- visibility:hidden;
- z-index:0
- }
- .page-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 {
- -webkit-flex-flow:row wrap;
- flex-flow:row wrap
- }
- }
- .page-loading .page-loader,
- .page-loading.page-active .page-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 {
- -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:0.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:0.875rem;
- font-family:"futura-pt-condensed",
- sans-serif;
- font-weight:400;
- display:block;
- height:100%;
- left:0;
- padding-top:36px;
- position:absolute;
- text-align:center;
- text-transform:uppercase;
- top:0;
- white-space:pre;
- width:100%;
- z-index:10
- }
- .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:0.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. Shutdown of the Masterbrain has been authorized and \a all sensitive materials have been removed for security purposes. \a Please attempt re-access. Have a pleasant day.";
- font:0.875rem"schoolbook-web",
- serif;
- color:#000;
- background:#ecebe8 url("../assets/texture-noise@1x.png") repeat;
- -moz-animation:none;
- -webkit-animation:none;
- animation:none;
- position:absolute;
- left:0;
- top:0;
- padding-top:130px;
- text-align:center;
- width:100%;
- white-space:pre;
- height:100%;
- margin:0;
- z-index:10
- }
- .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)
- }
- }
- .glitch-active {
- overflow:hidden
- }
- .glitch-image {
- -moz-transform:translate3d(0,
- 1em,
- 1em);
- -webkit-transform:translate3d(0,
- 1em,
- 1em);
- transform:translate3d(0,
- 1em,
- 1em);
- display:block;
- position:absolute;
- top:0;
- left:0;
- z-index:11;
- pointer-events:none;
- height:1px;
- width:1px;
- overflow:hidden;
- visibility:hidden
- }
- .glitch-active .glitch-image {
- -moz-animation:glitch 0.75s steps(7) infinite;
- -webkit-animation:glitch 0.75s steps(7) infinite;
- animation:glitch 0.75s steps(7) infinite;
- height:auto;
- overflow:visible;
- width:100%;
- visibility:visible
- }
- .grain-active {
- overflow:hidden
- }
- .grain-active:before {
- -moz-transform:translate3d(0,
- 1em,
- 1em);
- -webkit-transform:translate3d(0,
- 1em,
- 1em);
- transform:translate3d(0,
- 1em,
- 1em);
- -moz-animation:grain 3s steps(10) infinite;
- -webkit-animation:grain 3s steps(10) infinite;
- animation:grain 3s steps(10) infinite;
- 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-transform:translate3d(0,
- 1em,
- 1em);
- -webkit-transform:translate3d(0,
- 1em,
- 1em);
- transform:translate3d(0,
- 1em,
- 1em);
- -moz-animation:film 1.25s steps(18) infinite;
- -webkit-animation:film 1.25s steps(18) infinite;
- animation:film 1.25s steps(18) infinite;
- background:url("/assets/countdown/film-scratches.png");
- background-size:100% 1350%;
- background-repeat:no-repeat;
- content:"";
- display:block;
- height:1350%;
- width:100%;
- position:absolute;
- top:0;
- left:0;
- z-index:11;
- 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) {
- .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
- }
- }
- .modals {
- height:100%;
- left:0;
- position:absolute;
- top:0;
- 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:68.6875rem;
- 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:0.875rem;
- letter-spacing:.025rem;
- margin-top:2em;
- margin-bottom:2em;
- text-align:center;
- text-transform:uppercase;
- opacity:0;
- -moz-transition:opacity 300ms ease;
- -o-transition:opacity 300ms ease;
- -webkit-transition:opacity 300ms ease;
- transition:opacity 300ms ease
- }
- @media all and (min-width: 901px) {
- .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:0.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:0.3125rem
- }
- .app-header-nav-open .mobile-nav-icon {
- border:none;
- background:url("/assets/close-sm.svg");
- height:1.25em;
- width:1.25em;
- 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:0.75rem;
- letter-spacing:0.1875rem;
- list-style:none;
- margin:0;
- padding:0 1.0625rem;
- overflow:hidden;
- text-transform:uppercase;
- width:100%
- }
- @media all and (min-width: 901px) {
- .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:0.875rem;
- text-align:center;
- text-decoration:none;
- transition:color .75s;
- width:100%;
- z-index:1
- }
- .app-header-nav-item:nth-last-child(2) .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:0.75rem;
- width:auto;
- border:none
- }
- .app-header-nav-item-section-link:after {
- content:' ';
- display:block;
- margin-top:0.25rem;
- height:2px;
- width:0;
- -moz-transition:width 300ms ease-in,
- background-color 300ms ease-in;
- -o-transition:width 300ms ease-in,
- background-color 300ms ease-in;
- -webkit-transition:width 300ms ease-in,
- background-color 300ms ease-in;
- transition:width 300ms ease-in,
- background-color 300ms ease-in
- }
- .app-header-nav-item-section-link:hover:after {
- background-color:#fff;
- width:100%
- }
- .app-header-nav-item:nth-last-child(2) .app-header-nav-item-section-link {
- border:none
- }
- }
- .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%
- }
- }
- .nav-heading {
- color:#eae9e4;
- display:block;
- font-family:"futura-pt-condensed",
- sans-serif;
- font-weight:400;
- font-size:1em;
- letter-spacing:0.1875rem;
- margin-bottom:1em;
- text-align:center;
- text-transform:uppercase
- }
- .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:0.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:0.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-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 all and (min-width: 1116px) {
- .app-header-preorder-btn {
- margin:0
- }
- }
- .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
- }
- }
- .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:64px;
- height:23px;
- display:inline-block;
- position:absolute;
- right:0;
- top:-1.25em
- }
- .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
- }
- .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:0.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
- }
- .spike.promo-spike {
- padding:0;
- outline-offset:0
- }
- .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-image-container {
- overflow:hidden;
- width:100%
- }
- .featured-media-asset-background-image {
- position:relative;
- height:auto;
- width:100%
- }
- .featured-media-asset-text {
- -moz-animation-play-state:paused;
- -webkit-animation-play-state:paused;
- animation-play-state:paused;
- -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%;
- height:100%;
- position:absolute;
- width:100%;
- max-width:375px;
- z-index:2;
- cursor:pointer
- }
- @media all and (min-width: 767px) and (max-width: 1099px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
- .featured-media-asset-text {
- max-width:575px
- }
- }
- @media all and (min-device-width: 901px) and (max-width: 901px) {
- .featured-media-asset-text {
- opacity:1;
- width:50%;
- height:auto
- }
- }
- @media all and (min-width: 901px) {
- .featured-media-asset-text {
- opacity:1;
- -webkit-filter:blur(1px);
- filter:blur(1px);
- height:auto;
- width:75%;
- max-width:450px
- }
- .module-active .featured-media-asset-text {
- -moz-animation-play-state:running;
- -webkit-animation-play-state:running;
- animation-play-state:running
- }
- .featured-media-asset-text.slow-shake-active {
- margin-left:-225px;
- top:25%
- }
- }
- @media all and (min-width: 1280px) {
- .featured-media-asset-text {
- max-width:705px;
- max-height:600px
- }
- .featured-media-asset-text.slow-shake-active {
- margin-left:-352px
- }
- }
- @media all and (min-width: 1099px) and (max-height: 780px) {
- .featured-media-asset-text {
- max-width:620px;
- max-height:572px
- }
- .featured-media-asset-text.slow-shake-active {
- margin-left:-310px
- }
- }
- .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
- }
- }
- .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 1px 1px 1px #000;
- -webkit-box-shadow:inset 1px 1px 1px #000;
- box-shadow:inset 1px 1px 1px #000;
- border-top:1px solid #fff;
- border-right:1px solid #000;
- border-bottom:1px solid #000;
- border-left:2px solid #fff
- }
- @media all and (min-width: 321px) {
- .featured-media-download-asset-btn:before {
- background-size:percentage 0.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:1px 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 1px 1px 1px #000;
- -webkit-box-shadow:inset 1px 1px 1px #000;
- box-shadow:inset 1px 1px 1px #000;
- border-top:1px solid #fff;
- border-right:1px solid #000;
- border-bottom:1px 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:1px 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
- }
- .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 {
- display:table;
- 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:0.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:0.75rem
- }
- .tab-button-active .section-heading-inline-nav-item-btn.standard-btn {
- background:#000 url("../assets/texture-noise@1x.png");
- color:#fff;
- border-color:inherit
- }
- .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-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
- }
- }
- .media-view-btn-container {
- position:absolute;
- height:10em;
- width:5em;
- right:0;
- top:-3.25rem;
- z-index:2
- }
- .media-view-close-btn {
- right:0;
- top:0
- }
- @media all and (min-width: 901px) {
- .media-view-close-btn {
- right:1.5em
- }
- }
- .media-view-next-btn,
- .media-view-prev-btn {
- display:none
- }
- @media all and (min-width: 901px) {
- .media-view-next-btn,
- .media-view-prev-btn {
- display:block
- }
- }
- @media all and (min-width: 901px) {
- .media-view-download .modal-btn.media-view-next-btn,
- .media-view-download .modal-btn.media-view-prev-btn {
- display:none
- }
- }
- .media-view-download .media-view-caption-text-copy {
- display:none
- }
- .media-view-panel {
- height:0;
- left:0;
- opacity:0;
- overflow:hidden;
- top:-32px;
- -moz-transition:all 300ms ease;
- -o-transition:all 300ms ease;
- -webkit-transition:all 300ms ease;
- transition:all 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:0.1875rem;
- margin-bottom:.25em;
- font-size:0.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:0.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;
- display:none;
- height:100%;
- width:4.375rem;
- margin-left:.25em;
- -webkit-order:3;
- order:3
- }
- @media all and (min-width: 901px) {
- .media-view-download-link {
- display:block
- }
- }
- .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:0;
- bottom:4.25em;
- -moz-transition:all 200ms ease;
- -o-transition:all 200ms ease;
- -webkit-transition:all 200ms ease;
- transition:all 200ms ease
- }
- @media all and (min-width: 901px) {
- .media-view-download-dropdown-list {
- display:-webkit-flex;
- display:flex;
- -webkit-flex-flow:column wrap;
- flex-flow:column wrap;
- height:69px
- }
- }
- .media-view-download-dropdown-list.media-view-download-dropdown-list-active {
- height:16em;
- opacity:1
- }
- .media-view-download-dropdown-list-item {
- border-top:0.0625rem solid #eae9e4;
- color:#fff;
- font-family:"futura-pt",
- sans-serif;
- letter-spacing:0.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:0.0625rem;
- font-size:0.75rem
- }
- .media-view-download-dropdown-list-item:first-child {
- border-width:0.1875rem
- }
- .media-view-download-dropdown-list-item:last-child {
- border-bottom:0.1875rem solid #eae9e4
- }
- .announcement-preorder {
- 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) {
- .announcement-preorder {
- padding:2rem 0 0;
- margin:2rem auto 4em;
- overflow:visible
- }
- }
- .announcement-preorder-content {
- padding-top:2em
- }
- @media all and (min-width: 901px) {
- .announcement-preorder-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:3em
- }
- }
- .announcement-preorder-summary {
- -webkit-flex:2;
- flex:2;
- position:relative
- }
- .announcement-preorder-summary .announcement-preorder-summary-image {
- width:100%;
- z-index:1;
- position:relative;
- top:-5em
- }
- @media all and (min-width: 901px) {
- .announcement-preorder-summary .announcement-preorder-summary-image {
- top:10em;
- width:55%;
- left:14em
- }
- }
- .announcement-preorder-summary .announcement-preorder-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;
- position:absolute;
- bottom:1em;
- z-index:2
- }
- @media all and (min-width: 901px) {
- .announcement-preorder-summary .announcement-preorder-copy-wrapper {
- bottom:-2em
- }
- }
- .announcement-preorder-summary .announcement-preorder-copy {
- -webkit-flex:4 30%;
- flex:4 30%;
- margin:0
- }
- .announcement-preorder-summary .announcement-preorder-title-image {
- width:100%
- }
- @media all and (min-width: 901px) {
- .announcement-preorder-summary .announcement-preorder-title-image {
- margin-left:1em;
- position:absolute;
- z-index:2;
- width:70%
- }
- }
- .announcement-preorder-summary .preorder-form {
- position:relative;
- top:-2em
- }
- @media all and (min-width: 901px) {
- .announcement-preorder-summary .preorder-form {
- position:absolute;
- top:auto;
- bottom:-1em
- }
- }
- @media all and (min-width: 901px) {
- .announcement-preorder-summary {
- padding:0 0 1.5em
- }
- }
- .announcement-preorder-aside {
- width:100%;
- height:0;
- padding-bottom:162%;
- position:relative;
- background-image:url("/assets/announcement-preorder/announcement-preorder-aside-banner.jpg");
- background-repeat:no-repeat;
- background-size:100%;
- margin:auto
- }
- .announcement-preorder-aside .youtube-icon {
- background:url("/assets/announcement-preorder/announcement-preorder-aside-youtube-logo.png") 50% 50% no-repeat;
- background-size:50%
- }
- .announcement-preorder-aside .twitch-icon {
- background:url("/assets/announcement-preorder/announcement-preorder-aside-twitch-logo.png") 50% 50% no-repeat;
- background-size:50%
- }
- @media all and (min-width: 901px) {
- .announcement-preorder-aside {
- max-width:310px;
- height:500px;
- padding:0
- }
- }
- .announcement-preorder-aside-links {
- position:absolute;
- bottom:0;
- height:16%;
- width:100%;
- display:-webkit-flex;
- display:flex
- }
- .announcement-preorder-aside-link {
- clip:auto;
- color:transparent;
- display:block;
- height:0;
- margin:0;
- overflow:hidden;
- padding:0;
- text-indent:100%;
- white-space:nowrap;
- width:0;
- -webkit-flex:1;
- flex:1;
- height:auto;
- -moz-transition:opacity 300ms ease;
- -o-transition:opacity 300ms ease;
- -webkit-transition:opacity 300ms ease;
- transition:opacity 300ms ease
- }
- .announcement-preorder-aside-link:hover {
- opacity:0.5
- }
- .preorder-blimp-btn {
- color:#000;
- margin:1rem auto 0;
- width:18em;
- border-width:2px;
- letter-spacing:0.09375rem;
- font-size:0.7em;
- font-weight:600;
- padding-top:12px
- }
- .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 0.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 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:0.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:0.5rem;
- background:#000 url("/assets/texture-noise@1x.png");
- display:-ms-flexbox;
- -ms-flex-flow:row wrap;
- -ms-flex-pack:start;
- -ms-flex-align:center;
- display:-webkit-flex;
- display:flex;
- -webkit-flex-flow:row wrap;
- flex-flow:row wrap;
- -webkit-justify-content:space-around;
- justify-content:space-around;
- position:relative
- }
- @media all and (min-width: 901px) {
- .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;
- display:-webkit-flex;
- display:flex;
- -webkit-flex-flow:row wrap;
- flex-flow:row wrap;
- position:relative;
- text-align:right;
- padding-right:100px;
- width:100%
- }
- @media all and (min-width: 901px) {
- .newsletter-promo-module-form {
- padding-left:5rem;
- padding-right:130px;
- width:50%
- }
- }
- .newsletter-promo-module-form-field-input {
- 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;
- right:0;
- top:0;
- 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: 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 0;
- margin:2rem auto 4em;
- overflow:visible
- }
- }
- @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;
- margin-bottom:3em
- }
- }
- .promo-feature-summary {
- -webkit-flex:2;
- flex:2;
- position:relative
- }
- .promo-feature-summary .promo-feature-summary-image {
- width:100%;
- z-index:1;
- position:relative;
- top:-9em
- }
- @media all and (min-width: 901px) {
- .promo-feature-summary .promo-feature-summary-image {
- top:2em;
- width:90%;
- left:3em
- }
- }
- .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;
- position:absolute;
- bottom:1em;
- z-index:2
- }
- @media all and (min-width: 901px) {
- .promo-feature-summary .promo-feature-copy-wrapper {
- bottom:-2em
- }
- }
- .promo-feature-summary .promo-feature-copy {
- -webkit-flex:4 30%;
- flex:4 30%;
- margin:0
- }
- .promo-feature-summary .promo-feature-title-image {
- margin-left:-1em;
- width:100%
- }
- @media all and (min-width: 901px) {
- .promo-feature-summary .promo-feature-title-image {
- position:absolute;
- z-index:2;
- width:50%
- }
- }
- .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
- }
- }
- @media all and (max-width: 901px) {
- .promo-feature-summary .promo-feature-copy {
- -webkit-flex:1 100%;
- flex:1 100%;
- margin:3em 0 1em;
- line-height:1.5rem
- }
- .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 0 1.5em
- }
- }
- .promo-feature-merchandise {
- max-width:278px;
- max-height:500px;
- position:relative;
- top:2rem;
- 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 .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 {
- width:75%;
- margin:0 auto
- }
- }
- .promo-feature-merchandise .standard-btn {
- margin:0 6em 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:1em
- }
- .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 {
- margin-top:3rem;
- padding-top:3rem;
- margin-bottom:3rem
- }
- }
- @media all and (min-width: 1099px) {
- .simulation-hero {
- height:660px
- }
- }
- .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:0;
- position:absolute;
- top:0;
- width:100%;
- max-width:100%;
- z-index:0
- }
- @media all and (min-width: 901px) {
- .simulation-hero-background-image {
- min-width:1280px
- }
- }
- .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;
- margin-top:5rem
- }
- @media all and (min-width: 901px) {
- .simulation-hero-game-logo {
- width:auto;
- 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-more-link {
- color:#faed7b;
- display:block;
- font-family:"futura-pt",
- sans-serif;
- font-size:0.75rem;
- font-weight:bold;
- margin-bottom:20px;
- text-transform:uppercase
- }
- .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) {
- .promo-spike-preorder-btn.standard-btn {
- -moz-transform:none;
- -ms-transform:none;
- -webkit-transform:none;
- transform:none;
- bottom:20%
- }
- }
- @media all and (min-width: 321px) {
- .promo-spike-preorder-btn.standard-btn {
- font-size:10px
- }
- }
- @media all and (min-width: 901px) {
- .promo-spike-preorder-btn.standard-btn {
- padding:1.5em 5em;
- right:4em
- }
- }
- @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:12px
- }
- @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-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:row;
- -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
- }
- @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
- }
- .big-lead-in-snippet:before {
- top:-0.8em
- }
- @media all and (min-width: 901px) {
- .big-lead-in-snippet {
- margin-top:2em;
- margin-bottom:1em;
- padding-bottom:1.1em
- }
- }
- .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 {
- -webkit-justify-content:space-between;
- justify-content:space-between;
- margin:1.5em 0 0
- }
- }
- .big-lead-in-preorder-platform-logo {
- margin:0.5em 0.5em 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 {
- width:80px;
- height:15px
- }
- .big-lead-in-preorder-platform-logo .icon.pc-icon-black {
- width:22px;
- height: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 {
- color:#fff;
- display:inline-block;
- margin:0 auto 2em;
- position:relative;
- text-align:center;
- width:auto;
- min-width:150px
- }
- @media all and (min-width: 901px) {
- .carousel-heading {
- margin-bottom:3em
- }
- }
- .carousel-panels-wrapper {
- position:relative;
- margin:0 auto;
- width:100%
- }
- .carousel-panels {
- -moz-transition:-moz-transform 0.6s ease-in-out;
- -o-transition:-o-transform 0.6s ease-in-out;
- -webkit-transition:-webkit-transform 0.6s ease-in-out;
- transition:transform 0.6s ease-in-out;
- width:9999px
- }
- .carousel-panels:after {
- clear:both;
- content:'';
- display:block
- }
- .carousel-panel {
- max-width:1100px;
- float:left;
- opacity:0;
- max-height:1px;
- -moz-transition:opacity 1.4s ease,
- max-height 3s ease;
- -o-transition:opacity 1.4s ease,
- max-height 3s ease;
- -webkit-transition:opacity 1.4s ease,
- max-height 3s ease;
- transition:opacity 1.4s ease,
- max-height 3s ease
- }
- .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:570px;
- 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;
- min-height:328px;
- padding:0 60px
- }
- }
- .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 0.6s ease;
- -o-transition:opacity 0.6s ease;
- -webkit-transition:opacity 0.6s ease;
- transition:opacity 0.6s ease
- }
- @media all and (min-width: 901px) {
- .carousel-arrow {
- display:block
- }
- .carousel-arrow:hover {
- opacity:0.8
- }
- }
- .carousel-arrow-left {
- left:50px
- }
- .carousel-arrow-right {
- right:50px;
- -moz-transform:rotate(180deg);
- -ms-transform:rotate(180deg);
- -webkit-transform:rotate(180deg);
- transform:rotate(180deg)
- }
- .carousel-arrow-disabled {
- opacity:0.2;
- cursor:default
- }
- .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 {
- cursor:pointer;
- 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 (max-width: 901px) {
- .more-simulations-feature:first-of-type {
- border-bottom:2px solid #000;
- padding-bottom:2em;
- margin-bottom:1em
- }
- }
- @media all and (min-width: 901px) {
- .more-simulations-feature {
- text-align:right;
- width:45%
- }
- .more-simulations-feature:first-of-type::after {
- background:#000 url("../assets/texture-noise@1x.png");
- height:90%;
- width:3px;
- content:'';
- display:block;
- position:absolute;
- bottom:2.5em;
- right:-1em
- }
- }
- .more-simulations-feature-image {
- max-width:100%
- }
- @media all and (min-width: 901px) {
- .more-simulations-feature-image {
- max-width:none;
- max-height:360px
- }
- }
- .more-simulations-copy-wrapper {
- text-align:left;
- top:-1em;
- position:relative
- }
- @media all and (min-width: 901px) {
- .more-simulations-copy-wrapper {
- top:-2em
- }
- }
- .more-simulations-copy-text {
- width:100%
- }
- @media all and (min-width: 901px) {
- .more-simulations-copy-text {
- width:85%
- }
- }
- .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:flex-start;
- justify-content:flex-start
- }
- @media all and (min-width: 901px) {
- .more-simulations-buttons {
- width:70%
- }
- }
- .more-simulations-btn {
- display:block;
- width:49%;
- max-width:15em;
- position:relative
- }
- .more-simulations-btn:first-of-type {
- margin-right:.5em
- }
- @media all and (min-width: 901px) {
- .more-simulations-btn {
- width:43%;
- margin:0 1rem 0 0
- }
- }
- .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:0.875rem;
- font-family:"futura-pt-condensed",
- sans-serif;
- font-weight:400;
- text-transform:uppercase;
- padding:1rem;
- -webkit-flex:4;
- flex:4;
- width:100%;
- box-sizing:border-box
- }
- @media all and (min-width: 901px) {
- .app-footer-header {
- margin:1.5625rem auto 0.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;
- display:-ms-flexbox;
- -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:0.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:0.75rem
- }
- .app-footer-list-subhead,
- .app-footer-list-subhead-link {
- color:#000;
- font-family:"futura-pt",
- sans-serif;
- font-size:0.75rem;
- font-weight:bold;
- text-transform:uppercase;
- text-decoration:none
- }
- .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
- }
- .app-footer-list-subhead-link:after {
- content:' ';
- display:block;
- margin-top:0.25rem;
- height:2px;
- width:0;
- -moz-transition:width 300ms ease-in,
- background-color 300ms ease-in;
- -o-transition:width 300ms ease-in,
- background-color 300ms ease-in;
- -webkit-transition:width 300ms ease-in,
- background-color 300ms ease-in;
- transition:width 300ms ease-in,
- background-color 300ms ease-in
- }
- .app-footer-list-subhead-link:hover:after {
- background-color:#000;
- width:100%
- }
- .app-footer-list-subhead-link:after {
- position:absolute;
- bottom:-2px;
- left: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:after {
- content:' ';
- display:block;
- margin-top:0.25rem;
- height:2px;
- width:0;
- -moz-transition:width 300ms ease-in,
- background-color 300ms ease-in;
- -o-transition:width 300ms ease-in,
- background-color 300ms ease-in;
- -webkit-transition:width 300ms ease-in,
- background-color 300ms ease-in;
- transition:width 300ms ease-in,
- background-color 300ms ease-in
- }
- .app-footer-list-item-link:hover:after {
- background-color:#000;
- width:100%
- }
- .app-footer-list-item-link:after {
- position:absolute;
- bottom:-2px;
- left: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 {
- 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:0.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 1em;
- 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:2em
- }
- }
- @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
- }
- .app-footer-copyright-logo:first-of-type {
- -ms-flex:47%;
- -webkit-flex:1 47%;
- flex:1 47%;
- margin-bottom:1.5em;
- max-width:150px;
- margin-left:.25em;
- margin-right:.25em
- }
- @media all and (min-width: 480px) {
- .app-footer-copyright-logo:first-of-type {
- margin-bottom:0
- }
- }
- .app-footer-copyright-logo:nth-of-type(2) {
- -webkit-justify-content:flex-start;
- justify-content:flex-start;
- margin-bottom:1.5em
- }
- @media all and (max-width: 480px) {
- .app-footer-copyright-logo:nth-of-type(2) {
- -webkit-flex:1 45%;
- flex:1 45%
- }
- }
- @media all and (min-width: 480px) {
- .app-footer-copyright-logo:nth-of-type(2) {
- margin-bottom:0
- }
- }
- .app-footer-copyright-logo .rating-2-icon {
- padding-bottom:1.5em
- }
- @media all and (max-width: 480px) {
- .app-footer-copyright-logo .rating-2-icon {
- -webkit-flex:none;
- flex:none
- }
- }
- @media all and (min-width: 480px) {
- .app-footer-copyright-logo .rating-2-icon {
- padding: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 .rating-icon {
- max-height:46px;
- background-size:contain
- }
- @media all and (min-width: 768px) {
- .app-footer-copyright-logo:first-of-type,
- .app-footer-copyright-logo:nth-of-type(2) {
- margin: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
- }
- .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-copyright-logo .rating-icon {
- background-position:50%
- }
- }
- .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:0.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:0.625rem;
- font-weight:bold;
- letter-spacing:0.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:4rem
- }
- }
- .special-module-wrapper {
- margin:0 auto;
- max-width:1100px;
- padding:0 1rem
- }
- .special-module-asset-container {
- position:relative
- }
- .special-module-text {
- display:block;
- margin:0 auto;
- position:relative;
- width:100%;
- max-width:370px
- }
- .special-video-wrapper {
- background-image:url("/assets/special/special-module-projector-bg-desktop.png");
- border-bottom:5px solid #000;
- position:relative
- }
- .special-video-wrapper-top {
- width:83%;
- margin-top:14%;
- margin-left:9%;
- box-sizing:border-box;
- position:absolute;
- vertical-align:middle;
- top:0
- }
- .special-video-wrapper-middle {
- width:100%;
- padding-bottom:75%
- }
- .fallout-3-special-module .special-video-wrapper {
- background-image:url("/assets/special/special-module-tv-bg-desktop.png")
- }
- .fallout-3-special-module .special-video-wrapper-top {
- width:72%
- }
- .special-module-play-btn {
- position:absolute;
- right:50%;
- top:50%;
- margin-top:-40px;
- margin-right:-40px;
- transition:opacity 200ms ease-in-out,
- visibility 200ms ease-in-out;
- opacity:0;
- visibility:hidden;
- z-index:1
- }
- .special-module-has-video .special-module-play-btn {
- opacity:1;
- visibility:visible
- }
- .special-video-player-active .special-module-play-btn {
- opacity:0;
- visibility:hidden
- }
- .special-cover-image {
- height:auto;
- left:0;
- opacity:0;
- position:absolute;
- top:0;
- transition:opacity 200ms ease-in-out,
- visibility 200ms ease-in-out;
- visibility:hidden;
- width:100%
- }
- .special-cover-image.special-cover-image-active {
- opacity:1;
- visibility:visible
- }
- .special-video-player-active .special-cover-image {
- opacity:0;
- visibility:hidden
- }
- .special-video-player {
- display:block;
- width:100%;
- height:100%;
- position:absolute;
- left:0;
- top:0;
- background:#ebeae5
- }
- .special-video-player iframe {
- display:block;
- width:100%;
- height:100%;
- position:absolute;
- left:0;
- top:0
- }
- .special-video-player-active iframe {
- z-index:3
- }
- .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
- }
- @media all and (min-width: 901px) {
- .special-links {
- font-size:22px;
- max-width:250px
- }
- }
- .special-link {
- display:inline-block;
- list-style:none;
- margin:.1rem 0;
- padding:.3rem 2rem .3rem 1rem;
- position:relative;
- text-align:left;
- width:80%;
- -moz-transition:width,
- 0.5s;
- -o-transition:width,
- 0.5s;
- -webkit-transition:width,
- 0.5s;
- transition:width,
- 0.5s
- }
- @media all and (min-width: 901px) {
- .special-link {
- width:60%
- }
- }
- .special-link::after {
- content:'';
- display:block;
- position:absolute;
- width:0;
- top:0;
- left:0;
- -moz-transition:width,
- 0.5s;
- -o-transition:width,
- 0.5s;
- -webkit-transition:width,
- 0.5s;
- transition:width,
- 0.5s
- }
- .special-link::before {
- content:'';
- display:block;
- position:absolute;
- height:0%;
- width:0;
- right:110%;
- -moz-transition:all,
- 0.6s;
- -o-transition:all,
- 0.6s;
- -webkit-transition:all,
- 0.6s;
- transition:all,
- 0.6s
- }
- .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,
- 0.6s;
- -o-transition:all,
- 0.6s;
- -webkit-transition:all,
- 0.6s;
- transition:all,
- 0.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;
- position:relative;
- -webkit-justify-content:flex-start;
- justify-content:flex-start;
- height:37.5rem
- }
- .special-module-text {
- -webkit-order:1;
- order:1;
- height:155px;
- width:331px;
- 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%
- }
- .previous-simulations-platforms {
- 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")
- }
- .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;
- display:-webkit-flex;
- display:flex;
- -webkit-flex-flow:row wrap;
- flex-flow:row wrap;
- -webkit-justify-content:space-between;
- justify-content:space-between;
- list-style:none
- }
- @media all and (min-width: 901px) {
- .add-on-list {
- -webkit-justify-content:space-between;
- justify-content:space-between
- }
- }
- .add-on-list .standard-btn {
- background-color:#fff;
- color:#000;
- font-weight:bold;
- display:inline-block
- }
- .add-on-item {
- box-sizing:border-box;
- display:block;
- height:auto;
- margin-bottom:3em;
- padding-left:1em;
- padding-right:1em;
- text-align:center;
- width:100%
- }
- @media all and (min-width: 901px) {
- .add-on-item {
- margin:0 auto;
- width:30%;
- padding-left:0;
- padding-right:0
- }
- }
- .add-on-cover-art {
- width:100%
- }
- @media all and (min-width: 901px) {
- .add-on-cover-art {
- max-width:238px;
- padding-left:0;
- padding-right:0
- }
- }
- .add-on-title {
- font-size:0.6875rem;
- margin-top:3em
- }
- .add-on-summary {
- font-size:0.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
- }
- @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-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
- }
- }
- .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-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;
- text-align:center;
- position:relative;
- width:48%
- }
- @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-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-left: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 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-bottom:2em
- }
- }
- .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;
- padding:0
- }
- @media all and (min-width: 901px) {
- .media-module-inner-panel {
- margin-right:-2%
- }
- }
- .media-module-item-image {
- width:100%
- }
- .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:440px;
- 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 0.3s ease-in-out;
- -o-transition:opacity 0.3s ease-in-out;
- -webkit-transition:opacity 0.3s ease-in-out;
- transition:opacity 0.3s ease-in-out;
- width:100%;
- height:100%
- }
- .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-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%
- }
- .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:space-between;
- justify-content:space-between;
- display:-webkit-flex;
- display:flex;
- list-style:none;
- margin:2em auto 3em;
- max-width:400px;
- padding:0 2em
- }
- .social-media-feed-networks .social-media-feed-network {
- box-sizing:border-box;
- display:-webkit-flex;
- display:flex;
- width:30%;
- min-width:35px;
- text-align:center;
- padding:1em 0 .5em
- }
- @media all and (min-width: 901px) {
- .social-media-feed-networks {
- margin:2em 1.5em 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 {
- background:#fff;
- box-sizing:border-box;
- height:auto;
- min-height:200px;
- width:100%;
- position:relative
- }
- @media all and (min-width: 901px) {
- .social-media-feed-panels {
- border:1rem solid transparent;
- -webkit-order:2;
- order:2;
- 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 {
- background:#fff;
- 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;
- overflow-x:hidden;
- pointer-events:all;
- visibility:visible;
- z-index:2
- }
- #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
- }
- }
- .survival-guide-module-wrapper {
- padding:0;
- max-width:1100px;
- margin:0 auto
- }
- .survival-guide-module-image {
- display:block;
- height:auto;
- margin-bottom:0.4em;
- 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-size:27px;
- letter-spacing:0.04em;
- line-height:34px;
- margin:0 0 2rem
- }
- @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-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-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
- }
- @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
- }
- @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
- }
- @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:0.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 {
- line-height:1.5em
- }
- .newsletter-page-success-copy:first-of-type {
- margin-top:8rem
- }
- .newsletter-page-success-copy:last-of-type {
- margin-bottom:11rem
- }
- @media all and (min-width: 901px) {
- .newsletter-page-success-copy:first-of-type {
- margin-top:10rem
- }
- .newsletter-page-success-copy:last-of-type {
- margin-bottom:18rem
- }
- }
- .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 {
- line-height:1.5em;
- padding-top:50%;
- text-align:center
- }
- @media all and (min-width: 901px) {
- .newsletter-page-error-copy {
- padding:0 0 50%;
- -moz-transform:translateY(40%);
- -ms-transform:translateY(40%);
- -webkit-transform:translateY(40%);
- transform:translateY(40%)
- }
- }
- .newsletter-page-content {
- background:#ecebe8 url("../assets/texture-noise@1x.png");
- padding:1em
- }
- .newsletter-page-content.newsletter-page-content-intro {
- padding-top:8.5em;
- text-align:center;
- border-bottom:1px dashed #333
- }
- @media all and (min-width: 901px) {
- .newsletter-page-content.newsletter-page-content-intro {
- padding-top:6.5em
- }
- }
- .newsletter-page-content.newsletter-page-form-footer {
- background:#000 url("/assets/texture-noise@1x.png")
- }
- .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:after,
- .newsletter-page-success-content:after,
- .newsletter-page-error-content:after {
- background:url("../assets/vault-tec-icon-black.svg") no-repeat 0;
- content:"";
- display:block;
- position:absolute;
- height:8em;
- width:8em;
- left:50%;
- top:2em;
- background-size:100%;
- margin-left:-4em
- }
- @media all and (min-width: 901px) {
- .newsletter-page-content-intro:after,
- .newsletter-page-success-content:after,
- .newsletter-page-error-content:after {
- top:-2em;
- width:10em;
- height:10em;
- margin-left:-5em
- }
- }
- .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-content-column:last-of-type {
- margin-left:1.5em
- }
- }
- .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
- }
- .newsletter-page-form-success .newsletter-page-heading {
- position:relative;
- top:6rem;
- font-family:"futura-pt-condensed",
- sans-serif;
- font-weight:500
- }
- @media all and (min-width: 901px) {
- .newsletter-page-form-success .newsletter-page-heading {
- top:3.5em
- }
- }
- .newsletter-page-form-error .newsletter-page-heading {
- padding-bottom:2em
- }
- .newsletter-page-subtext {
- text-align:center
- }
- .newsletter-page-form-date-container .form-field-number-input {
- background:none;
- border:none;
- font-size:2em;
- display:inline;
- overflow:visible;
- position:relative;
- z-index:2;
- font-family:"futura-pt",
- sans-serif;
- font-weight:bold;
- padding-left:0
- }
- .newsletter-page-form-date-container .form-field-number-input.newsletter-page-form-birth-year-text-field {
- width:3.25em
- }
- .newsletter-page-form-date-container .form-field-number-input.newsletter-page-form-birth-day-text-field {
- width:1.4em
- }
- .newsletter-page-form-date-container .form-field-number-input.newsletter-page-form-birth-month-text-field {
- width:1.9em
- }
- .form-field-error .newsletter-page-form-date-container .form-field-number-input:-moz-placeholder {
- color:#bd0100
- }
- .form-field-error .newsletter-page-form-date-container .form-field-number-input::-moz-placeholder {
- color:#bd0100
- }
- .form-field-error .newsletter-page-form-date-container .form-field-number-input:-ms-input-placeholder {
- color:#bd0100
- }
- .form-field-error .newsletter-page-form-date-container .form-field-number-input::-webkit-input-placeholder {
- color:#bd0100
- }
- .newsletter-page-form-date-container .form-field-number-input:-moz-placeholder {
- color:#000
- }
- .newsletter-page-form-date-container .form-field-number-input::-moz-placeholder {
- color:#000
- }
- .newsletter-page-form-date-container .form-field-number-input:-ms-input-placeholder {
- color:#000
- }
- .newsletter-page-form-date-container .form-field-number-input::-webkit-input-placeholder {
- color:#000
- }
- .newsletter-page-form-date-container .form-field-number-input:focus:-moz-placeholder {
- color:transparent;
- text-shadow:none
- }
- .newsletter-page-form-date-container .form-field-number-input:focus::-moz-placeholder {
- color:transparent;
- text-shadow:none
- }
- .newsletter-page-form-date-container .form-field-number-input:focus:-ms-input-placeholder {
- color:transparent;
- text-shadow:none
- }
- .newsletter-page-form-date-container .form-field-number-input:focus::-webkit-input-placeholder {
- color:transparent;
- text-shadow:none
- }
- .newsletter-page-form-birth-field-container:after {
- content:'/';
- font-size:2em
- }
- .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-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 {
- background:#ecebe8 url("/assets/texture-noise@1x.png");
- border:none;
- -moz-border-radius:0;
- -webkit-border-radius:0;
- border-radius:0;
- box-sizing:content-box;
- color:#000;
- cursor:pointer;
- font-size:0.75rem;
- line-height:10px;
- margin:2em auto;
- padding:0.8em 2.5em;
- width:130px;
- overflow-y:hidden
- }
- @media all and (min-width: 901px) {
- .newsletter-page-form-footer .newsletter-page-form-submit-btn {
- padding:1em 3.4em;
- position:absolute;
- right:0;
- top:0;
- width:auto
- }
- }
- .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-success-footer,
- .newsletter-page-error-footer {
- display:-webkit-flex;
- display:flex;
- -webkit-flex-flow:row wrap;
- flex-flow:row wrap;
- -webkit-justify-content:space-around;
- justify-content:space-around;
- margin:1.5625rem 0 0.5rem;
- text-align:center;
- font-size:0.875rem;
- font-family:"futura-pt-condensed",
- sans-serif;
- font-weight:400;
- text-transform:uppercase;
- -webkit-flex:4;
- flex:4
- }
- .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;
- width:100%
- }
- @media all and (min-width: 901px) {
- .preorder-featured-media .featured-media-asset-background-image {
- height:100%;
- max-height:358px;
- width:100%
- }
- }
- @media all and (min-width: 901px) {
- .preorder-featured-media .featured-media-asset-text {
- max-width:400px;
- margin-left:-200px
- }
- }
- .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;
- height:100%;
- 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 0
- }
- @media all and (min-width: 901px) {
- .preorder-lead-in-module .preorder-lead-in-release-date,
- .announcement-preorder .preorder-lead-in-release-date {
- margin:3em 0 2em 2.75em;
- position:absolute;
- left:0;
- bottom:6em
- }
- }
- @media all and (min-width: 901px) {
- .preorder-lead-in-module .big-lead-in-copy,
- .announcement-preorder .big-lead-in-copy {
- margin-bottom:4em
- }
- }
- .preorder-lead-in-module .preorder-lead-in-submit-btn.standard-btn,
- .announcement-preorder .preorder-lead-in-submit-btn.standard-btn {
- position:relative;
- width:100%;
- max-height:4em;
- font-size:0.75rem;
- margin-bottom:1em
- }
- @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;
- margin:0 6em 0 auto
- }
- }
- @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:200px;
- margin-right:1em
- }
- }
- @media all and (min-width: 1099px) {
- .preorder-lead-in-module .form-dropdown-container,
- .announcement-preorder .form-dropdown-container {
- width:230px
- }
- }
- .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:0.75rem;
- font-family:"futura-pt",
- sans-serif;
- font-weight:bold;
- letter-spacing:0.1875rem;
- padding:1.4em 2em 1.2em;
- text-transform:uppercase;
- text-decoration:none;
- color:#fff;
- text-align:left
- }
- .preorder-lead-in-module .form-dropdown-value-container,
- .announcement-preorder .form-dropdown-value-container {
- text-align:center
- }
- @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
- }
- }
- .preorder-form {
- padding:0 2em
- }
- @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
- }
- .apps-module {
- max-width:87.5rem;
- margin:0 auto 2rem;
- padding:0 1rem
- }
- @media all and (min-width: 901px) {
- .apps-module {
- padding:0 1rem
- }
- }
- @media all and (min-width: 1099px) {
- .apps-module {
- padding:0 9rem 4rem
- }
- }
- .apps-page-header {
- width:100%;
- max-width:1102px;
- left:50%;
- position:relative;
- -moz-transform:translateX(-50%);
- -ms-transform:translateX(-50%);
- -webkit-transform:translateX(-50%);
- transform:translateX(-50%)
- }
- .apps-module-sub-heading {
- margin:2em 1em
- }
- @media all and (min-width: 901px) {
- .apps-module-sub-heading {
- margin:3em 1em 0
- }
- .apps-module:nth-of-type(2) .apps-module-sub-heading {
- margin-left:30rem
- }
- }
- @media all and (min-width: 1099px) {
- .apps-module:nth-of-type(2) .apps-module-sub-heading {
- margin-left:35rem
- }
- }
- @media all and (min-width: 1280px) {
- .apps-module-sub-heading {
- margin:6em 1em 0
- }
- .apps-module:nth-of-type(2) .apps-module-sub-heading {
- margin-left:45rem
- }
- }
- @media all and (min-width: 901px) {
- .apps-module-desc-text {
- margin-bottom:5em;
- width:350px;
- min-height:12em
- }
- .apps-module:nth-of-type(2) .apps-module-desc-text {
- margin-left:30rem
- }
- }
- @media all and (min-width: 1099px) {
- .apps-module:nth-of-type(2) .apps-module-desc-text {
- margin-left:35rem
- }
- }
- @media all and (min-width: 1280px) {
- .apps-module:nth-of-type(2) .apps-module-desc-text {
- margin-left:45rem
- }
- }
- @media all and (min-width: 901px) {
- .apps-module-device-images {
- -moz-transform:scale(0.6,
- 0.6);
- -ms-transform:scale(0.6,
- 0.6);
- -webkit-transform:scale(0.6,
- 0.6);
- transform:scale(0.6,
- 0.6);
- position:absolute;
- top:4.25rem;
- right:5rem
- }
- .apps-module:nth-of-type(2) .apps-module-device-images {
- right:auto;
- left:0
- }
- }
- @media all and (min-width: 1099px) {
- .apps-module-device-images {
- -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)
- }
- }
- @media all and (min-width: 1280px) {
- .apps-module-device-images {
- -moz-transform:none;
- -ms-transform:none;
- -webkit-transform:none;
- transform:none
- }
- }
- .apps-module-device-image {
- position:absolute;
- right:-0.75em;
- width:100%;
- top:-2.65em;
- opacity:0;
- visibility:hidden;
- -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;
- z-index:1
- }
- .apps-module-device-image.apps-module-device-image-active {
- z-index:2;
- opacity:1;
- visibility:visible
- }
- @media all and (-webkit-min-device-pixel-ratio: 2),
- only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
- .apps-module-device-image {
- right:2.25em;
- width:80%;
- top:2em
- }
- }
- @media all and (min-width: 901px) {
- .apps-module-device-image {
- top:-3.05em;
- right:0;
- width:100%
- }
- .apps-module:nth-of-type(2) .apps-module-device-image-phone-container .apps-module-device-image {
- top:-2.9em
- }
- .apps-module-device-image-tablet-container .apps-module-device-image {
- top:-.75em;
- right:2.5em;
- width:90%
- }
- }
- @media all and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
- .apps-module-device-image {
- -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);
- top:0
- }
- .apps-module:nth-of-type(2) .apps-module-device-image-phone-container .apps-module-device-image {
- top:0
- }
- .apps-module-device-image-tablet-container .apps-module-device-image {
- top:-7em;
- right:0.5em;
- width:100%;
- transform:none
- }
- }
- .apps-module-device-image-phone-container {
- background-image:url("/assets/apps-phone-bg.png");
- width:498px;
- height:264px;
- position:relative
- }
- .apps-module-device-image-phone-container:after {
- background:url("/assets/texture-noise@1x.png");
- content:'';
- display:block;
- position:absolute;
- width:100%;
- height:100%
- }
- @media all and (min-width: 901px) {
- .apps-module-device-image-phone-container {
- position:absolute;
- right:14rem;
- top:16rem;
- z-index:2
- }
- .apps-module:nth-of-type(2) .apps-module-device-image-phone-container {
- right:auto
- }
- }
- .apps-module-device-image-tablet-container {
- background-image:url("/assets/apps-tablet-bg.png");
- width:928px;
- height:407px;
- display:none
- }
- .apps-module-device-image-tablet-container:after {
- background:url("/assets/texture-noise@1x.png");
- content:'';
- display:block;
- position:absolute;
- width:100%;
- height:100%
- }
- @media all and (min-width: 901px) {
- .apps-module-device-image-tablet-container {
- display:block;
- position:absolute;
- width:800px;
- height:320px;
- right:-5rem;
- z-index:1;
- background-size:100%;
- background-position:0 -30px;
- overflow-y:hidden
- }
- .apps-module:nth-of-type(2) .apps-module-device-image-tablet-container {
- right:auto
- }
- }
- .apps-module-sub-heading-text-primary {
- display:block;
- font-family:"SouthernAire",
- serif;
- font-size:2.5em;
- font-weight:normal;
- letter-spacing:normal;
- line-height:0.45em;
- text-transform:none
- }
- .apps-module-sub-heading-text-secondary {
- font-family:"futura-pt",
- sans-serif;
- font-size:2.25rem;
- letter-spacing:normal;
- line-height:2.5625rem;
- margin:0
- }
- .apps-module-download-heading {
- font-family:"futura-pt",
- sans-serif;
- font-size:0.8em;
- font-weight:bold;
- letter-spacing:0.1em;
- text-transform:uppercase;
- display:block;
- width:100%;
- text-align:center;
- margin:0 0 2em
- }
- @media all and (min-width: 901px) {
- .apps-module-download-heading {
- margin:0 0 2em 1em;
- text-align:left
- }
- .apps-module:nth-of-type(2) .apps-module-download-heading {
- margin-left:30rem
- }
- }
- @media all and (min-width: 1099px) {
- .apps-module:nth-of-type(2) .apps-module-download-heading {
- margin-left:35rem
- }
- }
- @media all and (min-width: 1280px) {
- .apps-module:nth-of-type(2) .apps-module-download-heading {
- margin-left:45rem
- }
- }
- .apps-module-download-btns {
- display:-webkit-flex;
- display:flex;
- -webkit-flex-flow:row wrap;
- flex-flow:row wrap;
- -webkit-justify-content:space-around;
- justify-content:space-around;
- width:18.5em;
- margin:auto
- }
- @media all and (min-width: 901px) {
- .apps-module-download-btns {
- -webkit-justify-content:space-between;
- justify-content:space-between;
- margin-left:1em
- }
- .apps-module:nth-of-type(2) .apps-module-download-btns {
- margin-left:30rem
- }
- }
- @media all and (min-width: 1099px) {
- .apps-module:nth-of-type(2) .apps-module-download-btns {
- margin-left:35rem
- }
- }
- @media all and (min-width: 1280px) {
- .apps-module:nth-of-type(2) .apps-module-download-btns {
- margin-left:45rem
- }
- }
- .apps-module-download-btn {
- width:48%
- }
- @media all and (min-width: 901px) {
- .apps-module-download-btn {
- max-width:320px
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement