@import "https://fonts.googleapis.com/css?family=Noto+Sans:400,700,700italic";html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,em,img,strong,sub,sup,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,article,aside,canvas,figure,figcaption,footer,header,nav,section{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,nav,section{display:block}blockquote{quotes:none}blockquote:before,blockquote:after{content:"";content:none}ol,ul{list-style:none}.heroes-collection-hero strong{overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.grid{zoom:1}.grid:before,.grid:after{content:"";display:table}.grid:after{clear:both}@-webkit-keyframes in{to{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes in{to{opacity:1;-moz-transform:none;transform:none}}@-o-keyframes in{to{opacity:1;-o-transform:none;transform:none}}@keyframes in{to{opacity:1;transform:none}}html{font-size:16px;height:100%}body{color:#413d3a;font:normal 62.5%/1.5 "Noto Sans", "Helvetica", "Arial", "sans-serif";height:100%}h1{font-size:3em;margin-bottom:1em}h2{font-size:2.5em;margin-bottom:1em}@media screen and (min-width: 740px){h2{font-size:2em}}h3{font-size:3em;font-weight:bold;margin-bottom:1em}@media screen and (min-width: 320px){h3{font-size:2.5em;margin-bottom:0.4em}}h4{font-size:1.2em;text-transform:uppercase}p{font-size:2em;margin-bottom:1em}a{transition:background 0.1s ease-in-out, color 0.1s ease-in-out;color:#cc9b00;font-style:italic;font-weight:bold;text-decoration:none;font-size:1em}textarea{height:150px}button{background:#dc4a17;border:0;border-radius:3px;color:#fff;cursor:pointer;display:block;font:bold 2em/30px "Noto Sans", "Helvetica", "Arial", "sans-serif";height:60px;padding:18px 0 12px;right:53px;top:3px;width:100%;z-index:10}button:hover,button:focus{background:#e85724}button:disabled{background:#0c1a30;color:rgba(255,255,255,0.25);cursor:default}.grid{margin-left:-40px}.grid-box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;padding-left:40px}.one-whole{width:100%}.one-half{width:50%}.one-third{width:33.33333%}@media screen and (min-width: 480px){.lap-one-whole{width:100%}.lap-one-half{width:50%}.lap-one-third{width:33.33333%}}@media screen and (min-width: 740px){.portable-one-whole{width:100%}.portable-one-half{width:50%}.portable-one-third{width:33.33333%}}@media screen and (min-width: 900px){.desk-one-whole{width:100%}.desk-one-half{width:50%}.desk-one-third{width:33.33333%}}.admin .content{padding:1em}.admin .flash{width:100%;display:block;background:white;font-size:2em;z-index:111;color:black;position:relative;text-align:center}.nomination{margin:4em auto}@media screen and (min-width: 320px){.nomination{max-width:90%}}@media screen and (min-width: 480px){.nomination{max-width:80%}}@media screen and (min-width: 740px){.nomination{max-width:70%}}@media screen and (min-width: 900px){.nomination{max-width:60%}}.nomination form{margin:2em 0}.nomination .input{margin:2em 0}.nomination .input input,.nomination .input textarea{border:0.01em solid #413d3a}.nomination .btn{border-radius:5px;border:1px solid gold;background-color:#dc4a17;color:#ffffff}.nomination .btn:hover,.nomination .btn:focus{background-color:#ae3a12;cursor:pointer}.nomination label{display:block;font-size:1.6em;font-weight:bold}.nomination .error{display:block;background:#ae3a12;color:#fff;font-size:1.6em;padding:0.25em 0.5em;border-bottom-left-radius:0.2em;border-bottom-right-radius:0.2em}.nomination input,.nomination textarea{background:#fff;background:rgba(255,255,255,0.8);border:0;border-bottom:0.1em solid #1C3C6D;box-sizing:border-box;color:#847c76;cursor:text;display:block;height:60px;font:normal 2em/30px "Noto Sans", "Helvetica", "Arial", "sans-serif";padding:16px 10px 14px;position:relative;width:100%}.nomination textarea{height:150px}.nominate input,.nominate textarea{background:#fff;background:rgba(255,255,255,0.8);border:0;border-bottom:0.1em solid #1C3C6D;box-sizing:border-box;color:#847c76;cursor:text;display:block;height:60px;font:normal 2em/30px "Noto Sans", "Helvetica", "Arial", "sans-serif";padding:16px 10px 14px;position:relative;width:100%}.nominate button{background:#dc4a17;border:0;border-radius:3px;color:#fff;cursor:pointer;display:block;font:bold 2em/30px "Noto Sans", "Helvetica", "Arial", "sans-serif";height:60px;padding:18px 0 12px;right:53px;top:3px;z-index:10}.nominate button:hover,.nominate button:focus{background:#e85724}.nominate button:disabled{background:#0c1a30;color:rgba(255,255,255,0.25);cursor:default}.nominate-label{color:#413d3a;display:block;width:100%;float:left;text-align:center;margin:0 auto;font-weight:bold;font-size:2em;line-height:1;text-align:center}@media screen and (min-width: 740px){.nominate-label{width:38%;line-height:4;text-align:right}}@media screen and (min-width: 900px){.nominate-label{margin-bottom:0;text-align:right}}.nominate-form{width:65%;float:right;clear:left;margin:1em 3em 1em;padding-right:0;position:relative}@media screen and (min-width: 740px){.nominate-form{clear:none;width:45%}}@media screen and (min-width: 400px){.nominate-form{padding-right:5em}}.nominate-input{font-size:1.6em;padding-right:2em;position:relative}@media screen and (min-width: 400px){.nominate-input{font-size:2em}}@media screen and (min-width: 900px){.nominate-input{padding-left:1em;padding-right:4.8em}}.nominate-autocomplete{background:#fff;border-radius:3px;top:100%;left:0;position:absolute;right:0;z-index:100;box-shadow:0.1em 0.1em 5px black}.nominate-autocomplete li{border:0.1em solid rgba(34,34,34,0.5);border-top:0}.nominate-autocomplete a{display:block;font:normal 1.6em/2 "Noto Sans", "Helvetica", "Arial", "sans-serif";padding:2px 10px 0;transition:none;color:#222}.nominate-autocomplete a:hover,.nominate-autocomplete a:focus{color:#dc4a17}.nominate-autocomplete a:hover strong,.nominate-autocomplete a:focus strong{color:#dc4a17}.nominate-autocomplete a strong{color:#222;font-weight:bold}@media screen and (min-width: 480px){.nominate-autocomplete a{font-size:1.8em}}@media screen and (min-width: 900px){.nominate-autocomplete a{padding-left:1.5em;padding-right:1.5em}}.nominate-autocomplete #error{color:#847c76;font:normal 1.5em/2 "Noto Sans", "Helvetica", "Arial", "sans-serif";padding:2px 10px 0}@media screen and (min-width: 400px){.nominate-autocomplete{right:5em}}.nominate-submit{height:51px;opacity:0;padding:13px 0 9px;position:absolute;right:3px;top:3px;visibility:hidden;width:90px}.is-nominating .nominate-submit{opacity:1;visibility:visible}@media screen and (min-width: 400px){.nominate-submit{right:53px}}.nominate-hero{background:url(/assets/bg-hero-198f3bd310ab06dba29529af1ebeb4f08a8084fa68b00bcda120e9bb4848830f.png) no-repeat;border:0;bottom:-1px;display:none;height:72px;position:absolute;right:0;transition:background-position 0.2s ease-in-out;width:131px}.is-nominating .nominate-hero{background-position:-141px 0}@media screen and (min-width: 400px){.nominate-hero{display:block}}@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){.nominate-hero{background:url(/assets/bg-hero@2x-d682f9bd4bf3ff6e2ba61e934434e1cc8cd0749fffebd3cc7947de1835796f2b.png) no-repeat;background-size:272px 71px}}.main--thanks{margin-top:2em}.main--thanks h1{color:#dc4a17;font-weight:bold;margin-top:0.5em;margin-bottom:0.5em}@media screen and (min-width: 740px){.main--thanks h1{margin-top:0}}.main--thanks .share{margin-top:0;margin-bottom:1em}.main--thanks #share_url{margin-top:0.5em;margin-left:0.5em;font-size:0.8em;width:100%}.clock{padding:0.7em 1em;font-size:1.4em;font-weight:bold;text-align:center;background:#141413;color:#FFC200}@media screen and (min-width: 480px){.clock{font-size:1.6em}}@media screen and (min-width: 740px){.clock{font-size:1.8em}}.share{clear:both;margin:2em 0 0}.share h3{margin-bottom:0.5em}.share .share-buttons{margin:0 0 0}.share .twitter-share-button,.share .fb-like,.share #fb-root{display:inline-block}.share .fb-share-button{position:relative;top:-4px}.share .reddit{margin-left:0.2em;display:inline-block;width:80px;position:relative}.share .reddit a{display:inline-block;padding:0;margin:0}.share .reddit a img{margin:0}.share .share-buttons{margin-left:1em}.heroes-inner{margin:2em auto 0;max-width:800px;padding:0 2em;position:relative}.heroes-nav{margin:0 auto;width:57%;clear:both;overflow:auto}@media screen and (min-width: 320px){.heroes-nav{margin-top:1em;width:75%}}@media screen and (min-width: 480px){.heroes-nav{margin-top:2em;width:70%}}@media screen and (min-width: 740px){.heroes-nav{width:70%;margin-top:3em}}@media screen and (min-width: 900px){.heroes-nav{width:65%;margin-top:3em}}.heroes-nav li{float:left;width:7em}.heroes-nav li.is-selected a{background:#FFC200;color:#fff}.heroes-nav a{color:#222;border-radius:3px;display:inline-block;font-size:2em;padding:3px 0.5em 0}.heroes-nav a:hover,.heroes-nav a:focus{background:#fff;background:rgba(255,255,255,0.7)}.heroes-collection{display:block;clear:both;margin:1em auto;padding-top:1em}.heroes-collection-hero{padding-left:10px}.heroes-collection-hero a{background:#fff;background:rgba(255,255,255,0.7);box-shadow:0 0 0 1px rgba(0,0,0,0.05),0 0 35px rgba(0,0,0,0.08);display:block;-webkit-filter:grayscale(90%);filter:grayscale(90%);margin-bottom:20px;padding:0.75em 0.75em 0;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.heroes-collection-hero a:hover,.heroes-collection-hero a:focus{background:#fff;color:#dc4a17;-webkit-filter:none;filter:none}.heroes-collection-hero img{display:block;height:auto;max-width:100%;width:100%}.heroes-collection-hero strong{display:block;font:bold 1.2em/3 "Noto Sans", "Helvetica", "Arial", "sans-serif";padding:0 0.5em;text-align:center}footer{overflow:auto;background:#141413;color:#fff;position:relative}footer a:hover,footer a:focus{background:transparent;color:#dc4a17}footer p{font-size:1.7em}.sponsor{padding:4em 2em 0em}@media screen and (min-width: 480px){.sponsor{padding:4em 4em 1em}}.sponsor-logo{background:transparent;display:block;margin:0em auto 2em;padding:0;width:320px}@media screen and (min-width: 900px){.sponsor-logo{margin:2em auto 4em}}.sponsor-logo img{display:block;height:auto;max-width:100%;width:100%}.site{box-sizing:border-box;min-height:100%;overflow-x:hidden;padding:7px 1em;position:relative}@media screen and (min-width: 480px){.site{padding-left:2em;padding-right:2em}}.site-backdrop{background-color:#333333;bottom:0;left:0;position:absolute;right:-150px;transition:transform 0.75s ease-in-out;top:0}.content{background:#ffffff;box-shadow:0 0 0 1px rgba(0,0,0,0.08),0 0 35px rgba(0,0,0,0.14);margin:0.5em auto;max-width:100em;position:relative}@media screen and (min-width: 900px){.content{margin:1em auto}}header h1{font-size:1em;margin-bottom:0}header img{display:block;height:auto;max-width:100%;width:100%;position:relative}.nominate,.voting-disabled,.heroes-chosen{padding:2em 2em 2em;position:relative;text-align:center}@media screen and (min-width: 550px){.nominate,.voting-disabled,.heroes-chosen{padding:2em 2em 2em}}@media screen and (min-width: 740px){.nominate,.voting-disabled,.heroes-chosen{padding:2em}}@media screen and (min-width: 900px){.nominate,.voting-disabled,.heroes-chosen{padding:4em 8em 2em}}.main{margin-bottom:4em;padding:0 2em;position:relative}@media screen and (min-width: 480px){.main{padding:0 4em}}@media screen and (min-width: 740px){.main{margin-bottom:4em}}.main a{color:#FFC200;font-size:1em;padding:0 0.2em}.main a:hover,.main a:focus{background:transparent;color:#dc4a17}.main img{display:block;height:auto;margin:2em 10% 1em;max-width:80%;width:80%}@media screen and (min-width: 900px){.main img{margin:0 0 1em;max-width:100%;width:100%}}.main li{background:url(/assets/bg-bullet-74cafbd866f11b4910a02ddb8aa7e281af5d4e6782d5636ba939aa71a979c9be.svg) 5px center no-repeat;background-size:1em;border-bottom:0.01em solid #1C3C6D;font-size:1.7em;font-weight:bold;padding:0.5em 0 0.5em 2em}@media screen and (min-width: 480px){.main li{font-size:2em}}
