@charset "UTF-8";
.celulares {
  display: block;
  height: 100%;
}

.computadores {
  display: none;
}

html {
  overflow-x: hidden;
  overflow-y: hidden;
}

::-webkit-scrollbar {
  width: 0px;
  /* remove scrollbar space */
  background: transparent;
  /* optional: just make scrollbar invisible */
}

body {
  background: url(img/background-capa2.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  font-family: Montserrat, Arial, sans-serif;
  font-weight: 300;
  overflow-x: hidden;
}

.navbar {
  position: fixed;
  width: 100%;
  z-index: 10;
  margin: 0;
  padding: 8px 0;
}
.navbar img {
  height: 26px;
  margin-left: 1rem;
  margin-top: 2px;
  margin-bottom: 2px;
}
.navbar .navbar-toggler {
  border: 0;
  padding: .25rem 0;
}
.navbar .navbar-toggler .navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
  background-image: url(img/menu-celular.png);
  color: white;
  margin-right: 1rem;
}
.navbar .collapse {
  margin: 0;
  -webkit-box-shadow: rgba(143, 170, 179, 0.45) 0px 20px 24px 0px;
  box-shadow: rgba(143, 170, 179, 0.45) 0px 20px 24px 0px;
}
.navbar .collapse .bg-blue {
  background-color: #a9c2c9 !important;
}

.navbar-blue {
  background-color: #a9c2c9 !important;
}

#navbarToggleExternalContent {
  width: 100%;
}

ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
ul li {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid white;
}
ul li a {
  color: white;
  display: block;
  font-weight: 400;
}
ul li a:hover {
  font-weight: 600;
  text-decoration: none;
  color: white;
}

.row {
  margin: 0;
}

.background-white {
  background-color: white;
}

