* {
  padding: 0;
  margin: 0;
}

div#fundo {
  background: url(fundo.png) no-repeat center center fixed;
  height: 100vh;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  overflow: hidden;
  z-index: 0;
}

div#fundo::before {
  content: " ";
  display: block;
  background-color: rgb(0, 0, 0);
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
  opacity: 0.9;
}

img#logo {
  width: 10%;
  padding: 10px 0;
}

div#areaLogo {
  z-index: 99;
  position: fixed;
  width: 100%;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}

#paginainicial {
  position: absolute;
  width: 15%;
  height: 9%;
  left: 44%;
  font-size: 18px;
  top: 80%;
  background: #547fa9;
  border-radius: 50px;
}

#dois {
  position: absolute;
  width: 200px;
  height: 8%;
  left: 44%;
  top: 85%;
  font-size: 18px;
  background: #547fa9;
  border-radius: 50px;
}

p#textocentral {
  position: absolute;
  width: 50%;
  height: 50%;
  left: 27%;
  top: 30%;
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-size: 40px;
  line-height: 50px;
  text-align: center;
  color: #ffffff;
}

p#final {
  position: absolute;
  width: 40%;
  height: 0%;
  left: 31.5%;
  top: 95%;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.055em;
  color: #ffffff;
}


p#textodados {
  position: absolute;
  width: 340px;
  height: 70px;
  left: 15%;
  top: 70px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-size: 21px;
  line-height: 32px;
  /* or 135% */
  text-align: center;
  color: #ffffff;
}

p#titulo {
  position: absolute;
  width: 445px;
  height: 65px;
  left: 800px;
  top: 222px;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  /* or 135% */
  text-align: left;
  color: #ffffff;
}

p#dados0 {
  position: absolute;
  width: 350px;
  height: 35px;
  left: 17%;
  top: 150px;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 137.69%;
  /* or 19px */
  text-align: justify;
  color: #ffffff;
}

input#orgaopublico_sim {
  position: absolute;
  width: 10px;
  left: 17%;
  top: 178px;
  color: #ffffff;
}

label#orgaopublico_sim {
  position: absolute;
  width: 10px;
  left: 19%;
  top: 178px;
  font-size: 12px;
  line-height: 137.69%;
  color: #ffffff;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
}

input#orgaopublico_nao {
  position: absolute;
  width: 10px;
  left: 25%;
  top: 178px;
  color: #ffffff;
}

label#orgaopublico_nao {
  position: absolute;
  width: 10px;
  left: 27%;
  top: 178px;
  font-size: 12px;
  line-height: 137.69%;
  color: #ffffff;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
}

p#dados1 {
  position: absolute;
  width: 350px;
  height: 35px;
  left: 17%;
  top: 202px;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 137.69%;
  /* or 19px */
  text-align: justify;
  color: #ffffff;
}

p#dados2 {
  position: absolute;
  width: 350px;
  height: 35px;
  left: 17%;
  top: 276px;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 137.69%;
  /* or 19px */
  text-align: justify;
  color: #ffffff;
}

p#dados3 {
  position: absolute;
  width: 350px;
  height: 35px;
  left: 17%;
  top: 350px;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 137.69%;
  /* or 19px */
  text-align: justify;
  color: #ffffff;
}

p#dados4 {
  position: absolute;
  width: 350px;
  height: 35px;
  left: 17%;
  top: 424px;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 137.69%;
  /* or 19px */
  text-align: justify;
  color: #ffffff;
}

textarea#nome {
  resize: none;
  position: absolute;
  width: 275px;
  height: 25px;
  left: 17%;
  top: 240px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-size: 14px;
  line-height: 137.69%;
  /* or 19px */
  text-align: justify;
  color: #ffffff;
  background-color: transparent;
  border-style: solid;
  border-width: 0px 0px 1.5px 0px;
  border-color: solid #ffffff;
  outline: 0;
}

textarea#cnpj {
  resize: none;
  position: absolute;
  width: 275px;
  height: 25px;
  left: 17%;
  top: 315px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-size: 14px;
  line-height: 137.69%;
  /* or 19px */
  text-align: justify;
  color: #ffffff;
  background-color: transparent;
  border-style: solid;
  border-width: 0px 0px 1.5px 0px;
  border-color: solid #ffffff;
  outline: 0;
}

