fundoprincipal {
    background-color: #F6F9FF;
}

.link
{
   color: #ffffff;
   text-decoration: none;
}

h3 {
   font-family: 'Nunito', cursive;
   font-size: 1em;
   color: #000;
}

.jumbo {
    background: url('../_img/testeira_jumbo2.png') no-repeat;
    background-size: center;
    height: 300px;
    background-position-y: -50px;
    background-position-x: 0px;
    padding-top: 120px;
}

.jumbo h1 {
    font-family: 'Bebas Neue', cursive;
    color: white;
    font-size: 3em;
}

.jumbo h2{
    font-size: 1.5em;
    color: white;
}

.cabec-paginas-secundarias
{
    background: url('../_img/textura-03.png');
    background-size: center;
    height: 200px;
    padding-top: 105px;
}

.cabec-paginas-secundarias h1 {
    font-family: 'Bebas Neue', cursive;
    color: white;
    font-size: 3em;
}

@media (max-width: 800px)
{

  .cabec-paginas-secundarias h1 {
    font-size: 2em;
  }

}

.cabec-paginas-secundarias h2{
    font-size: 1.5em;
    color: white;
}

.img-sitepad
{
   height: 200px;
   padding: 10px;
   padding-right: 30px;
}

.baixar
{
    width: 100px;
}


.assistir
{
    width: 100px;
}

.bg-card-1-titulo 
{
    background-colora: #de5c9d;
    background-color: #00A3E0;
    border-bottom: 1px solid #b73676;
    padding: 8px;
    padding-top: 16px;
    height: 55px;
}

.bg-card-2-titulo 
{
    background-colora: #de5c9d;
    background-color: #236192;
    border-bottom: 1px solid #b73676;
    padding: 8px;
    padding-top: 16px;
    height: 55px;
}

.bg-card-3-titulo 
{
    background-colora: #de5c9d;
    background-color: #001E60;
    border-bottom: 1px solid #b73676;
    padding: 8px;
    padding-top: 16px;
    height: 55px;
}

.padding-cima-30
{
    padding-top: 30px;
}

.texto-card-1 
{
    colora: #de5c9d;
    color: #00A3E0;
}

.texto-card-2 
{
    colora: #de5c9d;
    color: #236192;
}

.texto-card-3 
{
    colora: #de5c9d;
    color: #001E60;
}

.cartaoDestaque {
  font-size: 1em;
}

.logocartao {
   width: 48px;
}

.titulo-form
{
    padding-bottom: 10px;
    font:600 16px/18px 'Open Sans',sans-serif;
    font-size: 0.8em;
}

.explica-form
{
    padding-bottom: 10px;
    font:600 16px/18px 'Open Sans',sans-serif;
    font-size: 0.8em;
    color: silver;
}

.item-form
{
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    width: 50%;
    padding: 5px;
    font-weight: bold;
}

.titulo-cartoes
{

}

.titulo-cartoes h2
{
  font-size: 2em;
  padding-top: 10px;
}

.titulo-planos h1 {
   font-family: 'Bebas Neue', cursive;
   font-size: 1.5em;
   color: #236192;
   border-bottom: 1px solid #236192;
}

.areaRedesSociais h2 {
  font-size: 1.1em;
}

.cartaoDestaque h2 {
  padding: 0px;
  font-size: 1.1em;
}

.cartaoDestaque p {
  padding: 0px;
  font-size: 1.1em;
}

.espacamento {
    height: 10px;
}

.espacamento-grande {
    height: 20px;
}

.espacamento-direita-20 {
    padding-right: 20px;
}

.espacamento-direita-40 {
    padding-right: 40px;
}

.cabec {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 0 1 auto;
    justify-content: center;
    flex-basis: auto;
}

.cabec_logo {
    display: flex;
    justify-content: space-around;
    width: 400px;
    margin: auto;
}

.citacao {
    padding-left: 20px;
    border-left: 3px solid #236192;
    padding-top: 20px;
    padding-bottom: 15px;
}

.citacao h1 {
   font-size: 1.1em;
}

.recursos {
    background-color: #F5E1A4;
    padding-top: 30px;
}

.padright {
   padding-right: 30px;
}

.iconegrande {
   font-family: 'Bebas Neue', cursive;
   font-size: 2.5em;
   color: #236192;
}

.rodape {
   background-color: #1a4570;
   color: #ffffff;
   padding: 40px;
}

.rodape h1 {
   font-size: 1em; 
   color: #ffffff;
}

.pad-cima-20 {
   padding-top: 20px;
}

.pad-baixo-20 {
   padding-bottom: 20px;
}

.pad-baixo-40 {
   padding-bottom: 40px;
}

.assinatura
{
    padding-top: 30px;
}

.assinatura h2
{
   font-family: 'Bebas Neue', cursive;
   font-size: 2em;
   color: #236192;
}


.botao-invisivel {
    background-color: #ffffff;
    border: 0px;
}

.nota {
   font-family: 'Bebas Neue', cursive;
   font-size: 5em;
   color: #000000;
}

.decolar
{
   height: 200px;
}

