/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,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:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{background:#000}body{font-size:22px;color:#fff;line-height:1.5;font-weight:400;color:rgba(255,255,255,.5);font-family:Lato,"Helvetica Neue",HelveticaNeue,Tahoma,Geneva,Helvetica,Arial,"Bitstream Vera Sans",sans-serif;color:#fff;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,:after,:before{box-sizing:border-box}:focus{outline:0}em{font-style:italic}strong{font-weight:600}a{color:#fff;text-decoration:none}a:hover{color:rgba(255,255,255,.5)}button,input,select,textarea{font-family:Lato,"Helvetica Neue",HelveticaNeue,Tahoma,Geneva,Helvetica,Arial,"Bitstream Vera Sans",sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button::-moz-focus-inner{border:0;padding:0;margin:0}#container{position:relative;margin:0 auto;zoom:1}#container:after,#container:before{content:"";display:table}#container:after{clear:both}#container section{max-width:800px;width:90%;margin:60px auto}#container header{position:relative;text-align:center;zoom:1}#container header:after,#container header:before{content:"";display:table}#container header:after{clear:both}#container header #teaser{background:url(https://skatecitygame.com/skatecity/assets/gfx/video_thumb.jpg) center center no-repeat;background-size:cover;height:0;padding-bottom:56.23%;width:100%;position:relative;transition:1.2s padding cubic-bezier(.23, 1, .32, 1)}#container header #teaser:before{content:"Scroll down for more";position:absolute;width:100%;top:2vw;left:0;text-align:center;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:rgba(255,255,255,.5);z-index:999;transform:translateY(-200px)}.played #container header #teaser:before{animation:hint 8s 65s}#container header #teaser:after{content:"";position:absolute;width:100%;bottom:-1px;height:10vw;left:0;background:linear-gradient(rgba(0,0,0,0),#000)}#container header h1{max-width:504px;height:0;padding-top:12.8292046944vw;width:60vw;margin:0 auto 4vw;background:url(https://skatecitygame.com/skatecity/assets/gfx/skatecity_negative.svg) 0 0 no-repeat;background-size:100% 100%;transition:1.2s all cubic-bezier(.23, 1, .32, 1);text-indent:200%;white-space:nowrap;overflow:hidden}.played #container header h1{transform-origin:bottom center;transform:scale(.5)}#container header p.caption{line-height:1.5;color:rgba(255,255,255,.6);width:80vw;margin:auto;margin-bottom:2em}#container header .platformbadge{margin-top:8px;margin-left:4px;margin-right:4px;height:61px;transition:.25s all cubic-bezier(.68, -.55, .265, 1.55);transition:none}#container header .platformbadge:hover{transform:scale(.98)}#container .videoWrapper{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;max-width:100%;transition:1.2s padding cubic-bezier(.23, 1, .32, 1)}#container .videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:0 0}#container .videoWrapper img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;cursor:pointer;transition:.4s all}#container .videoWrapper img:hover{filter:brightness(75%)}#container .videoWrapper .play{height:6vw;width:10vw;left:50%;top:50%;margin-left:-5vw;margin-top:-4vw;position:absolute;background:rgba(0,0,0,.5);border-radius:12px;cursor:pointer;transition:.5s all cubic-bezier(.68, -.55, .265, 1.55)}#container .videoWrapper .play:before{content:"";width:0;height:0;border-top:10px transparent solid;border-bottom:10px transparent solid;border-left:20px #fff solid;position:absolute;top:50%;left:50%;margin-left:-6px;margin-top:-10px;box-shadow:inset 0 10px 0 #000;transition:.5s transform cubic-bezier(.68, -.55, .265, 1.55)}#container .videoWrapper .play:hover{background:#000;transform:scale(1.2)}#container .videoWrapper .play:hover:before{transform:scale(1.1)}#container #quotes{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;margin-bottom:4em;text-align:center}#container #quotes ul{list-style:none}#container #quotes li{display:inline-block;width:100%;max-width:300px;margin-bottom:3em;margin-left:1em;margin-right:1em}#container #quotes img{display:inline-block;margin-top:1em;max-width:250px;max-height:60px}#container .screenshots{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;margin-bottom:4em;text-align:center}#container .screenshots img{display:inline-block;width:45%;margin:1%;cursor:pointer}#container .info{margin:2em auto 3em;background-color:#000;color:#fff;max-width:90%;line-height:1.7em}#container .info h1,#container .info h2,#container .info h3{margin-bottom:.8em}#container .info dl,#container .info p,#container .info ul{margin-bottom:1.2em;color:#ddd}#container .info a{color:#fff;text-decoration:underline}#container .info dt{float:left;width:30%;text-align:right;padding:.25em 1em .25em 0;clear:left;color:#888}#container .info dd{float:left;width:60%;padding:.25em 0}#container .info dl:after{content:"";display:table;clear:both}#container .info h1{font-size:32px}#container .info h2{margin-top:1.5em;font-size:larger}#container .info h1,#container .info h2,#container .info h3{font-weight:700}#container .info ul{list-style:circle;padding-left:2em}#container .info .gallery{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;margin-bottom:4em;text-align:center}#container .info .gallery a{display:inline-block;width:45%;margin:1%;position:relative;cursor:pointer}#container .info .gallery.invert a{display:block;float:left;width:auto}#container .info .gallery.invert img{background-color:#fff;padding:1em;width:auto;max-width:300px;max-height:100px;border-radius:4px}#container .info .gallery img{width:100%;height:auto}#container .info figure{display:inline-block;margin:1em}#container .info figcaption{text-align:left;display:none}#container .info header img{display:block;height:auto;width:80%;max-width:360px}#container .info hr{border-color:#444}#container section#sponsors-and-partners{text-align:center}#container section#sponsors-and-partners a{box-shadow:inset 0 0 0 2px rgba(255,255,255,.2);border-radius:44px;padding:14px 24px;font-size:16px;text-transform:uppercase;letter-spacing:1px;font-weight:700;transition:.5s all cubic-bezier(.86, 0, .07, 1);transform-origin:50% 50%;color:#999}#container section#sponsors-and-partners a:hover{box-shadow:inset 0 0 0 4px #fff;transform:scale(1.2);color:#fff}#container section#social-presence{text-align:center;margin-top:100px}#container section#social-presence a{display:inline-block;text-decoration:none;text-align:center;zoom:1;margin:20px 6vw}#container section#social-presence a:after,#container section#social-presence a:before{content:"";display:table}#container section#social-presence a:after{clear:both}#container section#social-presence a .icon{display:block;margin:auto;transition:.5s all cubic-bezier(.68, -.55, .265, 1.55);opacity:.5;width:50px;height:50px;transform-origin:50% 50%}#container section#social-presence a .icon:hover{transform:scale(1.2);opacity:1}#container section#social-presence a .icon.twitter{background:url(https://skatecitygame.com/assets/twitter.svg) center center no-repeat;background-size:70% 70%}#container section#social-presence a .icon.facebook{background:url(https://skatecitygame.com/assets/facebook.svg) center center no-repeat;background-size:80% 80%}#container section#social-presence a .icon.instagram{background:url(https://skatecitygame.com/assets/instagram.svg) center center no-repeat;background-size:80% 80%;position:relative}#container section#social-presence a .icon.instagram:before{content:"Follow us on Instagram for more exclusive in-game footage!";position:absolute;bottom:140%;left:50%;margin-left:-120px;width:240px;font-size:14px;line-height:1.2em;background:#333;color:#fff;padding:15px;border-radius:10px;box-sizing:border-box}#container section#social-presence a .icon.instagram:after{content:"";position:absolute;bottom:calc(140% - 29px);left:50%;margin-left:-15px;width:0;height:0;border:15px solid transparent;border-top-color:#333}#container .glow{background:url(https://skatecitygame.com/skatecity/assets/gfx/signupGlow.png) no-repeat;background-size:cover;position:absolute;display:block;top:0;left:0;right:0;bottom:0;opacity:0;pointer-events:none;animation:flickering 1s alternate infinite}#container #newsletter-signup{background:url(https://skatecitygame.com/skatecity/assets/gfx/signupBg.jpg) no-repeat;background-size:cover;width:100%;max-width:100vw;height:56vw;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;margin-top:10vw}#container #newsletter-signup:after{content:"";position:absolute;width:100%;bottom:-1px;height:10vw;display:block;left:0;background:linear-gradient(transparent,#000)}#container #newsletter-signup:before{content:"";position:absolute;width:100%;top:-1px;height:10vw;display:block;left:0;background:linear-gradient(#000,transparent)}#container #newsletter-signup form{transform:translateY(40px);opacity:0;transition:1.1s all cubic-bezier(.23, 1, .32, 1) .3s;position:relative;width:80vw;max-width:380px}#container #newsletter-signup form.fadeIn{transform:translateY(0);opacity:1}#container #newsletter-signup form.error,#container #newsletter-signup form.success{margin:0 50px}#container #newsletter-signup form.error fieldset,#container #newsletter-signup form.success fieldset{display:none}#container #newsletter-signup form.error .feedback,#container #newsletter-signup form.success .feedback{display:block}#container #newsletter-signup form.success .feedback p{color:#000}#container #newsletter-signup form.error .feedback p{color:#950f34}#container #newsletter-signup form fieldset{padding-top:.7em}#container #newsletter-signup form fieldset p{line-height:50px;text-align:center;color:#fff;font-weight:600;margin-bottom:10px}#container #newsletter-signup form fieldset input[tabindex="-1"]{position:absolute;left:-100vw}#container #newsletter-signup form fieldset ::-webkit-input-placeholder{color:rgba(0,0,0,.3);font-style:normal;font-weight:400;font-size:inherit;text-transform:none}#container #newsletter-signup form fieldset :-moz-placeholder{color:rgba(0,0,0,.3);font-style:normal;font-weight:400;font-size:inherit;text-transform:none}#container #newsletter-signup form fieldset ::-moz-placeholder{color:rgba(0,0,0,.3);font-style:normal;font-weight:400;font-size:inherit;text-transform:none}#container #newsletter-signup form fieldset :-ms-input-placeholder{color:rgba(0,0,0,.3);font-style:normal;font-weight:400;font-size:inherit;text-transform:none}#container #newsletter-signup form fieldset input[type=email]{width:70%;height:50px;padding:10px 20px;float:left;font-size:18px;font-weight:600;line-height:1em;color:#fff;background:#fff;border:none;border-radius:4px 0 0 4px;box-sizing:border-box}#container #newsletter-signup form fieldset input[type=email]:focus{color:#000}#container #newsletter-signup form fieldset button{width:30%;height:50px;padding:10px 20px;float:left;color:rgba(255,255,255,.8);background:#000;border:none;font-size:18px;font-weight:600;border-radius:0 4px 4px 0;cursor:pointer;transition:.5s all cubic-bezier(.68, -.55, .265, 1.55);box-sizing:border-box}#container #newsletter-signup form fieldset button:hover{border-radius:4px;transform:scale(1.1)}#container #newsletter-signup form .feedback{display:none;padding:20px 40px;background:#fff;cursor:pointer;transform:translateY(18px)}#container #newsletter-signup form .feedback:after{content:"×";display:block;width:25px;height:25px;position:absolute;top:5px;right:5px;line-height:25px;text-align:center;font-weight:700;color:#000;background:rgba(255,255,255,.5)}#container #newsletter-signup form .feedback p{font-size:16px;line-height:1.4em;font-weight:600;text-align:center;color:#000}#container footer{margin:60px 0 120px;text-align:center}#container footer a{display:inline-block;text-decoration:none;color:#fff;margin:20px 6vw}#container footer a .logo{display:block;margin:auto;transition:.5s all cubic-bezier(.68, -.55, .265, 1.55);opacity:.8;width:56px;height:56px;transform-origin:50% 50%}#container footer a .logo#agens-logo{background:url(../../assets/agens.svg) center center no-repeat;background-size:97% 97%}#container footer a .logo#snowman-logo{background:url(../../assets/snowman.svg) center center no-repeat;background-size:100% 100%}#container footer a:hover .logo{transform:scale(1.2);opacity:1}#container footer ul{margin:1em auto 2em}#container footer ul li{margin-bottom:.6em}#container footer ul li a{margin:0}#container footer ul li a:hover{text-decoration:underline}#container footer #creditline{text-align:center;font-size:small;color:#989998;max-width:600px;margin-left:auto;margin-right:auto;padding-left:2em;padding-right:2em;margin-top:3em}@media only screen and (min-width:840px){#container .screenshots img{width:45%;margin:2%}#container .info .gallery a{width:45%;margin:2%}}@media only screen and (min-width:1280px){.videoHeader #container header #teaser{padding-bottom:42%}.videoHeader .played #container header #teaser{padding-bottom:56.23%}#container header h1{padding-top:96.2190352081px;margin:0 auto 30px}.videoHeader #container .videoWrapper{padding-bottom:42%}.videoHeader .played #container .videoWrapper{padding-bottom:56.23%}#container .videoWrapper .play{height:74px;width:116px;margin-left:-58px;margin-top:-37px}#container .screenshots img{width:29%;margin:1%}#container .info .gallery a{width:29%;margin:1%}#container section#social-presence a{margin:20px 40px}#container #newsletter-signup form{width:40vw;max-width:550px}#container footer a{margin:20px 40px}}@media only screen and (max-width:840px){body{font-size:16px}#container section{margin:30px auto}#container{width:auto}#container .mobile-break{display:block;clear:both}#container header .platformbadge{height:10vw;max-height:61px}#container .videoWrapper .play{height:50px;width:86px;margin-left:-43px;margin-top:-25px}#container section#social-presence a .icon.instagram:before{left:-80%}#container #newsletter-signup{background-size:180vw;background-position:center center;height:100vw}#container #newsletter-signup form{margin:0;transform:translateY(0);opacity:1}#container #newsletter-signup form.error,#container #newsletter-signup form.success{margin:0}#container #newsletter-signup form fieldset p{font-size:18px}#container #newsletter-signup form fieldset input[type=email]{height:40px;padding:5px 10px}#container #newsletter-signup form fieldset button{height:40px;padding:5px 10px}#container #newsletter-signup form .feedback p{font-size:14px}#container footer{margin:30px 0 60px}}@keyframes spin-in{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hint{0%{transform:translateY(-200px)}10%{transform:translateY(0)}80%{transform:translateY(0)}100%{transform:translateY(-200px)}}@keyframes flickering{0%{opacity:0}10%{opacity:.15}20%{opacity:.02}50%{opacity:.15}55%{opacity:.2}60%{opacity:.25}70%{opacity:.05}80%{opacity:.1}100%{opacity:.13}}