textarea#email {
  resize: none;
  position: absolute;
  width: 275px;
  height: 25px;
  left: 17%;
  top: 395px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-size: 14px;
  line-height: 137.69%;
  /* or 19px */
  text-align: justify;
  color: #ffffff;
  background-color: transparent;
  border-style: solid;
  border-width: 0px 0px 1.5px 0px;
  border-color: solid #ffffff;
  outline: 0;
}

textarea#telefone {
  resize: none;
  position: absolute;
  width: 275px;
  height: 25px;
  left: 17%;
  top: 475px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-size: 14px;
  line-height: 137.69%;
  /* or 19px */
  text-align: justify;
  color: #ffffff;
  background-color: transparent;
  border-style: solid;
  border-width: 0px 0px 1.5px 0px;
  border-color: solid #ffffff;
  outline: 0;
}

p#subtexto {
  position: absolute;
  width: 445px;
  height: 163px;
  left: 800px;
  top: 280px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 32px;
  /* or 135% */
  text-align: justify;
  color: #ffffff;
}

p#textoquest1 {
  position: absolute;
  width: 70%;
  height: 50%;
  left: 16.5%;
  top: 15%;
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-size: 120%;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
}

select#quest1 {
  position: absolute;
  width: 13%;
  height: 5%;
  left: 45%;
  right: 52.19%;
  top: 23%;
  bottom: 33.92%;
  background: #547fa9;
  border-radius: 10px;
  font-family: Roboto;
  font-style: bold;
  font-weight: 900;
  font-size: 98%;
  line-height: 100%;
  text-align: center;
  color: #ffffff;
}

p#textoquest2 {
  position: absolute;
  width: 70%;
  height: 50%;
  left: 16.5%;
  top: 33%;
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-size: 120%;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
}

select#quest2  {
  position: absolute;
  width: 13%;
  height: 5%;
  left: 45%;
  right: 52.19%;
  top: 42%;
  bottom: 33.92%;
  background: #547fa9;
  border-radius: 10px;
  font-family: Roboto;
  font-style: bold;
  font-weight: 900;
  font-size: 98%;
  line-height: 100%;
  text-align: center;
  color: #ffffff;
}

p#textoquest3 {
  position: absolute;
  width: 70%;
  height: 50%;
  left: 16.5%;
  top: 52.5%;
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-size: 120%;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
}

select#quest3 {
  position: absolute;
  width: 13%;
  height: 5%;
  left: 45%;
  right: 52.19%;
  top: 62.5%;
  bottom: 33.92%;
  background: #547fa9;
  border-radius: 10px;
  font-family: Roboto;
  font-style: bold;
  font-weight: 900;
  font-size: 98%;
  line-height: 100%;
  text-align: center;
  color: #ffffff;
}

#quest1 {
  position: absolute;
  width: 15%;
  height: 9%;
  left: 44%;
  top: 75%;
  font-size: 18px;
  background: #547fa9;
  border-radius: 50px;
}

p#textoquest4 {
  position: absolute;
  width: 70%;
  height: 50%;
  left: 16.5%;
  top: 10%;
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-size: 120%;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
}

select#quest4 {
  position: absolute;
  width: 13%;
  height: 5%;
  left: 45%;
  right: 52.19%;
  top: 20%;
  bottom: 33.92%;
  background: #547fa9;
  border-radius: 10px;
  font-family: Roboto;
  font-style: bold;
  font-weight: 900;
  font-size: 98%;
  line-height: 100%;
  text-align: center;
  color: #ffffff;
}

p#textoquest5 {
  position: absolute;
  width: 70%;
  height: 50%;
  left: 16.5%;
  top: 31%;
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-size: 120%;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
}

select#quest5 {
  position: absolute;
  width: 13%;
  height: 5%;
  left: 45%;
  right: 52.19%;
  top: 40%;
  bottom: 33.92%;
  background: #547fa9;
  border-radius: 10px;
  font-family: Roboto;
  font-style: bold;
  font-weight: 900;
  font-size: 98%;
  line-height: 100%;
  text-align: center;
  color: #ffffff;
}

p#textoquest6 {
  position: absolute;
  width: 70%;
  height: 50%;
  left: 16.5%;
  top: 52.5%;
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-size: 120%;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
}

