html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}ol,ul{list-style:none}a img{border:none}html{height:100%;overflow:hidden}body{position:relative;width:100%;height:100%;padding-top:50px;color:#000;font:300 14px/1.1 'Mada',sans-serif}body *{box-sizing:border-box}a:link,a:hover,a:active,a:focus,a:visited{text-decoration:none;color:#000}strong{font-weight:400}.tooltip>.tooltip-inner{background-color:#393331;border-radius:0;color:#ece6e6;font-size:16px;font-weight:300;padding:8px 12px}.tooltip.top>.tooltip-arrow{border-top-color:#393331}.tooltip.bottom>.tooltip-arrow{border-bottom-color:#393331}.tooltip.left>.tooltip-arrow{border-left-color:#393331}.tooltip.right>.tooltip-arrow{border-right-color:#393331}.dado-0+.tooltip{top:-30px!important}.dado-0+.tooltip>.tooltip-inner{text-align:left}.dado-0+.tooltip>.tooltip-arrow{top:15px!important}.dado-0+.tooltip hr{background:#fff645;height:5px;margin:5px -15px;border:0}.popover{background-color:#393331;border:0;border-radius:0;color:#ece6e6;font-weight:300;width:200px}.popover.right{margin-left:20px}.popover.left{margin-left:-20px}.popover>.popover-content{padding:16px 14px;color:#ece6e6}.popover.top>.arrow{border:0;left:100%!important}.popover.top>.arrow:after{border-top-color:#393331}.popover.right>.arrow:after{border-right-color:#393331}.popover.left>.arrow:after{border-left-color:#393331}#chart-2 .popover{left:-175%!important;top:-310%!important}.mt{margin-top:50px}.scenes-container{position:relative}#container-mobile{width:100vw}#container-mobile>div{position:relative}#container-mobile #step2{padding:12vh 4vw;background-color:#393649;color:#e3e3e3;z-index:2}#container-mobile #step2>p{font-size:1.25rem}#container-mobile #step2 .content-block p{padding-left:15px;border-left:1px solid #e3e3e3;line-height:1.25;margin-top:50px}#container-mobile #step2 .content-image{height:170px}#container-mobile #step2 .content-image img{width:100%;position:relative;top:100%;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}#container-mobile #step2 #powerplant{left:-143px;width:calc(100% * 1.63);max-width:389px}#container-mobile #step2 #car{left:-100px;width:calc(100% * 1.3471);max-width:337px}#container-mobile #step3-1{width:100vw;height:calc(100vw * 1.5129);background-image:url(../img/mobile/step3-1.jpg);background-size:contain}#container-mobile #step3-2{width:100vw;height:calc(100vw * 1.6135);background-image:url(../img/mobile/step3-2.jpg);background-size:contain}#container-mobile #step4-1{width:100vw;height:calc(100vw * .8325);background-image:url(../img/mobile/step4-1.jpg);background-size:contain}#container-mobile #step4-2{width:100vw;height:calc(100vw * .7955);background-image:url(../img/mobile/step4-2.jpg);background-size:contain}#container-mobile #step5-1{width:100vw;height:calc(100vw * 1.5282);background-image:url(../img/mobile/step5-1.jpg);background-size:contain}#container-mobile #step5-2{width:100vw;height:calc(100vw * 1.6095);background-image:url(../img/mobile/step5-2.jpg);background-size:contain}#container-mobile .poptrigger{width:10.35vw;height:10.35vw;position:absolute}#container-mobile .poptrigger>a{display:block;width:100%;height:100%}#container-mobile .b1{top:100vw;left:5vw}#container-mobile .b2{top:100vw;right:5.5vw}#container-mobile .b3{top:128vw;left:5vw}#container-mobile .b4{top:11vw;right:5.5vw}#container-mobile .b5{top:119vw;left:5vw}#container-mobile .b6{top:101vw;left:5vw}#container-mobile .b7{top:127vw;right:5.5vw}#container-mobile .b8{top:130vw;left:5vw}#container-mobile .b9{top:64vw;left:5vw}#container-mobile .b10{top:99vw;left:5vw}#container-mobile .b11{top:119vw;left:5vw}#container-1{display:none;height:100%;background-color:#393649}#step-2,#step-3,#step-4,#step-5,#city{position:absolute;top:0;left:0;width:100%;min-height:100vh;background:transparent;overflow:hidden}#step-3,#step-4,#step-5{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}#step-3>.container,#step-5>.container{position:relative;z-index:2}#step-5 #chart-2{position:relative;width:168px;height:168px;margin:0 auto;padding-top:20px;z-index:12}#step-5 #chart-2:before{position:relative;display:block;content:url(../img/step-5/chart-2/legend.png);width:168px;height:14px;top:-40px}#step-5 #chart-2>img{position:absolute;width:168px;height:168px;top:0;left:0;opacity:0}#step-5 #chart-2>a{position:absolute;width:50px;line-height:2;text-align:center;z-index:8;opacity:0}#step-5 #chart-2>a:hover{text-decoration:none;color:#000}#step-5 #chart-2>a.dado-0{top:-30px;width:80px;left:-70px;background:url(../img/step-5/chart-2/x.png) no-repeat 5px 8px}#step-5 #chart-2>a.dado-1{top:80px;left:-45px}#step-5 #chart-2>a.dado-2{top:170px;left:60px}#step-5 #chart-2>a.dado-3{top:163px;left:94px}#step-5 #chart-2>a.dado-4{top:30px;left:160px}#step-3 #chart-1{position:relative;width:168px;height:168px;margin:0 auto;padding-top:20px;z-index:12}#step-3 #chart-1:before{position:relative;display:block;content:url(../img/step-3/chart-1/legend.png);width:168px;height:14px;top:-40px}#step-3 #chart-1>img{position:absolute;width:168px;height:168px;top:0;left:0;opacity:0}#step-3 #chart-1>a{position:absolute;width:50px;line-height:2;text-align:center;z-index:8;opacity:0}#step-3 #chart-1>a:hover{text-decoration:none;color:#000}#step-3 #chart-1>a.dado-1{top:10px;left:-28px}#step-3 #chart-1>a.dado-2{top:157px;left:9px}#step-3 #chart-1>a.dado-3{top:149px;left:115px}#step-3 #chart-1>a.dado-4{top:121px;left:147px}#step-3 #chart-1>a.dado-5{top:30px;left:160px}nav#step-navigation{position:fixed;top:0;width:100vw;max-height:50px;z-index:9999}nav#step-navigation .navbar-header{background-color:#000}nav#step-navigation .navbar-header .navbar-toggle .icon-bar{background-color:#fff}nav#step-navigation .navbar-collapse{background-color:rgba(0,0,0,.9);border:0;box-shadow:none}nav#step-navigation .navbar-collapse ul{display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-flow:row;-ms-flex-flow:row;flex-flow:row;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:50vh;padding:10vh 10vw}nav#step-navigation .navbar-collapse ul li>a{display:block;color:#302b41;font-size:1.375rem;text-decoration:none}nav#step-navigation .navbar-collapse ul li a.active{color:#fff}nav#step-navigation .navbar-collapse ul li a.active.yellow{color:#ffcd00}nav#step-navigation .navbar-collapse ul li.active>a{color:#fff}nav#step-navigation .r{color:#fff;font-family:'Playfair Display',serif;font-size:.75rem;font-weight:900}#city{position:absolute;bottom:-500px}#city .revolution,#city .poluted,#city .black{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}#sky{display:none}#sky #cloud-lt{position:absolute;top:0;left:-407px;width:407px;height:204px;background-image:url(../img/step-3/cloud_l01.png)}#sky #cloud-lb{position:absolute;bottom:337px;left:270px;width:274px;height:91px;background-image:url(../img/step-3/cloud_l02.png);opacity:0}#sky #cloud-r{position:absolute;top:0;right:-405px;width:385px;height:203px;background-image:url(../img/step-3/cloud_r01.png)}#city #upper-city{position:absolute;bottom:303px;width:100%;height:36px;background:#271f1f;overflow:visible;z-index:2}#city #upper-city #powerplant,.overcity #powerplant{position:absolute;left:0;bottom:36px;width:332px;height:378px;-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;overflow:hidden}.overcity #powerplant{bottom:339px;right:0}#city #upper-city #powerplant-black{position:absolute;left:0;bottom:36px;width:332px;height:378px;-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left}#city #upper-city #museum,.overcity #museum{position:absolute;left:218px;bottom:36px;width:285px;height:165px;background-image:url(../img/step-5/museum.png);-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left}.overcity #museum{bottom:339px}#city #upper-city #building,.overcity #building{position:absolute;right:0;bottom:0;width:101px;height:281px;-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;overflow:hidden}.overcity #building{bottom:302px;right:0}#city #upper-city #building-black{position:absolute;right:0;bottom:0;width:101px;height:281px;background-color:#000;-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right}#city #upper-city #building-new,.overcity #building-new{position:absolute;right:0;bottom:0;width:101px;height:281px;background-image:url(../img/step-5/building.png);-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;overflow:hidden}.overcity #building-new{bottom:303px;right:0}#city #upper-city #tower-on-l{position:absolute;left:25px;bottom:25px;width:80px;height:279px;-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left}#city #upper-city #tower-black-l{position:absolute;left:25px;bottom:25px;width:80px;height:279px;-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left}#city #upper-city #tower-off-l,.overcity #tower-off-l{position:absolute;left:0;bottom:36px;width:231px;height:236px;background-image:url(../img/step-5/torre_inativa.png);-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left}.overcity #tower-off-l{bottom:339px}#city #upper-city #tower-on-r,.overcity #tower-on-r{position:absolute;right:130px;bottom:25px;width:80px;height:279px;-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;overflow:hidden}.overcity #tower-on-r{bottom:328px}#city #upper-city #tower-black-r{position:absolute;right:130px;bottom:25px;width:80px;height:279px;-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right}#city #upper-city #copa-top{position:absolute;right:101px;bottom:70px;width:56px;height:87px;background-image:url(../img/step-5/copa_topo.png)}#city #upper-city #carcharging,.overcity #carcharging{position:absolute;right:101px;bottom:0;width:146px;height:70px}.overcity #carcharging{bottom:303px}#city #upper-city #charger,.overcity #charger{position:absolute;right:0;bottom:0;width:68px;height:70px;background-image:url(../img/step-5/charger.png)}#city #upper-city #carelectric,.overcity #carelectric{position:absolute;left:7px;bottom:20px;width:80px;height:42px;overflow:hidden}#city #upper-city #trees{position:absolute;bottom:36px;width:100%;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}#city #upper-city #trees #tree-l{position:absolute;left:110px;bottom:0;width:55px;height:187px;background-image:url(../img/step-3/arvores_e.png);-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left}#city #upper-city #trees #tree-r{position:absolute;right:260px;bottom:0;width:85px;height:147px;background-image:url(../img/step-3/arvores_d.png);-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right}#city #lower-city{position:absolute;bottom:115px;width:100%;height:225px;background:url(../img/city/poluted-background.jpg) bottom right no-repeat;overflow:visible;z-index:3}#city #lower-city #dam-on,.overcity #dam-on{position:absolute;left:0;bottom:0;width:500px;height:224px;background-image:url(../img/step-3/hidreletrica.png);-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left}.overcity #dam-on{bottom:115px}#city #lower-city #dam-off,.overcity #dam-off{position:absolute;left:0;bottom:0;width:500px;height:224px;background-image:url(../img/step-5/hidreletrica.png);-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left}.overcity #dam-off{bottom:115px}#city #lower-city #biomassa,.overcity #biomassa{position:absolute;left:0;bottom:0;width:233px;height:158px;-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;overflow:hidden}.overcity #biomassa{left:0;bottom:58px}#city #lower-city #flood,.overcity #flood{position:absolute;right:0;bottom:0;width:448px;height:171px;-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;overflow:hidden}.overcity #flood{bottom:115px;right:0}#city #lower-city #houses,.overcity #houses{position:absolute;right:0;bottom:0;width:448px;height:171px;-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;z-index:2;overflow:hidden}.overcity #houses{bottom:115px;right:0}#city #lower-city #copa-right{position:absolute;right:-1px;bottom:57px;width:135px;height:132px;background-image:url(../img/step-5/copa_right.png);z-index:3}#city #lower-city #copa-left{position:absolute;right:343px;bottom:106px;width:76px;height:65px;background-image:url(../img/step-5/copa_left.png);z-index:1}#city #lower-city #car-single{position:absolute;right:102px;bottom:172px;width:342px;height:174px;-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;overflow:hidden}#city #lower-city .trees{position:absolute;bottom:344px;width:100%;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}#city #lower-city .trees .tree-l{position:absolute;left:110px;bottom:0;width:55px;height:187px;background-image:url(../img/step-3/arvores_e.png);-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left}#city #lower-city .trees .tree-r{position:absolute;right:260px;bottom:0;width:85px;height:147px;background-image:url(../img/step-3/arvores_d.png);-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right}#city #train-track{position:absolute;bottom:115px;width:100%;height:188px;background-image:url(../img/city/train-background.gif);background-repeat:repeat-x;z-index:1;opacity:0}#city #train-track #train,.overcity #train{position:absolute;left:-396px;bottom:114px;width:396px;height:37px;background-image:url(../img/step-5/train.png)}.overcity #train{bottom:229px;left:250px}#city #lower-city #turbine-1,#city #upper-city #turbine-2,.overcity #turbine-1{position:absolute;right:450px;bottom:116px;width:95px;height:134px;overflow:hidden}.overcity #turbine-1{right:450px;bottom:231px}#city #upper-city #turbine-2{right:120px;bottom:36px}#city #main-road{position:absolute;bottom:75px;width:100%;height:40px;background:url(../img/city/main-road.jpg) bottom center;z-index:4}#cars{position:absolute;bottom:90px;width:100%;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}#cars .car{position:absolute;width:342px;height:174px;overflow:hidden}#cars #car-1{left:-342px;bottom:-80px}#cars #car-2{left:-1026px;bottom:-80px}#cars #car-3{left:-342px;bottom:-80px}#car-over #cars #car-1{left:-120px;bottom:-70px}#car-over #cars #car-2{left:200px;bottom:-70px}#main-road .bikers{position:absolute;bottom:17px;width:100%}#main-road .bikers .biker{position:absolute;bottom:0}#main-road .bikers #biker-1{left:50%;width:76px;height:82px;overflow:hidden}#main-road .bikers #biker-2{left:calc(50% - 120px);width:83px;height:80px;overflow:hidden}#main-road .bikers #biker-3{left:calc(50% + 120px);width:75px;height:76px;overflow:hidden}#city #bus-road{position:absolute;bottom:0;width:100%;height:75px;background:url(../img/city/bus-road.jpg) right bottom;z-index:5}#city #bus-road #bus{position:absolute;left:115px;bottom:15px;width:279px;height:115px;background:url(../img/step-5/bus.png) center bottom;overflow:hidden}#city #black-city{position:absolute;bottom:0;width:100%;height:339px;background-color:#000;z-index:6}#step-1{position:fixed;width:100%;height:calc(100vh - 50px);background-color:#b070ff;z-index:99}#step-1 .container-fluid{padding-top:20px}#step-1 .logo-greenpeace{height:13px}#step-1 .content{margin-top:calc(20vh + 50px)}#step-1 .content h1,#step-1 .content h6,#step-1 .content p{display:none;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}#step-1 .content h1{font:900 34px/1.1 'Playfair Display',serif}#step-1 .content p.subtitle{padding:1vh 0 3vh}#step-1 .content p.opening{line-height:1.1}#step-1 .icons{position:absolute;left:15vw;top:8vh;right:15vw}#step-1 .icons li{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}#step-1 .icons img{width:100%;max-width:110px;max-height:110px}#step-1 .status{font:900 30px/1.1 'Playfair Display',serif;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}#step-1 #sun{display:block;width:110px;height:110px;max-width:110px;max-height:110px;margin-left:50%;background-color:#fff83f;border-radius:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#step-1 .sun{position:absolute;bottom:-300px;width:300px;height:300px;margin-left:50%;background-color:#fff83f;border-radius:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#step-1 .scenery{position:absolute;bottom:-190px;width:100%;height:16vh;max-height:220px;z-index:2}#step-1 .scenery .florest{position:absolute;left:0;bottom:0;width:235px;height:100%;background:url(../img/opening_trees.png) bottom left no-repeat;background-size:contain}#step-1 .scenery .city{position:absolute;right:0;bottom:0;width:345px;height:100%;max-height:134px;background:url(../img/opening_city.png) bottom right no-repeat;background-size:contain}#step-1 .bikers{position:absolute;bottom:42px;width:100%}#step-1 .bikers .biker{position:absolute;bottom:0}#step-1 .bikers #biker-1{left:-83px;width:83px;height:80px;-webkit-transform:scale(.805);-ms-transform:scale(.805);transform:scale(.805);overflow:hidden}#step-1 .bikers #biker-2{left:-76px;width:76px;height:82px;-webkit-transform:scale(.81);-ms-transform:scale(.81);transform:scale(.81);overflow:hidden}#step-1 .bikers #biker-3{left:-77px;width:77px;height:76px;-webkit-transform:scale(.82);-ms-transform:scale(.82);transform:scale(.82);overflow:hidden}#step-1 .scroll-cta{position:absolute;right:0;bottom:0;left:0;height:50px;background-color:#000;cursor:pointer}#step-1 .scroll-cta .caret{display:none;width:22px;height:22px;margin:10px auto;border-left:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}#step-2{padding:12vh 4vw;color:#e3e3e3;z-index:2}#step-2>p{font-size:1.25rem}#step-2 .content-block p{padding-left:15px;border-left:1px solid #e3e3e3;line-height:1.25;margin-top:50px}#step-2 .content-image{height:170px}#step-2 .content-image img{width:100%;position:relative;top:100%;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}#step-2 #powerplant{left:-143px;width:calc(100% * 1.63);max-width:389px}#step-2 #car{left:-100px;width:calc(100% * 1.3471);max-width:337px}h2{padding:20px 0 30px;font:900 25px/1.05 'Playfair Display',serif}#step-4 .content{width:50%;margin:0 auto}#step-4 h1{padding:20px 0 30px;font:900 53px/1.05 'Playfair Display',serif}#step-4 p{float:left;padding:0 10px;border-left:1px solid #333;font-size:.938rem;line-height:1.2}#step-4 p.heading{font-weight:400}#step-6{padding:10vh 6vw;background-color:#fff83f}#step-6 .content-block{margin-bottom:40px;padding-left:10px;border-left:1px solid #000}#step-6 .content-block p{line-height:1.25}#step-6 .content-block p.heading{line-height:1.1;font-size:1.25rem;font-weight:400;margin-bottom:20px}#step-6{padding:10vh 6vw;background-color:#fff83f}#step-6 .content-block{margin-bottom:40px;padding-left:10px;border-left:1px solid #000}#step-6 .content-block p{line-height:1.25}#step-6 .content-block p.heading{line-height:1.1;font-size:1.25rem;font-weight:400;margin-bottom:20px}#step-6 .chart-container img{position:absolute;bottom:0;display:block;width:100%}#step-6 #chart-1,#step-6 #chart-2{position:relative;width:100%;height:35vh;max-height:280px;padding-left:20px;border-left:1px solid #494848}#step-6 #chart-1 p.heading,#step-6 #chart-2 p.heading{font-family:'Playfair Display',serif;font-size:1.563rem;font-weight:900;line-height:1.08}#step-6 p.percentage{position:absolute;bottom:-50px}#step-6 p.percentage a:link,#step-6 p.percentage a:hover{color:#000;text-decoration:none}#step-6 .chart-container{position:absolute;bottom:25px;width:100%}#step-6 .chart-container div{position:relative;height:111px;float:left;border-bottom:20px solid transparent}#step-6 .chart-container .others{border-color:#ffff9d}#step-6 .chart-container .others img{max-width:96px;padding-right:5px}#step-6 .chart-container .industry{border-color:#ffca15}#step-6 .chart-container .industry img{max-width:213px;-webkit-transform:translateX(-64%);-ms-transform:translateX(-64%);transform:translateX(-64%)}#step-6 .chart-container .transportation{border-color:#ffa025}#step-6 .chart-container .transportation img{max-width:111px}#step-6 .chart-container .efficiency{bottom:-91px;height:20px;border:1px solid #000}#step-6 .chart-container .efficiency p.percentage{bottom:-31px}#step-6 #chart-1{margin-bottom:14vh}#step-6 #chart-1 .others{width:27.55%}#step-6 #chart-1 .industry{width:37.42%}#step-6 #chart-1 .transportation{width:35.03%}#step-6 #chart-2 .others{width:18.02%}#step-6 #chart-2 .industry{width:22.44%}#step-6 #chart-2 .transportation{width:17%}#step-6 #chart-2 .efficiency{width:42.54%}#step-7{display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:8vw 4vw 12vw;background-color:#fff83f}#step-7 .content-block{width:100%;margin-top:15px;overflow:visible}#step-7 .content-block:first-child img{-webkit-transform:scale(1.153);-ms-transform:scale(1.153);transform:scale(1.153)}#step-7 .content-block:nth-child(3) img{-webkit-transform:scale(1.115);-ms-transform:scale(1.115);transform:scale(1.115)}#step-7 .content-block:nth-child(2n){margin-top:30px}#step-7 .content-block>*{margin-left:auto;margin-right:auto}#step-7 .content-block p{max-width:219px;margin-top:25px;padding-left:20px;line-height:1.25}#step-7 .image-wrapper{position:relative;height:209px;max-width:175px}#step-7 .image-wrapper img{position:absolute;bottom:0;width:100%;-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left}#step-8{position:relative;min-height:100vh;padding:4vw 6vw;background-color:#fff83f}#step-8 .contaner-fluid{position:relative}#step-8 p{line-height:1.25}#step-8 p:nth-child(2){margin-top:30px}#step-8 p.heading{padding-left:20px;border-left:1px solid #000;line-height:1.1;font-size:1.25rem;font-weight:400}#step-8 #eolic img{display:block;width:100%;max-width:398px;margin:0 auto}#step-8 #sky{display:none}#step-9{padding:14vh 6vw;background-color:#ece6e6}#step-10{display:-webkit-flex;display:-ms-flexbox;display:box;display:flexbox;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:0;background-color:#181425;color:#fff;width:100%}#step-10 .content-block{display:-webkit-flex;display:-ms-flexbox;display:box;display:flexbox;display:flex;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-flex:0 0 100%;flex:0 0 100%}#step-10 .content{position:relative;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;padding:40px 10vw;line-height:1.125;max-width:100%}#step-10 .content:before{display:block;content:'';position:absolute;bottom:-24px;width:0;height:0;margin-left:18px;border-left:24px solid transparent;border-right:24px solid transparent;border-top:24px solid #181425}#step-10 .content .heading{margin-bottom:30px;font-size:1.25rem;font-weight:400;line-height:1.1}#step-10 img{display:block;width:100%}#step-11{width:100%;min-height:100vh;padding-top:12vw;padding-bottom:8vw;background:#ffcc01}#step-11 .heading{font:900 42px/1.1 'Playfair Display',serif}#step-11 .heading+p{padding:1.5vh 0 3.5vh}#step-11 .faq-group .faq-item{position:relative;margin-bottom:20px}#step-11 .faq-group .question{font-weight:400;font-size:16px;line-height:1.1;text-decoration:none}#step-11 .faq-group .question:before{display:block;position:absolute;top:-4px;left:-6px;content:url(../img/chevron.png);transition:all 0.325s ease-in-out}#step-11 .faq-group .question[aria-expanded="true"]:before{top:0;-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);transition:all 0.325s linear}#step-11 .faq-group .answer{padding-top:10px;line-height:1.2}#step-12{width:100%;min-height:0}#step-12 .container-fluid{padding-left:0;padding-right:0}#step-12 .content-block{position:relative;height:calc(100vw * .878);overflow:hidden}#step-12 .content-block .content{color:#fff;line-height:1.2;z-index:2}#step-12 .content-block .content .heading a{margin-bottom:.375em;font-family:'Playfair Display',serif;font-weight:900;letter-spacing:.9px;color:#fff}#step-12 .content-block .content .heading a:hover{text-decoration:none;color:#fff}#step-12 .clipping-block{background-color:#fff83f}#step-12 .clipping-block:before,#step-12 .clipping-block:after{font:900 70px/1 'Playfair Display',serif;color:#fff}#step-12 .clipping-block:before{display:block;content:'\201C';position:absolute;top:10px;left:10px}#step-12 .clipping-block:after{display:block;content:'\201E';position:absolute;right:10px;bottom:30px}#step-12 .clipping-block .content{padding:5vw;color:#000;margin-top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#step-12 .clipping-block .content .heading{font-size:24px;line-height:1.1;letter-spacing:0}#step-12 .twitter-block{background-color:#181425}#step-12 .twitter-block a,#step-12 .instagram-block a{color:#fff;font-weight:400}#step-12 .twitter-block .content{margin-top:50%;padding:2vw;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#step-12 p{text-shadow:1px 2px 3px #000}#step-12 .twitter-block .content:before{display:block;content:url(../img/logo_twitter.png);position:absolute;top:-30px;width:28px;height:23px}#step-12 .twitter-block .content .heading a{font-size:24px}#step-12 .twitter-block .content .heading a:hover{text-decoration:none;color:#fff}#step-12 .instagram-block{background-position:center;background-size:cover}#step-12 .instagram-block .content{position:absolute;left:0;bottom:0;right:0;padding:0 2vw 20px}#step-13{background-color:#fff83f;padding-top:100px;padding-bottom:100px;min-height:100vh}#step-13 h1{margin-bottom:50px;font:900 44px/1.05 'Playfair Display',serif}#step-13 p.year{margin-bottom:20px;font:900 36px/1.05 'Playfair Display',serif}#step-13 .reports-container{padding-right:0}#step-13 .reports-scroll,#step-13 .capa img,#step-13 .ler a{display:none}#step-13 .reports-scroll.active,#step-13 .capa img.active,#step-13 .ler a.active{display:block}#step-13 .reports-scroll .report{margin-bottom:20px;font-size:12px}#step-13 .reports-scroll .report p{padding:0 8px}#step-13 .reports-scroll .title{margin-bottom:5px;font-weight:400}#step-13 .reports-scroll.active{font-size:15px}#step-13 .reports-scroll.active .title{margin-bottom:10px;padding:8px;color:#fff83f;background:#000}#step-13 .capa img{width:100%}#step-13 .ler{background-color:#000;margin-top:72px}#step-13 .ler a{color:#fff83f;text-decoration:none;padding:10px 50px 10px 10%;line-height:1.5em;text-align:right}#step-13 .capa,#step-13 .ler{padding:0}#step-13 .other-capas{margin-top:50px;margin-bottom:50px;padding-left:10px}#step-13 .more-pub{display:block;margin-top:50px;text-decoration:none;font-weight:900}#step-13 .more-pub:hover{color:#000}#step-13 .other-capas .capa-thumb{position:relative;height:70px;cursor:pointer;float:left}#step-13 .other-capas .capa-thumb.active:before{display:block;content:url(../img/setinha.png);width:62px;position:absolute;height:6px;top:-20px;left:12.5px}#footer{height:50px;width:100%;background-color:#fff;padding:15px 0}#footer .social-links{margin-left:20px}#footer .social-links li{margin:0 10px;float:left}#footer .goto-top{text-align:center;padding:15px 0}.chart-content{position:absolute;top:0;bottom:0;left:0;right:0}.chart-content div{position:absolute;height:50px;width:50px;cursor:pointer}.chart-content div>div.right{right:-100px}.chart-content div>div.left{left:-100px}.chart-content div>div{display:none;background-color:#0c0c0c;color:#fff;position:relative;width:100px;height:30px;padding:5px;top:30%}.chart-content div:hover>div{display:block}.overcity.yellow{background-color:rgba(255,246,69,.95)}.overcity{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(210,210,210,.95);opacity:0}.overcity .conteudo{display:none}.overcity .conteudo.active{display:block}.overcity .close{position:absolute;width:26px;height:26px;z-index:15;background:url(../img/close_.png) no-repeat;opacity:1;cursor:pointer}.overcity .content{position:absolute;width:100px}.overcity #car-over #cars{bottom:150px}.overcity #car-over .content{left:50%;width:155px;bottom:240px}.overcity #car-over .close{bottom:200px;left:50%}.overcity #flood-over .content{right:140px;bottom:330px}.overcity #flood-over .close{bottom:107px;right:45px}.overcity #tower-over .content{width:160px;right:50px;bottom:140px}.overcity #tower-over .content p{margin-bottom:15px}.overcity #tower-over .close{bottom:475px;right:175px}.overcity #powerplant-over .content{width:160px;left:220px;bottom:175px}.overcity #powerplant-over .content p{margin-bottom:15px}.overcity #powerplant-over .close{bottom:375px;left:300px}.overcity #dam-over .content{width:180px;left:123px;bottom:420px}.overcity #dam-over .close{bottom:375px;left:123px}#button-city2 .open-overcity.houseover{bottom:275px;right:265px}.overcity #house-over .content{width:190px;right:165px;bottom:340px}.overcity #house-over .close{bottom:275px;right:265px}#button-city2 .open-overcity.carchargingover{bottom:325px;right:265px}.overcity #carcharging-over .content{width:150px;right:139px;bottom:380px}.overcity #carcharging-over .close{bottom:325px;right:265px}#button-city1 .open-overcity{position:absolute;width:26px;height:26px;z-index:15;background:url(../img/open.png) no-repeat;opacity:1;cursor:pointer;opacity:0}#button-city1 .open-overcity.towerover{bottom:475px;right:175px}#button-city1 .open-overcity.floodover{bottom:107px;right:45px}#button-city1 .open-overcity.carover{bottom:200px;left:50%}#button-city1 .open-overcity.damover{bottom:375px;left:123px}#button-city1 .open-overcity.powerplantover{bottom:375px;left:300px}#button-city2 .open-overcity{position:absolute;width:26px;height:26px;z-index:15;background:url(../img/open.png) no-repeat;opacity:1;cursor:pointer;opacity:0}#button-city2 .open-overcity.museumover{bottom:355px;left:480px}.overcity #museum-over .content{width:120px;left:265px;bottom:450px}.overcity #museum-over .close{bottom:355px;left:480px}#button-city2 .open-overcity.toweroffover{bottom:550px;left:100px}.overcity.yellow #tower-off-over .content{width:130px;bottom:505px;left:180px}.overcity.yellow #tower-off-over .close{bottom:550px;left:100px}#button-city2 .open-overcity.damoffover{bottom:325px;left:125px}.overcity.yellow #dam-off-over .content{width:190px;bottom:380px;left:125px}.overcity.yellow #dam-off-over .close{bottom:325px;left:125px}#button-city2 .open-overcity.trainover{bottom:220px;left:40%}.overcity.yellow #train-over .content{width:140px;bottom:290px;left:255px}.overcity.yellow #train-over .close{bottom:220px;left:40%}#solzin{width:287px;height:287px;background-image:url(../img/solzin.png);position:absolute;overflow:hidden;right:105px;bottom:50px;opacity:0}#solzin2{width:287px;height:287px;background-color:#ffcd00;position:absolute;overflow:hidden;right:300px;bottom:50px;border-radius:50%;opacity:0}@media all and (max-width:1280px){#step-2{padding:2vh 4vw}}@media all and (max-width:996px){#step-13 .capa{margin-top:20px}}@media all and (min-width:568px){#step-10 .content-block{-webkit-flex:0 0 50%;flex:0 0 50%}#step-10 .content-block.revert img{-o-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}#step-10 .content-block.revert .content:before{top:-24px;bottom:initial;border-top:0;border-bottom:24px solid #181425}#step-10 .content{min-height:calc((100vw - 50px) / 2 * 1.2)}}@media all and (min-width:960px){#step-10 .content-block{-webkit-flex:0 0 25%;flex:0 0 25%}#step-10 .content{padding:40px;height:auto;min-height:calc((100vw - 50px) / 4 * 1.2)}#step-10 img{height:calc((100vw - 50px) / 4 * 1.2)}}@media all and (min-width:768px){body{padding-top:0;font-size:16px}#step-1{height:100vh}#step-1 .logo-greenpeace{height:16px}#step-1 .content{margin-top:24vh}#step-1 .content h1{font-size:70px;white-space:nowrap}#step-1 .content p.opening{font-size:17.5px}#step-1 .scenery{height:34vh}nav#step-navigation{width:50px;left:-50px;min-height:100vh;background-color:#000;z-index:9999}nav#step-navigation .navbar-collapse ul{display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:100vh;padding:20px 0}nav#step-navigation li.logo-greenpeace img{display:block;width:11px;height:68px;margin:0 auto}#container-mobile{display:none}#container-1{display:block}#step-9{padding:14vh 6vw;background-color:#ece6e6}#step-9 p.heading{font-family:'Playfair Display',serif;font-size:1.563rem;font-weight:900;line-height:1.08}#step-9 .chart-container img{position:absolute;bottom:0;display:block;width:100%}#step-9 #chart-1,#step-9 #chart-2{position:relative;width:75vw;height:200px;padding-left:20px;border-left:1px solid #494848}#step-9 .legend{position:absolute;left:calc(100% + 40px);bottom:20px}#step-9 #chart-2 .legend{position:absolute;left:calc(100% + 25px);bottom:20px;width:100px}#step-9 #chart-2 .legend p{display:inline-block}#step-9 .more-info{width:26px;height:26px;margin-top:24px;padding-top:3px;background-color:#000;border-radius:50%;color:#ffcc01;font-size:20px;font-weight:700;text-align:center;text-decoration:none}#step-9 .more-info:focus{outline:0}#step-9 p.percentage{position:absolute;bottom:-50px;left:50%;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#step-9 p.percentage a:link,#step-9 p.percentage a:hover{color:#000;text-decoration:none}#step-9 .chart-container{position:absolute;bottom:25px;width:100%}#step-9 .chart-container div{position:relative;height:103px;float:left;border-bottom:20px solid transparent}#step-9 .chart-container .carvao{width:1%;border-color:#393331}#step-9 .chart-container .carvao img{max-width:15px}#step-9 .chart-container .gas-natural{width:8%;border-color:#b7b6b6}#step-9 .chart-container .gas-natural img{max-width:108px;-webkit-transform:translateX(-65%);-ms-transform:translateX(-65%);transform:translateX(-65%)}#step-9 .chart-container .oleo-combustivel{width:1%;border-color:#d7d7d7}#step-9 .chart-container .oleo-combustivel p{margin-left:-3px}#step-9 .chart-container .diesel{width:1%;border-color:#797979}#step-9 .chart-container .diesel p{margin-left:12px}#step-9 .chart-container .nuclear{width:5%;border-color:#97a4ad}#step-9 .chart-container .nuclear img{max-width:43px}#step-9 .chart-container .nuclear p{margin-left:5px}#step-9 .chart-container .hidreletrica{border-color:#093e9d}#step-9 .chart-container .hidreletrica img{max-width:104px}#step-9 .chart-container .eolica{border-color:#f8f8f8}#step-9 .chart-container .eolica img{max-width:51px;-webkit-transform:translateX(-45%);-ms-transform:translateX(-45%);transform:translateX(-45%)}#step-9 .chart-container .fotovoltaica{border-color:#ffcd01}#step-9 .chart-container .fotovoltaica img{max-width:45px}#step-9 .chart-container .biomassa{border-color:#ffa870}#step-9 .chart-container .biomassa img{max-width:42px}#step-9 .chart-container .concentrada{border-color:#fff938}#step-9 .chart-container .concentrada img{width:21px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#step-9 .chart-container .oceanica{border-color:#4c61d0}#step-9 .chart-container .oceanica img{width:8px}#step-9 #chart-1{margin-bottom:14vh}#step-9 #chart-1 .hidreletrica{width:53%}#step-9 #chart-1 .eolica{width:14.7%}#step-9 #chart-1 .fotovoltaica{width:5%}#step-9 #chart-1 .biomassa{width:10%}#step-9 #chart-1 .concentrada{width:1%}#step-9 #chart-1 .oceanica{width:.3%}#step-9 #chart-1 .oceanica img{-webkit-transform:translateX(5px);-ms-transform:translateX(5px);transform:translateX(5px)}#step-9 #chart-1 .oceanica p{margin-left:30px}#step-9 #chart-2 .hidreletrica{width:45%}#step-9 #chart-2 .eolica{width:25%}#step-9 #chart-2 .fotovoltaica{width:14%}#step-9 #chart-2 .biomassa{width:7%}#step-9 #chart-2 .concentrada{width:7%}#step-9 #chart-2 .oceanica{width:1%}#step-13 h1{font-size:70px}#step-13 p.year{font-size:50px}}@media all and (max-width:767px){#step-8 #eolic{margin-bottom:40px}#step-9 p.heading{font-family:'Playfair Display',serif;font-size:15px;font-weight:900;line-height:1.08}#step-9 .chart-container img{position:absolute;bottom:0;left:-40px;display:block}#step-9 #chart-1,#step-9 #chart-2{position:relative;width:50%;float:left}#step-9 .legend{position:absolute;left:calc(100% + 40px);bottom:20px}#step-9 #chart-2 .legend{position:absolute;left:calc(100% + 25px);bottom:20px;width:100px}#step-9 #chart-2 .legend p{display:inline-block}#step-9 .more-info{width:26px;height:26px;margin-top:24px;padding-top:3px;background-color:#000;border-radius:50%;color:#ffcc01;font-size:20px;font-weight:700;text-align:center;text-decoration:none}#step-9 #mobile{position:relative}#step-9 .popover-btn{display:block;width:10.35vw;height:10.35vw;position:absolute;top:220vw;left:48vw}#step-9 .popover-btn+.popover.top>.arrow{left:50%!important}#step-9 .more-info:focus{outline:0}#step-9 p.percentage{position:absolute;bottom:0;left:-60px;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#step-9 .chart-container{width:40px;height:calc(100vw * 2.5);margin:40px auto}#step-9 .chart-container div{position:relative;border-left:40px solid transparent}#step-9 .chart-container .carvao{height:1%;border-color:#393331}#step-9 .chart-container .carvao img{max-width:15px}#step-9 .chart-container .gas-natural{height:8%;border-color:#b7b6b6}#step-9 .chart-container .gas-natural img{max-width:108px;-webkit-transform:translateX(-65%);-ms-transform:translateX(-65%);transform:translateX(-65%)}#step-9 .chart-container .oleo-combustivel{height:1%;border-color:#d7d7d7}#step-9 .chart-container .oleo-combustivel p{margin-left:-3px}#step-9 .chart-container .diesel{height:1%;border-color:#797979}#step-9 .chart-container .diesel p{margin-left:12px}#step-9 .chart-container .nuclear{height:5%;border-color:#97a4ad}#step-9 .chart-container .nuclear img{max-width:43px}#step-9 .chart-container .nuclear p{margin-left:5px}#step-9 .chart-container .hidreletrica{border-color:#093e9d}#step-9 .chart-container .hidreletrica img{max-width:104px}#step-9 .chart-container .eolica{border-color:#f8f8f8}#step-9 .chart-container .eolica img{max-width:51px;-webkit-transform:translateX(-45%);-ms-transform:translateX(-45%);transform:translateX(-45%)}#step-9 .chart-container .fotovoltaica{border-color:#ffcd01}#step-9 .chart-container .fotovoltaica img{max-width:45px}#step-9 .chart-container .biomassa{border-color:#ffa870}#step-9 .chart-container .biomassa img{max-width:42px}#step-9 .chart-container .concentrada{border-color:#fff938}#step-9 .chart-container .concentrada img{width:21px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#step-9 .chart-container .oceanica{border-color:#4c61d0}#step-9 .chart-container .oceanica img{width:8px}#step-9 #chart-1{margin-bottom:14vh}#step-9 #chart-1 .hidreletrica{height:53%}#step-9 #chart-1 .eolica{height:14.7%}#step-9 #chart-1 .fotovoltaica{height:5%}#step-9 #chart-1 .biomassa{height:10%}#step-9 #chart-1 .concentrada{height:1%}#step-9 #chart-1 .oceanica{height:.3%}#step-9 #chart-1 .oceanica img{-webkit-transform:translateX(5px);-ms-transform:translateX(5px);transform:translateX(5px)}#step-9 #chart-1 .oceanica p{margin-left:30px}#step-9 #chart-2 .hidreletrica{height:45%}#step-9 #chart-2 .eolica{height:25%}#step-9 #chart-2 .fotovoltaica{height:14%}#step-9 #chart-2 .biomassa{height:7%}#step-9 #chart-2 .concentrada{height:7%}#step-9 #chart-2 .oceanica{height:1%}}@media all and (min-width:568px){#step-7{-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}#step-7 .content-block{width:50%}#step-7 .content-block:nth-child(2n){margin-top:15px}.image-wrapper{width:80%}}@media all and (min-width:960px){#step-7{-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:22vh 8vw}#step-7 .content-block{width:15vw}#step-7 .image-wrapper{width:100%;max-width:209px}}@media all and (min-width:992px){#step-8 .row:last-child{position:absolute;bottom:6vw;right:6vw}#step-8 #eolic{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#step-8 #sky{display:block}#step-8 #sky #cloud-l{position:absolute;top:60%;left:-20px;width:173px;height:91px;background-image:url(../img/step-5/cloud_r01.png);background-size:contain;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}#step-8 #sky #cloud-r{position:absolute;top:0;right:-20px;width:385px;height:203px;background-image:url(../img/step-5/cloud_r01.png);z-index:3}#step-10{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media all and (min-width:768px){#step-12 .content-block{height:calc(100vw / 2 * .878)}#step-12 .clipping-block:before,#step-12 .clipping-block:after{font-size:90px}#step-12 .clipping-block .content .heading{font-size:27px}}@media all and (min-width:992px){#step-12 .content-block{height:calc(100vw / 3 * .878)}}@media all and (min-width:768px){#step-11{padding-top:16vh;padding-bottom:10vh}#step-11 .heading{font-size:70px}#step-11 .heading+p{padding:.5vh 0 6vh}#step-11 .faq-group .faq-item{margin-bottom:20px}#step-11 .faq-group .question{font-size:20px}}@media all and (min-width:1200px){#step-11 .faq-group:before{display:block;content:'';position:absolute;left:calc(50% - 40px);width:1px;height:90%;background:#000}}