body {
  color: #333;
  font-family: Montserrat, sans-serif !important;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}

a {
  text-decoration: none;
}

strong {
  font-weight: 600;
}

.contatos-fixo a:hover {
  color: #fff !important;
}

/**
* Clases reutilizables
*/
.text-justify {
  text-align: justify !important;
}

p {
  font-weight: normal !important;
}

.list-alpha {
  list-style-type: lower-alpha;
  padding-left: 20px;
  padding-right: 20px;
}

.row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.mx-auto {
  margin: 0px auto !important;
}

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

.ml-2 {
  margin-left: 20px;
}

/*
* Fin de las clases reutilizables
*/
.orientacoes-tag {
  color: rgba(189, 26, 26, 0.98);
  background-color: rgba(0, 0, 0, 0);
  border-top: 3px solid rgba(51, 51, 51, 0.26);
  margin-top: 50px;
  margin-bottom: 20px;
  padding: 10px 10px 10px 0;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
}

.btn-simples {
  width: 100%;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #ffad00;
  margin-top: 5px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 17px;
  text-decoration: none;
}

.btn-simples:hover {
  background-color: #e8b70c;
}

.btn-simples.btn-simples-ativo {
  background-color: #e88a0c;
  font-size: 17px;
}

.paginacao-link {
  color: #fff;
  text-align: center;
  background-color: #ffad00;
  margin-right: 5px;
  padding: 10px 15px;
  font-weight: 700;
  text-decoration: none;
}

.paginacao-link:hover {
  background-color: #e8b70c;
}

.paginacao-link.paginacao-link-ativo {
  background-color: #e88a0c;
}

.paginacao-itens {
  display: inline-block;
}

.orientacoes-img {
  padding-left: 8px;
}

.orientacoes-txt {
  padding-top: 11px;
  padding-bottom: 9px;
}

.paginacao-box {
  text-align: center;
}

.orientacoes-container {
  padding-bottom: 30px;
}

.input.error {
  border-color: #c2272f;
  margin-bottom: 2px;
}

.error {
  color: #c2272f;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 700;
}

.input.valid {
  border-color: #1dd13b;
}

.msg-padrao {
  display: none;
  color: #5a5555;
  border: 1px solid rgba(0, 0, 0, 0.27);
  border-radius: 3px;
  margin-top: 14px;
  margin-bottom: 14px;
  padding: 14px;
}

.msg-padrao.msg-sucesso {
  color: #0e832f;
  background-color: #eefdf2;
  border-color: rgba(26, 124, 7, 0.27);
}

.msg-padrao.msg-erro {
  color: #af2222;
  background-color: #ffe9e9;
  border-color: rgba(121, 20, 20, 0.27);
}

.msg-padrao-link {
  color: #1b1717;
}

.msg-padrao-link:hover {
  color: #636363;
}

.msg-padrao-link:active {
  color: #615c5c;
}

.msg-padrao-link:focus {
  color: #636363;
}

.msg-sucesso-link {
  color: #01b434;
}

.msg-sucesso-link:hover,
.msg-sucesso-link:focus {
  color: #09ad38;
}

.msg-erro-link {
  color: #af2222;
}

.msg-erro-link:hover,
.msg-erro-link:focus {
  color: #d86c6c;
}

.icone-padrao {
  font-family: Fontawesome, sans-serif;
  display: inline-block;
}

.icone-padrao.msg-icone {
  float: left;
  clear: left;
  padding-right: 3px;
}

.icone-padrao.icone-servico {
  position: relative;
  bottom: 44px;
}

.icone-padrao.seta-migalha {
  color: #666;
  margin-left: 10px;
  margin-right: 10px;
}

.tsdsdfs {
  padding-left: 5px;
  display: inline-block;
}

.inline-block {
  display: inline-block;
}

.orientacoes-icone-agrupa {
  width: 50%;
  padding: 6px;
  font-size: 18px;
  display: inline-block;
}

.galeria-01 {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.galeria-imagem-01 {
  position: static;
}

.mask-cover {
  opacity: 1;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.67);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 85px;
  padding-bottom: 85px;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translate(0, 220px);
}

.ico-plus,
.legenda-foto {
  width: 100%;
}

.div-menu-lateral-esquerdo {
  width: 22%;
  float: left;
  margin-right: 10px;
}

.link-menu-lateral {
  width: 100%;
  color: #fff;
  background-color: #f90;
  margin-bottom: 5px;
  padding: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
}

.link-menu-lateral:hover {
  letter-spacing: 2px;
}

.link-menu-lateral.ativo {
  background-color: #b16e09;
}

.nav-menu-lateral-esquerdo {
  float: none;
}

.menu-lateral-esquerdo {
  background-color: rgba(0, 0, 0, 0.07);
  padding: 10px;
}

.menu-lateral-esquerdo-v2 {
  background-color: rgba(0, 0, 0, 0);
}