.naoacredite {
   font-family: 'Bebas Neue', cursive;
   font-size: 3em;
   color: #236192;
}

.bg-servidores:before {
    background: url('../_img/servidores.png') no-repeat;
content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.bg-mimos:before {
    background: url('../_img/mimado.png') no-repeat;
content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.bg-cliente:before {
    background: url('../_img/majestade.png') no-repeat;
content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.bg-func:before {
  background: url('../_img/cliente.png') no-repeat;
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.bg-func2 {
  background: url('../_img/cliente.png') no-repeat;
  opacity: 0.2;
}

.frente {
    z-index: 2;
}

.item-plano {
   padding-top: 5px;
   padding-bottom: 5px;
}

.divisor-plano {
   height: 3px;
   border-bottom: 1px solid #001E60; 
}

.centro-vertical {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.centro-vertical-flex {
    display: flex;
    justify-content: end;
    align-items: center;
}

.esconde-pequeno {
    display: flex;
    justify-content: end;
    align-items: center;
}

.aparece-pequeno {
    display: none;
}

.aparece-pequeno2 {
    display: none;
}

.quadro {
   border: 1px dashed #e3e3e3;
   padding: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
   border-radius: 10px;    
   margin: 10px;
}

.quadrinho {
   padding: 10px;
   padding-top: 30px;
   font-weight: 600;
   border-bottom: 2px dashed #e3e3e3;
}

.areaRecursos h1 {
   font-family: 'Bebas Neue', cursive;
   font-size: 1em;
   color: #236192;
}

.areaRecursos h2 {
   font-size: 1em;
   padding-bottom: 15px;
}

.nao-acredite h1 {
   padding: 20px;
   font-size: 1.1em;
}

.areaSeparada h1 {
   font-family: 'Bebas Neue', cursive;
   font-size: 1em;
   color: #236192;
}

.areaSeparada h2 {
   font-size: 1.1em;
}

.areaSeparada h3 {
   font-size: 1.1em;
}

.titulo-servidores {
   font-family: 'Bebas Neue', cursive;
   font-size: 2em;
   color: #236192;
}

.logoquadro {
   width: 48px;
   padding-bottom: 10px; 
}

.painelcliente {
    display: flex;
    justify-content: end;
    align-items: center;
}

//------------

.font-2 {
  font-size: 1.8em;
}

.titulo-60-dias {
   font-family: 'Bebas Neue', cursive;
   font-size: 3em;
   color: #236192;
}

.titulo-planos {
   padding-top: 30px;
   font-family: 'Bebas Neue', cursive;
   font-size: 1.5em;
   color: #236192;
}

.preco-planos {
   font-family: 'Bebas Neue', cursive;
   font-size: 2em;
   color: #001E60;
}

.fundo-titulo-planos {
   background-color: #DDE5ED;
}

.nome-plano {
   color: white;
}

.texto-jumboxx {
    font-family: 'Bebas Neue', cursive;
    color: white;
    font-size: 3em;
}

.pequena {
    font-family: 'Bebas Neue', cursive;
    color: gray;
    font-size: 1.5em;
}

.media {
    font-family: 'Bebas Neue', cursive;
    color: gray;
    font-size: 2em;
}

.grande {
    font-family: 'Bebas Neue', cursive;
    color: gray;
    font-size: 3em;
}

.subtexto-jumboxx {
    font-size: 1.5em;
    color: white;
}

.cartao-naoacredite {
    padding: 30px;
    font-weight: bold;
    border: 2px solid #001E60;
    color: #00A3E0;
    background-color: #DDE5ED;
}

.cartao-topico-1 {
    padding: 30px;
    font-weight: bold;
    border-left: 2px solid #001E60;
    border-bottom: 2px solid #001E60;
    color: #00A3E0;
    background-color: #DDE5ED;
}

.cartao-basico {
    background-color: #F5E1A4;
}

.cartao-topico-2 {
    padding: 30px;
    font-weight: bold;
    border-left: 2px solid #001E60;
    border-bottom: 2px solid #001E60;
    color: #00A3E0;
    background-color: #DDE5ED;
}

.cartao-topico-3 {
    padding: 30px;
    font-weight: bold;
    border-left: 2px solid #001E60;
    border-bottom: 2px solid #001E60;
    border-right: 2px solid #001E60;
    color: #00A3E0;
    background-color: #DDE5ED;
}

.esconde-pequeno2 {

}

/* 926px */
@media (max-width: 58em){

.esconde-pequeno {
    display: none;
}

.esconde-pequeno2 {
    display: none;
}

.aparece-pequeno {
    display: flex;
    justify-content: end;
    align-items: center;
}

.aparece-pequeno2 {
    display: flex;
    justify-content: end;
    align-items: center;
}

.espacamento-direita-40 {
    
}

.botao {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}


@media (max-width: 1140px){
.jumbo {
    background: url('../_img/testeira_jumbo3.png') no-repeat;
    padding-top: 120px;

}
}

@media (max-width: 32em){

.aparece-pequeno2 {
    display: none;
}

.esconde-pequeno3 {
    display: none;
}

.espacamento-direita-40 {
   padding-right: 20px;
}


}

