article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}html{overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}body{margin:0;padding:0}mark{background:#ff0;color:#000}img{border:0;-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{margin:0 2px;padding:.35em .625em .75em}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;*overflow:visible;}table button,table input{*overflow:auto}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html{overflow-y:auto}a,a *,label{cursor:pointer}#load{position:absolute;width:100%;top:50px;background-image:url("../images/reduced/bg_slide1.jpg");-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;height:700px}.main-side{width:40%}.city-panel{width:20%;}.city-panel li:nth-child(-n+6){color:#ff0}.main-side,.city-panel{float:left;padding:16px}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:focus{outline:none}ul,li{margin:0;padding:0;list-style-type:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:antialiased}body{margin:0;font-family:'Montserrat',sans-serif;font-weight:300;color:#fff;-webkit-font-smoothing:antialiased;text-shadow:1px 1px 1px rgba(0,0,0,0.004)}.container-outer,#header{padding:0 2%;width:100%}.container-inner,#menu,#panel2,#panel3,#panel4{padding:0 5%;width:100%}@media only screen and (max-width:560px){.container-inner,#menu,#panel2,#panel3,#panel4{padding:0 2%;width:100%}}h4{margin-top:0}.header{color:#2b4e84;height:calc(8.5% + 1px)}#header{z-index:10;background-color:#fff;position:fixed;font-size:1.5em;white-space:nowrap;display:table;}#header img{float:right}#header #title{text-transform:uppercase;font-family:'Montserrat',sans-serif;font-weight:700;display:table-cell;vertical-align:middle}#header #city-selector{cursor:default;display:inline;font-family:'Montserrat',sans-serif;font-weight:300;text-transform:capitalize;color:#fff;-webkit-border-radius:30px;border-radius:30px;padding:2px 8px;-webkit-transition:width 1s linear 2s;-webkit-transition:width 1s linear 2s;-moz-transition:width 1s linear 2s;-o-transition:width 1s linear 2s;-ms-transition:width 1s linear 2s;transition:width 1s linear 2s;}#header #city-selector.active:hover{color:#fff;background-color:#ffbc45}#header #city-selector.active{background-color:#8e1101}#header #logo{display:table-cell;vertical-align:middle;height:100%;}#header #logo img{vertical-align:middle}#header .header-arrow{font-size:.5em;margin:-3px 0 0 5px}@media only screen and (max-width:560px){#header #title{font-size:.75em}#header #logo img{max-width:70%}}@media only screen and (min-width:561px) and (max-width:900px){#header #title{font-size:.8em}#header #logo img{max-width:60%}}#buffer{z-index:0;position:relative}#menu{position:fixed;width:100%;z-index:5;background-image:url("../images/reduced/bg_menu.jpg");-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;webkit-background-size:cover;moz-background-size:cover;top:8.5%;}#menu .main-side{width:40%;float:left;height:100%;padding:30px 5% 0 0;}#menu .main-side h1{font-size:3em;-webkit-margin-before:0;font-family:'Quicksand',sans-serif;letter-spacing:-2px}#menu .main-side h2{font-size:1.1em;font-weight:300;}#menu .main-side h2 span{font-size:1.3em;font-weight:700}#menu #featured-city-list,#menu #city-list{float:left;width:60%;margin-top:40px;}#menu #featured-city-list li,#menu #city-list li{float:left;width:33.3%;padding:0 5% 2px 0;cursor:pointer;margin-bottom:3px;}#menu #featured-city-list li:nth-of-type(3),#menu #city-list li:nth-of-type(3){padding-right:0}#menu #featured-city-list li:hover,#menu #city-list li:hover{color:#2b4e84}#menu #featured-city-list{margin-bottom:2em;zoom:1;}#menu #featured-city-list:before,#menu #featured-city-list:after{content:"";display:table}#menu #featured-city-list:after{clear:both}#menu #featured-city-list li{color:#ffea00;font-size:1.1em}#menu #city-list li{font-size:.9em}@media only screen and (max-width:560px){#menu .main-side{width:100%;float:none;height:auto;padding:30px 5% 0 0;}#menu .main-side h1{font-size:1.6em}#menu .main-side h2{font-size:.8em}#menu #featured-city-list,#menu #city-list{float:none;width:100%}#menu #featured-city-list{margin-bottom:10px;}#menu #featured-city-list li{width:20%;font-size:.75em;margin-bottom:2px}#menu #city-list{margin-top:0;width:100% !important;}#menu #city-list li{width:20%;font-size:.75em;}#menu #city-list li:nth-of-type(3){padding-right:0}#menu #city-list li:hover{color:#2b4e84}}@media only screen and (min-width:561px) and (max-width:900px){#menu .main-side h1{font-size:2em}#menu .main-side h2{font-size:.75em}#menu #featured-city-list{margin-bottom:10px;}#menu #featured-city-list li{font-size:.8em;margin-bottom:1px}#menu #city-list{float:left;width:60%;margin-top:0;}#menu #city-list li{font-size:.8em;margin-bottom:1px;}#menu #city-list li:nth-of-type(3){padding-right:0}#menu #city-list li:hover{color:#2b4e84}}.info{position:relative;vertical-align:bottom;z-index:1;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;}.info h4{font-family:'Quicksand',sans-serif;letter-spacing:-2px;font-size:2.3em;padding:1.6em 0 .5em 0;margin:0}.info p{font-size:1em;text-align:left;color:#e6e6e6;}.info p strong{color:#fff}@media only screen and (max-width:560px){.info h4{font-size:1.6em;padding:.8em 0 .2em 0}.info p{font-size:.8em}}@media only screen and (min-width:561px) and (max-width:900px){.info h4{font-size:1.9em;padding:1em 0 .3em 0}.info p{font-size:.9em}}#panel1{background-image:url("../images/reduced/bg_slide1.jpg");background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}#panel1 #floating-island-container{float:right;position:relative;display:none}#panel1 #floating-city{height:80%;background-repeat:no-repeat;max-width:500px;width:auto;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain}#panel1 #floating-shadow{background-image:url("../images/reduced/floating-island-shadow.png");height:50px;background-repeat:no-repeat;background-position:center 0;max-width:500px}#second-chart{width:70%;padding-right:5%;float:left}.snippet{margin-top:5%;position:relative;float:right;clear:right}.snippet-title{color:#ffbc45;text-transform:uppercase;font-weight:700}#city-data #city{margin-top:5%;margin-left:10%}#max-uhi-snippet{right:9%}#average-uhi-snippet{right:18%}#hot-days-snippet{right:0}.in-snippet{display:inline-block}#city-name,.snippet-data{font-family:'Quicksand',sans-serif;letter-spacing:-2px;font-size:3.2em}#city-name{height:10%}.snippet-info{font-size:.7em;font-weight:bold;text-transform:uppercase}#uhi-rank{display:none}.icon-wrapper{width:20%;margin:5%;font-size:.7em;display:inline-block;text-align:center}.icon-wrapper img{width:100%;margin-bottom:3px}@media only screen and (max-width:560px){#city-name,.snippet-data{font-size:2.8em}.snippet-title{font-size:.9em}}@media only screen and (min-width:561px) and (max-width:900px){#city-name,.snippet-data{font-size:2.9em}.snippet-title{font-size:.95em}}#panel2{background:url("../images/reduced/bg_slide2.jpg");-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-repeat:no-repeat;color:#2b4e84;}#panel2 p{color:#2b4e84}#panel3{background:url("../images/reduced/bg_slide3.jpg");-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-repeat:no-repeat;}#panel3 #what-is{color:maroon}#panel3 #chart-footer{font-size:.9em}#panel3 #landscape{background-image:url("../images/reduced/cityscape.png");-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;width:100%;background-position:center bottom;height:60%;position:absolute;bottom:0;background-repeat:no-repeat;left:0}#panel4{background:url("../images/reduced/bg_slide4.jpg");-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-position:leftok center;background-repeat:no-repeat;}#panel4 svg{float:left}#panel4 .component,#panel4 .label{cursor:default !important}.large-snippet{left:45%;width:35%;position:relative;text-align:left;font-size:1em}.scroll-button{height:5%;width:50px;margin:0 auto;bottom:0;position:absolute;left:50%;margin-left:-25px;text-align:center;text-transform:uppercase;font-size:.6em;}.scroll-button:hover{background-color:#2b4e84;color:#fff}.arrow{width:0;height:0;bottom:2;margin:auto;position:absolute;border-style:solid}.center-arrow{left:0;right:0}.left-arrow{left:5px}.right-arrow{right:5px}.down-arrow{border-width:10px 5px 0 5px;border-color:#fff transparent transparent transparent}.up-arrow{border-width:0 5px 10px 5px;border-color:transparent transparent #fff transparent}.menu-arrow{border-width:15px 7.5px 0 7.5px;border-color:#2b4e84 transparent transparent transparent;position:relative}.half-info{width:50%;height:100%;position:absolute;text-align:left}.third-info{width:40%;height:100%;position:absolute}.two-third-info{width:67%;height:100%;position:absolute}@media only screen and (max-width:560px){.third-info{width:50%}}@media only screen and (min-width:561px) and (max-width:900px){.third-info{width:45%}}#about-charts{float:right;right:0}#percentage-bar{width:400px;height:45px;border:1px solid #111;background-color:#292929;position:absolute;bottom:60px;left:10%}#percentage-bar div{height:100%;color:#fff;text-align:right;line-height:40px;width:0;background-color:#09f}#ozone-chart .axis path,#ozone-chart .axis line{fill:none;stroke:#2b4e84;shape-rendering:crispEdges}#ozone-chart text{fill:#2b4e84;stroke:none}#ozone-chart .label{fill:#2b4e84;font-size:.8em}#ozone-chart circle{fill:rgba(43,78,132,0.25)}.regression{stroke:red;stroke-width:1.5px}#linechart .axis path,#linechart .axis line{fill:none;stroke:#fed66c;shape-rendering:crispEdges}#linechart text{fill:#fff;stroke:none}#linechart .label{font-size:.8em}#chart-line{fill:none;stroke:#fff;stroke-width:2px}.background{fill:#fff;fill-opacity:.01}.component{fill:none}.component .label{font-family:'Montserrat',sans-serif;font-weight:300;text-anchor:middle;fill:#fff}.arc{stroke-weight:.1;fill:#fff}.arc2{stroke-weight:.1;fill:#3660b0}.label{font-family:'Montserrat',sans-serif;font-weight:300;text-anchor:middle;fill:#fff}.radial-svg{display:block;margin:0 auto}