select#quest6 {
  position: absolute;
  width: 13%;
  height: 5%;
  left: 45%;
  right: 52.19%;
  top: 62.5%;
  bottom: 33.92%;
  background: #547fa9;
  border-radius: 10px;
  font-family: Roboto;
  font-style: bold;
  font-weight: 900;
  font-size: 98%;
  line-height: 100%;
  text-align: center;
  color: #ffffff;
}

select#quest7 {
  position: absolute;
  width: 13%;
  height: 5%;
  left: 45%;
  right: 52.19%;
  top: 20%;
  bottom: 33.92%;
  background: #547fa9;
  border-radius: 10px;
  font-family: Roboto;
  font-style: bold;
  font-weight: 900;
  font-size: 98%;
  line-height: 100%;
  text-align: center;
  color: #ffffff;
}

select#quest8 {
  position: absolute;
  width: 13%;
  height: 5%;
  left: 45%;
  right: 52.19%;
  top: 40%;
  bottom: 33.92%;
  background: #547fa9;
  border-radius: 10px;
  font-family: Roboto;
  font-style: bold;
  font-weight: 900;
  font-size: 98%;
  line-height: 100%;
  text-align: center;
  color: #ffffff;
}

select#quest9 {
  position: absolute;
  width: 13%;
  height: 5%;
  left: 45%;
  right: 52.19%;
  top: 62.5%;
  bottom: 33.92%;
  background: #547fa9;
  border-radius: 10px;
  font-family: Roboto;
  font-style: bold;
  font-weight: 900;
  font-size: 98%;
  line-height: 100%;
  text-align: center;
  color: #ffffff;
}

select#quest10 {
  position: absolute;
  width: 13%;
  height: 5%;
  left: 45%;
  right: 52.19%;
  top: 55%;
  bottom: 33.92%;
  background: #547fa9;
  border-radius: 10px;
  font-family: Roboto;
  font-style: bold;
  font-weight: 900;
  font-size: 98%;
  line-height: 100%;
  text-align: center;
  color: #ffffff;
}

#quest2 {
  position: absolute;
  width: 15%;
  height: 9%;
  left: 44%;
  top: 75%;
  font-size: 18px;
  background: #547fa9;
  border-radius: 50px;
}

p#textofinal {
  position: absolute;
  width: 50%;
  height: 50%;
  left: 27%;
  top: 35%;
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-size: 150%;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
}

.efeito {
  border: none;
  color: #ffffff;
  cursor: pointer;
  transition: all 400ms ease;
}

.efeito-1 {
  background-color: #28348a;
}

.efeito-1:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 100%;
  background: rgba(211, 255, 255, 0.3);
  border-radius: 50px;
  transition: all 1.5s ease;
}

.efeito-1:hover:before {
  width: 100%;
}

p#textoquest7 {
  position: absolute;
  width: 70%;
  height: 50%;
  left: 16.5%;
  top: 10%;
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-size: 120%;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
}

p#textoquest8 {
  position: absolute;
  width: 70%;
  height: 50%;
  left: 16.5%;
  top: 31%;
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-size: 120%;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
}

select#regionalidade {
  position: absolute;
  width: 13%;
  height: 5%;
  left: 45%;
  right: 52.19%;
  top: 40%;
  bottom: 33.92%;
  background: #547fa9;
  border-radius: 10px;
  font-family: Roboto;
  font-style: bold;
  font-weight: 900;
  font-size: 98%;
  line-height: 100%;
  text-align: center;
  color: #ffffff;
}

p#textoquest9 {
  position: absolute;
  width: 70%;
  height: 50%;
  left: 16.5%;
  top: 52.5%;
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-size: 120%;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
}

select#municipio {
  position: absolute;
  width: 13%;
  height: 5%;
  left: 45%;
  right: 52.19%;
  top: 62.5%;
  bottom: 33.92%;
  background: #547fa9;
  border-radius: 10px;
  font-family: Roboto;
  font-style: bold;
  font-weight: 900;
  font-size: 98%;
  line-height: 100%;
  text-align: center;
  color: #ffffff;
}

select#sistlicit {
  position: absolute;
  width: 13%;
  height: 5%;
  left: 45%;
  right: 52.19%;
  top: 23%;
  bottom: 33.92%;
  background: #547fa9;
  border-radius: 10px;
  font-family: Roboto;
  font-style: bold;
  font-weight: 900;
  font-size: 98%;
  line-height: 100%;
  text-align: center;
  color: #ffffff;
}