body{background:#fff;color:#343434;margin:0;padding:0}#map-title{position:absolute;top:20px;left:0px;width:670px;text-align:center;font-size:28px;z-index:30}#map-text{width:350px;text-align:center;font-size:20px;padding:0px;height:10000px}#teardown-container{position:relative;display:block;height:768px;width:1024px;padding:0;margin:auto;overflow:hidden}#slider-container{position:absolute;bottom:25px;width:680px;left:30px;z-index:20}#slider-container input{width:730px}#slider-container .slider{width:570px !important}#slider-container .slider-handle{background:gray}#slider-container .slider-selection{background:#a9a9a9}.play{height:32px;width:32px;padding:5px 10.5px 14px;margin-left:20px;border-radius:16px;border:1px #888 solid;background:none}.play i{color:#888}.pause{height:32px;width:32px;padding:5px 12.5px 14px 9px;margin-left:20px;border-radius:16px;border:1px #888 solid;background:none}.pause i{color:#888}.teardown-canvas{position:absolute;z-index:0;top:0;left:0}#base-canvas{z-index:0}#main-canvas{z-index:1}#animation-canvas{z-index:2}#landfill-count-container{left:680px;bottom:5px;position:absolute;z-index:30;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}#landfill-count-container #landfillPercentage{display:inline-block;font-size:30px}#landfill-count-container .homes-count{margin-left:10px;font-size:25px;display:inline-block;transform:translate(0px, 7px)}#landfill-count-container .percent-count{margin-left:10px;font-size:25px;display:inline-block}#year-container{right:90px;top:5px;position:absolute;z-index:30}#mountainmath-container{position:absolute;bottom:0;left:3px}#mountainmath-container .ib{display:inline-block}#mountainmath-container a div{color:#888;transform:translate(5px, -4px)}#mountainmath-container .small-logo{margin:0px;width:20px;height:20px;background:url("/images/mm_stamp_alpha_small.png") no-repeat center;background-size:contain}#landfill-canvas{bottom:0;right:0;position:absolute;overflow:hidden;transform-origin:bottom center;transition:transform .5s linear}.odometer{font-size:40px;display:inline-block}html.noscroll{position:fixed;overflow-y:scroll;width:100%}#story-container{position:absolute;top:0px;right:5px;width:350px;padding:0 0 0px 0;z-index:40;height:100%;overflow-y:scroll;visibility:visible;opacity:1}.faded{opacity:0 !important;pointer-events:none}.story{font-size:20px;color:rgba(52,52,52,.3);padding:10px 3px;-webkit-transition:background .5s ease;-moz-transition:background .5s ease;-o-transition:background .5s ease;transition:background .5s ease;-webkit-transition:color .5s ease;-moz-transition:color .5s ease;-o-transition:color .5s ease;transition:color .5s ease}.story img{width:100%}.story.active{background:"none";color:#343434}.overlay{width:100%;height:100%;background:hsla(0,0%,100%,.9);z-index:39;position:absolute}.long-fade{-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear;transition:opacity 1s linear;visibility:visible;opacity:1}.short-fade{-webkit-transition:opacity .5s linear;-moz-transition:opacity .5s linear;-o-transition:opacity .5s linear;transition:opacity .5s linear;visibility:visible;opacity:1}#tdc-graph{position:absolute;bottom:0;left:0;margin:20px;margin-top:80px}#tdc-graph .axis path,#tdc-graph .axis line,#tdc-graph .axis text{stroke:#343434}#tdc-graph circle{-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear;transition:opacity 1s linear}#tdc-graph #tdc-slider{margin:30px 30px 5px 30px}#tdc-graph #tdc-slider .slider{width:80%}#tdc-graph #tdc-slider .slider-handle{background:gray}#teardown-type-chart{position:absolute;top:0;left:0;margin:20px;margin-top:80px}#teardown-type-chart .graph{display:inline-block}#teardown-type-chart .legend{display:inline-block;position:relative;margin:20px;bottom:50px}#teardown-type-chart .pie-tooltip{height:20px;display:block}#teardown-type-chart .pie-label{display:inline-block;margin-left:10px}span.swath{height:16px;width:16px;display:inline-block}span.graph-details{margin-right:10px}.whiskers{margin:20px;margin-top:80px;width:600px;height:250px}.whiskers .axis path,.whiskers .axis line,.whiskers .axis text{stroke:#343434}.credits{position:absolute;top:200px;left:50px}.credits div{padding:20px 0}.whats-next-element{position:absolute;top:50px;left:30px}#scroll-hint{pointer-events:none;margin:0 50px 0 50px;padding:5px;border:1px solid #ccc;border-radius:5px;position:absolute;bottom:50px;right:30px;width:200px;height:220px;z-index:100;background:#ccc;opacity:.7}#scroll-hint .inner-scroll-hint{position:relative}#scroll-hint .inner-scroll-hint .updown-scroll{position:absolute;font-size:200px;color:#fff;z-index:101;left:-10px;top:5px}#scroll-hint .inner-scroll-hint div{color:#222;font-size:20px;position:absolute;z-index:102;padding:40px 10px 10px 10px;text-align:center}#tdc-explanation{position:absolute;bottom:180px;left:50px}.tdc-tooltip{position:absolute;background:hsla(0,0%,100%,.7);border-radius:2px}#teardown-index{position:absolute;top:50px;left:50px}.whats-next{width:550px;font-size:20px}.tdi-chart,.tdi-chart .axis path,.tdi-chart .axis line{stroke:#343434;fill:none}.tdi-chart .label-text,.tdi-chart .axis path .label-text,.tdi-chart .axis line .label-text{stroke:none;fill:#343434;font-size:20px}.tdi-chart path.line,.tdi-chart .axis path path.line,.tdi-chart .axis line path.line{stroke-width:2px}#teardown-flow-chart{position:absolute;top:50px;left:50px}#teardown-flow-chart img{width:500px}#teardown-by-age{position:absolute;top:50px;left:0}.teardown-by-age-legend{position:absolute;top:0px;left:580px}#prediction-legend{position:absolute;left:0px;bottom:50px}.story:last-child{padding-bottom:500px}#replacement{postion:absolute;top:50px;left:50px}#replacement img{position:absolute;-moz-transform-origin:75px 100px;-ms-transform-origin:75px 100px;-o-transform-origin:75px 100px;-webkit-transform-origin:75px 100px;transform-origin:75px 100px}#replacement #house{bottom:360px}#replacement #excavator{bottom:350px}
.hide{display:none!important}