button,input[type="button"],input[type="reset"],input[type="submit"],button{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-font-smoothing:antialiased;background-color:#47b2ca;border-radius:3px;border:none;color:#fff;cursor:pointer;display:inline-block;font-family:"Source Sans Pro",sans-serif;font-size:14px;font-weight:600;line-height:1;padding:0.75em 1em;text-decoration:none;user-select:none;vertical-align:middle;white-space:nowrap}button:hover,button:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="reset"]:hover,input[type="reset"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,button:hover,button:focus{background-color:#2c8599;color:#fff}button:disabled,input[type="button"]:disabled,input[type="reset"]:disabled,input[type="submit"]:disabled,button:disabled{cursor:not-allowed;opacity:0.5}fieldset{background-color:#f7f7f7;border:1px solid #ddd;margin:0 0 .75em;padding:1.5em}input,label,select{display:block;font-family:"Source Sans Pro",sans-serif;font-size:14px}label{font-weight:600;margin-bottom:.375em}label.required::after{content:"*"}label abbr{display:none}input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"],textarea,select[multiple=multiple],textarea{background-color:#fff;border:1px solid #ddd;border-radius:3px;box-shadow:inset 0 1px 3px rgba(0,0,0,0.06);box-sizing:border-box;font-family:"Source Sans Pro",sans-serif;font-size:14px;margin-bottom:.75em;padding:.5em;transition:border-color;width:100%}input[type="color"]:hover,input[type="date"]:hover,input[type="datetime"]:hover,input[type="datetime-local"]:hover,input[type="email"]:hover,input[type="month"]:hover,input[type="number"]:hover,input[type="password"]:hover,input[type="search"]:hover,input[type="tel"]:hover,input[type="text"]:hover,input[type="time"]:hover,input[type="url"]:hover,input[type="week"]:hover,textarea:hover,select[multiple=multiple]:hover,textarea:hover{border-color:#c4c4c4}input[type="color"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="email"]:focus,input[type="month"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="text"]:focus,input[type="time"]:focus,input[type="url"]:focus,input[type="week"]:focus,textarea:focus,select[multiple=multiple]:focus,textarea:focus{border-color:#47b2ca;box-shadow:inset 0 1px 3px rgba(0,0,0,0.06),0 0 5px rgba(55,167,192,0.7);outline:none}textarea{resize:vertical}input[type="search"]{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}input[type="checkbox"],input[type="radio"]{display:inline;margin-right:.375em}input[type="file"]{padding-bottom:.75em;width:100%}select{margin-bottom:1.5em;max-width:100%;width:auto}ul,ol{list-style-type:none;margin:0;padding:0}dl{margin-bottom:.75em}dl dt{font-weight:bold;margin-top:.75em}dl dd{margin:0}table{-webkit-font-feature-settings:"kern","liga","tnum";-moz-font-feature-settings:"kern","liga","tnum";-ms-font-feature-settings:"kern","liga","tnum";font-feature-settings:"kern","liga","tnum";border-collapse:collapse;margin:.75em 0;table-layout:fixed;width:100%}th{border-bottom:1px solid #b7b7b7;font-weight:600;padding:.75em 0;text-align:left}td{border-bottom:1px solid #ddd;padding:.75em 0}tr,td,th{vertical-align:middle}body{-webkit-font-feature-settings:"kern","liga","pnum";-moz-font-feature-settings:"kern","liga","pnum";-ms-font-feature-settings:"kern","liga","pnum";font-feature-settings:"kern","liga","pnum";-webkit-font-smoothing:antialiased;color:#333;font-family:"Source Sans Pro",sans-serif;font-size:14px;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:"Source Sans Pro",sans-serif;font-size:14px;line-height:1.2;margin:0 0 .75em}p{margin:0 0 .75em}a{color:#47b2ca;text-decoration:none;transition:color 0.1s linear}a:active,a:focus,a:hover{color:#2c8599}a:active,a:focus{outline:none}hr{border-bottom:1px solid #ddd;border-left:none;border-right:none;border-top:none;margin:1.5em 0}img,picture{margin:0;max-width:100%}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}@keyframes slide-up{0%{opacity:0;visibility:visible;-webkit-transform:translateY(1em);transform:translateY(1em)}100%{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}}.tooltip-attached{position:relative}.tooltip-attached::after{clear:both;content:"";display:table}.tooltip-attached:hover .tooltip{-webkit-animation-delay:0.5s;-moz-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-name:slide-up;-moz-animation-name:slide-up;animation-name:slide-up;-webkit-animation-duration:0.3s;-moz-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}.tooltip{left:50%;bottom:100%;width:20em;margin-left:-10em;color:#a9bacc;padding:.5em .75em;line-height:1.5;box-shadow:0 0.05em 0.15em rgba(0,0,0,0.1);position:absolute;box-sizing:border-box;margin-bottom:.5em;background-color:#28496a;cursor:default;opacity:0;visibility:hidden;border:.08em solid rgba(12,22,32,0.5)}.tooltip:after{content:"";position:absolute;top:100%;left:50%;width:0;height:0;border-top:.42em solid #28496a;border-left:.42em solid transparent;border-right:.42em solid transparent;margin-left:-.42em}.tooltip:before{content:"";position:absolute;top:100%;left:50%;width:0;height:0;border-top:.5em solid rgba(12,22,32,0.5);border-left:.5em solid transparent;border-right:.5em solid transparent;margin-left:-.5em}.mousetip{position:absolute;pointer-events:none}.mousetip .tip{width:20em;margin-left:-10em;color:#a9bacc;padding:.5em .75em;line-height:1.5;box-shadow:0 0.05em 0.15em rgba(0,0,0,0.1);width:11em;margin-left:-5.5em;position:absolute;box-sizing:border-box;margin-bottom:.5em;background-color:#28496a;cursor:default;opacity:0;visibility:hidden;border:.08em solid rgba(12,22,32,0.5);z-index:9999999;position:absolute;visibility:hidden;opacity:1;bottom:10px}.mousetip .tip:after{content:"";position:absolute;top:100%;left:50%;width:0;height:0;border-top:.42em solid #28496a;border-left:.42em solid transparent;border-right:.42em solid transparent;margin-left:-.42em}.mousetip .tip:before{content:"";position:absolute;top:100%;left:50%;width:0;height:0;border-top:.5em solid rgba(12,22,32,0.5);border-left:.5em solid transparent;border-right:.5em solid transparent;margin-left:-.5em}.upper{fill:#CAFF56 !important;stroke:#CAFF56 !important;color:#CAFF56 !important}.mid{fill:#e1e8da !important;stroke:#e1e8da !important;color:#e1e8da !important}.lower{fill:#59D9FF !important;stroke:#59D9FF !important;color:#59D9FF !important}.number{font-weight:300;font-family:"Inconsolata",monospace}.big{font-size:2em}pre{font-family:"Inconsolata",monospace;font-size:11px}html{height:100%;min-height:100%;margin:0;padding:0}body{background:#0c1620;font-weight:400;color:#ced0d2;margin:0;padding:0}p{clear:both}h1{text-transform:uppercase;letter-spacing:.09em;padding:.1em .3em;font-size:2em;font-weight:700;display:block;float:left;margin:0;color:#FFF}h2{clear:both;padding:.7em 0 .3em;font-size:1em;text-transform:uppercase;letter-spacing:.09em;font-weight:300;display:block;color:#FFF}h3,h4{font-weight:400;text-transform:uppercase;letter-spacing:2px;color:#FFF;float:left}h4{letter-spacing:1.5px}.wrapper{padding-top:1em;max-width:68em;margin-left:auto;margin-right:auto;min-height:100%}.wrapper::after{clear:both;content:"";display:table}.button{display:block;cursor:pointer;padding:.6em .8em;background:rgba(255,255,255,0.1);border-right:1px solid rgba(0,0,0,0.5);border-bottom:1px solid rgba(0,0,0,0.5);border-radius:1px;color:#FFF;font-weight:500;text-transform:uppercase;letter-spacing:.1em;-webkit-transition-property:background;-moz-transition-property:background;transition-property:background}.button:hover{background:rgba(255,255,255,0.2);color:#FFF}.button:hover i{opacity:.8}.button i{margin-right:.75em;opacity:.5}.logo a{color:inherit}.landing-page{background:#242E47 url(../assets/landing-page-bg.jpg) center center;background-size:cover;background-position:fixed;min-width:960px;padding:0 2em;height:100%}.landing-page #vimeo-container,.landing-page #vimeo-container-2{width:100%}.landing-page #vimeo-container p,.landing-page #vimeo-container-2 p{max-width:30em}.landing-page #vimeo-container h3,.landing-page #vimeo-container-2 h3{display:block;position:static;clear:both}.landing-page #vimeo-container iframe,.landing-page #vimeo-container-2 iframe{display:block;top:40px;background:rgba(255,255,255,0.05);border:2px solid rgba(255,255,255,0.1)}.landing-page .logo{position:relative;float:left;display:block;margin-right:2.35765%;width:65.88078%;margin-left:0%}.landing-page .logo:last-child{margin-right:0}.landing-page .logo>div{border-top:1px solid rgba(255,255,255,0.3);padding:.5em 0}.landing-page .logo h1,.landing-page .logo h2,.landing-page .logo h3{display:block;background:transparent;line-height:1.5;padding:0;margin:0 !important;color:#FFF}.landing-page .logo h1 span,.landing-page .logo h2 span,.landing-page .logo h3 span{font-weight:600}.landing-page .logo .logo-element h1,.landing-page .logo .logo-element h3{visibility:hidden}.landing-page .logo .logo-element img{position:absolute;width:220px;height:auto;left:-67px;top:18px}.landing-page .logo .subtitle{float:left;display:block;margin-right:2.35765%;width:100%;border-bottom:1px solid rgba(255,255,255,0.3);margin-top:4em;font-size:1.2em}.landing-page .logo .subtitle:last-child{margin-right:0}.landing-page .logo p{position:absolute;right:270px;top:25px;color:rgba(255,255,255,0.5);text-align:left}.landing-page .logo p span{text-transform:uppercase;letter-spacing:.09em;font-weight:600}.landing-page .logo p .emph{color:rgba(255,255,255,0.85) !important}.landing-page .logo p img{width:80px;height:auto;display:inline;padding:0 .3em;margin-top:.5em;opacity:.5}.landing-page .logo h1{font-size:3.6em !important;margin-top:-.15em !important}.landing-page .logo h2{font-size:1.25em !important}.landing-page .logo h3{font-size:1.5em !important}.row{clear:both;float:left;margin-top:8em}.row::after{clear:both;content:"";display:table}.teaser{float:left;display:block;margin-right:2.35765%;width:23.23176%}.teaser:last-child{margin-right:0}.teaser.demo{position:relative;float:left;display:block;margin-right:2.35765%;width:48.82117%;margin-right:0}.teaser.demo a{color:inherit !important}.teaser.demo:last-child{margin-right:0}.teaser.demo .go{position:relative}.teaser.demo .button{position:absolute;font-size:2em;width:100%;text-align:right;margin-top:-1.33em}.teaser.demo:hover .button{background:rgba(255,255,255,0.2);color:#FFF}.teaser img{width:100%;height:auto;margin:0 0 1.5em 0;background:rgba(0,24,29,0.3);border:2px solid rgba(255,255,255,0.1) !important;display:block}.teaser p{min-height:14em}.credits{float:left;display:block;margin-right:2.35765%;width:100%;border-top:1px solid rgba(255,255,255,0.4);color:#9ea2a6}.credits:last-child{margin-right:0}.credits::after{clear:both;content:"";display:table}.credits a{color:inherit;border-bottom:1px solid #3d454d}.credits a:hover{color:#9be8ff}.credits p{border-top:1px solid rgba(255,255,255,0.4);border-bottom:1px solid rgba(255,255,255,0.4);padding:1em 0;margin:0 0 3em 0}.credits p::after{clear:both;content:"";display:table}.credits img{margin-right:2em;width:auto;height:6em;float:left;opacity:.5}.loading-ani{opacity:0;transition:opacity 2s}#options,.map-legend{opacity:1;transition:opacity 1s;transition-delay:0.5s}body.loading #options{opacity:0;transition:opacity 0s;transition-delay:0}body.loading .map-legend{opacity:0;transition:opacity 0s;transition-delay:0}body.loading .loading-ani{opacity:1;transition:opacity 2s}.map-page{overflow:hidden;height:100%}.map-page .logo{position:absolute;z-index:20;color:#FFF;padding:.5em;width:150px}.map-page .logo .loading-ani{position:absolute;top:100px;left:30px}.map-page .logo img{width:100%;height:auto;position:absolute;top:0;left:0;padding:20px 20px 10px 20px;background:rgba(37,68,99,0.85)}.map-page .version{display:block;position:absolute;right:5px;top:0;font-size:.85em;padding:3px;opacity:.3;z-index:20}.map-page h1,.map-page h2{background:rgba(12,22,32,0.9);visibility:hidden}.map-page h2{padding:.7em .6em .3em}#options{background:#1a3045;position:absolute;z-index:10;margin:5px;width:190px;right:105px}#options h4{font-size:.8em}#options h3,#options h4{float:none}#options h3{padding:5px 5px 5px 10px;background:#223f5b;color:#b6b9bc;margin:0;cursor:pointer;font-weight:600}#options h3:hover{background:#294c6e}#options.collapsed>div{display:none}#options h4{padding:10px 5px 0 10px;margin-top:0;border-top:1px solid #495058}#options div{padding:0}#options .info{padding:5px 10px}#options .info span{display:block;float:none}#options .info .key{opacity:.5}#options .info .value{margin-bottom:10px}#options .selection-list{margin-bottom:20px}#options .selection-list a{display:block;float:none;padding:5px 10px;color:rgba(255,255,255,0.5);cursor:pointer}#options .selection-list a.selected{color:#fff;background:rgba(255,255,255,0.1)}#options .selection-list a:hover{color:rgba(255,255,255,0.9);background:rgba(255,255,255,0.05)}#options input,#options label{display:inline}#options input{font-size:1.2em;opacity:.5;margin-left:10px}#options input+label{opacity:.5}#options input:checked{opacity:1}#options input:checked+label{opacity:1}#options label{clear:both;font-weight:normal}.map-legend{background:#1a3045;position:absolute;z-index:10;margin:5px;right:0;top:0;width:100px}.map-legend h4{font-size:.8em}.map-legend h3,.map-legend h4{float:none}.map-legend h3{padding:5px 5px 5px 10px;background:#223f5b;color:#b6b9bc;margin:0;cursor:pointer;font-weight:600}.map-legend h3:hover{background:#294c6e}.map-legend.collapsed>div{display:none}.map-legend div div{position:relative}.map-legend div div h4{padding:0 10px;margin:0;border-top:1px solid #495058}.map-legend div div span{display:block;position:absolute;right:10px;font-size:.85em;text-align:right}.map-legend div div span.bottom{bottom:25px}.map-legend div div span.top{bottom:90px}.map-legend div div span.middle{bottom:50px}.map-legend div div canvas{margin:0 0 0 10px;height:100px;width:60px;position:static}.map-legend div div h4{font-size:.8em;padding:10px}#debug{font-size:.85em;color:#FFF;padding:1em;position:absolute;top:1em;left:500px;z-index:20;font-family:"Inconsolata",monospace}#debug div{float:right;padding:0 1em}svg{display:block}#details{display:none;position:absolute;bottom:0;left:0;right:0;z-index:20;height:260px;background:rgba(12,22,32,0.95);border-top:1px solid #28496a;padding:1em 0 0 1em}#details .container{margin:0;padding:0}#details .container .panel{float:left;width:500px;margin:0;height:230px}#details .container .panel .legend{z-index:20;position:absolute;bottom:0px;left:30px;right:50px;color:#b6b9bc;background:#0c1620}#details .container .panel .legend span{position:absolute;display:block;bottom:0;z-index:20}#details .container .panel .legend span:nth-child(2){right:50px}#details .container .panel .legend span.right{right:10px}#details .container .subtitle{position:absolute;top:20px;color:#868b90}#details .container .percentiles{position:absolute;right:0;top:0px;z-index:20}#details .container .percentiles .percentile{padding:.5em 2.5em .5em 1.5em;position:relative;left:2em}#details .container .percentiles .percentile .most-probable-icon{display:none;position:absolute;right:5px;top:0;color:#6d7379}#details .container .percentiles .percentile .most-probable-icon .icon{font-size:3em}#details .container .percentiles .percentile.most-probable .most-probable-icon{display:block}#details .container .percentiles .percentile .label{text-transform:uppercase;letter-spacing:.09em;font-size:.8em}#details svg{display:block;position:absolute;left:0px;top:45px}#details svg rect.bg{fill:#000}#details svg .dot{stroke:rgba(12,22,32,0.95) !important;stroke-opacity:0.01;opacity:1;stroke-width:5}#details svg .mid-range-marker{fill:#FFF;fill-opacity:.1;pointer-events:none}#details .axis text{font-weight:300;font-family:"Inconsolata",monospace;fill:#ced0d2;font-size:14px}#details .axis line{stroke:#FFF;opacity:.6;stroke-dasharray:1px 7px;stroke-width:1px}#details .axis path{fill:none}#details #predictions{position:absolute;z-index:10;left:500px;width:350px}#details #predictions .dot{opacity:.8}#details #predictions .dot:hover{opacity:1}#details #predictions .ray{opacity:.2}#details #predictions .ray.upper{stroke:#70a300 !important}#details #predictions .ray.mid{stroke:#7b985e !important}#details #predictions .ray.lower{stroke:#00bbf2 !important}#details #predictions .ray:hover{opacity:1}#details #historic{position:absolute;z-index:10}#details #historic .historic-mean{position:absolute;left:420px;z-index:20;text-align:right;padding-bottom:5px;margin-bottom:-45px;border-bottom:1px solid #FFF;color:#6d7379;background:rgba(12,22,32,0.95)}#details #historic .historic-mean span.value{color:#ced0d2;font-weight:300;font-family:"Inconsolata",monospace}#details #historic .historic-mean .tooltip{text-align:left}#details #historic .tooltip-attached{float:left}#details .extra-info{position:absolute;left:950px;width:250px}#details .extra-info>div{width:220px;margin-bottom:4em;float:left;position:relative}#details .extra-info>div .plot{clear:both;float:left;background:#213c58;position:relative;height:.5em;width:100%;padding:1px}#details .extra-info>div .plot .bar{position:absolute;background:#CCC;left:0%;right:0%;bottom:0%;top:0%}#details .extra-info>div .number{font-weight:300;font-family:"Inconsolata",monospace;font-size:1.5em;color:#FFF;opacity:.6;clear:both;float:left}#details .close.button{position:absolute;right:10px;background:rgba(40,73,106,0.66);color:#FFF}#details .close.button:hover{background:rgba(40,73,106,0.8)}#details .close.button i{opacity:.6;margin-right:0}#details .close.button span{display:none}#details .close.button:hover span{margin-left:.75em;display:inline}#details #skill .number{clear:both}.jump-left{margin-right:50px}.help-spot{display:block;float:right;background-color:rgba(139,175,211,0.33);border-radius:100%;width:18px;height:18px;color:#0c1620;margin-left:10px;-webkit-transition-property:color background-color;-moz-transition-property:color background-color;transition-property:color background-color;-webkit-transition-duration:1s;-moz-transition-duration:1s;transition-duration:1s;line-height:18px !important}.help-spot .icon{display:inline-block;text-align:center;width:100%;font-weight:600;font-size:.85em;pointer-events:none}.help-spot:hover{background-color:rgba(139,175,211,0.8)}#map,canvas,#map-overlay-bg{position:absolute;top:0;left:0;right:0;bottom:0;cursor:inherit}.pixi{position:absolute;pointer-events:none;z-index:1}.pixi canvas{pointer-events:none;z-index:1}#map{background:#0c1620;z-index:0}.mapboxgl-canvas.mapboxgl-interactive{cursor:cross !important}#map-overlay-bg{background-color:#00223d;background-image:-webkit-linear-gradient(left, #00223d,#1c0934);background-image:linear-gradient(to right,#00223d,#1c0934);opacity:.55;pointer-events:none;z-index:1}svg{z-index:1}canvas.map-overlay{z-index:1;pointer-events:none}.leaflet-control-container{position:absolute;z-index:10;bottom:0px;width:100px;height:150px}.leaflet-control-container *{border-color:#0c1620}.leaflet-control-container a{background-color:#8bafd3;border-color:#0c1620 !important}.leaflet-control-container .leaflet-top{top:auto;bottom:40px;left:0px;zoom:1.2}.leaflet-control-container .mapbox-logo{opacity:.5}.more-info-page .content{width:100%;font-size:18px;margin:0 auto;color:#b6b9bc}.more-info-page .content a{text-decoration:none;color:#8ad4ee}.more-info-page .content a:hover{background:#64d3fb;color:#0c1620}.more-info-page .content u{text-decoration:none}.more-info-page .content p>b{color:#e7e8e9;border-left:2px solid #555c63;padding-left:18px;margin-left:-20px;margin-top:3.5em;display:block;text-transform:uppercase;font-weight:500;letter-spacing:.1em}.more-info-page .content h1{display:block;position:static;padding:0;font-weight:400;letter-spacing:.05em;text-transform:none;margin:0 0 1em}.more-info-page .content h2{margin:2em 0 .5em;font-size:1.5em;border-top:1px solid #6d7379;padding:1em 0;text-transform:uppercase;font-weight:600;max-width:26.66em}.more-info-page .content img{border:1px solid #6d7379;width:100%;height:auto}.more-info-page .content p,.more-info-page .content ul,.more-info-page .content ol{margin:1.5em 0;max-width:40em}