body {
  margin: 0px;
}

html {
  font-family: 'Open Sans', sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* overflow-x: hidden; */
}

p {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #4A4A4A;
  line-height: 24px;
}

.container-geral  {
  display: flex;
  margin: auto;
  background: white;
  align-items: center;
  justify-content: flex-start;
  width: 100vw;
  flex-direction: column;
  max-width: 1440px;
  width: 100%;
}
#cabeca {

  background: white;
  height: 100%;
  background-image: url('../img/backg-top.jpg') !important;
  background-size: cover;
  background-position: bottom;
  background-position-x: left;
  box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}

.logo-nav {  width: 100%; display: flex; justify-content: space-around; align-items: center; margin-top: 20px; }
.navitem a { font-weight: 600; font-size: 18px; color: #FFFFFF; padding: 7px; }
.navitem a:visited { color: white; text-decoration: none;}
.navitem a:link { color: white; text-decoration: none;}
.navitem a:hover { background: rgba(0,0,0,0.30); border-radius: 8px;}
.logo-ranking { max-width: 291px; width: 100%;}

.cabeca-titulo { font-weight: 600; font-size: 48px; color: #FFFFFF; letter-spacing: -2.2px; margin: 65px 15px 0 15px; }
.cabeca-subtitulo { font-weight: 200; font-size: 28px; color: rgba(255,255,255,0.50); letter-spacing: -1.28px; margin: 0px 0 15px 0; }
.cabeca-objetivos { display: flex; justify-content: space-space-around; width: 100%; }
.cabeca-objetivo { margin: 10px 25px 10px 25px; display: flex; align-items: stretch;}
.cabeca-objetivo-line { width: 5px; background: red; background-image: url('../img/bg-line-cabeca.png') !important; margin: 0 15px 0 0; }
.cabeca-objetivo-texto { font-size: 20px; color: #FFFFFF; font-weight: 300; text-align: left; line-height: 26px;}


.botao-chamada { background-image: linear-gradient(180deg, #5AAC2E 0%, #2E7315 100%); text-decoration: none; box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.50); border-radius: 5px; font-weight: 600; font-size: 24px; color: #FFFFFF; letter-spacing: -0.8px; text-shadow: 1px 1px 2px rgba(0,0,0,0.40); padding: 25px 45px 25px 45px; margin-bottom: 150px; margin-top: 45px;}
.botao-chamada:hover { background-image: linear-gradient(180deg, #7DD150 0%, #347D1A 100%); text-decoration: none; }
.botao-chamada:link { text-decoration: none; }
.botao-chamada:visited {  text-decoration: none; }
.botao-chamada a:link { color: white; text-decoration: none; }
.botao-chamada a:visited { color: white; text-decoration: none; }

#como-funciona { background: #FFFFFF; box-shadow: inset 0 0 43px 0 rgba(0,0,0,0.20); height: 100%; text-align: center;}
#como-funciona p { text-align: left;}
.texto-funcionamento { margin: 0 50px 0 50px; }
.formula { max-width: 1334px; width: 100%; }
.titulo-como-funciona { font-weight: 700; font-size: 28px; color: #0071BC; letter-spacing: -1.5px; }
.box-como-funciona { line-height: 32px; background: #428E25; box-shadow: inset 2px 2px 5px 0 rgba(0,0,0,0.20); border-radius: 21px; font-weight: 400; font-size: 22px; color: #FFFFFF; text-align: center; padding: 50px; max-width: 1300px; margin: 25px 50px 25px 50px; text-shadow: -1px 1px 1px rgba(0,0,0,0.20);}
.stronger { font-weight: 700;}
.importante-fontedados {display: flex; align-items: stretch; justify-content: center; text-align: left;}
.titulo-importantedados { text-align: center;}
.texto-dados { margin: 45px; width: 100%}
.vline-pontilhada { background-image: url('../img/vline-pontilhada.png') !important; width: 5px; background-repeat: repeat-y;}

#rankings { background-image: linear-gradient(180deg, #4A90E2 0%, #2C6085 100%); box-shadow: inset 0 0 43px 0 rgba(0,0,0,0.20); height: 100%; text-align: center; width: 100%; padding-bottom: 35px;}

#rankings p { font-weight: 400; color: #B7CCE6; width: 100%; max-width: 1200px; margin: 25px auto 25px auto;}

.ranking-items { display: flex; flex-wrap: wrap; width: 100%; max-width: 1200px; text-align: center; justify-content: center; align-items: center; margin: auto;}

#contato { background: rgba(155,155,155,0.10); text-align: center; width: 100%; margin-bottom: 50px; padding-bottom: 35px; }
.botao-contato { background: #8C8C8C; text-decoration: none; box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.50); border-radius: 5px; font-weight: 600; font-size: 24px; color: #FFFFFF; letter-spacing: -0.8px; text-shadow: 1px 1px 2px rgba(0,0,0,0.40); padding: 25px 45px 25px 45px; width: 250px; margin: auto;}
.botao-contato:hover { background: #666;}
.botao-contato a:link { color: white; text-decoration: none; }
.botao-contato a:visited { color: white; text-decoration: none; }

.rodape { margin: 0px 0 50px 0; }


@media only screen and (max-width: 768px) {
  .container-geral  { flex-flow: column; justify-content: flex-start; }
  .navitem {display: none;}
  .logo-ranking { max-width: 250px; width: 100%;}
  .cabeca-titulo { display: none; }
  .cabeca-subtitulo { font-size: 28px; }
  .cabeca-objetivos { flex-direction: column; }
  .cabeca-objetivo-texto { font-size: 18px;}
  .botao-chamada { margin-bottom: 100px;}
  .botao-chamada { font-size: 20px; }
  .box-como-funciona { padding: 16px; margin: 25px 10px 25px 10px; font-size: 18px; line-height: 24px;  }
  .importante-fontedados { flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 25px; }
  .vline-pontilhada {display: hide; }
  .texto-dados { margin: 0px; }
  .texto-funcionamento { margin: 0 25px 0 25px; }
  .w3-container {margin: 0 !important;}
  .image-navega { margin: 0 !important;}
}

.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;max-width:800px; width: 100%;}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-container { margin-left: 30px; margin-right: 15px; border-radius: 20px; text-align: center; display: flex; align-items: center; padding-bottom: 25px; }
.w3-container-table { margin-left: 30px; margin-right: 15px; border-radius: 20px; text-align: center; padding-bottom: 25px; }
.w3-animate-top{position:relative;animation:animatetop 0.4s;}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.image-navega {margin: 0 15px 0 15px;}
.pergunta-modal {margin: 2px 0 2px 0; text-transform: uppercase; }

table { width: 90%; margin: auto; }
th {background: rgba(0,113,188,0.10);}
td { width: 80%; height: 20px; text-align: center; border: 1px solid #ccc; }