*{margin:0; padding:0;  border:none; outline:none;box-sizing:border-box; font-family: 'Gabarito', sans-serif;}


.azul{color:#0193e2;}
.azul2{color:#06a3da;}
.amarelo{color:#fbb800;}

body{margin:80px 0 0 0;padding: 0; overflow-x: hidden;}

.cabecalho{position:fixed; top:0; left:0; height:70px; width:100%;background: linear-gradient(to right, #fff, #06a3da);box-shadow: 5px 5px 5px #888888; margin-bottom:10px;z-index:50;}

.cabecalho2{position:fixed; top:0; left:0; height:70px; width:100%; background:#fff; box-shadow: 5px 5px 5px #888888; margin-bottom:10px;z-index:50;}


.logo{position:absolute;padding-top:10px; top:0px; left:20px; border-radius:0 0 0 0;}
.logo_altura{height:40px;}

.menu{margin-top:40px;float:right;}
.botelho{background-color:#06a3da;padding:5px 10px;text-align:center;font-size:.9em; font-weight:700;color:#fff;border-radius:0 0 20px 0;cursor:pointer;text-decoration:none; z-index:199;border:solid 1px #fff;margin-right:5px;}
.botelho:hover{background-color:#fff;border:solid 1px #06a3da;color:#06a3da;}


.tela {width: 100%;height: calc(100vh - 100px);background:#fff;color: white; display: flex; align-items: center;justify-content: center; background-image: url("imagens/tela1.png"); background-size: cover;background-position: center;background-repeat: no-repeat; }





.flexae{float:left; font-size:5em;}

.img_faleconoscoSS{ background-image: url("imagens/fale_conosco.png"); background-size: cover;background-position: center;background-repeat: no-repeat;}

.img_faleconosco{margin-top:20px; height:300px;background-image: url("imagens/fale_conosco.png");background-size: cover;}

.crescer {text-align:center;font-size:5em;background-color:#999;}

.ct{text-align:center;}
.cem{width:100%;}



.t1{font-size:2.3em;}
.t2{font-size:1.6em;}
.t3{font-size:1.2em; }

.coracoes{position:fixed;left:116px;top:254px;z-index:2;}

table{background-color:transparent; padding:0px; margin:0px;}
td{color:#fff; text-align:left;}

.iflexas{font-size:2em;color:#fbb800;}
.itick{font-size:1em;color:#fbb800; margin:5px 5px;}

.contenedor{margin:0; padding:0;width:100%;}
.p1S{width:100%; background-color:#7242f3;padding:25px; color:#fff;border-radius:20px;}


.p1AA{ width: calc(100% - 50px); margin: 25px 25px 0 25px; background-color:#06a3da;  float:left;display: flex; justify-content: center; align-items: center;padding:25px;border-radius:20px;color:#fff; position: relative; left:-100%;  opacity: 0;}

.p1{margin:15px 0 0 0; width:100%; background-color:#06a3da;  float:left;  padding:25px; border-radius:20px;  position: relative; font-size:0.8em; color:#fff;text-align:center;}



.p0{margin-top:15px; margin-bottom:15px; width:100%;  background-color:#eaeaea;  float:left;padding:25px;color:#000; position: relative; text-align:center;}

.p4{width:100%;margin-top:15px; margin-bottom:15px;   background-color:#06a3da;  float:left;color:#000; position: relative; text-align:center;padding:20px 0 20px 0;}



.p2{margin-top:25px; width:100%; background-color:#f0f6ff;  float:left;display: flex; justify-content: center; align-items: center;padding:25px;border-radius:20px;color:#000;  position: relative; top: 0;border-bottom:solid 1px #091e3e;}

.p2z{width:0; background-color:#f0f6ff;  float:left;display: flex; justify-content: center; align-items: center;padding:25px;margin:25px 25px 0 0;border-radius:20px;color:#000;  position: relative; top: 0;}

.p2z img {width: 100%; height: auto; display: block;}

.q1{width:100%; background-color:#f0f6ff;  float:left;display: flex; justify-content: center; align-items: center;padding:25px;margin:25px 25px 0 0;border-radius:20px;color:#000;  position: relative; top: 0;}

.q2{width:100%; padding:25px 0 0 0; background-color:#f0f6ff;  float:left;display: flex; justify-content: center; align-items: center;margin:25px 25px 0 0;border-radius:20px;color:#000;  position: relative; top: 0;}

.mge{}
.mgd{}

.une{}



.ik1{padding:20px;background-color:#091e3e; color:#fff;cursor:pointer;margin:10px;font-size:1.3em; }
.ik1:hover{background-color:#1652ad;}

.ik2{padding:20px;background-color:#06a3da; color:#fff;cursor:pointer;margin:10px;font-size:2em; }

.img1{height:300px;}

.ik0{color:#06a3da; margin-right:10px;}
.cemcen{width:100%; text-align:center;}

.pgazul1{width:100%; background-color:#f0f6ff;padding:25px 10px 50px 10px; margin-top:25px;color:#000;text-align:left;}


.pgbranco{width:100%; background-color:#fff; padding:25px 10px 50px 10px;margin-top:25px;color:#000; box-shadow: 0 0 10px 2px #bbb;z-index:2;text-align:left;}




.pgazul2{width:100%; background-color:#f0f6ff; padding:25px 10px 50px 10px;margin-top:25px;color:#000;text-align:left;}

.pagplano{font-size:1.5em; color:#06a3da;text-align:left;margin-bottom:10px;}
.pagplanosub{font-size:1em; color:#707070;text-align:left;}




.riscoS{margin-left: -50px;margin-right: -50px;border: none;height: 1px;background: #ddd; margin-top:25px; margin-bottom:25px;}

.risco{margin-left: 0;margin-right: 0;border: none;height: 1px;background: #ddd; margin-top:25px; margin-bottom:25px;}

.pagpreco{font-size:3em; font-weight:bold;color:#333; }
.pagmes{font-size:1.3em; font-weight:bold;color:#333;}
.texesq{text-align:left;}
.pagitem{font-size:0.9em;line-height:0.7em; color:#333;text-align:left;}
.pagcheck{ color:#06a3da; font-size:1.3em;margin:5px 5px 5px 0;}
.pagxmark{ color:#dc3545; font-size:1.3em;margin:5px 5px 5px 0;}
.implanta{margin-top:35px; line-hight:1.5em; color:#707070;}
.broca{font-weight:bold;margin:5px 5px 5px 0;}
.mm{margin-left:10px;float:right;}

.totem_periodo{margin-left:50px;}
.txtplanos{width:100%;text-align:center;margin-left:50px;}

.conteiner_periodo{background:#091e3e;padding:3px;border-radius:50px;text-align:center;}

.conteiner_periodo2{background:#091e3e;padding:3px;margin-top:40px;border-radius:50px;}

.botao_periodo{padding:5px 5px;background:transparent;color:#fff;border-radius:50px;cursor:pointer;}
.bps{background:#fff;color:#091e3e;}

.quadro_inscreve{background-color:#06a3da;padding-top:50px;padding-bottom:50px;}
.caixa_inscreve{background-color:#eef9ff; padding:16px 12px;color:#000;margin-bottom:15px; width:90%;font-size:1.1em; margin-left:5%; margin-right:5%;}
.bt_inscreve{background-color:#091e3e; padding:16px 12px;color:#fff;margin-bottom:15px; width:90%;font-size:1.1em;text-align:center; cursor:pointer;margin-left:5%; margin-right:5%;}
.bt_inscreve:hover{background-color:#1652ad;}

.sobazul{font-size:1.3em; font-weight:bold; color:#06a3da;margin-bottom:0px;}
.titao{font-size:1.6em; font-weight:bold; color:#000;}




.linha {position: relative;width: 150px;height: 5px;background: #06a3da;border-radius: 2px;overflow: hidden;}

.lie{margin:10px 0;}
.lic{margin:10px auto;}

/* o ponto branco */
.linha::after {content: "";position: absolute;top: 50%;left: 0;width: 12px;height: 12px; background: white;border-radius: 50%;transform: translateY(-50%);animation: mover 2s ease-in-out infinite alternate;}



/* animação: vai e volta */
@keyframes mover {
  from {
    left: 0;
  }
  to {
    left: calc(100% - 12px);
  }
}


.tl{text-align:left;}

.ifundo{}

.backi{}
.backi_naoapp{}
.backi_impressora{}
.backi_grafico{}
.backi_acrescente{}

.ifixa2{background-image: url("imagens/impressora2.png"); background-size: cover; background-position: center; background-repeat: no-repeat; }

.w70{width:100%; }
.borderro{border: solid 3px #990000;}

.xerro{color:#330000;margin-bottom:10px;}

.sucesso{display:none; font-size:1.8em;color:#fff;}


.qload{display:none; font-size:1.6 em; text-align:center;z-index:200;padding:20px;color:#fff;}



.txt2{color:#333;font-size:1.1em; line-height:1.4em;text-align:left;}


.txt1{color:#000; font-size:1.3em; font-weight:bold; margin-bottom:10px;text-align:left; text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.8);}
.diamante{color:#06a3da; margin-right:10px; }


.bemvindo{opacity:0;}
.gm{position: absolute;top: 50px;left: 50%;transform: translateX(-50%);font-size: 1em;color: white;text-align: center;}


.flechaesquerda {
  position: absolute;
  left: 20px;               /* distância da borda esquerda */
  top: 50%;
  transform: translateY(-50%);
  font-size: 3em;
  color: #ddd;
  cursor: pointer;
}
.flechaesquerda:hover{color:#fff;}


.flechadireita {
  position: absolute;
  right: 20px;              /* distância da borda direita */
  top: 50%;
  transform: translateY(-50%);
  font-size: 3em;
  color: #ddd;
  cursor: pointer;
}
.flechadireita:hover{color:#fff;}


.gm {
  position: absolute;
  top: 150px;          /* distância do topo da tela */
  left: 50%;           /* centralizado horizontalmente */
  transform: translateX(-50%);
  font-size: 1.3em;
  color: white;
  cursor: pointer;
}



.tiseta{color:#091e3e; text-align:center; font-size:1.2em;}

.seta{color:#06a3da;; text-align:center; font-size:2em;}



.rodape{width:100%; font-size:0.9em;padding:15px 25px;background-color:#fff; color:#333;float:left;margin-top:30px;box-shadow: 5px -5px 5px #888888;}


.barrape{width:100%; height:50px; background-color:#091e3e; color:#aaa;line-height:50px;overflow: hidden;font-size:0.8em; padding-left:20px;float:left;}

.rlp{text-align:center; color:#091e3e;}
.appinvi{display:none;}
.invi{display:none;}
.branco{background-color:#fff;}
.tabela_testemunha{margin-top:25px;}
.itestemunha{width:60px; margin-right:25px;}
.tdbase{vertical-align: bottom;} 
.tdtopo{vertical-align: top; font-size:0.8em; height-line:1em;}



.p11{margin:15px 0 0 0; width:100%; background-color:#f0f6ff; float:left;  padding:10px; border-radius:5px;  position: relative; font-size:1em; text-align:center;}

.tabela_assina{width:100%;border-spacing: 0 0;}
.tabela_assina td{color:#333; border-bottom:solid 1px #999;padding:0px;height:50px;}
.tdg_assina{width:40%;}
.tdp_assina{width:30%;text-align:right;}
.tdl_assina{width:30%;text-align:left;}

.ik3{padding:5px;background-color:#091e3e; color:#fff;cursor:pointer;margin:10px;font-size:1.1em; display:none !important;}
.ik3:hover{background-color:#1652ad;}

.ik4{padding:5px;background-color:#999; color:#fff;cursor:pointer;margin:5px 5px 5px 40px;font-size:1.0em; display:none !important;}
.ik4:hover{background-color:#aaa;}

.riscado{text-decoration: line-through;}

.sele{padding:5px;background-color:#091e3e; color:#fff;cursor:pointer;margin:3px 10px 3px 0px;font-size:0.9em;border-radius:10px;}

.tdgiga_assina{font-size:1.2em; font-weight:bold; color:#091e3e;}




.pcinvi1{width: 100%;height: calc(100vh - 70px);background:#fff;color: white; background-image: url("imagens/tela_celular1.png"); background-size: cover;background-position: center;background-repeat: no-repeat; }







@media screen and (min-width:500px){

.pcinvi1{display:none;}

.tdgiga_assina{font-size:1.7em;}
.ik3{padding:10px;font-size:1.3em; }

body{margin-top:110px;}
.cabecalho{height:100px;}
.cabecalho2{height:100px;}
.logo{height:100px; padding-top:30px;text-align:left;margin-top:0px;}
.logo_altura{height:55px;}
.contenedor{display: flex;}
.p1{ width: calc(100% - 50px); margin: 25px 25px 0 25px;font-size:1.6em;}
.p11{color:#091e3e; width: calc(100% - 50px); margin: 25px 25px 0 25px; font-size:1.2em;}
.p2{width:50%;margin:25px 25px 0 0;border-bottom:solid 0px #091e3e;}
.mge{margin-left:25px;}
.mgd{margin-right:25px;}
.q1{width:62%;}
.q2{width:38%;padding:25px 25px 25px 25px;}
.an1AA{opacity: 0;left:-50%;}
.an2AA{opacity: 0;left:-50%;}

.quadro_inscreve{padding:50px;}

.pgazul1{margin-left:25px;width:33%; }
.pgbranco{width:33%}
.pgazul2{margin-right:25px;width:33%;}

.ifundo{background-size: cover; background-position: center; background-repeat: no-repeat;}

.backi{background-image: url("imagens/relaxe.png");}
.backi_naoapp{background-image: url("imagens/nao_app.png");}
.backi_impressora{background-image: url("imagens/impressora2.png");}
.backi_grafico{background-image: url("imagens/grafico.png");}
.backi_acrescente{background-image: url("imagens/acrescente.png");}
.backi_envios_programados{background-image: url("imagens/envios_programados.png");}
.backi_registrado{background-image: url("imagens/registrado.png");}
.backi_manutencao{background-image: url("imagens/manutencao.png");}
.backi_relaxe{background-image: url("imagens/relaxe2.png");}
.w70{width:70%; }
.appinvi{display:inline-block;}
.ik1{padding:40px;font-size:2em; }
.txt1{font-size:1.8em;} 
.diamante{padding:20px;background-color:#06a3da; color:#fff;cursor:pointer;transform: rotate(45deg);margin:0 20px 15px 0; }
.p0{ width: calc(100% - 50px); margin: 25px 25px 0 25px;border-radius:20px;}
.p4{ width: calc(100% - 50px); margin: 25px 25px 0 25px;border-radius:20px;}
.titao{font-size:2.6em;}
.conteiner_periodo{display:flex;width: fit-content;margin-bottom:0px;}
.botao_periodo{padding:15px 20px;}
.caixa_inscreve{ margin-left:0; margin-right:0;width:100%;}
.bt_inscreve{margin-left:0; margin-right:0;width:100%;}
.invi{display:block;}
.botelho{background-color:#06a3da;padding:10px 15px;text-align:center;font-size:.9em; font-weight:700;color:#fff;border-radius:0 0 20px 0;cursor:pointer;text-decoration:none; z-index:199;border:solid 1px #fff;margin-right:20px;}
.botelho:hover{background-color:#fff;border:solid 1px #06a3da;color:#06a3da;}
.p11{padding:25px;}
.sele{padding:10px;margin:5px 25px 5px 5px;font-size:1.0em;}
.tdg_assina{width:60%;}
.tdp_assina{width:20%;}
.tdl_assina{width:20%;}
.ik3{ display:inline-block;}
.ik4{ display:inline-block;}
}