@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');*{font-family:'Lato',sans-serif}body,html{height:100%}p{font-size:22px}.logo{position:absolute;top:27px;left:50%;transform:translateX(-50%);width:150px;height:33px;background-repeat:no-repeat;background-position:center}section[class*="bloco-"]{position:relative;background-repeat:no-repeat;background-position:center;background-size:cover}section[class*="bloco-"] .content-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:1020px;width:100%}section[class*="bloco-"] .button-wrapper{position:absolute;bottom:10%;left:50%;transform:translate(-50%,-50%);max-width:1020px;width:100%;text-align:right}section[class*="bloco-"] .button-wrapper a{font-size:16px;text-transform:none;color:#fff}section[class*="bloco-"] .button-wrapper a svg{font-size:22px;vertical-align:middle;margin-left:10px}section[class*="bloco-"] .content-wrapper .breadcrumb-app{font-size:14px;color:#999;text-align:left;margin-bottom:40px}section[class*="bloco-"] .content-wrapper .breadcrumb-app span{color:#00d9f8}section.bloco-1{background-image:url('//cdn2.hubspot.net/hubfs/19091/app_diagnostico/slide1.jpg')}section.bloco-1 .logo{background-image:url('//cdn2.hubspot.net/hubfs/19091/app_diagnostico/logo-white.png')}section.bloco-1 .content-wrapper{text-align:center}section.bloco-1 .content-wrapper h1{font-size:70px;color:#fff;font-weight:700;margin-bottom:30px}section.bloco-1 .content-wrapper p{color:#fff;margin-bottom:30px}section.bloco-1 .content-wrapper a{font-size:14px;text-transform:uppercase;color:#fff}section.bloco-1 .content-wrapper a svg{font-size:22px;vertical-align:middle;margin-right:10px}section.bloco-2{background-image:url('//cdn2.hubspot.net/hubfs/19091/app_diagnostico/slide2.jpg')}section.bloco-2 .logo{background-image:url('//cdn2.hubspot.net/hubfs/19091/app_diagnostico/logo.png')}section.bloco-2 .question{text-align:center}section.bloco-2 .question h1{position:relative;font-size:30px;color:#666;padding-bottom:20px;margin-bottom:10px}section.bloco-2 .question h1:after{content:" ";position:absolute;bottom:0px;left:50%;transform:translateX(50%);width:55px;height:9px;border-radius:10px;background-color:#00d9f8}section.bloco-2 .question p{color:gray}section.bloco-2 .question .awnser-wrapper{margin-top:80px}section.bloco-2 .question .awnser-wrapper .btn{display:inline-block;background-color:#00d9f8;font-size:14px;color:#fff;text-transform:uppercase;padding:20px 70px;cursor:pointer}section.bloco-2 .question .awnser-wrapper .btn.selected{background-color:#0095a0}section.bloco-2 .question .awnser-wrapper textarea{display:block;width:90%;margin:0 auto;margin-top:40px;font-size:12px;color:#999;border:1px solid #999;background-color:transparent;height:130px;padding:15px}section.bloco-2 .question.maturidade h2{font-size:26px;margin-top:30px}section.bloco-2 .question.maturidade p{font-size:16px}section.bloco-2 .question.maturidade .col-sm-6{text-align:left}section.bloco-2 .question.maturidade .awnser-wrapper{margin-top:0px}section.bloco-2 .question.maturidade .awnser-wrapper .btn{padding:10px 25px}section.bloco-2 .question.funil .funil-wrapper{position:relative;margin-top:30px;background-image:url('//cdn2.hubspot.net/hubfs/19091/app_diagnostico/funil.png');background-repeat:no-repeat;background-position:center;width:1018px;height:375px}section.bloco-2 .question.funil .funil-wrapper .input-wrapper{position:absolute}section.bloco-2 .question.funil .funil-wrapper .input-wrapper.atual{top:64px;left:72px}section.bloco-2 .question.funil .funil-wrapper .input-wrapper.estimado{top:64px;right:180px}section.bloco-2 .question.funil .funil-wrapper .input-wrapper input{display:block;background-color:transparent;border:1px solid transparent;height:34px;text-align:center;width:255px;margin-bottom:34px;font-size:14px;font-weight:700}section.bloco-2 .question.funil .funil-wrapper .input-wrapper input[name="trafego"]{color:#2cc8c7}section.bloco-2 .question.funil .funil-wrapper .input-wrapper input[name="leads"]{color:#2297b9;margin-bottom:38px}section.bloco-2 .question.funil .funil-wrapper .input-wrapper input[name="leads_qualificados"]{color:#2671ab;margin-bottom:36px}section.bloco-2 .question.funil .funil-wrapper .input-wrapper input[name="propostas"]{color:#6d41b2;margin-bottom:18px}section.bloco-2 .question.funil .funil-wrapper .input-wrapper input[name="vendas"]{color:#7d45d1}section.bloco-2 .question.funil .funil-wrapper .checkbox-wrapper{position:absolute;left:0;bottom:0px;z-index:10}section.bloco-2 .button-wrapper a{font-size:16px;font-weight:700;color:#999}section.bloco-2 .button-wrapper a svg{color:#00d9f8}section.bloco-4{background-image:url('//cdn2.hubspot.net/hubfs/19091/app_diagnostico/slide2.jpg')}section.bloco-4 .logo{background-image:url('//cdn2.hubspot.net/hubfs/19091/app_diagnostico/logo.png')}section.bloco-4 h1{position:relative;font-size:30px;color:#666;padding-bottom:20px;margin-bottom:10px}section.bloco-4 .bar-wrapper{position:relative;background-image:url('//cdn2.hubspot.net/hubfs/19091/app_diagnostico/maturidade-bar.png');background-repeat:no-repeat;background-position:center;width:339px;height:407px;float:right}section.bloco-4 .bar-wrapper .pointer{position:relative;background-image:url('//cdn2.hubspot.net/hubfs/19091/app_diagnostico/pointer.png');background-repeat:no-repeat;background-position:center;width:87px;height:44px;float:right;-webkit-transition:top 1500ms ease;-moz-transition:top 1500ms ease;-ms-transition:top 1500ms ease;-o-transition:top 1500ms ease;transition:top 1500ms ease;top:390px;right:-60px}section.bloco-4 .bar-wrapper .pointer div{font-size:20px;color:#fff;position:absolute;top:7px;left:47px}