html{margin:0 auto;font-family:'Roboto',sans-serif;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0 auto;background-color:#3aae2a}h1{font-size:50px;margin:1px 0}::-webkit-scrollbar{-webkit-appearance:none}::-webkit-scrollbar:vertical{width:12px}::-webkit-scrollbar:horizontal{height:12px}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:10px;border:2px solid #fff}::-webkit-scrollbar-track{border-radius:10px;background-color:#fff}.align-questions{width:98%;margin:0 auto}.question{margin-bottom:30px}.question h3{color:#106838;font-size:22px;margin:2px 0}.question p{color:#4fad2e;font-size:20px;margin:2px 0 0 0}.answers label{font-size:20px;color:#838383}.buttons{display:flex;justify-content:space-between;color:#838383;font-size:14px;margin-top:10px}.button-back,.button-next{display:flex;align-items:center}.button-back img{margin-right:1px}.button-next img{margin-left:1px}.next,.back{cursor:pointer}input[type=checkbox],input[type=radio]{width:20px;height:20px}@media only screen and (min-width:768px){.align-questions{width:90%}.question h3{font-size:30px}.question p{font-size:22px}.buttons{font-size:20px;justify-content:space-around}.button-back img{margin-right:10px}.button-next img{margin-left:10px}}.body-container{margin:0 auto;width:90%;max-width:1500px}@media only screen and (min-width:768px){.body-container{width:80%}.slide-principal{height:100vh;overflow:hidden}}.slide-one{background-color:#3aae2a}.slide-one .left{padding-top:40px;font-size:22px;width:100%}.slide-one .left h1{text-align:center;font-size:30px}.slide-one .left p{text-align:center}.slide-one .right{width:100%}.slide-one .right .calculator{display:flex;justify-content:flex-end}.slide-one .right .logos{display:flex;justify-content:flex-end;align-items:center}@media only screen and (min-width:768px){.slide-one{display:flex;justify-content:space-between}.slide-one .left{width:50%}.slide-one .left h1{font-size:50px}.slide-one .right{width:50%}}.slide-two{background-color:#3aae2a}.slide-two p{line-height:26px;font-size:19px}@media only screen and (min-width:768px){.slide-two{background-color:#3aae2a;height:100vh;display:flex;flex-direction:column;justify-content:center}}.slide-questions{background-color:#fff}.slide-questions .answers{display:grid;grid-template-columns:100%}.slide-questions .special-answers-5{grid-template-columns:120px 120px 200px 200px 120px;grid-auto-flow:column;grid-auto-columns:minmax(120px,1fr);overflow-x:scroll}.slide-questions .special-answers-6{grid-template-columns:160px 150px 120px 150px 150px 230px;grid-auto-flow:column;grid-auto-columns:minmax(140px,1fr);overflow-x:scroll}.slide-questions .answers .option{margin-bottom:20px}@media only screen and (min-width:768px){.slide-questions{height:100vh;display:flex;flex-direction:column;justify-content:center}.slide-questions .answers{grid-template-columns:1fr 1fr}.slide-questions .special-answers-5{grid-template-columns:120px 120px 200px 200px 120px}.slide-questions .special-answers-6{grid-template-columns:160px 150px 120px 150px 150px 230px}}.slide-thirteen{background-color:#3aae2a}.slide-thirteen .form{display:flex;justify-content:center;flex-direction:column;align-items:center}.slide-thirteen h3{text-align:center}.hbspt-form{width:100%;max-width:1000px}.hs-input{width:100% !important;height:30px}.hs-form label{font-size:20px;color:#166938}.hs-form label.hs-error-msg{font-size:16px;color:red}.hs-form-field{margin-bottom:10px}.hs-submit{display:flex;justify-content:flex-end}.hs-submit input{height:50px;width:150px;font-size:25px;background-color:#166938;color:white;cursor:pointer;-webkit-box-shadow:-3px 3px 0px 3px rgba(127,188,3,1);-moz-box-shadow:-3px 3px 0px 3px rgba(127,188,3,1);box-shadow:-3px 3px 0px 3px rgba(127,188,3,1);border:0}.hs-form fieldset{max-width:inherit !important}@media only screen and (min-width:768px){.slide-thirteen{background-color:#3aae2a;height:100vh;display:flex;flex-direction:column;justify-content:center}.slide-thirteen h3{text-align:center;width:80%}.hbspt-form{width:60%}}.slide-fourteen{background-color:#3aae2a}.slide-fourteen .left{width:100%;height:400px}.slide-fourteen .left .termo{height:90%;position:relative;margin-top:5%;text-align:right}.slide-fourteen .left .termo img{height:100%;width:auto}.slide-fourteen .left .termo-line{position:absolute;right:0;bottom:50%;color:#005100;font-size:15px;z-index:5}.slide-fourteen .left .termo-text{position:absolute;left:0;bottom:0;color:#005100;font-size:19px;z-index:5;text-align:left;width:250px}.slide-fourteen .right{font-size:22px;width:100%}.slide-fourteen .right h5{text-align:center;font-size:20px;margin:0;color:#005100}.slide-fourteen .right h3{text-align:center;font-size:25px;margin:0;color:#005100}.slide-fourteen .right p{text-align:center;font-size:18px;color:white}.slide-fourteen .section-bars{display:grid;grid-template-columns:60px 40px auto 40px 60px;column-gap:5px;margin-top:5px}.slide-fourteen .section-bars .column-1,.slide-fourteen .section-bars .column-5{font-size:16px;text-align:center;color:#005100}.slide-fourteen .section-bars .category{font-size:18px}.slide-fourteen .bar{border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px}.slide-fourteen .icon{height:35px;width:35px;position:absolute}.slide-fourteen .world-left{left:50px}.slide-fourteen .world-right{right:0;z-index:4}.slide-fourteen .home,.slide-fourteen .energy,.slide-fourteen .transport{color:#005100}.slide-fourteen .home-bar{height:35px;width:100%;border:1px solid white;position:relative}.slide-fourteen .home-bar-meter{height:33px;width:1%;position:relative}.slide-fourteen .energy-bar{height:35px;width:100%;border:1px solid white;position:relative}.slide-fourteen .energy-bar-meter{height:33px;width:1%;position:relative}.slide-fourteen .transport-bar{height:35px;width:100%;border:1px solid white;position:relative}.slide-fourteen .transport-bar-meter{height:33px;width:1%;position:relative}@media only screen and (min-width:768px){.slide-fourteen{display:flex;justify-content:space-between;position:relative}.slide-fourteen .left{width:35%;height:auto}.slide-fourteen .left .termo{width:100%;height:90vh}.slide-fourteen .right{width:65%;padding-left:50px;padding-top:20px}}.share-results{text-align:center;margin-top:10px}@media only screen and (min-width:768px){.share-results{position:absolute;right:0;bottom:0;z-index:10;margin-top:0}}