.link-menu-lateral-v2 {
  width: 100%;
  color: #fff;
  background-color: #f90;
  margin-bottom: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.link-menu-lateral-v2:hover {
  background-color: #e28802;
}

.link-menu-lateral-v2.ativo {
  background-color: #b86e00;
}

.nav-menu-lateral-esquerdo-v2 {
  float: none;
}

.light-galeria-02 {
  width: 100%;
  color: #fff;
  justify-content: center;
  align-items: center;
  font-family: Open Sans, sans-serif;
  line-height: 35px;
  transition: all 0.5s ease-in-out;
  display: flex;
  position: relative;
}

.light-galeria-02:hover {
  line-height: 20px;
}

.galeria-foto-v02 {
  width: 100%;
}

.legenda--v2 {
  width: 90%;
  text-align: center;
  text-shadow: 1px 1px 2px #000;
  margin: 134px auto;
  padding: 16px 11px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.arrow-galeria-v2 {
  font-family: Fontawesome, sans-serif;
  font-size: 28px;
}

.legenda-v2-01 {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
}

.legenda-v2-03 {
  text-transform: uppercase;
  margin-top: 10px;
  font-size: 22px;
  font-weight: 600;
}

.div-arrow {
  width: 30px;
  height: 30px;
  text-shadow: none;
  background-color: #f90;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.produto-nome {
  width: 100%;
  font-size: 22px;
  font-weight: 700;
  display: inline;
}

.mask-cover-v2 {
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: block;
  position: absolute;
}

.img-teste {
  filter: contrast(200%);
}

.img-teste:hover {
  filter: none;
}

.limite-site {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.limite-site.ajuste {
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.limite-site._95 {
  max-width: 98%;
}

.card-wp {
  transform-style: preserve-3d;
  transition: transform 1s;
  position: relative;
}

.card-wp:hover {
  transform: rotateX(0) rotateY(180deg) rotateZ(0);
}

.card01 {
  width: 300px;
  height: 400px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-image: url("../images/COSTURA_OK.jpg");
  background-position: 15%;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.card02 {
  width: 300px;
  height: 400px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  color: #fff;
  transform-style: preserve-3d;
  background-color: #333;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: rotateX(0) rotateY(180deg) rotateZ(0);
}

.texto-produto-card {
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  line-height: 27px;
}

.h3-produto {
  text-align: center;
}

.img-produto {
  height: 220px;
  background-image: url("../images/220.png");
  background-position: 0 0;
  background-size: cover;
  border-bottom: 14px solid rgba(0, 0, 0, 0.58);
}

.h2-produto {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 17px;
  line-height: 25px;
}

.produto-des {
  color: #fff;
  text-align: center;
  background-color: #333;
  padding: 10px 15px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
}

.link-veja-mais {
  width: 75px;
  color: rgba(255, 255, 255, 0.43);
  text-align: center;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 12px;
  text-decoration: none;
  display: block;
}

.link-veja-mais:hover {
  color: #fff;
}

.linha {
  margin-top: 49px;
}

.img-produto-2 {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mask-produto-2 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.67), rgba(0, 0, 0, 0.67));
  padding: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.produto2 {
  position: relative;
}

.titulo-produto-2 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 20px;
}

.txt-produto-2 {
  color: #e9e4e4;
  text-align: justify;
  line-height: 15px;
}

.link-produtos-2 {
  width: 100%;
  float: right;
  color: #fff;
  text-decoration: none;
  transition: all 0.21s ease-in-out;
  position: absolute;
  bottom: 10px;
  right: -139px;
}

.link-produtos-2:hover {
  color: rgba(255, 255, 255, 0.6);
}

.clientes-1 {
  height: auto;
}

.seta {
  color: #14662f;
  margin-left: 0;
  margin-right: 0;
  display: block;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.seta.seta-direita {
  margin-left: 40px;
}

.clientes-1-slide {
  height: 180px;
  background-color: rgba(221, 221, 221, 0);
}

.mascara-cliente-padrao {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.arrow {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.logo-cliente-1 {
  filter: grayscale();
  transition: all 0.2s;
}

.logo-cliente-1:hover {
  filter: grayscale(0%);
}

.circulo-servico-1 {
  width: 150px;
  height: 150px;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 150px;
  position: relative;
}

.circulo-servico-1.center {
  justify-content: center;
  align-items: center;
  font-size: 40px;
  display: flex;
}

.quadrado-servico-1 {
  width: 200px;
  height: 200px;
  background-color: #fff;
  border: 2px solid #000;
  padding: 10px;
  position: absolute;
  top: 58px;
}

.servicos-1 {
  justify-content: center;
  align-items: center;
  margin-bottom: 183px;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.h2-servico-1 {
  text-align: center;
  margin-top: 0;
  font-size: 25px;
}

.p-servico-1 {
  text-align: justify;
}

.link-servico-1 {
  color: #000;
  text-decoration: none;
  transition: all 0.833s;
  position: absolute;
  bottom: 5px;
  right: 10px;
}

.link-servico-1:hover {
  color: rgba(0, 0, 0, 0.6);
}

.botao-submit {
  height: 50px;
  color: #555;
  background-color: #fff;
  border: 1px #f90;
  border-style: none none solid solid;
  padding-left: 18px;
  padding-right: 18px;
  transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.botao-submit:hover {
  color: #fff;
  background-color: #f90;
  border-color: #d58104;
  border-top-style: solid;
  border-right-style: solid;
}

.campo-form-estlo-01 {
  height: 50px;
  border-top: 1px #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  border-left: 1px solid rgba(0, 0, 0, 0.16);
  border-right: 1px rgba(0, 0, 0, 0.34);
  font-weight: 400;
}

.campo-form-estlo-01:hover {
  border-bottom-color: rgba(0, 0, 0, 0.22);
  border-left-color: rgba(0, 0, 0, 0.22);
}

.campo-form-estlo-01:focus {
  border-bottom-color: #f90;
  border-left-color: #f90;
}

.campo-form-estlo-01.erro {
  border-bottom-color: #f90;
  border-left-color: #f90;
  margin-bottom: 5px;
}

.texto-label {
  color: #555;
  font-weight: 600;
}

.texto-label.texto-erro {
  color: #f90;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 400;
}

.texto-label.texto-erro-02 {
  color: rgba(216, 33, 33, 0.98);
  font-size: 13px;
  font-weight: 400;
}

.campo-mensagem-estilo-01 {
  min-height: 120px;
  border-style: none none solid solid;
  border-color: #000 #000 rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.16);
  border-top-width: 1px;
  border-right-width: 1px;
  font-weight: 400;
}

.campo-mensagem-estilo-01:hover {
  border-bottom-color: rgba(0, 0, 0, 0.22);
  border-left-color: rgba(0, 0, 0, 0.22);
}

.campo-mensagem-estilo-01:focus {
  border-bottom-color: #f90;
  border-left-color: #f90;
}

.formulario-estilo-01 {
  width: 45%;
  float: left;
  margin-top: 34px;
}

.formulario-estilo-02 {
  width: 45%;
  float: left;
  margin-top: 34px;
  margin-left: 10%;
}

.campo-form-estilo-02 {
  height: 50px;
  border: 2px solid rgba(0, 0, 0, 0.26);
  border-radius: 3px;
  font-weight: 300;
  transition: border 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.campo-form-estilo-02:hover {
  border-color: rgba(0, 0, 0, 0.99);
}

.campo-form-estilo-02:focus {
  border-color: rgba(216, 33, 33, 0.98);
}

.campo-form-estilo-02.erro-estilo-02 {
  border-color: rgba(216, 33, 33, 0.98);
  margin-bottom: 5px;
}

.campo-mensagem-estilo-02 {
  min-height: 120px;
  border: 2px solid rgba(0, 0, 0, 0.26);
  border-radius: 3px;
  font-weight: 300;
  transition: border 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.campo-mensagem-estilo-02:hover {
  border-color: #000;
}

.campo-mensagem-estilo-02:focus {
  border-color: rgba(216, 33, 33, 0.98);
}

.botao-submit-02 {
  color: #fff;
  background-color: #097216;
  border-radius: 3px;
  padding-left: 25px;
  padding-right: 25px;
  transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.botao-submit-02:hover {
  background-color: rgba(25, 109, 9, 0.98);
  border-style: none;
  border-color: rgba(189, 26, 26, 0.98);
}

.botao-submit-02:focus {
  background-color: rgba(25, 109, 9, 0.98);
}

.div-form-estilo {
  width: 100%;
  display: inline-block;
}

.formulario-padrao {
  width: 45%;
  float: left;
  margin-top: 34px;
}

.campo-form-padrao {
  height: 50px;
  font-weight: 400;
}

.campo-form-padrao:focus {
  border: 1px solid #f90;
}

.campo-form-padrao.erro-padrao {
  border: 1px solid #f90;
  margin-bottom: 5px;
}

.campo-mensagem-padrao {
  min-height: 120px;
  font-weight: 400;
}

.campo-mensagem-padrao:focus {
  border: 1px solid #f90;
}

.botao-submit-padrao {
  height: 50px;
  color: #fff;
  background-color: #f90;
  padding-left: 18px;
  padding-right: 18px;
}

.div-form-padrao {
  width: 100%;
  font-weight: 400;
  display: block;
}

.formulario-padrao-02 {
  width: 45%;
}

.campo-form-padrao-02 {
  border-radius: 3px;
  font-weight: 400;
}

.campo-form-padrao-02:focus {
  border: 1px solid rgba(216, 33, 33, 0.98);
}

.campo-form-padrao-02.inputerror {
  border: 1px solid rgba(216, 33, 33, 0.98);
  margin-bottom: 5px;
}

.campo-form-padrao-02.input-file-text-falso {
  width: 100%;
  border-left: 0 solid #000;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
}

.campo-mensagem-padrao-02 {
  min-height: 120px;
  border-radius: 3px;
  font-weight: 400;
}

.campo-mensagem-padrao-02:focus {
  border: 1px solid rgba(216, 33, 33, 0.98);
}

.news-padrao {
  width: 80%;
  height: 60px;
  float: left;
  text-transform: uppercase;
  margin-bottom: 0;
  padding-left: 40px;
  font-size: 13px;
}

.news-submit {
  width: 20%;
  height: 60px;
  float: left;
  text-transform: uppercase;
  font-size: 13px;
}

.newsletter-02 {
  background-color: #3a3937;
  margin-bottom: 15px;
  padding: 20px;
}

.news-padrao-02 {
  width: 80%;
  height: 50px;
  float: left;
  border: 2px solid #fff;
  border-right-style: none;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  margin-bottom: 0;
  padding-left: 40px;
}

.news-submit-02 {
  width: 20%;
  height: 50px;
  float: left;
  color: #fff;
  text-transform: uppercase;
  background-color: #f90;
  border: 2px solid #fff;
  border-left-style: none;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  font-size: 13px;
}

.newsletter-03 {
  background-color: #40637a;
  background-image: radial-gradient(circle farthest-side, #112f4a, #08121b 83%);
  padding: 20px;
}

.news-padrao-03 {
  width: 35%;
  height: 60px;
  float: left;
  text-transform: uppercase;
  border: 3px solid #fff;
  border-radius: 5px;
  margin-bottom: 0;
  margin-right: 2%;
  padding-left: 18px;
  font-size: 12px;
  transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.news-padrao-03:hover {
  border: 3px solid rgba(19, 50, 77, 0.59);
}

.news-padrao-03:focus {
  border: 3px solid #164166;
}

.news-submit-03 {
  width: 20%;
  height: 60px;
  float: left;
  text-transform: uppercase;
  background-color: #164166;
  border-radius: 5px;
  font-size: 12px;
  transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.news-submit-03:hover {
  background-color: #0f2941;
}

.logo-cliente {
  width: 80%;
  height: 140px;
  filter: grayscale();
  background-image: url("../images/logo-1.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  transition: all 0.2s ease-in;
  display: block;
}

.logo-cliente:hover {
  filter: none;
}

.logo-cliente.logo-cliente-2 {
  background-image: url("../images/logo2.png");
}

.slide-cliente-padrao {
  width: 19%;
  height: 180px;
  margin-right: 1%;
}

.rodape-construsite {
  color: #777;
  text-align: center;
  background-color: rgba(238, 238, 238, 0.25);
  border-top-width: 1px;
  border-top-color: rgba(0, 0, 0, 0.2);
  padding: 15px 10px;
  font-size: 14px;
  line-height: 22px;
  display: block;
}

.rodape-construsite.rodape-2 {
  color: #333;
  background-color: rgba(0, 0, 0, 0.1);
  border-top-style: none;
}

.logo-construsite {
  opacity: 0.3;
  filter: brightness(200%) grayscale() invert();
  margin-right: 10px;
}

.text-block {
  display: inline-block;
}

.link-rodape-construsite {
  color: #777;
  font-weight: 400;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.link-rodape-construsite:hover {
  color: #c2272f;
  font-weight: 500;
}

.navbar {
  width: 100%;
  height: 100px;
  background-color: #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.brand {
  width: 200px;
  height: 100px;
  background-image: url("../images/logo-1.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.nav-menu {
  height: 100px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.contato-topo {
  text-align: right;
  background-color: #8cc63f;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.agrupador-contato-topo {
  float: none;
  color: #333;
  margin-left: 10px;
  text-decoration: none;
  transition: all 0.2s ease-in;
  display: inline-block;
}

.agrupador-contato-topo:hover {
  color: #fff;
}

.agrupador-contato-topo.contato-rodape {
  margin-left: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  display: block;
}

.agrupador-contato-topo.contato-pagina-interna {
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
}

.agrupador-contato-topo.contato-pagina-interna:hover {
  color: #0098ff;
}

.txt-contato-topo {
  margin-left: 5px;
  display: inline;
}

.link-menu-navegacao {
  border: 1px solid rgba(0, 0, 0, 0);
  transition: all 0.2s ease-in;
}

.link-menu-navegacao:hover {
  border-color: #000;
}

.slide-padrao {
  background-image: url("../images/bg.jpg");
  background-position: 50%;
  background-size: cover;
  padding-top: 80px;
  padding-bottom: 80px;
}

/* .slide {
  height: 400px;
} */

.titulo-slide {
  color: #fff;
  font-family: Great Vibes, cursive;
  font-size: 90px;
  line-height: 90px;
}

.txt-slide {
  width: 50%;
  color: #fff;
  margin-top: 30px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 25px;
}

.btn-slide {
  color: #fff;
  background-color: #f90;
  border: 1px solid #f90;
  border-radius: 100px;
  margin-top: 30px;
  padding: 15px 50px;
  text-decoration: none;
  transition: all 0.2s;
  display: inline-block;
}

.btn-slide:hover {
  color: #f90;
  background-color: rgba(255, 153, 0, 0);
}

.footer {
  background-color: #8cc63f;
  border-top: 4px solid rgba(0, 0, 0, 0.2);
  padding-top: 20px;
  padding-bottom: 20px;
}

.text-block-2 {
  font-weight: 700;
}

.link {
  color: #333;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  text-decoration: none;
  transition: all 0.2s ease-in;
  display: block;
}

.link:hover {
  color: #fff;
}

.link-block {
  width: 100%;
}

.sociais {
  width: 40px;
  height: 40px;
  float: left;
  color: #fff;
  background-color: #333;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-right: 10px;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
  transition: all 0.2s ease-in;
  display: flex;
}

.sociais:hover {
  color: #333;
  background-color: #fff;
}

.agrupador-sociais {
  margin-bottom: 30px;
  padding-left: 10px;
}

.div-block-2 {
  background-color: #88bf45;
}

.migalha {
  margin-bottom: 10px;
}

.link-migalha {
  color: #666;
  border-bottom: 1px solid rgba(102, 102, 102, 0);
  text-decoration: none;
  transition: all 0.2s ease-in;
  display: inline;
}

.link-migalha:hover {
  border-bottom-color: #666;
}

.link-migalha.migalha-ativa {
  color: #333;
  border-bottom-color: #333;
}

.seta-migalha {
  margin-left: 10px;
  margin-right: 10px;
  display: inline;
}

.text-block-3,
.text-block-4 {
  display: inline;
}

.div-block-3 {
  border: 1px #ccc;
}

.agrupador-contato {
  padding-top: 8px;
}

.h2-contato {
  color: #0098ff;
  border-bottom: 1px solid #ccc;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  font-family: Oswald, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.div-block-5 {
  background-color: #0098ff;
}

.text-block-5 {
  display: inline-block;
}

.localizacao {
  width: 20%;
  float: left;
  padding-left: 0;
  padding-right: 0;
  transition: all 0.2s ease-in;
  display: inline;
}

.localizacao:hover {
  background-color: #333;
}

.text-field {
  width: 80%;
  float: right;
  display: inline;
}

.agrupador-compartilhamento {
  display: flex;
}

.btn-compartilhamento {
  width: 30px;
  height: 30px;
  color: #fff;
  background-color: #3b5998;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  font-weight: 300;
  text-decoration: none;
  transition: all 0.2s ease-in;
  display: flex;
}

.btn-compartilhamento:hover {
  background-color: #333;
}

.btn-compartilhamento.twitter {
  background-color: #4099ff;
}

.btn-compartilhamento.twitter:hover {
  background-color: #333;
}

.btn-compartilhamento.google-plus {
  background-color: #db4a39;
}

.btn-compartilhamento.google-plus:hover {
  background-color: #333;
}

.btn-compartilhamento.youtube {
  background-color: #e52d27;
}

.btn-compartilhamento.youtube:hover {
  background-color: #333;
}

.btn-compartilhamento.whatsapp {
  background-color: #34af23;
}

.btn-compartilhamento.whatsapp:hover {
  background-color: #333;
}

.file-arquivo-falso {
  width: 100%;
  text-align: left;
  background-color: #164166;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.col-reset-ambos {
  padding-left: 0;
  padding-right: 0;
}

.col-reset-left {
  padding-left: 0;
}

.col-reset-right {
  padding-right: 0;
}

.cada-campo-form-div {
  padding-bottom: 3px;
}

.labelerror {
  color: rgba(189, 26, 26, 0.98);
  font-size: 12px;
  font-weight: 400;
}

.text-block-6 {
  margin-bottom: 15px;
}

.redes-sociais-buttons {
  width: 30px;
  height: 30px;
  color: #fff;
  text-align: center;
  background-color: #164166;
  border-radius: 100%;
  margin-right: 10px;
  padding-top: 5px;
}

.telefone-link {
  margin-right: 10px;
  text-decoration: none;
}

.logo-topo-site {
  background-image: url("../images/logo-rodape_1logo-rodape.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.topo {
  padding-top: 15px;
  padding-bottom: 15px;
}

.rodape {
  padding-top: 0;
  padding-bottom: 0;
}

.secao {
  padding-top: 60px;
  padding-bottom: 60px;
}

.secao.s-locais {
  background-image: linear-gradient(#333 44%, #fff 44%);
  padding-top: 0;
  padding-bottom: 0;
}

.secao._0 {
  padding-top: 0;
  padding-bottom: 0;
}

.secao.total {
  height: 70vh;
}

.secao._0-2 {
  padding-bottom: 0;
}

.secao.s-contraste {
  background-color: rgba(0, 0, 0, 0);
}

.secao.zero-bottom {
  padding-bottom: 0;
}

.lk-menu {
  padding-top: 18px;
  padding-bottom: 18px;
  font-weight: 600;
  transition: all 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.lk-menu:hover {
  color: #c2272f;
  margin-top: -5px;
}

.lk-menu.w--current {
  color: #c2272f;
}

.nav-bar {
  background-color: rgba(0, 0, 0, 0);
  justify-content: space-between;
}

.box-destques-home {
  padding: 40px 70px;
}

.box-about-us {
  padding: 40px;
}

.p {
  margin-bottom: 20px;
  font-size: 16px;
}

.p.sub {
  font-size: 22px;
  font-weight: 500;
  line-height: 32px;
}

.p.resumo {
  margin-top: 20px;
  color: #fff !important;
}

.p.lista {
  margin-bottom: 10px;
}

.p.p-case {
  text-transform: none;
  padding-left: 20px;
  padding-right: 20px;
}

.marcador-vermelho {
  color: #c2272f;
  font-weight: 700;
}

.marcador-preto {
  color: #000;
  font-weight: 700;
}

.titulo-principal {
  color: #c2272f;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Teko, sans-serif;
  font-size: 46px;
  font-weight: 600;
  line-height: 48px;
}

.titulo-principal.h-internas {
  color: #fff;
  margin-bottom: 0;
}

.titulo-principal.h-internas.v2 {
  color: #c2272f;
  font-size: 32px;
}

.titulo-principal.h-internas.v2.t10 {
  margin-bottom: 20px;
  font-size: 42px;
}

.t-secao {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.destaques-home {
  width: 95%;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.28);
  border-radius: 4px;
  margin: 5px auto;
  padding: 28px;
}

.destaques-home.dest-local {
  width: 98%;
  float: left;
  background-color: #fff;
  border-color: #c2272f;
  border-top-width: 4px;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.destaques-home.dest-local.d {
  float: right;
}

.destaques-home.dest-local.c {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.destaques-home.dest-qs {
  width: 98%;
  min-height: 380px;
  /* color: #c2272f; */
  text-align: left;
  background-color: #fff;
  border-color: #c2272f;
  border-top-width: 4px;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  font-size: 17px;
  font-weight: 500;
}

.destaques-home.dest-qs.d {
  float: right;
}

.destaques-home.dest-qs.c {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.destaques-home.dest-cases {
  width: 96%;
  min-height: 530px;
  color: #333;
  text-align: center;
  text-transform: uppercase;
  background-color: #fff;
  border-color: #c2272f;
  border-top-width: 4px;
  border-radius: 5px;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 0 0 20px;
  text-decoration: none;
  display: block;
}

.destaques-home.dest-cases.d {
  float: right;
}

.destaques-home.dest-cases.c {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.destaques-home.dest-cases.oculto {
  display: block;
}

.destaques-home.dest-cases.dest {
  color: #fff;
  background-color: rgba(51, 51, 51, 0.8);
}

.destaques-home.dest-news {
  width: 98%;
  height: 625px;
  color: #333;
  text-align: left;
  background-color: #fff;
  border-color: #c2272f;
  border-top-width: 4px;
  border-radius: 5px;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.destaques-home.dest-news.d {
  float: right;
}

.destaques-home.dest-news.c {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.titulo-destaques-home {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 26px;
}

.titulo-destaques-home.t2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 22px;
}

.titulo-destaques-home.t2.v3 {
  font-size: 22px;
}

.titulo-destaques-home.t2.v3._0 {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.titulo-destaques-home.t2.v3._0.branco {
  color: #fff;
}

.titulo-destaques-home.t2._00 {
  margin-bottom: 0;
  margin-left: 20px;
}

.img-destaque-home {
  width: 80px;
}

.col-destque-home {
  align-items: center;
  display: flex;
}

.contatos-fixo {
  z-index: 3;
  width: auto;
  height: 290px;
  background-color: #000;
  border: 1px #4d4d4d;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 16px;
  position: fixed;
  top: 10%;
  bottom: 0%;
  left: auto;
  right: 0%;
  box-shadow: -2px 0 20px rgba(0, 0, 0, 0.25);
}

.contato-fixo-bt {
  width: 38px;
  height: 38px;
  color: #fff;
  text-align: center;
  background-color: #c2272f;
  border-radius: 100px;
  font-family: "Fa Solid 900", sans-serif;
  font-size: 20px;
  line-height: 38px;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
  display: block;
}

.contato-fixo-bt:hover {
  transform: scale(1.1);
}

.contato-fixo-bt.bt-tel {
  color: #fb0a14;
  text-align: center;
  padding-top: 1px;
  font-family: "Fa Solid 900", sans-serif;
  font-size: 26px;
}

.contato-fixo-bt.bt-tel:hover {
  color: #f7f7f7;
  background-color: #fb0a14;
}

.contato-fixo-bt.bt-mail {
  text-align: center;
  font-family: "Fa 400", sans-serif;
}

.contato-fixo-bt.bt-zap {
  color: #141414;
  text-align: center;
  background-color: #0f1;
  font-family: "Fa Brands 400", sans-serif;
  font-size: 28px;
  font-weight: 400;
}

.contato-fixo-bt.bt-zap:hover {
  color: #f7f7f7;
  background-color: #00920a;
}

.contato-fixo-bt.social-bts {
  font-family: "Fa Brands 400", sans-serif;
  font-size: 22px;
}

.contato-fixo-bt.social-bts.social-facebook {
  color: #fff;
  background-color: #333;
  font-size: 18px;
}

.contato-fixo-bt.social-bts.social-instagram {
  color: #fff;
  background-color: #333;
}

.contato-fixo-bt.social-bts.social-twitter {
  color: #fff;
  background-color: #333;
  font-size: 18px;
}

.contato-fixo-bt.social-bts.social-linkedin {
  color: #fff;
  background-color: #333;
}

.linha-dividi {
  width: 100%;
  height: 1px;
  background-color: #333;
  margin-top: 8px;
  margin-bottom: 8px;
}

.vd_1920x1080 {
  width: 100%;
  display: block;
}

.box-titulo {
  color: #fff;
  text-align: center;
  background-color: #333;
  padding-top: 40px;
  padding-bottom: 40px;
}

.ic-contato {
  /* float: left; */
  color: #c2272f;
  padding-bottom: 4px;
  padding-right: 5px;
  font-family: "Fa Solid 900", sans-serif;
  display: inline-block;
}

.ic-contato.v2 {
  float: none;
  padding-bottom: 0;
}

.ic-contato.v2.p,
.ic-contato.v2.c-preto {
  color: #000;
}

.ic-contato.esp {
  padding-bottom: 32px;
}

.lk-contato {
  color: #333;
  margin-bottom: 10px;
  font-weight: 500;
  text-decoration: none;
  display: block;
}

.lk-contato.vermelho {
  color: #c2272f;
}

.lk-contato.preto {
  color: #000;
}

.form {
  margin-top: 20px;
}

.cont-input {
  width: 98%;
}

.cont-input.d {
  float: right;
}

.cont-input.c {
  margin-left: auto;
  margin-right: auto;
}

.cont-input.box-login {
  width: 100%;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 20px;
}

.label {
  font-weight: 500;
}

.label.v2 {
  margin-bottom: 10px;
  font-size: 18px;
}

.input {
  height: auto;
  border: 1px solid #333;
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all 0.3s ease-in-out;
}

.input:hover,
.input:focus {
  border-color: #c2272f;
}

.input.textarea {
  min-height: 100px;
}

.input.errp {
  border-color: #c2272f;
  margin-bottom: 2px;
}

.input.sucesso {
  border-color: #1dd13b;
}

.field-label,
.field-label-2 {
  border-radius: 5px;
}

.field-label-3 {
  height: auto;
}

.field-label-4 {
  min-height: auto;
}

.bt {
  color: #fff;
  background-color: #c2272f;
  border-radius: 5px;
  margin-bottom: 0;
  padding: 10px 28px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  display: inline-block;
}

.bt:hover {
  background-color: #333;
}

.bt.bt2 {
  background-color: #000;
  margin-left: 10px;
  margin-right: 10px;
}

.bt.bt2:hover {
  color: #000;
  background-color: #fff;
}

.bt.bt2.w--current {
  background-color: #c2272f;
}

.bt.bt-case {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.lk-drop {
  color: #fff;
  background-color: #000;
  border-bottom: 1px solid #333;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
}

.lk-drop:hover {
  background-color: #c2272f;
}

.lk-drop.w--current {
  color: #fff;
  background-color: #c2272f;
  font-weight: 600;
}

.lk-logo {
  width: 200px;
  height: 150px;
  background-image: url("../images/itsolutions.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 180px;
  border: 1px solid rgba(51, 51, 51, 0.25);
  border-radius: 5px;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 20px;
}

.lk-logo._2 {
  background-color: #000;
  background-image: url("../images/KnarLogoBlanco_PNG-removebg-preview.png");
  background-size: 140px;
}

.lk-logo._3 {
  background-color: #11092a;
  background-image: url("../images/magio.png");
  background-size: 142px;
}

.lk-logo._4 {
  background-image: url("../images/Pink-Elephant-logo.png");
}

.lk-logo._5 {
  background-image: url("../images/voca.png");
}

.lk-logo._6 {
  background-color: #FFFFFF;
  background-image: url("../images/scintilla.png");
  background-size: 142px;
}

.item-qs {
  margin-bottom: 10px;
  font-weight: 600;
}

.vd {
  margin-top: 20px;
}

.vermelhor-cor {
  color: #c2272f;
}

.cor-preto {
  color: #000;
  font-weight: 600;
}

.dropdown {
  display: none;
}

.img {
  width: 100%;
  display: block;
}

.img.v2 {
  border: 1px solid #333;
  border-radius: 8px;
  margin-bottom: 38px;
  overflow: hidden;
}

.info-post {
  padding: 28px;
  position: relative;
}

.box-conteudo-news {
  border-radius: 8px;
}

.box-bot-es {
  margin-top: 20px;
}

.columns-2 {
  border: 1px solid #c2272f;
  border-radius: 5px;
  align-items: center;
  margin-bottom: 20px;
  padding: 18px;
  display: flex;
}

.youtube-2 {
  border-radius: 5px;
  overflow: hidden;
}

.coluna-img-t {
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.img-case {
  width: 100%;
  display: block;
}

.img-case-bg {
  height: 250px;
  background-image: url("../images/case-01.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-case-bg._02 {
  background-image: url("../images/case-02.png");
}

.img-case-bg._03 {
  background-image: url("../images/case-03.png");
}

.img-case-bg._04 {
  background-image: url("../images/case-04.png");
}

.desktop {
  display: block;
}

.tablet,
.mobile-horizontal,
.mobile,
.tablet-2,
.mobile-horizontal-2,
.mobile-2 {
  display: none;
}

.box-info-case {
  height: 260px;
  padding-bottom: 60px;
  position: relative;
}

.tablet-home,
.mobile-horizontal-home,
.mobile-home,
.vd-ser-mobile,
.html-embed-2 {
  display: none;
}

.div-block-6 {
  height: 500px;
  position: relative;
}

.youtube-3 {
  display: none;
}

.cont-vd {
  background-color: #000;
  background-image: none;
  padding-top: 40px;
  padding-bottom: 40px;
}

.html-embed-3 {
  border-radius: 10px;
  overflow: visible;
}

.cont-video-02 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.vd_1728px972,
.vd_1144x1024,
.vd_1024x768,
.vd_1280x720,
.vd_1512x850,
.vd_1140x642,
.vd_1512x850-copy,
.vd_1440x810 {
  width: 100%;
  display: none;
}

.vd_1040x585,
.vd_1024x576,
.videos_mobile,
.vd_991,
.vd_768,
.vd_568,
.vd_320 {
  display: none;
}

.obr {
  color: #c2272f;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 700;
}

html.w-mod-js [data-ix="aparencia-inicial-oculta"] {
  display: none;
  transform: scale(0.01);
}

html.w-mod-js [data-ix="pop-up-servico"],
html.w-mod-js [data-ix="pop-up-servico-2"],
html.w-mod-js [data-ix="pop-up-servico-3"] {
  opacity: 0;
  transform: scale(0.8);
}

#lupa_blanca {
  display: none;
}

@media screen and (max-width: 991px) {
  body {
    padding-bottom: 65px;
  }

  #lupa_blanca {
    display: block;
    margin: 0px auto;
  }

  #lupa_negra {
    display: none;
  }

  .paginacao-link {
    padding: 6px 12px;
    font-size: 12px;
  }

  .limite-site {
    max-width: 90%;
  }

  .limite-site.ajuste {
    flex-flow: wrap;
    align-content: flex-start;
  }

  .limite-site._95 {
    max-width: 92%;
  }

  .clientes-1-slide {
    height: 150px;
  }

  .mascara-cliente-padrao {
    width: 720px;
  }

  .logo-cliente {
    margin-top: 5px;
  }

  .slide-cliente-padrao {
    height: 150px;
  }

  .videos_desktop_versao {
    display: none;
  }

  .secao {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 14px;
  }

  .figure-team {
    height: auto !important;
  }

  .lk-menu {
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #222;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 500;
    line-height: 20px;
  }

  .lk-menu:hover {
    margin-top: 0;
  }

  .lk-menu.w--current {
    font-weight: 600;
  }

  .box-destques-home {
    padding: 0;
  }

  .box-about-us {
    text-align: center;
    padding: 0 0 20px;
  }

  .destaques-home.dest-local {
    width: 100%;
  }

  .destaques-home.dest-qs {
    min-height: auto;
  }

  .destaques-home.dest-cases {
    width: 100%;
    min-height: auto;
  }

  .destaques-home.dest-news {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }

  .col-destque-home {
    flex-direction: column;
  }

  .contatos-fixo {
    height: auto;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    justify-content: center;
    display: flex;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .contato-fixo-bt.bt-tel,
  .contato-fixo-bt.bt-mail,
  .contato-fixo-bt.bt-zap {
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
  }

  .linha-dividi {
    display: none;
  }

  .menu-button {
    color: #c2272f;
    margin-top: 6px;
    padding: 7px;
    font-size: 36px;
  }

  .menu-button.w--open {
    background-color: #c2272f;
    border-radius: 4px;
  }

  .nav-menu-2 {
    background-color: #000;
    border-radius: 4px;
    overflow: hidden;
  }

  .bt.bt-case {
    position: relative;
  }

  .info-post {
    padding: 20px 10px 0 0;
  }

  .info-post._02 {
    padding-bottom: 20px;
    padding-left: 10px;
  }

  .grupo-lista {
    padding-left: 20px;
  }

  .columns-2 {
    display: block;
  }

  .img-case-bg {
    height: 450px;
  }

  .desktop {
    display: none;
  }

  .tablet {
    display: block;
  }

  .desktop-2 {
    display: none;
  }

  .tablet-2 {
    display: block;
  }

  .box-info-case {
    height: auto;
    padding-bottom: 0;
  }

  .tablet-home,
  .vd-serv-dek,
  .videos_mobile {
    display: block;
  }

  ._568x320,
  ._320x180,
  .vd_1170 {
    display: none;
  }

  .vd_768 {
    display: block;
  }

  .chatbot .icon {
    bottom: 10% !important;
  }
}

@media screen and (max-width: 767px) {
  .paginacao-link {
    padding: 5px 10px;
    font-size: 11px;
  }

  .paginacao-box {
    margin-bottom: 12px;
  }

  .galeria-01 {
    margin-bottom: 15px;
  }

  .mascara-cliente-padrao {
    width: 480px;
    display: block;
  }

  .logo-cliente {
    height: 120px;
    margin-top: 15px;
  }

  .slide-cliente-padrao {
    width: 32%;
  }

  .rodape-construsite {
    font-size: 13px;
  }

  .titulo-destaques-home.t2._00 {
    margin-top: 10px;
    margin-left: 0;
  }

  .contato-fixo-bt {
    margin-left: 4px;
    margin-right: 4px;
  }

  .contato-fixo-bt.bt-mail {
    margin-right: 8px;
  }

  .contato-fixo-bt.social-bts {
    margin-left: 4px;
    margin-right: 4px;
  }

  .cont-input {
    width: 100%;
  }

  .coluna-img-t {
    display: block;
  }

  .img-case-bg {
    height: 320px;
  }

  .tablet {
    display: none;
  }

  .mobile-horizontal {
    display: block;
  }

  .tablet-2 {
    display: none;
  }

  .mobile-horizontal-2 {
    display: block;
  }

  .tablet-home {
    display: none;
  }

  .mobile-horizontal-home,
  .vd-ser-mobile {
    display: block;
  }

  .vd-serv-dek {
    display: none;
  }

  .html-embed-2 {
    display: block;
  }

  ._728x432 {
    display: none;
  }

  ._568x320 {
    display: block;
  }

  .vd_768 {
    display: none;
  }

  .vd_568 {
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .paginacao-link {
    padding: 4px 10px;
  }

  .paginacao-box {
    margin-top: 10px;
  }

  .limite-site {
    max-width: 95%;
  }

  .mascara-cliente-padrao {
    width: 290px;
  }

  .logo-cliente {
    width: 100px;
    height: 100px;
    margin-top: 25px;
  }

  .slide-cliente-padrao {
    width: 31%;
  }

  .rodape-construsite {
    line-height: 22px;
  }

  .topo {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .logo-site {
    width: 70%;
  }

  .box-about-us {
    padding-bottom: 10px;
  }

  .p {
    margin-bottom: 15px;
  }

  .titulo-principal {
    margin-bottom: 15px;
    font-size: 30px;
    line-height: 36px;
  }

  #button_back {
    top: 7rem !important;
  }

  .destaques-home {
    width: 97%;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 10px 8px;
  }

  .destaques-home.dest-qs {
    min-height: auto;
    margin-bottom: 10px;
    padding: 20px 15px;
  }

  .titulo-destaques-home {
    font-size: 14px;
    line-height: 20px;
  }

  .titulo-destaques-home.t2.v3 {
    margin-bottom: 10px;
  }

  .titulo-destaques-home.t2.v3._0 {
    font-size: 20px;
  }

  .img-destaque-home {
    width: 60px;
  }

  .contato-fixo-bt.bt-mail {
    margin-left: 4px;
    margin-right: 4px;
  }

  .menu-button {
    margin-top: 4px;
    padding: 0;
  }

  .bt.bt2 {
    margin-bottom: 5px;
    display: block;
  }

  .lk-logo {
    width: 138px;
    height: 100px;
    background-size: 125px;
  }

  .lk-logo._2,
  .lk-logo._3 {
    background-size: 100px;
  }

  .info-post {
    padding: 15px 0 0;
  }

  .grupo-lista {
    padding-left: 20px;
  }

  .img-ico-our {
    width: 60px;
  }

  .img-case-bg {
    height: 200px;
  }

  .mobile-horizontal {
    display: none;
  }

  .mobile {
    display: block;
  }

  .mobile-horizontal-2 {
    display: none;
  }

  .mobile-2 {
    display: block;
  }

  .mobile-horizontal-home {
    display: none;
  }

  .mobile-home {
    display: block;
  }

  ._568x320 {
    display: none;
  }

  ._320x180 {
    display: block;
  }

  .vd_568 {
    display: none;
  }

  .vd_320 {
    display: block;
  }
}

@font-face {
  font-family: "Fontawesome webfont";
  src: url("../fonts/fontawesome-webfont.woff2") format("woff2"),
    url("../fonts/fontawesome-webfont.eot") format("embedded-opentype"),
    url("../fonts/fontawesome-webfont.woff") format("woff"),
    url("../fonts/fontawesome-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: "Fa Solid 900";
  src: url("../fonts/fa-solid-900.woff2") format("woff2"),
    url("../fonts/fa-solid-900.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa Brands 400";
  src: url("../fonts/fa-brands-400.woff2") format("woff2"),
    url("../fonts/fa-brands-400.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa 400";
  src: url("../fonts/fa-regular-400.woff2") format("woff2"),
    url("../fonts/fa-regular-400.ttf") format("truetype"),
    url("../fonts/fa-regular-400.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa V 4 Compatibility";
  src: url("../fonts/fa-v4compatibility.woff2") format("woff2"),
    url("../fonts/fa-v4compatibility.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Teko";
  src: url("../fonts/Teko-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Teko";
  src: url("../fonts/Teko-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Teko";
  src: url("../fonts/Teko-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Teko";
  src: url("../fonts/Teko-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Teko";
  src: url("../fonts/Teko-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fontawesome";
  src: url("../fonts/FontAwesome.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

/**
  Estilos que estaba en el HEAD
*/

/* Video de 1728PX */
@media screen and (max-width: 1728px) {
  .vd_1920x1080 {
    display: none !important;
  }

  .vd_1728px972 {
    display: block;
  }
}

/* Video de 1512PX */
@media screen and (max-width: 1512px) {
  .vd_1728px972 {
    display: none !important;
  }

  .vd_1512x850 {
    display: block;
  }
}

/* Video de 1440PX */
@media screen and (max-width: 1440px) {
  .vd_1512x850 {
    display: none !important;
  }

  .vd_1440x810 {
    display: block;
  }
}

/* Video de 1280PX */
@media screen and (max-width: 1280px) {
  .vd_1440x810 {
    display: none !important;
  }

  .vd_1280x720 {
    display: block;
  }

  .limite-site {
    padding: 0px 15px;
  }
}

/* Video de 1140PX */
@media screen and (max-width: 1140px) {
  .vd_1280x720 {
    display: none !important;
  }

  .vd_1140x642 {
    display: block;
  }
}

/* Video de 1040PX */
@media screen and (max-width: 1040px) {
  .vd_1140x642 {
    display: none !important;
  }

  .vd_1040x585 {
    display: block;
  }
}

/* Video de 1024PX */
@media screen and (max-width: 1024px) {
  .vd_1040x585 {
    display: none !important;
  }

  .vd_1024x576 {
    display: block;
  }
}

/* Video de 991PX */
@media screen and (max-width: 991px) {
  .limite-site {
    padding: 0px;
  }
}

.limite-site .contenido {
  padding: 20px 10px 20px 10px;
  margin: 10px 0px 20px 0px;

  font-size: 22px;
  font-weight: 500;

  text-align: center;

  border: 1px solid #ccc;
  background-color: #eee;
}

/**
Estilos de Nuestro Equipo
*/
.about-us-box {
  margin-top: 60px;
}

.about-us-box .box-about {
  width: 100%;
  margin: 0px auto;
  margin-top: 20px;
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0px;
  text-align: center;
  /* background-color: #1a1a1a; */
  /* color: #fff; */
}

.about-us-box .box-about .box-item {
  display: flex;
  padding: 10px;
  margin-top: 20px;
}

.about-us-box .box-about .box-item .image-item {
  width: 45%;
  border-radius: 50%;
  overflow: hidden;
}

.about-us-box .box-about .box-item .image-item img {
  width: 100%;
  height: 100%;
}

.about-us-box .box-about .box-item .info-item {
  width: 50%;
  margin-left: 20px;
}

/* Aplicar estilos específicos para pantallas más pequeñas utilizando una consulta de medios */
@media only screen and (max-width: 968px) {
  .about-us-box .box-about {
    grid-template-columns: 1fr;
    /* Cambiar a una sola columna para pantallas más pequeñas */
  }
}

/**
Estilos del boton de ChatBot
*/

.chatbot .chatbot-box {
  width: 400px;
  height: 450px;
  position: fixed;
  bottom: 17%;
  right: 2%;
  background-color: #f8f8f8;
  border: 1px solid #787878;
  border-radius: 4px;
  box-shadow: 4px 4px 10px rgba(194, 39, 47, 0.3);
  overflow: hidden;
  display: none;
  z-index: 9999;
}

.chatbot .icon {
  width: 65px;
  position: fixed;
  bottom: 4%;
  right: 4%;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;

  padding: 4px;
  border-radius: 50%;
  background-color: #fff;
  z-index: 999;
}

.chatbot .icon:active {
  transform: scale(0.95);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.chatbot .icon img {
  max-width: 100%;
  height: auto;
}

/**
* Header CHABOT
*/
.chatbot .chatbot-box .chat-header {
  width: 100%;
  height: 10%;
  display: flex;
  background-color: #333;
  color: #fff;
  justify-content: center;
  box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.1);
  padding: 5px 0px 5px 0px;
}

.chatbot .chatbot-box .chat-header h3 {
  padding: 0;
  margin: 0;
  font-size: 17px;
}

.chatbot .chatbot-box .chat-header .icon-chat {
  width: 15%;
  margin-right: 20px;
  padding: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 50%;
}

.chatbot .chatbot-box .chat-header .icon-chat img {
  width: 100%;
}

/**
* Contenido Chatbot
*/
.chat-content {
  padding: 10px;
  height: 80%;
  overflow-y: scroll;
}

.row_bubble_bot {
  display: flex;
  justify-content: flex-start;
}

.row_bubble_user {
  display: flex;
  justify-content: flex-end;
}

.bubble_user,
.bubble_chatbot {
  color: #fff;
  font-size: 14px;
  padding: 5px 6px 5px 6px;
  margin: 3px;
  border: 1px solid #ccc;
}

.bubble_user {
  width: 60%;
  border-radius: 8px 8px 0px 8px;
  background-color: #333;
}

.bubble_chatbot {
  width: 60%;
  border-radius: 8px 8px 8px 0px;
  background-color: #c2272f;
}

.icon-bot {
  width: 7%;
  height: 7%;
}

/**
* Footer
*/
.chat-footer {
  height: 10%;
  background-color: #eee;
}

#input_chatbot {
  font-size: 14px;
}

#send-chatbot {
  cursor: pointer;
}

#button_back {
  position: absolute;
  top: 8.5rem;
  padding-left: 0.7rem;
}

.border-our-team {
  --bs-border-opacity: 1;
  border-color: #c2272f !important;
}

.leer-mas-soluciones {
  border: 1px solid #ccc;
  text-decoration: none;
  padding: 10px;
  border-radius: 4px;
  color: #000;
  font-size: 15px;

  transition: all 0.3s ease;
}

.leer-mas-soluciones:hover {
  border: 1px solid #c2272f;
  color: #c2272f;
}

ul li p {
  margin-bottom: 3px !important;
}

@media screen and (max-width: 750px) {
  h1.titulo-principal {
    padding: 0px 70px 0px 70px;
  }

  .limite-site .contenido {
    font-size: 14px !important;
  }

  .chat-header div h3,
  .chat-header div span {
    font-size: 12px !important;
  }

  .chatbot .chatbot-box {
    width: 270px !important;
    height: 350px !important;
    right: 5%;
  }
}

@media screen and (max-height: 480px) {
  .chatbot .chatbot-box {
    width: 300px !important;
    height: 270px !important;
    right: 30%;
    bottom: 7%;
  }
}

#lista-idiomas {
  border-radius: 5px;
  overflow: hidden;
}

#lista-idiomas a:hover {
  color: #fff !important;
}

.read-more-team {
  text-decoration: none;
  color: #000;
  transition: all 0.1s ease-in-out;
}

.read-more-team:hover {
  color: #c2272f;
  text-decoration: underline;
}

.figure-team {
  height: 370px;
}

.team-img-circle {
  width: 300px;
  height: 300px;
  border-radius: 50%;
  border: 1px solid #eee;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  /* box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; */
  overflow: hidden;
}

.team-img-circle img {
  width: 100%;
  height: 100%;
}

.icon-demo-solution {
  width: 3rem;
  height: 3rem;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bg-gray-demo {
  background: #d9d9d9;
}

/**
* Grid Demos
*/
#container-demos {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

#container-demos .card {
  width: 100%;
}

@media (max-width: 767px) {
  #container-demos {
    grid-template-columns: 1fr;
  }

  #container-demos .card {
    width: 100%;
  }
}

.row .col-md-6,
.row .col-md-7 {
  /* padding: 0; */
  /* margin: 0; */
}

div.border.rounded.shadow.p-3.mb-3 {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

div.border.rounded.shadow.p-3.mb-3:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  transform: scale(1.02);
}

/**
 * Carousel
 */
div.carousel-nav-icon > svg {
  height: 48px;
  width: 48px;
}

@media (max-width: 767px) {
  .carousel-inner .carousel-item > div {
    display: none;
  }

  .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
  .carousel-inner .carousel-item-end.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(33%);
  }

  .carousel-inner .carousel-item-start.active,
  .carousel-inner .carousel-item-prev {
    transform: translateX(-33%);
  }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
  transform: translateX(0);
}

/* 
#carousel-offer {
  min-height: 750px;
} */

#recipeCarousel .carousel-inner .carousel-item {
  margin-bottom: 20px;
}