/* Fontes básicas, cores e tamanhos gerais  */
/* Fonte Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

h1, h2, h3, p, span, button, a {
  font-family: 'Montserrat', sans-serif;
}

/* Todos os botões precisam ter esse hover */
.btn-adacom:hover {
  background-color: #ff7f0d !important;
  border-color: #ff7f0d !important;
  color: #fff !important;
  font-weight: bold !important;

}

/* NavBar Selectors  */
.nav-adacom {
  margin-top: 15px;
  margin-bottom:15px;
  margin-right:30px;

}

/* HR, barra divisória personalização  */
.barra {
  background-color: #fff;
  border: dotted 6px;
  border-bottom: none;
  width: 4%;
  margin: 6.25rem auto;
  transform: rotate(90deg);
}

/* Fontes Selectors */
.main-titulo {
  color: #224C94;
  font-weight: bold;
  font-size: 35px;
}

.main-paragrafo {
font-weight: bold;
font-size: 18px;
}

.semi-gold {
  color: #ff7f0d;
  font-size: 25px;
  font-weight: bold;
}

.titulo-sub {
  color: #1F3B57;
  font-size: 1.25rem;
  font-weight: bold;
}

.sub-titulo-blue {
  color: #1F3B57;
}

.paragraph-sub {
  color: #575661;
  white-space: pre-line;
}

.align-direita {
  text-align: right;
}

.titulo-tabela-top {
  font-size: 27px;
}

.titulo-tabela {
  color: #1F3B57;
}

.preco-tabela-premium {
  color: #ff7f0d;
  font-size: 40px;
  font-weight: bolder;
}

.plano-destaque {
  border-color: #224C94;
  border-top-color: rgba(0,0,0,.125);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.destaque-recomendado {
  color: #fff;
  background-color: #224c94;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  padding-bottom: 5px;
  padding-top: 5px;
  margin-bottom: 0;

}

.destaque-tabela {
  color: #fff;
  background-color: white;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  padding-bottom: 5px;
  padding-top: 5px;
  margin-bottom: 0;

}

.text-mudo {
  color: #b1b4b7 !important;
}

/* Botões selectors */
.outline-dark-azul {
  border-radius: 10px !important;
  font-weight: bold;
}

.btn-dark-azul {
  border-radius: 10px !important;
  font-weight: bold;
}

.btn-fluar-direita {
  float: right;
}

.btn-1 {
  margin-left:10px;
}

/* Espaçamento selectors */

.divisoria {
  margin: 6.25rem auto;
}

.dividir {
  margin: 6.25rem auto;
}

/* classes independentes selectors */


/* Como podemos ajudar a sua empresa hoje? -> personalização de titulo */

.titulo-help {
  text-align: center;
  margin: 6.25rem auto;
}

/* O que é o SG Loja Selectors */

.fundo {
  background-color: #ff7f0d;
  border-radius: 25px;
  padding: 50px 35px;
  margin: 100px auto;
}

.btn-play {
  float: right;
}

.titulo-sg-loja {
  color: #fff;
}

/* tabela de preços  */

.top-tabela {
  text-align: center;

}

.plano-tabela {
  font-size: 15px;
  font-weight:900;
  padding: 15px;
}

.preco {
  padding: 25px;
}

.preco-2 {
  color: #000;
  font-size: 35px;
  font-weight: bold;
}

.beneficio-table {
  text-align: center;
  padding: 7px;

}

/* Rodapé */

.icone-footer {
  font-size: 25px;
}

.texto-rodape {
  text-align: right;
}

/* Animações */

@import url(https://fonts.googleapis.com/css?family=Khula:700);

.hidden {
  opacity:0;
}
.console-container {

  font-family:Khula;
  font-size:40px;
  font-weight: bolder;
  color:#748e9d;
}
.console-underscore {
   display:inline-block;
  position:relative;
  top:-0.14em;
  left:10px;
}

/* Rodapé Selectors */

.info-sg-loja {
  background-color: #f1f1f1;
  border-radius: 25px;
  margin-bottom:-250px;
}

.para-rodape {
  color:#224C94;
  font-weight: bold;
}

.rodape {
  background-color: #224C94;

}

/********************************************************************************************************************************/


/* MOBILE  */

@media (max-width: 900px) {

.responsivo-layout {
  margin: 15px 30px;
}

.layout-responsivo-2 {
  padding-top: 25px;
}

.alinhamento-2 {
  display: none;
}

.texto-responsivo {
  white-space: pre-line;
}

.btn-play {
  display: none;
}

.rodape-main {
  margin: 0!important;
}

  .btn-1 {
    margin-left:0;
    margin-top: 10px;
  }

  .vetor-footer {
    display:none!important;
  }
  .info-sg-loja {
    margin-bottom: 100px!important;
  }

  .btn-2 {
    margin-bottom: 25px;
  }


  .foto-1 {
    padding-top: 10px;
  }

  .foto-2 {
    padding-bottom: 63px;
  }

  .espaco {
    margin-bottom: 50px;
  }

  .paragraph-sub {
    white-space: normal!important;
  }

  .dividir {
    margin: 25px auto;
  }

  .destaque-recomendado {
    margin-top: 15px;
  }

}

@media (min-width: 901px) {

  .alinhamento-1 {
    display: none;
  }

}