@charset "UTF-8";
@font-face{font-family:'Beaufort for LOL';src:url('./fonts/BeaufortforLOL-Bold.eot');src:url('./fonts/BeaufortforLOL-Bold.eot?#iefix') format('embedded-opentype'),url('./fonts/BeaufortforLOL-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Spiegel';src:url('./fonts/Spiegel-Bold.eot');src:url('./fonts/Spiegel-Bold.eot?#iefix') format('embedded-opentype'),url('./fonts/Spiegel-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
html{font-family:"Spiegel","Gill Sans W04",GillSans,"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;font-size:12px;line-height:1.5;box-sizing:border-box;background-color:#121212;color:#937341;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*,::after,::before{box-sizing:inherit}
body{margin:0;-webkit-backface-visibility:hidden}
body.is-locked{overflow:hidden}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent;color:#c4b998;text-decoration:none}
a:active,a:focus,a:hover{outline:0;text-decoration:none}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
h1,h2,h3,h4,h5,h6{margin:0 0 20px;font-size:1.2rem;line-height:1.5}
p{margin:0 0 20px;letter-spacing:2px}
dl,ol,ul{margin:0 0 20px}
img{border:0;vertical-align:middle}
figure{margin:0 0 20px}
figcaption{font-size:1em;font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;margin:0 0 20px;border:solid #bfbfbf;border-width:0 0 1px}
section{border-top:2px solid #463714;position:relative;background-color:#121212}
section::before{content:'';display:block;position:absolute;top:-1px;left:50%;opacity:.53;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
button{overflow:visible;text-transform:none;color:inherit;font:inherit;margin:0;-webkit-appearance:button;cursor:pointer}
button::-moz-focus-inner{border:0;padding:0}
button[disabled]{cursor:default}
#download-app,#redownload-app{overflow:hidden}
.o-flex-box{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.o-full-page{width:100vw;min-height:100vh;padding:120px 0 30px;position:relative}
@media (min-width:992px){.o-full-page{padding:120px 0 140px}}
.o-full-page::before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;transition-timing-function:ease-out}
.o-full-page--download{padding:120px 0 0}
.o-aspect{overflow:hidden;padding-top:100%;width:100%;position:relative}
.o-aspect>div,.o-aspect>iframe,.o-aspect>img,.o-aspect>video{margin:0;width:100%;height:100%;position:absolute;top:0;left:0}
.o-aspect--1680x1050{padding-top:62.5%}
.c-header__dust{position:relative}
.c-logo{position:absolute;top:20px;width:100%;z-index:1}
@media (min-width:992px){.c-logo{top:30px;left:48px;width:initial;margin:0}}
.c-logo__mobile{display:block;margin:0 auto}
@media (min-width:992px){.c-logo__mobile{display:none}}
.c-logo__desktop{display:none;width:121px;height:75px}
@media (min-width:767px){.c-logo__desktop{width:121px;height:75px}}
@media (min-width:992px){.c-logo__desktop{display:block}}
.c-logo__desktop,.c-logo__mobile{opacity:1;transition:opacity .3s ease 0s}
.c-header{position:relative;max-width:95vw;margin:0 auto}
@media (min-width:992px){.c-header{margin:0 auto 0}}
.c-header.has-hangTag{margin-top:0}
.c-header.has-hangTag::before{content:'';display:block;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:0;bottom:calc(100% + 30px);width:18px;height:50vh;background-image:url('./download_hangtag.svg');background-repeat:no-repeat;background-position:center bottom;background-size:cover}
@media (min-width:992px){.c-header.has-hangTag{margin-top:-70px}.c-header.has-hangTag::before{opacity:1}}
.c-skinbox.skinbox-desktop{display:none}
@media (min-width:992px){.c-skinbox.skinbox-desktop{position:absolute;top:48px;right:48px;z-index:100;display:inherit}.c-skinbox.skinbox-desktop .mobile-dropdown{display:none}}
.c-download{text-align:center}
.c-download .c-heading--sub{color:#e3b75e}
.c-divider{margin:-10px auto -10px;-webkit-transform:scale(.65);-ms-transform:scale(.65);transform:scale(.65);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}
@media (min-width:992px){.c-divider{-webkit-transform:none;-ms-transform:none;transform:none}}
.c-fancy-download{position:relative;padding:54px 0;margin-top:10px;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}
@media (min-width:768px){.c-fancy-download{margin-bottom:0;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}
.c-fancy-download::before{content:'';display:block;position:absolute;width:736px;height:288px;top:50%;left:50%;margin-top:-125px;margin-left:-368px;background-repeat:no-repeat;background-position:center}
.c-fancy-download--alt{margin-top:-70px}
.c-fancy-download .c-button--fancy{color:#cdfafa;border-color:#0596aa;background:linear-gradient(to bottom,#0596aa 0,#005a82 100%);width:348px;padding:30px 0;font-size:2.2rem;font-weight:700}
.c-fancy-download .c-button--fancy::before{top:4px;left:4px;right:4px;bottom:4px}
.c-fancy-download .c-button--fancy::after{content:'';display:block;background:url('./button-bg-pattern.png') repeat-x top left;background-size:auto 100%;background-position:0 0;width:100%;height:100%;position:absolute;top:0;left:0;opacity:.3;-webkit-animation:movingBG 500s linear infinite;animation:movingBG 500s linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused;will-change:background-position;transition:.4s ease}
.c-fancy-download .c-button--fancy:hover::after{opacity:.5;-webkit-animation-play-state:running;animation-play-state:running}
.c-link-container{margin-bottom:16px;font-size:1.1rem}
a.c-link,.c-link{position:relative;font-weight:500;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-backface-visibility:hidden;backface-visibility:hidden}
a.c-link::after,.c-link::after,a.c-link::before,.c-link::before{content:'';display:block;position:absolute;bottom:-4px;left:50%;height:1px;width:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:#444036;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}
a.c-link::after,.c-link::after{width:10%}
a.c-link:active,a.c-link:focus,a.c-link:hover,a.c-link:hover:active,a.c-link:hover:focus,a.c-link:hover:focus:active{color:#e9e5d9}
a.c-link:hover::after{background:#7d7663;width:100%}
.c-heading{color:#fff;font-size:8vw;text-transform:uppercase;letter-spacing:6px;line-height:1.16;margin:0 12px 20px}
@media (min-width:992px){.c-heading{margin:0;padding:18px 0;font-size:4.5rem}}
.c-heading--mega{font-size:8vw;padding:0}
@media (min-width:992px){.c-heading--mega{padding:30px 0;font-size:7rem}}
.c-heading--sub{font-size:6vw}
@media (min-width:992px){.c-heading--sub{font-size:40px}}
.c-button--fancy{display:inline-block;text-align:center;color:#997337;font-size:1.5rem;text-transform:uppercase;letter-spacing:.25rem;line-height:1;width:240px;border:none;padding:23px 0;position:relative;background:linear-gradient(to bottom,#ecc572 0,#815500 100%);z-index:1;box-shadow:0 0 25px rgba(0,0,0,.11)}
.c-button--fancy::before{content:'';display:block;position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:#111;z-index:-1}
.c-button--fancy:active,.c-button--fancy:hover{color:#c4b998}
.c-background-video{display:block;min-width:100%;width:160vh;height:100vh;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:-1}
.c-background-video__video{position:absolute;background-image:url('./download-nexus.jpg');background-position:53.5938% 27.139%;background-size:cover}
.is-mounted .c-background-video__video{opacity:.4}
.is-webkit .is-mounted .c-background-video__video{-webkit-filter:blur(4px);filter:blur(4px)}
.c-background-video__video::before,.c-background-video__video::after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}
.c-background-video__video::before{background:radial-gradient(ellipse at center,rgba(16,16,16,0) 0,#101010 88%)}
.c-background-video__video::after{background:linear-gradient(to top,#101010 0,rgba(16,16,16,0) 30%)}
.c-background-video__video video{width:100%}
.c-footer{width:100%}
@media (min-width:992px){.c-footer{position:relative;bottom:113px;height:0}}
.c-rights{text-align:center;margin:30px 0}
@media (min-width:992px){.c-rights{position:relative;top:90px;margin:0}}
.c-rights__text{margin:0}
.u-text-center{text-align:center}
.u-text-uppercase{text-transform:uppercase}
.u-text-beaufort{font-family:"Beaufort for LOL",serif}
@-webkit-keyframes movingBG{from{background-position:0 0}to{background-position:10000px 0}}
@keyframes movingBG{from{background-position:0 0}to{background-position:10000px 0}}