.background-olhando-pra-cima {
  background: url(img/olhando-para-cima-900px2.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}

.background-olhando-pra-cima-translucido {
  background: url(img/olhando-para-cima-900px-translucido.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}

.background-tela {
  background-image: url(img/Depositphotos_2984482_xl-2015-900px-height-cortado.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
}

.ico-arrow-down-white {
  background-image: url(img/arrow-white.png);
  width: 40px;
  height: 28px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-mask: none;
  display: inline-block;
}

.ico-arrow-up-white {
  background-image: url(img/arrow-up-white.png);
  width: 40px;
  height: 28px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-mask: none;
  display: inline-block;
}

.ico-arrow-down-blue {
  background-image: url(img/arrow-blue.png);
  width: 40px;
  height: 28px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-mask: none;
  display: inline-block;
}

.ico-arrow-up-blue {
  background-image: url(img/arrow-up-blue.png);
  width: 40px;
  height: 28px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-mask: none;
  display: inline-block;
}

.ico-arrow-down-blue {
  background-image: url(img/arrow-blue.png);
  background-repeat: no-repeat;
  display: inline-block;
}

.rotate-180deg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.font-weight-100 {
  font-weight: 100;
}

.font-weight-200 {
  font-weight: 200;
}

.font-weight-300 {
  font-weight: 300;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-500 {
  font-weight: 500;
}

.font-size-20px {
  font-size: 20px;
}

.font-size-27px {
  font-size: 27px;
}

.color-white {
  color: white;
}

.text-blue {
  color: #536fa2;
}

h1 {
  font-size: 2rem;
  font-weight: 200;
  color: #8ba0a7;
  z-index: 1;
  margin-top: 15px;
}

h2 {
  color: white;
  font-size: 25px;
}

p {
  font-size: 14.5px;
  line-height: 1.4;
  margin-bottom: 10px;
  padding: 0 4px;
}

.capa {
  color: white;
  text-align: center;
  letter-spacing: 2px;
  height: 100%;
}
.capa .capa-conteudo {
  height: 100%;
  display: flex;
  margin-left: 0;
  margin-right: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1.5rem 0;
}
.capa .capa-conteudo h1 {
  font-size: 52px;
  font-weight: 100;
  color: white;
  letter-spacing: 0;
  margin: 0;
}
.capa .capa-conteudo h2 {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
}
.capa .capa-conteudo h3 {
  font-size: 14px;
  letter-spacing: 0;
  font-family: OCRAEXT;
  margin-top: 60px;
}
.capa .capa-conteudo img {
  display: inline-block;
}
.capa .capa-conteudo .em-breve {
  display: inline-block;
  color: #a9c2c9;
  background: white;
  font-weight: 600;
  padding-left: 6px;
  padding-right: 5px;
  line-height: 1.3;
  padding-bottom: 1px;
  margin-bottom: 0;
  font-size: 13px;
}
.capa .capa-conteudo .inteligencia-burocracia {
  margin-bottom: 3rem;
  display: flex;
}
.capa .capa-conteudo .inteligencia-burocracia .inteligencia {
  font-family: OCRAEXT;
  font-size: 15px;
  letter-spacing: 1px;
  text-align: right;
}
.capa .capa-conteudo .inteligencia-burocracia .inteligencia div {
  text-align: center;
  display: inline-block;
}
.capa .capa-conteudo .inteligencia-burocracia .inteligencia div span {
  font-family: Montserrat;
  font-size: 27px;
  font-weight: 300;
  line-height: 1;
}
.capa .capa-conteudo .inteligencia-burocracia .barra-vertical {
  width: 1px;
}
.capa .capa-conteudo .inteligencia-burocracia .barra-vertical div {
  width: 1px;
  height: 60px;
  background: white;
}
.capa .capa-conteudo .inteligencia-burocracia .burocracia {
  font-family: DancingScript;
  font-size: 26px;
  letter-spacing: 0;
  line-height: .83;
  text-align: left;
  margin-left: .25rem;
}
.capa .capa-conteudo .inteligencia-burocracia .burocracia div {
  text-align: center;
  display: inline-block;
}
.capa .capa-conteudo .inteligencia-burocracia .burocracia div span {
  font-family: Montserrat;
  font-size: 45px;
  font-weight: 100;
  line-height: .35;
}

.seta {
  width: 100%;
  text-align: center;
  height: 60px;
  display: flex;
}
.seta a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  -webkit-transition: .1s;
  transition: .1s;
  z-index: 1;
}

.seta-down {
  margin-top: -60px;
}

.o-que-e,
.como-funciona,
.nova-plataforma {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 2.5rem 0;
}

.o-que-e > .container,
.como-funciona > .container,
.nova-plataforma > .container,
.quero-uma-analise > .container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.o-que-e,
.nova-plataforma {
  height: 100%;
  background: white;
}

.como-funciona {
  color: white;
}
.como-funciona h2 {
  margin-top: 15px;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  font-weight: 300;
}
.como-funciona .passos {
  margin-bottom: 3rem;
  position: relative;
}
.como-funciona .passos .numeros-grandes {
  font-size: 3rem;
  font-family: Arial, sans-serif;
  font-weight: 800;
  position: absolute;
  top: -24px;
  left: 30px;
  line-height: .8;
}
.como-funciona p {
  background-color: rgba(255, 255, 255, 0.67);
  /* box-shadow: 0px -5px 24px 0px #8faab3;*/
  padding: 1.5rem;
  margin: 0;
  font-weight: 400;
  border: 1px solid white;
  background-color: transparent;
}
.como-funciona .frase-final {
  font-size: 14px;
  text-align: center;
  padding: 18px;
}

/* .quero-uma-analise .coluna {
    background-color: transparent;
    color: white;
} */
.quero-uma-analise {
  padding: 2.5rem 0 0 0;
}
.quero-uma-analise h2 {
  font-weight: 300;
  margin-top: 15px;
  margin-bottom: 1rem;
}
.quero-uma-analise .subtitulo {
  text-transform: uppercase;
  color: #536fa2;
  font-size: 17px;
  font-weight: 500;
  margin: 0;
  margin-bottom: 1rem;
  padding: 0;
}
.quero-uma-analise .descricao {
  color: white;
  font-weight: 400;
  margin-bottom: 1.5rem;
  padding: 0;
}
.quero-uma-analise .form-row {
  margin: 0;
}
.quero-uma-analise .form-group {
  padding: 0;
  margin-bottom: 20px;
}
.quero-uma-analise label {
  display: block;
  font-size: 11.5px;
  font-weight: 600;
  color: #536fa2;
}
.quero-uma-analise input {
  display: block;
  width: -webkit-fill-available;
  background: transparent;
  border: 0;
  border-bottom: 1px solid white;
  padding: 0 7px;
  font-size: 15px;
  color: white;
}
.quero-uma-analise .form-control {
  background: transparent;
  border: 0;
  border-bottom: 1px solid white;
  border-radius: 0;
  font-size: 15px;
  padding: 0 5px;
  height: 22px !important;
  color: white;
}
.quero-uma-analise button {
  background: #536fa2;
  border-radius: 0;
  color: white;
  font-size: 15px;
  -webkit-transition: .1s;
  transition: .1s;
}
.quero-uma-analise button:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.quero-uma-analise .links {
  background-color: rgba(255, 255, 255, 0.67);
  text-align: center;
  margin-top: 25px;
  padding: 10px;
}
.quero-uma-analise .links img {
  height: 20px;
}

/*************************************** INÍCIO: TELAS COM LARGURA MENORES QUE 576px ***************************************/
@media screen and (max-height: 280px) {
  .celulares {
    height: 280px;
  }
}
@media screen and (max-height: 360px) {
  .capa .seta {
    display: none;
  }
  .capa .capa-conteudo {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .capa .capa-conteudo h3 {
    margin-top: 20px;
  }
  .capa .capa-conteudo .inteligencia-burocracia {
    margin-bottom: -25px;
  }
}
@media screen and (max-height: 525px) {
  .nova-plataforma {
    height: 525px;
  }
}
@media screen and (max-height: 615px) {
  .o-que-e {
    height: 615px;
  }
}
@media screen and (max-width: 999px) and (orientation: landscape) {
  .como-funciona p {
    background-color: rgba(255, 255, 255, 0.67);
    border: 0;
    color: #212529;
  }
}
/*************************************** INÍCIO: TELAS COM LARGURA MAIORES OU IGUAL A 815px ***************************************/
@media screen and (min-width: 1000px) {
  .celulares {
    display: none;
  }

  .computadores {
    display: block;
  }

  h1 {
    font-size: 6rem;
    font-weight: 100;
  }

  p {
    font-size: 15px;
    line-height: 1.9;
  }

  .menu-lateral {
    position: fixed;
    left: 4%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 100%;
    z-index: 2;
  }
  .menu-lateral div {
    width: 25px;
    height: 135px;
    background-color: white;
    border-radius: 20px;
    /* border: 1px solid #8ba0a7; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .menu-lateral div a {
    width: 13px;
    height: 13px;
    /* background-color: #a9c2c9; */
    border-radius: 20px;
    border: 2px solid #8ba0a7;
    margin: auto;
  }
  .menu-lateral div a:hover {
    background: #8ba0a7;
  }
  .menu-lateral div p {
    color: #536fa2;
    background: white;
    position: absolute;
    font-size: 12px;
    font-weight: 500;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 1.5;
    top: 0;
    border-radius: 20px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-box-shadow: 1px 1px 1px;
    box-shadow: 1px 1px 1px;
  }
  .menu-lateral div .menu-topo {
    top: 3px;
    left: 28px;
    visibility: hidden;
  }
  .menu-lateral div .menu-um:hover + .menu-topo {
    visibility: visible;
  }
  .menu-lateral div .menu-o-que-e {
    top: 29px;
    left: 28px;
    visibility: hidden;
  }
  .menu-lateral div .menu-dois:hover + .menu-o-que-e {
    visibility: visible;
  }
  .menu-lateral div .menu-como-funciona {
    top: 56px;
    left: 28px;
    visibility: hidden;
  }
  .menu-lateral div .menu-tres:hover + .menu-como-funciona {
    visibility: visible;
  }
  .menu-lateral div .menu-nova-plataforma {
    top: 84px;
    left: 28px;
    visibility: hidden;
  }
  .menu-lateral div .menu-quatro:hover + .menu-nova-plataforma {
    visibility: visible;
  }
  .menu-lateral div .menu-quero-uma-analise {
    top: 111px;
    left: 28px;
    visibility: hidden;
  }
  .menu-lateral div .menu-cinco:hover + .menu-quero-uma-analise {
    visibility: visible;
  }

  .seta:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  .seta.seta-up {
    margin-bottom: -60px;
  }

  .capa .capa-conteudo h1 {
    font-size: 70px;
    letter-spacing: 2px;
  }
  .capa .capa-conteudo h2 {
    letter-spacing: 2px;
  }
  .capa .capa-conteudo h3 {
    font-size: 18px;
    letter-spacing: 2px;
    margin-top: -70px;
  }

  .o-que-e > .container,
  .como-funciona > .container,
  .quero-uma-analise > .container {
    height: 100%;
    padding: 2.5rem 0 0 0;
    display: flex;
    flex-direction: row;
  }

  .o-que-e {
    display: block;
    padding: 0;
  }
  .o-que-e .col {
    height: 100%;
  }
  .o-que-e h1 {
    text-align: center;
    margin: 0;
    line-height: 1;
  }
  .o-que-e .o-que-e-conteudo {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-left: 3rem;
  }
  .o-que-e .o-que-e-conteudo span {
    font-weight: 500;
  }
  .o-que-e .o-que-e-conteudo p:last-child {
    margin-bottom: 3rem;
  }

  .como-funciona {
    padding: 0;
    height: 100%;
  }
  .como-funciona .container {
    padding: 4rem 0;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    justify-content: space-between;
  }
  .como-funciona .container .row div {
    align-self: center;
  }
  .como-funciona h2 {
    text-align: center;
    margin: 0;
    font-weight: 300;
    padding-bottom: 2rem;
  }
  .como-funciona .numeros-grandes {
    font-family: Arial, sans-serif;
    font-size: 6rem;
    font-weight: 800;
    color: white;
    position: absolute;
    top: -50px;
    left: 30px;
    line-height: .8;
  }
  .como-funciona p {
    background-color: rgba(255, 255, 255, 0.67);
    padding: 35px 1.5rem 1.5rem 1.5rem;
    color: #212529;
    font-weight: 300;
    border: 0;
  }
  .como-funciona p span {
    font-weight: 500;
  }
  .como-funciona .frase-final div {
    background: rgba(255, 255, 255, 0.67);
    font-size: 15px;
    color: #212529;
    display: inline-block;
    padding: 5px 15px;
    font-weight: 400;
  }
  .como-funciona .frase-final div span {
    color: #536fa2;
    font-weight: 500;
  }

  .nova-plataforma {
    padding: 0;
    background: white;
    background-image: url(img/Depositphotos_2984482_xl-2015-900px-height-cortado.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
  }
  .nova-plataforma h1 {
    line-height: 1;
    margin: 0 0 0 -9px;
  }
  .nova-plataforma .container {
    height: 100%;
    padding: 2.5rem 0 0 0;
    flex-direction: row;
  }
  .nova-plataforma .container .conteudo-nova-plataforma {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 0 3rem 3rem;
  }

  .quero-uma-analise {
    padding: 0;
    height: 100%;
  }
  .quero-uma-analise .container {
    flex-direction: column;
    padding: 60px 0;
  }
  .quero-uma-analise .container h2 {
    padding-top: 1rem;
    text-align: center;
    margin: 0;
    font-weight: 300;
  }
  .quero-uma-analise .container .row {
    height: 100%;
    padding: 2.5rem 1rem;
  }
  .quero-uma-analise .container .coluna:last-child {
    padding: 30px 25px;
  }
  .quero-uma-analise .container .coluna {
    background-color: rgba(255, 255, 255, 0.67);
    display: flex;
    flex-direction: column;
    /* box-shadow: 0px -5px 24px 0px #8faab3; */
    padding: 20px 30px;
    text-align: left;
    color: #212529;
  }
  .quero-uma-analise .container .col {
    margin-right: 2%;
  }
  .quero-uma-analise .container .col .row {
    padding: 0;
    flex-direction: column;
    justify-content: center;
  }
  .quero-uma-analise .container .col .row p {
    height: fit-content;
    padding: 0;
    margin: 0;
  }
  .quero-uma-analise .container .subtitulo {
    margin-bottom: 0;
  }
  .quero-uma-analise form {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .quero-uma-analise form .botao {
    text-align: center;
  }
  .quero-uma-analise form input {
    border-bottom: 1px solid #b7b7b7;
    font-size: 13.5px;
    color: #212529;
  }
  .quero-uma-analise form .form-group {
    margin-bottom: 0;
    padding: 0 10px !important;
  }
  .quero-uma-analise form .form-control {
    border-bottom: 1px solid #b7b7b7;
    font-size: 13.5px;
    color: #212529;
  }
  .quero-uma-analise form label {
    font-weight: 500;
  }
  .quero-uma-analise .links {
    background-color: rgba(255, 255, 255, 0.67);
    text-align: center;
    padding: 10px;
    margin-top: -44px;
  }
  .quero-uma-analise .links img {
    height: 20px;
  }
}