@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,600,700");
@import url("fonts/font-awesome-4.7.0/css/font-awesome.min.css");
@import url("estilos-hamburguer.css");

/* RESET */
* {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
  vertical-align: baseline;
  font-family: "Open Sans", sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
}
/* tap-hig... removendo quadro azul links mobile */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  color: #333;
}
img,
picture,
video,
embed {
  max-width: 100%;
} /* truque para deixar as assets/imagens e outros elementos adaptáveis */
a {
  color: #006fe9;
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: underline;
}
input:focus,
button:focus,
textarea:focus,
select:focus {
  outline: none;
}
input,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"] {
  -moz-appearance: textfield;
}
/* remover setas contador input tipo number */

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
/* fazer com que todos elementos fiquem dentro da div #conteudo por exemplo */

.custom_redes_sociais{
    background: red !important;
}


*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* todos os elementos agora levarão em conta apenas a largura e altura determinada, sem somar a este valor a borda e o padding */

hr {
  height: 1px;
  background-color: hsla(0, 0%, 51%, 0.2);
  clear: both;
}
hr.marginTop50 {
  margin-top: 50px;
}
hr.marginBottom50 {
  margin-bottom: 50px;
}
hr.transparente {
  opacity: 0;
}

/* BASE */
html,
body {
  height: 100%;
}
body {
  color: #4d4d4d;
  font-size: 14px;
}
#tudo {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  min-width: 320px;
  padding-top: 120px;
}
#container {
  float: left;
  width: 100%;
  min-height: 400px;
  padding: 30px 0;
  overflow: hidden;
}
#container.zero {
  padding: 0;
}
.meio-conteudo {
  width: 1200px;
  margin: 0 auto;
}

#meio-conteudo{
  display: flex;
  flex-direction: column;
}

.meio-conteudo.blog-detalhe {
  width: 960px;
}

/* HEADER */
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #f2f2f2;
  z-index: 99;
}
#header .bloco-logo {
  float: left;
  text-align: center;
  margin-right: 20px;
}
#header a.logo-topo {
  width: 220px;
  height: 58px;
  margin: 30px 0;
  display: inline-block;
  font-size: 0;
}
#header .icone-painel {
  float: right;
  font-size: 25px;
  color: #ff2e34;
  margin-top: 22px;
  display: none;
}

#header .botao-acao {
  float: right;
  padding: 15px 40px;
  font-size: 18px;
  color: #ff2e34;
  border: 1px #ff2e34 solid;
  background: #f4f4f4;
  border-radius: 3px;
  margin-top: 30px;
  cursor: pointer;
}
#header .botao-acao:hover {
  color: #f4f4f4;
  text-decoration: none;
  background: #ff2e34;
}

#header .menu {
  float: left;
  font-size: 20px;
  text-transform: lowercase;
}
#header .menu li {
  float: left;
}
#header .menu li a {
  color: #666666;
  font-weight: 300;
  display: block;
  padding: 0 15px;
  height: 120px;
  line-height: 120px;
  letter-spacing: -1px;
}
#header .menu li a:hover {
  background: #f4f4f4;
  color: #ff2e34;
  text-decoration: none;
}
#header .menu li a i {
  font-size: 12px;
  font-weight: bold;
  margin-left: 3px;
}

#header.fixo {
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
#header.fixo a.logo-topo {
  margin: 10px 0;
}
#header.fixo .botao-acao {
  padding: 6px 20px;
  font-size: 17px;
  margin-top: 20px;
}
#header.fixo .menu li a {
  height: 78px;
  line-height: 78px;
}

.menu-topo {
  float: left;
  width: 100%;
  margin: 35px 0;
}
.menu-topo .menu {
  float: left;
  font-size: 17px;
  text-transform: lowercase;
}
.menu-topo .menu.menu-mobile {
  display: none;
}
.menu-topo .menu li {
  float: left;
  height: 45px;
  line-height: 45px;
}
.menu-topo .menu li a {
  color: #666666;
  padding: 0 25px;
  letter-spacing: -1px;
  border-right: 1px #e5e5e5 solid;
}
.menu-topo .menu li a strong {
  font-weight: 600;
}
.menu-topo .menu li a.vermelho {
  color: #ff2e34;
}
.menu-topo .menu li a.laranja {
  color: #ff7f00;
}
.menu-topo .menu li a.azul {
  color: #0669de;
}
.menu-topo .menu li a.verde {
  color: #3b9c00;
}

.menu-topo .menu li a.primeiro {
  padding-left: 0;
}
.menu-topo .menu li a.ultimo {
  border: none;
}
.menu-topo .menu li a:hover {
  text-decoration: underline;
}

.menu-topo .busca {
  float: right;
}
.menu-topo .busca .lupa {
  float: left;
  width: 45px;
  height: 45px;
  border: 1px #e5e5e5 solid;
  border-right: none;
  background: url(../imagens/vinhetas/lupa.png) center;
  border-radius: 3px 0 0 3px;
}
.menu-topo .busca .caixaBusca {
  float: left;
  width: 270px;
  height: 45px;
  line-height: 45px;
  border: 1px #e5e5e5 solid;
  border-left: none;
}
.menu-topo .busca .botaoBuscar {
  float: left;
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  border: 1px #e5e5e5 solid;
  border-left: none;
  font-size: 13px;
  font-weight: 600;
  background: #fff;
  color: #ff2e34;
  border-radius: 0 3px 3px 0;
  letter-spacing: -1px;
  cursor: pointer;
}
.menu-topo .busca .botaoBuscar:hover {
  background: #ff2e34;
  color: #fff;
}

.busca-topo {
  position: relative;
  float: right;
  width: 56%;
  margin: 20px 4.166666666666667% 0 0;
}
.busca-topo input {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #999;
  text-indent: 15px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  z-index: 8;
}
.busca-topo button {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 25px;
  color: #00b5a3;
  background: #fff;
  cursor: pointer;
  z-index: 8;
}
.busca-topo button:hover {
  color: #f7931e;
}

/* MENU MOBILE */
.bg-menu {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  background: #000;
  z-index: 98;
}
nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 55%;
  padding: 10px 30px;
  background: #ff2e34;
  z-index: 999;
  overflow: auto;
}
nav ul {
  float: left;
  width: 100%;
  font-size: 16px;
  margin-bottom: 15px;
}
nav ul li {
  width: 100%;
  border-bottom: 1px solid;
  border-color: rgba(255, 255, 255, 0.3);
}
nav ul li:last-child {
  border-bottom: 0;
}
nav ul li a {
  padding: 10px 0;
  color: #fff;
  display: block;
  text-indent: 5px;
  opacity: 0.8;
}
nav ul li a:hover {
  opacity: 1;
  text-decoration: none;
}
nav ul li a i {
  opacity: 0.2;
}

nav {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

/* VITRINE HOME */
.vitrine {
  float: left;
  width: 100%;
}

/* TITULOS INTERNOS */
.cabecalho {
  float: left;
  width: 100%;
  background: #c8c8c8;
  text-align: center;
  letter-spacing: -1.5px;
  padding: 5px 0;
}
.cabecalho.vermelho {
  background: #ff2e34;
}
.cabecalho.laranja {
  background: #ff7f00;
}
.cabecalho.azul {
  background: #0669de;
}
.cabecalho.verde {
  background: #3b9c00;
}
.cabecalho h1,
h3 {
  font-size: 30px;
  font-weight: 600;
  color: #fff;
}

/* BLOG */
.blog {
  float: left;
  width: 100%;
  margin: 60px 0;
}
.blog .bloco {
  float: left;
  width: 46%;
  margin-right: 8%;
  margin-bottom: 40px;
  letter-spacing: -1.3px;
}
.blog .bloco:nth-child(2n + 0) {
  margin-right: 0;
}
.blog .bloco:nth-child(2n + 1) {
  clear: both;
}
.blog .bloco h3 {
  font-size: 30px;
  font-weight: 600;
  border-bottom: 1px #cccccc solid;
  margin-bottom: 25px;
}
.blog .bloco h3.vermelho {
  color: #ff2e34;
}
.blog .bloco h3.laranja {
  color: #ff7f00;
}
.blog .bloco h3.azul {
  color: #0669de;
}
.blog .bloco h3.verde {
  color: #3b9c00;
}
.blog .bloco .dados {
  float: left;
  width: 100%;
  border-bottom: 1px #e5e5e5 solid;
  margin-bottom: 25px;
  padding-bottom: 25px;
}
.blog .bloco .dados:hover {
  opacity: 0.8;
  cursor: pointer;
}
.blog .bloco .dados:hover .chamada {
  text-decoration: underline;
}
.blog .bloco .dados.ultimo {
  border-bottom: none;
  margin-bottom: 0;
}
.blog .bloco .dados img {
  float: left;
  width: 45%;
  border-radius: 3px;
}
.blog .bloco .dados .titulo {
  float: right;
  width: 50%;
}
.blog .bloco .dados .titulo h2 {
  font-size: 20px;
  font-weight: 600;
}
.blog .bloco .dados .titulo h2.vermelho a {
  color: #ff2e34;
  text-decoration: none;
}
.blog .bloco .dados .titulo h2.laranja a {
  color: #ff7f00;
  text-decoration: none;
}
.blog .bloco .dados .titulo h2.azul a {
  color: #0669de;
  text-decoration: none;
}
.blog .bloco .dados .titulo h2.verde a {
  color: #3b9c00;
  text-decoration: none;
}
.blog .bloco .dados .chamada {
  float: left;
  width: 100%;
  color: #888888;
  padding-top: 15px;
  letter-spacing: normal;
}
.blog .bloco a.veja-mais {
  float: left;
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  border: 1px #ff2e34 solid;
  text-align: center;
  padding: 10px 0;
  border-radius: 3px;
  color: #ff2e34;
}
.blog .bloco a.veja-mais.laranja {
  border: 1px #ff7f00 solid;
  color: #ff7f00;
}
.blog .bloco a.veja-mais.azul {
  border: 1px #0669de solid;
  color: #0669de;
}
.blog .bloco a.veja-mais.verde {
  border: 1px #3b9c00 solid;
  color: #3b9c00;
}
.blog .bloco a.veja-mais:hover {
  color: #fff;
  background: #ff2e34;
  text-decoration: none;
}
.blog .bloco a.veja-mais.laranja:hover {
  background: #ff7f00;
}
.blog .bloco a.veja-mais.azul:hover {
  background: #0669de;
}
.blog .bloco a.veja-mais.verde:hover {
  background: #3b9c00;
}

.blog h1 {
  font-size: 50px;
  font-weight: bold;
  text-align: center;
  letter-spacing: -3px;
  line-height: 1.1;
}
.blog h2.detalhe {
  color: #666;
  text-align: center;
  letter-spacing: -1px;
}
.blog .materia {
  width: 640px;
  margin: 0 auto;
}
.blog .materia img {
  margin: 25px 0;
}
.blog .materia p {
  font-size: 18px;
  line-height: 1.8;
  color: #000;
  margin-bottom: 25px;
}
.blog .materia blockquote p {
  font-size: 16px;
  line-height: 1.6;
  border-left: 5px #dddddd solid;
  padding: 10px 0 10px 20px;
  margin-left: 30px;
}
.blog .materia ul {
  font-size: 18px;
  line-height: 1.6;
  color: #000;
  margin-left: 50px;
}
.blog .materia ul li {
  list-style-type: disc;
  margin-bottom: 10px;
}
.blog .materia .compartilhar {
  float: left;
  width: 100%;
  margin-top: 30px;
}
.blog .materia .compartilhar .rede-social {
  float: left;
  margin-right: 10px;
}
.blog .materia .compartilhar .rede-social .btnLink {
  float: left;
  padding: 4px 10px;
  color: #ffffff;
  border-radius: 3px;
}
.blog .materia .compartilhar .rede-social .btnLink.whats {
  background: #49bf5f;
}
.blog .materia .compartilhar .rede-social .btnLink.email {
  background: #d83540;
}
.blog .materia .compartilhar .rede-social .btnLink i {
  float: left;
  margin: 3px 5px 0 0;
}
.blog .materia .compartilhar .rede-social .btnLink:hover {
  opacity: 0.8;
  text-decoration: none;
}

/* SERVIÇOS */
.servicos {
  float: left;
  width: 100%;
  margin: 30px 0;
}
.servicos .bloco {
  float: left;
  display: flex;
  flex-drection: column;
  flex-wrap: wrap;

  width: 100%;
  letter-spacing: -1.3px;
}

.servicos .bloco .dados{
  
}

.servicos .bloco .itens{
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr 1fr;
}

@media(max-width:768px){
    .servicos .bloco .itens{
    grid-template-columns: 1fr;
    gap: .5rem;
}
}

.servicos .bloco.direita {
  float: right;
}
.servicos .bloco h3 {
  font-size: 30px;
  font-weight: 600;
  width: 100%;

  border-bottom: 1px #ccc solid;
  margin-bottom: 25px;
  color: #666;
  padding-bottom: 10px;
}
.servicos .bloco h3.center {
  text-align: center;
  border: 0;
}
.servicos .bloco .dados {
  position: relative;
  float: left;
  display: flex;
  width: 100%;
  padding-bottom: 0px !important;
  border: 1px solid #AAAAAA;
  background:#ECECEC;
  border-radius: 4px;
  min-height: 150px;
}

@media(max-width:768px){
    
    .servicos .bloco .dados {
        min-height: 100px;
    }

    .servicos .bloco .itens .dados img {
        width: 50px !important;
    }
}

.servicos .bloco .dados:hover {
  opacity: 0.8;
  cursor: pointer;
}




.servicos .bloco .titulo{
    width: 75%;
    padding: 10px 0px;
}
.servicos .bloco .dados:hover .chamada {
  text-decoration: underline;
}
.servicos .bloco .itens .dados img {
  float: left;

  filter: brightness(5);
  padding: 0rem 1rem;
  object-fit: contain;
  height: 100%;
  width: 150px;
  margin-right: 15px;
  background:#DC0000;
}

@media(max-width: 768px){
    .servicos .bloco .itens .dados img{
        width: 100px !important;
         padding: 0rem .5rem;
    }
    
}



.servicos .bloco .dados .titulo {
  float: left;
  width: calc(100% - 100px);
}
.servicos .bloco .dados .titulo h2 {
  font-size: 20px;
  font-weight: 600;
}
.servicos .bloco .dados .titulo h2 a {
  color: #666;
  text-decoration: none;
}
.servicos .bloco .dados .titulo .chamada {
  color: #888888;
  letter-spacing: normal;
}
.servicos .bloco .dados i.seta {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -25px;
  font-size: 26px;
  color: #888888;
}

.itens2{
    display: flex;
    align-items: start;
    width: 100%;
    gap: 1rem;

 

}

.itens2 .dados1 {
    display: flex;
    
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    cursor: pointer;
        width: 20%;

}

@media(max-width: 768px){
    .itens2{
       flex-direction: column;
       align-items: center;
    }
    
    .itens2 .dados1{
    width: 50%;
    height: 100%;
    
    }
    .containerImg{
        height: 160px !important;
    }
    
 
}

.containerImg{
    background:#999999;
    padding: 1.5rem;
        width: 100%;
    height: 250px;
    border-radius: 4px;
}

.itens2 .dados1 .containerImg img{
    filter: brightness(5);
    object-fit: contain;
    height: 100%;
    width: 100%;
}

.dados1 div h2 a{
    color: #717171;
}






.servicos h1 {
  font-size: 50px;
  font-weight: bold;
  text-align: center;
  letter-spacing: -3px;
  line-height: 1.1;
}
.servicos h2.detalhe {
  color: #666;
  text-align: center;
  letter-spacing: -1px;
}
.servicos .tipo-servico {
  width: 200px;
  padding: 5px 0;
  text-align: center;
  color: #666;
  margin: -15px auto 50px auto;
  background: #ececec;
  border-radius: 3px;
}
.servicos .materia {
  width: 640px;
  margin: 0 auto;
}
.servicos .materia img {
  float: right;
  width: 300px;
  border-radius: 50%;
  border: 12px #f2f2f2 solid;
  margin: 0 0 10px 15px;
}
.servicos .materia p {
  font-size: 18px;
  line-height: 1.8;
  color: #000;
  margin-bottom: 25px;
}
.servicos .materia p.saiba-mais {
  color: #666;
  text-align: center;
  letter-spacing: -1px;
  line-height: normal;
}
.servicos .materia blockquote p {
  font-size: 16px;
  line-height: 1.6;
  border-left: 5px #dddddd solid;
  padding: 10px 0 10px 20px;
  margin-left: 30px;
}
.servicos .materia ul {
  font-size: 18px;
  line-height: 1.6;
  color: #000;
  margin-left: 50px;
}
.servicos .materia ul li {
  list-style-type: disc;
  margin-bottom: 10px;
}

.servicos .materia .compartilhar {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.servicos .materia .compartilhar .rede-social {
  float: left;
  margin-right: 10px;
}
.servicos .materia .compartilhar .rede-social .btnLink {
  float: left;
  padding: 4px 10px;
  color: #ffffff;
  border-radius: 3px;
}
.servicos .materia .compartilhar .rede-social .btnLink.whats {
  background: #49bf5f;
}
.servicos .materia .compartilhar .rede-social .btnLink.email {
  background: #d83540;
}
.servicos .materia .compartilhar .rede-social .btnLink i {
  float: left;
  margin: 3px 5px 0 0;
}
.servicos .materia .compartilhar .rede-social .btnLink:hover {
  opacity: 0.8;
  text-decoration: none;
}

/* INDIQUE UM PARA UM AMIGO */
.envia-amigo {
  float: left;
  width: 100%;
  padding: 25px;
  border: 1px dashed #ff2e34;
  margin-top: 25px;
}
.envia-amigo .caixaIndique {
  float: left;
  width: 100%;
  height: 55px;
  line-height: 55px;
  padding: 0 15px;
  border: 1px #e5e5e5 solid;
  font-size: 14px;
  margin-bottom: 10px;
}
.envia-amigo .caixaIndique.coluna2 {
  width: 48%;
}
.envia-amigo .caixaIndique.coluna2.right {
  float: right;
}
.envia-amigo .botaoIndique {
  float: left;
  width: 100%;
  height: 45px;
  line-height: 45px;
  border: 1px #e5e5e5 solid;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  border-radius: 3px;
  letter-spacing: -1px;
  background: #ff2e34;
  cursor: pointer;
}
.envia-amigo .botaoIndique:hover {
  opacity: 0.8;
}
.envia-amigo .colorVermelho {
  color: #ff2e34;
}
.envia-amigo .colorVerde {
  color: #2c9331;
}

/* DUVIDAS */
.duvidas {
  float: left;
  width: 100%;
  margin: 30px 0;
}
.duvidas h3 {
  font-size: 50px;
  font-weight: 600;
  border-bottom: 1px #cccccc solid;
  margin-bottom: 25px;
  color: #666;
  letter-spacing: -3px;
}
.duvidas h3.interno {
  border: 0;
}
.duvidas h3 span {
  font-size: 30px;
  font-weight: 100;
  letter-spacing: -1.5px;
}
.duvidas img {
  float: left;
  width: 260px;
  margin-right: 40px;
}
.duvidas .links {
  float: left;
  width: calc(100% - 300px);
}
.duvidas .links h1 {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1.1;
  margin-bottom: 20px;
}
.duvidas .links p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 25px;
}
.duvidas .links li {
  font-size: 16px;
  padding: 3px 0;
}
.duvidas .links a.veja-mais {
  float: left;
  width: 370px;
  font-size: 20px;
  font-weight: 600;
  border: 1px #0669de solid;
  text-align: center;
  padding: 10px 0;
  border-radius: 3px;
  color: #0669de;
  margin-top: 25px;
}
.duvidas .links a.veja-mais:hover {
  color: #fff;
  background: #0669de;
  text-decoration: none;
}

/* QUEM SOMOS */
.quem-somos {
  float: left;
  width: 100%;
  margin: 30px 0;
}
.quem-somos .bloco {
  float: left;
  width: 46%;
}
.quem-somos .bloco.direita {
  float: right;
}
.quem-somos .bloco.direita img.foto {
  float: left;
  width: 33.33333333%;
}
.quem-somos .bloco.direita img.foto:hover {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}
.quem-somos .bloco h3 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #666;
  letter-spacing: -1.3px;
}
.quem-somos .bloco p {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.quem-somos .bloco .responsavel {
  float: left;
  width: 100%;
  margin-top: 50px;
}
.quem-somos .bloco .responsavel h4 {
  font-size: 20px;
  font-weight: 600;
  color: #666;
  letter-spacing: -1.3px;
}
.quem-somos .bloco .responsavel p {
  margin-bottom: 0;
}

/* CLIENTES */
.clientes {
  float: left;
  width: 100%;
  margin: 30px 0;
}
.clientes h1 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #666;
  letter-spacing: -1.3px;
}
.clientes .cliente {
  float: left;
  width: 16.66%;
  background: #fff;
  border: 1px solid #e6e6e6;
}
.clientes .cliente:hover {
  background: #f2f2f2;
}
.clientes .cliente img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.clientes .cliente img:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

/* DOCUMENTOS */
.documentos {
  float: left;
  width: 100%;
  margin: 30px 0;
}
.documentos .bloco {
  float: left;
  width: 46%;
}
.documentos .bloco.direita {
  float: right;
}
.documentos .bloco h3 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #666;
  letter-spacing: -1.3px;
}
.documentos .bloco h3 strong {
  font-weight: 100;
}
.documentos .bloco .dados {
  position: relative;
  float: left;
  width: 100%;
  border-bottom: 1px #e5e5e5 solid;
  margin-bottom: 25px;
  padding-bottom: 25px;
}
.documentos .bloco .dados i.pdf {
  float: left;
  color: #ff2e34;
  font-size: 25px;
  margin: 6px 8px 0 0;
}
.documentos .bloco .dados .titulo {
  float: left;
  width: calc(100% - 60px);
}
.documentos .bloco .dados .titulo h2 {
  font-size: 18px;
  color: #666;
}
.documentos .bloco .dados .titulo .chamada {
  color: #acacac;
  letter-spacing: normal;
}
.documentos .bloco .dados .titulo .link {
  float: left;
  margin-top: 10px;
}

/* RODAPÉ */
#rodape {
  float: left;
  width: 100%;
  padding: 60px 0;
  background: #f2f2f2;
  margin-top: 60px;
}
#rodape .logo {
  float: left;
  width: 25%;
  padding-top: 10px;
}
#rodape .logo iframe {
  margin: 25px 0 0 10px;
}

#rodape .bloco {
  float: left;
  width: 18.75%;
  border-left: 1px #ccc solid;
  padding: 8px 0 8px 20px;
}
#rodape .bloco h5 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #666;
  letter-spacing: -1.5px;
}
#rodape .bloco h5.marginTop {
  margin-top: 40px;
}
#rodape .bloco li {
  margin-bottom: 5px;
  text-transform: lowercase;
}
#rodape .bloco li a {
  color: #666;
}
#rodape .bloco li button {
  color: #666;
  background: inherit;
  font-size: 14px;
  cursor: pointer;
}
#rodape .bloco li button:hover {
  text-decoration: underline;
}

#direitos {
  float: left;
  width: 100%;
  padding: 60px 0;
  color: #666;
  text-align: center;
}
#direitos .fone {
  font-size: 22px;
  font-weight: 600;
}
#direitos .email {
  font-size: 18px;
}
#direitos .endereco {
  margin-top: 30px;
}
#direitos .assinatura {
  font-size: 13px;
}

/* CAIXA MODAL LOGIN */
.bloco-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  z-index: 999;
}
.bloco-modal .modal {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 400px;
  height: 500px;
  margin-top: -250px;
  margin-left: -200px;
  background: #fff;
  -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.4);
}
.bloco-modal .modal.popUp {
  width: 450px;
  height: 600px;
  margin-top: -300px;
  margin-left: -225px;
}

.bloco-modal .modal .topo-logo {
  width: 100%;
  margin-right: 20px;
  background: #f2f2f2;
}
.bloco-modal .modal .topo-logo .logo {
  width: 220px;
  height: 58px;
  margin: 20px;
}
.bloco-modal .modal .topo-logo a i {
  float: right;
  margin: 30px 30px 0 0;
  font-size: 40px;
  color: #d83540;
}
.bloco-modal .modal .topo-logo a:hover i {
  color: #666;
}

.bloco-modal .modal .form {
  width: 100%;
  padding: 25px;
}
.bloco-modal .modal .form .acesse {
  font-size: 30px;
  text-align: center;
  font-weight: 300;
  margin-bottom: 20px;
  color: #666;
  letter-spacing: -1.5px;
}
.bloco-modal .modal .form .caixaLogin {
  float: left;
  width: 100%;
  height: 55px;
  line-height: 55px;
  padding: 0 15px;
  border: 1px #e5e5e5 solid;
  font-size: 14px;
  margin-bottom: 10px;
}
.bloco-modal .modal .form .botaoLogin {
  float: left;
  width: 100%;
  height: 45px;
  line-height: 45px;
  border: 1px #e5e5e5 solid;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  border-radius: 3px;
  letter-spacing: -1px;
  background: #ff2e34;
  cursor: pointer;
}
.bloco-modal .modal .form .botaoLogin.baixar {
  background: #006fe9;
}
.bloco-modal .modal .form .botaoLogin:hover {
  opacity: 0.8;
}

.bloco-modal .modal .infoErro {
  float: left;
  width: 100%;
  padding: 25px;
  color: #ff2e34;
}

.bloco-modal .modal .acoes {
  float: left;
  width: 100%;
  margin-top: 40px;
}

.modal-active .bloco-modal {
  display: block;
}

/* 
.vitrine { float:left; width:100%; height:500px; background: url(assets/imagens/banners/banner01.jpg) no-repeat top right; }
.vitrine .meio-busca { position:relative; width:860px; margin: 0 auto; text-align:center; }
.vitrine .meio-busca .mascote { position:absolute; top:-30px; left:25px; width:175px; font-size:0; z-index:99; }
.vitrine .meio-busca .mascote.fixo { opacity:0; }
.vitrine h1 { font-weight:600; color:#fff; font-size:26px; margin:50px 0 40px 0; -webkit-text-shadow: 0px 2px 1px rgba(0, 0, 0, .5); -moz-text-shadow: 0px 2px 1px rgba(0, 0, 0, .5); text-shadow: 0px 2px 1px rgba(0, 0, 0, .5); }
.vitrine .moldura { float:left; width:100%; padding:30px; background: rgba(255, 255, 255,.2); }
.vitrine .form-home { position:relative; float:left; width:100%; }
.vitrine .form-home input { position:relative; float:left; width:100%; height:70px; line-height:70px; font-size:22px; color:#999; text-indent:30px; background:#fff; z-index:8; }
.vitrine .form-home .botao-busca { position:absolute; top:0; right:0; width:85px; height:70px; line-height:70px; font-size:35px; text-align:center; color:#fff; cursor:pointer; background:#f7931e; z-index:8; }
.vitrine .form-home .botao-busca:hover { background:#00b5a3; }
.vitrine a.botao-anuncio { padding:20px 40px; color:#fff; text-align:center; font-size:16px; font-weight:600; margin-top:60px; display:inline-block; background:#f7931e; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.3); box-shadow: 0px 1px 1px rgba(0,0,0,0.3); }
.vitrine a.botao-anuncio:hover { text-decoration:none; background:#00b5a3; }

*/

/* AUTOCOMPLETE BUSCA */
.busca-topo .autocomplete {
  top: 51px;
}
.autocomplete {
  position: absolute;
  top: 71px;
  left: 0;
  width: 100%;
  text-align: left;
  background: #fff;
  z-index: 9;
  display: none;
}
.autocomplete a {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px;
  border-bottom: 1px solid #ccc;
}
.autocomplete a:hover {
  background: #f2f2f2;
}
.autocomplete .icone {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin-right: 10px;
  text-align: center;
  color: #999;
  font-size: 20px;
  background: #ececec;
}
.autocomplete .info {
  float: left;
  font-size: 13px;
  margin-top: -2px;
}
.autocomplete .info p {
  margin-bottom: -1px;
}
.autocomplete .info .nome {
  font-size: 14px;
  font-weight: 600;
  color: #006fe9;
  overflow: hidden;
  white-space: nowrap;
}
.autocomplete .info .categoria {
  color: #009245;
}
.autocomplete .info .cidade {
  color: #808080;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.autocomplete a .seta {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -13px;
  font-size: 26px;
  color: #000;
  opacity: 0.2;
}

.bloco-autocomplete {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
  z-index: 7;
}
.bloco-autocomplete.ativo {
  opacity: 1;
  pointer-events: auto;
}

/* HOME */
h4.titulo-duplo {
  float: left;
  width: 100%;
  text-align: center;
  color: #00b5a3;
  font-size: 34px;
  line-height: 30px;
  margin-bottom: 60px;
}
h4.titulo-duplo span {
  font-size: 18px;
  color: #808080;
}

.home-destaques {
  float: left;
  width: 100%;
  padding: 60px;
}
.home-destaques .bloco-empresas {
  float: left;
  width: 100%;
  margin-bottom: 40px;
}
.home-destaques .empresa {
  position: relative;
  float: left;
  width: 23.5%;
  padding: 15px;
  margin: 0 2% 2% 0;
  cursor: pointer;
  background: #fff;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
.home-destaques .empresa:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.home-destaques .empresa:nth-child(4n + 0) {
  margin-right: 0;
}
.home-destaques .empresa .logo {
  float: left;
  width: 31%;
  max-width: 100px;
  font-size: 0;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
.home-destaques .empresa .info {
  float: right;
  width: 64%;
}
.home-destaques .empresa .info h2 {
  font-size: 16px;
  font-weight: 600;
  color: #006fe9;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.home-destaques .empresa .info .categoria {
  font-size: 13px;
  margin: -2px 0 2px 0;
  overflow: hidden;
  white-space: nowrap;
}
.home-destaques .empresa .info .categoria a {
  color: #009245;
}
.home-destaques .empresa .info .endereco {
  color: #808080;
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
}
.home-destaques .empresa .info .fone {
  color: #000;
  font-weight: 600;
}
.home-destaques .empresa i {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -13px;
  font-size: 26px;
  color: #000;
  opacity: 0.2;
  display: none;
}

.banner-propaganda {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 0;
}
.banner-propaganda img {
  margin: 0;
  padding: 0;
}
.banner-propaganda a {
  display: inline-block;
}

.chamada-cadastro {
  float: left;
  width: 100%;
  height: 480px;
  padding: 60px 0;
  background: url(assets/imagens/banners/banner-cadastro.jpg) no-repeat left;
  background-size: cover;
}
.chamada-cadastro.chamada-comer {
  background-image: url(assets/imagens/banners/banner-comer.jpg);
}
.chamada-cadastro .info {
  float: right;
  width: 50%;
  font-size: 18px;
}
.chamada-cadastro h4 {
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 20px;
}
a.botao-chamada {
  padding: 20px 40px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  margin-top: 60px;
  display: inline-block;
  background: #00b5a3;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
a.botao-chamada.vermelho {
  background: #d83540;
}
a.botao-chamada:hover {
  text-decoration: none;
  background: #f7931e;
}

.chamada-tags {
  float: left;
  width: 100%;
  padding: 60px 0;
  text-align: center;
}
.chamada-tags a.tag {
  display: inline-block;
  font-size: 16px;
  font-style: italic;
  color: #808080;
  margin: 0 20px 20px 0;
  padding: 5px 15px;
  border-left: 5px solid #00b5a3;
  background: #fff;
  text-transform: lowercase;
}
.chamada-tags a.tag:hover {
  border-color: #f7931e;
  color: #333;
  text-decoration: none;
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}

/* BUSCA */
.migalhas {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  font-size: 13px;
}
.migalhas li {
  float: left;
  margin-right: 5px;
}
.migalhas li a {
  color: #808080;
  text-decoration: none;
}
.migalhas li a:hover {
  text-decoration: underline;
}
.migalhas li:last-child a {
  color: #00b5a3;
  text-decoration: none;
}
.migalhas li:after {
  content: " ›";
  color: #808080;
}
.migalhas li:last-child:after {
  content: "";
}

.lado-empresa {
  float: left;
  width: 75%;
}
.lado-empresa .bloco-titulo {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 300;
  color: #4d4d4d;
}
.lado-empresa .bloco-titulo span {
  font-weight: 600;
  color: #00b5a3;
}
.lado-empresa .bloco-titulo div {
  float: left;
}
.lado-empresa .bloco-titulo h1 {
  float: left;
  font-size: 24px;
  color: #4d4d4d;
  font-weight: 300;
}

.lado-empresa .banner-anuncio {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
}
.lado-empresa .banner-anuncio a {
  display: inline-block;
  font-size: 0;
}

.lista-empresas {
  float: left;
  width: 100%;
}
.lista-empresas .empresa {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px;
  margin-bottom: 30px;
  cursor: pointer;
  background: #fff;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
.lista-empresas .empresa:hover {
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}
.lista-empresas .empresa:hover i.seta {
  opacity: 1;
  color: #00b5a3;
}
.lista-empresas .empresa .logo {
  float: left;
  width: 13.25%;
  margin-right: 2.3%;
  font-size: 0;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
.lista-empresas .empresa .info {
  float: left;
  width: 95%;
}
.lista-empresas .empresa .info h2 {
  font-size: 16px;
  font-weight: 600;
  color: #006fe9;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lista-empresas .empresa .info .categoria {
  font-size: 13px;
  margin: -2px 0 2px 0;
  overflow: hidden;
  white-space: nowrap;
}
.lista-empresas .empresa .info .categoria a {
  color: #009245;
}
.lista-empresas .empresa .info .endereco {
  color: #808080;
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
}
.lista-empresas .empresa .info .endereco a {
  color: #808080;
}
.lista-empresas .empresa .info .endereco a:hover {
  color: #006fe9;
}
.lista-empresas .empresa .info .fone {
  color: #000;
  font-weight: 600;
  margin-top: 5px;
}
.lista-empresas .empresa .info .fone span {
  display: inline-block;
  margin-right: 10px;
}
.lista-empresas .empresa .info .fone a {
  color: #000;
}
.lista-empresas .empresa .info .horario {
  color: #009245;
  margin-top: 5px;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 600;
}
.lista-empresas .empresa .info .horario.fechado {
  color: #c1272d;
}
.lista-empresas .empresa .info .horario.abrira {
  color: #f7931e;
}
.lista-empresas .empresa i.seta {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -13px;
  font-size: 26px;
  color: #000;
  opacity: 0.2;
}
.lista-empresas .empresa:last-child {
  margin-bottom: 0;
}
.lista-empresas .botao-ligar {
  display: none;
  position: absolute;
  bottom: -20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-left: -20px;
  left: 50%;
  font-size: 20px;
  text-align: center;
  color: #fff;
  background: #4bd964;
  z-index: 5;
}

.lista-empresas .propaganda {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
}
.lista-empresas .propaganda a {
  display: inline-block;
  font-size: 0;
}

.lista-empresas .empresa.anuncio {
  background: #fffda9;
}
.lista-empresas .empresa.anuncio .info {
  float: left;
  width: 84.45%;
}

.lado-categoria {
  float: right;
  width: 20.83333333333333%;
}
.lado-categoria h3 {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 300;
}
.lado-categoria ul {
  float: left;
  width: 100%;
  margin-bottom: 60px;
  font-size: 14px;
}
.lado-categoria ul li {
  float: left;
  width: 100%;
  line-height: 22px;
  overflow: hidden;
  white-space: nowrap;
}
.lado-categoria ul li a {
  color: #00b5a3;
}
.lado-categoria .mascote {
  float: left;
  width: 180px;
}

.botao-ligar-empresa {
  display: none;
  float: left;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  background: #4bd964;
}
.botao-ligar-empresa span {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  text-align: center;
  border: 1px solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.botao-ligar-empresa:hover {
  text-decoration: none;
}

.botao-ligar2 {
  position: fixed;
  bottom: -80px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin-left: -30px;
  left: 50%;
  font-size: 26px;
  text-align: center;
  color: #fff;
  border: 2px solid #fff;
  background: #4bd964;
  z-index: 5;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

.blocos-empresa {
  float: left;
  width: 100%;
}
.blocos {
  float: left;
  width: 48.75%;
  padding: 30px;
  color: #666;
  margin: 0 2.5% 2.5% 0;
  background: #fff;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
.blocos:nth-child(2n + 0) {
  margin-right: 0;
  float: right;
}
.blocos:last-child {
  margin-bottom: 0;
}
.blocos h3,
.blocos h4 {
  color: #4d4d4d;
  font-size: 24px;
  margin-bottom: 20px;
}
.blocos h3 a,
.blocos h4 a {
  color: #00b5a3;
}
.blocos h5 {
  color: #00b5a3;
  font-size: 16px;
  margin-bottom: 20px;
}
.blocos .categorias {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
  color: #009245;
}
.blocos .categorias a {
  color: #009245;
}
.blocos .texto-sobre {
  float: left;
  width: 100%;
}
.blocos .texto-sobre p {
  margin-bottom: 10px;
}
.blocos .texto-sobre p:last-child {
  margin-bottom: 0;
}

.blocos.banner {
  padding: 0;
  font-size: 0;
}

.blocos .lista-contato {
  float: left;
  width: 100%;
  color: #000;
}
.blocos .lista-contato li {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.blocos .lista-contato li span {
  display: inline-block;
  margin-right: 10px;
}
.blocos .lista-contato li i {
  font-size: 20px;
  color: #999;
  margin-right: 10px;
  vertical-align: -3px;
}
.blocos .lista-contato li.destaque,
.blocos .lista-contato li.fone {
  font-weight: 600;
}
.blocos .lista-contato li.horario {
  color: #009245;
  font-weight: 600;
}
.blocos .lista-contato li.horario.fechado {
  color: #c1272d;
}
.blocos .lista-contato li.horario.abrira {
  color: #f7931e;
}
.blocos .lista-contato li:last-child {
  margin-bottom: 0;
}

.blocos .botao-what {
  display: inline-block;
  padding: 15px 30px;
  margin-top: 20px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  font-weight: 600;
  background: #0dc144;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.blocos .botao-what:hover {
  text-decoration: none;
}
.blocos .botao-what i {
  font-size: 25px;
  margin-right: 10px;
  vertical-align: -4px;
}
.blocos .link {
  display: inline-block;
  margin-top: 30px;
  font-size: 16px;
}

.blocos .full {
  float: left;
  width: calc(100% + 60px);
  margin: 0 -30px 0 -30px;
}

.blocos .pagina-anuncio {
  max-height: 500px;
  min-height: 200px;
  overflow: auto;
}
.blocos .pagina-anuncio .coluna {
  float: left;
  width: 100%;
  font-size: 0;
}
.blocos .pagina-anuncio .coluna.respiracao {
  padding: 20px 30px;
}
.blocos .pagina-anuncio .coluna.borda-superior {
  border-top: 1px solid #ccc;
}
.blocos .pagina-anuncio .coluna.borda-inferior {
  border-bottom: 1px solid #ccc;
}
.blocos .pagina-anuncio .coluna.centralizado {
  text-align: center;
}
.blocos .pagina-anuncio .coluna.col2 {
  width: 50%;
}
.blocos .pagina-anuncio .coluna.col2.grid {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.blocos .pagina-anuncio h5 {
  color: #333;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
.blocos .pagina-anuncio h6 {
  color: #333;
  font-size: 16px;
  margin-bottom: 5px;
}
.blocos .pagina-anuncio p {
  font-size: 14px;
  margin-bottom: 10px;
}
.blocos .pagina-anuncio p:last-child {
  margin-bottom: 0;
}

.blocos .foto {
  float: left;
  overflow: hidden;
  opacity: 0.75;
  font-size: 0;
}
.blocos .foto:hover {
  opacity: 1;
}
.blocos .foto img {
  max-width: none;
  max-height: 100%;
  min-width: 100%;
}
.blocos .foto.n1 {
  width: 61.53846153846154%;
  height: 270px;
}
.blocos .foto.n2 {
  width: 18.8034188034188%;
  height: 134px;
  margin-left: 0.43%;
}
.blocos .foto.n3 {
  width: 38.036%;
  height: 134px;
  margin: 0.4% 0 0 0.43%;
}

.blocos .local-endereco {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.blocos .marcadores {
  float: left;
  width: 100%;
  text-transform: lowercase;
}
.blocos .marcadores li {
  float: left;
  width: 100%;
  margin-bottom: 3px;
}
.blocos .marcadores li:before {
  content: "› ";
  color: #006fe9;
}

.blocos .fone-destaque {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 16px;
}
.blocos .fone-destaque a {
  margin-right: 10px;
}

.blocos .empresa-dados {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.botao-ligar3 {
  display: none;
  position: absolute;
  bottom: -65px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin-left: -30px;
  left: 50%;
  font-size: 26px;
  text-align: center;
  color: #fff;
  border: 2px solid #fff;
  background: #4bd964;
  z-index: 5;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

.blocos h1 {
  font-size: 24px;
  color: #006fe9;
  margin-bottom: 0;
}
.blocos .empresa-endereco {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.blocos .empresa-fone {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
.blocos .empresa-fone span {
  margin-right: 10px;
}

.outras-opcoes {
  float: left;
  width: 100%;
}
.outras-opcoes .opcoes {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px 0;
  border-top: 1px dashed #ccc;
}
.outras-opcoes .opcoes .logo {
  float: left;
  width: 100px;
  margin-right: 15px;
  font-size: 0;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
.outras-opcoes .opcoes .info {
  float: left;
  width: 100%;
}
.outras-opcoes .opcoes.anuncio .info {
  width: calc(100% - 115px);
}
.outras-opcoes .opcoes .info .titulo-anuncio {
  max-width: 80%;
  position: relative;
  display: inline-block;
}
.outras-opcoes .opcoes .info .selo-anuncio {
  position: absolute;
  top: 0;
  right: -55px;
  color: #fff;
  font-size: 11px;
  padding: 3px;
  background: #eeb704;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.outras-opcoes .opcoes .info h2 {
  font-size: 16px;
  font-weight: 600;
  color: #006fe9;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.outras-opcoes .opcoes .info .end {
  color: #808080;
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
}
.outras-opcoes .opcoes .info .fone {
  display: inline-block;
  width: 100%;
  height: 20px;
  overflow: hidden;
  color: #000;
  font-weight: 600;
  margin-top: 5px;
}
.outras-opcoes .opcoes .info .fone span {
  display: inline-block;
  margin-right: 10px;
}
.outras-opcoes .opcoes .info .hor {
  color: #009245;
  margin-top: 0;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 600;
}
.outras-opcoes .opcoes .info .hor.fechado {
  color: #c1272d;
}
.outras-opcoes .opcoes .info .hor.abrira {
  color: #f7931e;
}
.outras-opcoes .opcoes:first-child {
  border: 0;
  margin-top: -20px;
}

/* RAMO DE ATIVIDADES */
h1.titulo-geral {
  float: left;
  width: 100%;
  font-size: 24px;
  color: #4d4d4d;
  font-weight: 300;
  margin-bottom: 30px;
}
.indice-atividades {
  float: left;
  width: 75%;
  margin-bottom: 30px;
  font-weight: 600;
}
.indice-atividades li {
  float: left;
  width: 4.545454545454545%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #ccc;
  border-right: 0;
  background: #fff;
}
.indice-atividades li:last-child {
  border-right: 1px solid #ccc;
}
.indice-atividades li a {
  display: block;
}

.bloco-letra {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.bloco-letra .atividades {
  float: left;
  width: 75%;
  padding: 20px 10px 20px 20px;
  padding-bottom: 10px;
  background: #fff;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
.bloco-letra .atividades h2 {
  float: left;
  width: 25%;
  margin-bottom: 10px;
  padding-right: 10px;
  font-size: 14px;
  color: #006fe9;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bloco-letra .atividades h2:hover {
  text-decoration: underline;
}

.bloco-letra .indice {
  float: right;
  width: 20.83333333333333%;
  margin-top: -20px;
  color: #00b5a3;
  font-size: 72px;
  font-weight: 500;
}

/* SESSÃO COMER */
.comer {
  position: relative;
  float: left;
  width: 20%;
  padding-top: 15%;
  overflow: hidden;
  background: no-repeat center;
  background-size: cover;
}
.comer.primeiro {
  background-image: url(assets/imagens/vinhetas/comer-prudente.jpg);
}
.comer .sessao {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
}
.comer .sessao:hover {
  background: rgba(0, 0, 0, 0.6);
  text-decoration: none;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.comer .sessao .logo {
  display: inline-block;
  width: 124px;
  height: 124px;
  margin-top: 10%;
  font-size: 0;
  border: 2px solid #fff;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  overflow: hidden;
  background: #fff;
}

.comer .sessao h1 {
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  line-height: 30px;
  margin-top: 25%;
}
.comer .sessao h1 span {
  font-size: 14px;
  font-weight: 600;
}
.comer .sessao h2,
.comer .sessao h3 {
  color: #fff;
  font-size: 34px;
  line-height: 34px;
  font-weight: 600;
  margin-top: 25%;
}
.comer .sessao .detalhes {
  margin-top: 10px;
  text-transform: uppercase;
}

.botao-acao-rodape {
  position: relative;
  float: left;
  width: 100%;
  padding: 30px 0;
  color: #000;
  font-size: 14px;
  text-align: center;
  background: #ffeb33;
  display: none;
  z-index: 9;
}
.botao-acao-rodape:hover {
  text-decoration: none;
}
.botao-acao-rodape span {
  font-size: 18px;
  font-weight: 600;
}

.whatsapp {
  position: fixed;
  bottom: 40px;
  right: 20px;
  padding: 10px;
  z-index: 10000000;
}
.whatsapp .botao-what {
  display: inline-block;
  padding: 10px 20px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #0dc144;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.whatsapp .botao-what:hover {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}
.whatsapp .botao-what i {
  font-size: 22px;
  margin-right: 5px;
  vertical-align: -3px;
  color: #fff;
}

/* FORMULÁRIO */
.form-coluna {
  float: left;
  width: 100%;
  padding: 0 20px 20px 0;
}
.form-coluna.coluna2 {
  width: 50%;
}
.form-coluna.coluna3 {
  width: 33.33333333%;
}
.form-coluna-buttom {
  clear: both;
  float: left;
  width: 100%;
}

.caixa {
  float: left;
  width: 100%;
  padding: 10px;
  font-size: 14px;
  color: #999;
  border: 1px solid #ccc;
}
select {
  float: left;
  width: 100%;
  padding: 10px;
  font-size: 14px;
  color: #999;
  border: 1px solid #ccc;
  background: #fff url(assets/imagens/vinhetas/iconSelect.png) no-repeat;
  background-position: 98% 50%;
  background-size: 16px 10px;
}
.caixa:focus {
  border: 1px solid #00a0d8;
}
.caixa-erro,
.caixa-erro:focus {
  border: 1px solid #ea3d4a;
}

.botao-form {
  display: inline-block;
  padding: 15px 40px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  border: 0;
  cursor: pointer;
  background: #00b5a3;
  border-radius: 3px;
}
.botao-form:hover {
  background: #f7931e;
}

/* BOTÕES */
.botao-link {
  display: inline-block;
  padding: 15px 40px;
  margin-top: 20px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  background: #00b5a3;
  border-radius: 3px;
}
.botao-link:hover {
  background: #f7931e;
  text-decoration: none;
}
.botao-link.tipo2 {
  background: #f7931e;
}
.botao-link.tipo2:hover {
  background: #00b5a3;
}

/* DIVERSOS */
.borda-redonda {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  overflow: hidden;
}
.borda5 {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.sombra-caixa {
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
.texto p {
  margin-bottom: 15px;
}
.colorVermelho {
  color: #ff2e34;
}
.colorVerde {
  color: #2c9331;
}

/* LISTA TAGS */
#lista-tags {
  padding: 0;
  margin: 0;
}
#lista-tags li {
  padding: 3px;
}

@media screen and (max-width: 1200px) {
  .meio-conteudo {
    width: 100%;
    padding: 0 20px;
  }
  .home-destaques {
    padding: 60px 20px;
  }

  .comer .sessao .logo {
    width: 110px;
    height: 110px;
    margin-top: 5%;
  }
  .comer .sessao h2,
  .comer .sessao h3 {
    font-size: 30px;
    line-height: 30px;
    margin-top: 20%;
  }

  #header .botao-acao {
    padding: 15px 20px;
  }
}

@media screen and (max-width: 1024px) {
  #header .botao-acao {
    padding: 6px 10px;
    font-size: 17px;
    margin-top: 40px;
  }
  #header .menu li a {
    padding: 0 8px;
  }

  .menu-topo .menu li a {
    padding: 0 15px;
  }
  .menu-topo .busca .caixaBusca {
    width: 170px;
  }
  .menu-topo .busca .botaoBuscar {
    padding: 0 10px;
  }

  .meio-conteudo.blog-detalhe {
    width: 100%;
  }

  .blog .bloco h3 {
    font-size: 25px;
  }
  .blog .bloco .dados .titulo h2 {
    font-size: 18px;
  }
  .blog .bloco .dados .chamada {
    padding-top: 10px;
    font-size: 13px;
  }

  .blog h1 {
    font-size: 40px;
  }
  .blog .materia p {
    font-size: 17px;
  }

  .servicos h1 {
    font-size: 40px;
  }
  .servicos .materia p {
    font-size: 17px;
  }

  .servicos .bloco h3 {
    font-size: 25px;
  }
  .servicos .bloco .dados .titulo h2 {
    font-size: 18px;
  }
  .servicos .bloco .dados .titulo .chamada {
    font-size: 13px;
  }

  .documentos .bloco h3 {
    font-size: 25px;
  }
  .documentos .bloco .dados .titulo h2 {
    font-size: 17px;
  }
  .documentos .bloco .dados .titulo .chamada {
    font-size: 13px;
  }

  #rodape .logo {
    display: none;
  }
  #rodape .bloco {
    width: 25%;
  }

  .busca-topo {
    width: 52%;
  }

  .comer {
    width: 25%;
    padding-top: 20%;
  }
  .comer:nth-child(2) {
    width: 50%;
  }
  .comer:last-child {
    width: 50%;
  }
}

@media screen and (max-width: 900px) {
  #header .botao-acao {
    display: none;
  }
  #header .menu {
    display: none;
  }
  #header .bloco-logo {
    width: calc(100% - 47px);
    margin-right: 0;
  }
  #header a.logo-topo {
    margin: 10px 0;
  }

  .hamburguer,
  #header .icone-painel {
    display: block;
  }

  .menu-topo .menu li a {
    padding: 0 10px;
  }
  .menu-topo .busca .caixaBusca {
    width: 150px;
  }

  #tudo {
    padding-top: 80px;
  }

  .blog .bloco .dados img {
    width: 100%;
  }
  .blog .bloco .dados .titulo {
    width: 100%;
    padding-top: 10px;
  }

  .duvidas img {
    display: none;
  }
  .duvidas .links {
    width: 100%;
  }

  #rodape .bloco {
    width: 33.33333333%;
  }

  .menu-active .bg-menu {
    opacity: 1;
    pointer-events: auto;
    background: rgba(0, 0, 0, 0.5);
  }
  .menu-active nav {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  .vitrine .meio-busca {
    width: 100%;
  }

  .home-destaques .bloco-empresas {
    margin-bottom: 20px;
  }
  .home-destaques .empresa {
    width: 48%;
    margin: 0 4% 4% 0;
  }
  .home-destaques .empresa:nth-child(2n + 0) {
    margin-right: 0;
  }

  .lado-categoria {
    display: none;
  }
  .lado-empresa {
    width: 100%;
  }
  .lista-empresas .propaganda {
    margin-bottom: 20px;
  }
  .lado-empresa .banner-anuncio {
    margin-bottom: 20px;
  }

  .botao-acao-rodape {
    display: block;
  }

  .busca-topo {
    display: none;
  }

  .indice-atividades {
    width: 100%;
  }
  .bloco-letra .atividades {
    width: 100%;
  }
  .bloco-letra .indice {
    float: none;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -20px;
    margin-top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    font-size: 22px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    overflow: hidden;
  }

  .comer {
    width: 33.33%;
    padding-top: 25%;
  }
  .comer:nth-child(2),
  .comer:last-child {
    width: 33.33%;
  }
}

@media screen and (max-width: 768px) {
  .menu-topo .busca {
    display: none;
  }
  .blog .bloco h3 {
    font-size: 20px;
  }

  .servicos .bloco h3 {
    font-size: 25px;
  }

  .menu-topo {
    margin: 15px 0;
  }

  .cliente {
    width: 33.33%;
  }

  #rodape .bloco {
    width: 50%;
  }
  #rodape .bloco:nth-child(2n + 0) {
    float: right;
  }

  .vitrine .meio-busca .mascote {
    display: none;
  }
  .vitrine h1 {
    display: none;
  }
  .vitrine .moldura {
    margin-top: 162px;
  }

  .cabecalho {
    padding: 3px 0;
  }
  .cabecalho h1,
  h3 {
    font-size: 25px;
  }

  .home-destaques {
    padding: 40px 20px;
  }
  h4.titulo-duplo {
    font-size: 28px;
    line-height: 24px;
    margin-bottom: 40px;
  }
  h4.titulo-duplo span {
    font-size: 16px;
  }

  .chamada-cadastro {
    height: auto;
    background: url(assets/imagens/banners/banner-cadastro.jpg) no-repeat top
      center;
  }
  .chamada-cadastro .info {
    width: 100%;
  }

  .chamada-tags {
    padding: 40px 0;
  }
  .chamada-tags a.tag {
    font-size: 14px;
    margin: 0 15px 15px 0;
  }

  .migalhas {
    display: none;
  }
  .lado-empresa .bloco-titulo {
    font-size: 18px;
  }
  .lado-empresa .bloco-titulo div {
    width: 100%;
    margin-bottom: 5px;
  }
  .lado-empresa .bloco-titulo h1 {
    width: 100%;
  }
  .lista-empresas .empresa .logo {
    width: 20%;
    margin-right: 3%;
  }
  .lista-empresas .empresa.anuncio .info {
    width: 75%;
  }

  .blocos {
    width: 100%;
    padding: 20px;
    margin: 0 0 20px 0;
  }
  .blocos .full {
    width: calc(100% + 40px);
    margin: 0 -20px 0 -20px;
  }
  .blocos .pagina-anuncio {
    max-height: none;
    min-height: inherit;
  }
  .blocos .pagina-anuncio .coluna.respiracao {
    padding: 20px;
  }

  .comer .sessao h1 {
    font-size: 42px;
    line-height: 26px;
  }
  .comer .sessao h1 span {
    font-size: 13px;
  }
  .comer .sessao h2,
  .comer .sessao h3 {
    font-size: 26px;
    line-height: 26px;
  }
}

@media screen and (max-width: 640px) {
  .menu-topo .menu li a {
    font-size: 16px;
    padding: 0 7px;
  }

  .blog {
    margin: 30px 0;
  }
  .blog .bloco {
    width: 100%;
    margin-right: 0;
  }
  .blog .bloco h3 {
    font-size: 30px;
  }

  .blog .bloco .dados img {
    width: 45%;
  }
  .blog .bloco .dados .titulo {
    width: 50%;
    padding-top: 5px;
  }
  .blog .bloco .dados .titulo h2 {
    font-size: 20px;
  }

  .blog .materia {
    width: 100%;
  }

  .blog h1 {
    font-size: 35px;
  }
  .blog h2.detalhe {
    font-size: 18px;
    letter-spacing: -0.7px;
  }
  .blog .materia p {
    line-height: 1.6;
    margin-bottom: 20px;
  }

  .servicos h1 {
    font-size: 35px;
  }
  .servicos .materia {
    width: 100%;
  }
  .servicos .materia img {
    float: none;
    width: 70%;
    margin: 0 15%;
  }
  .servicos .materia p {
    line-height: 1.6;
    margin-bottom: 20px;
  }

  .servicos .bloco {
    width: 100%;
  }
  .servicos .bloco h3 {
    font-size: 30px;
  }
  .servicos .bloco .dados .titulo h2 {
    font-size: 20px;
  }

  .duvidas h3 {
    font-size: 40px;
    letter-spacing: -2px;
  }
  .duvidas h3 span {
    font-size: 22px;
    letter-spacing: -1.2px;
  }
  .duvidas .links li {
    font-size: 14px;
    padding: 5px 0;
  }
  .duvidas .links h1 {
    font-size: 25px;
  }

  .quem-somos .bloco {
    width: 100%;
  }
  .quem-somos .bloco p {
    font-size: 17px;
    line-height: 1.3;
  }

  .documentos .bloco {
    width: 100%;
  }

  .bloco-modal .modal {
    width: 100%;
    margin-left: -50%;
  }
  .bloco-modal .modal.popUp {
    width: 270px;
    height: 360px;
    margin-top: -180px;
    margin-left: -135px;
  }
  .bloco-modal .modal.popUp a img {
    width: 270px;
    height: 360px;
  }

  .vitrine .moldura {
    padding: 20px;
  }
  .chamada-cadastro h4 {
    font-size: 28px;
  }
  a.botao-chamada {
    margin-top: 40px;
  }

  .blocos .botao-what {
    width: 100%;
  }

  .home-destaques .empresa:hover,
  .chamada-tags a.tag:hover,
  .lista-empresas .empresa:hover {
    transform: none;
  }

  .bloco-letra .atividades h2 {
    width: 50%;
  }

  .comer {
    width: 50%;
    padding-top: 35%;
  }
  .comer:nth-child(2),
  .comer:last-child {
    width: 50%;
  }
  .comer .sessao:hover {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

@media screen and (max-width: 480px) {
  .form-coluna {
    padding: 0 0 20px 0;
  }
  .form-coluna.coluna2,
  .form-coluna.coluna3 {
    width: 100%;
  }

  #header a.logo-topo {
    width: 150px;
    height: 40px;
    margin: 19px 0;
  }
  #header.fixo a.logo-topo {
    margin: 19px 0;
  }

  .whatsapp {
    position: fixed;
    bottom: 20px;
    left: 20px;
  }

  .menu-topo .menu.menu-desktop {
    display: none;
  }
  .menu-topo .menu.menu-mobile {
    display: block;
  }

  .duvidas h3 {
    font-size: 35px;
  }
  .duvidas h3 span {
    font-size: 18px;
  }
  .duvidas .links li {
    font-size: 13px;
  }
  .duvidas .links a.veja-mais {
    width: 100%;
    font-size: 18px;
  }

  .servicos .materia img {
    width: 90%;
    margin: 0 5%;
  }

  .quem-somos .bloco.direita img.foto {
    width: 50%;
  }

  .quem-somos .bloco .responsavel {
    text-align: center;
  }
  .quem-somos .bloco .responsavel img.tecnico {
    float: none;
    width: 50%;
    border-radius: 50%;
    margin: 0 25%;
  }

  .cliente {
    width: 50%;
  }

  #rodape .bloco {
    width: 100%;
    text-align: center;
    border-left: 0;
    padding-left: 0;
  }

  .blog .materia .compartilhar .rede-social {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .servicos .materia .compartilhar .rede-social {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }

  .vitrine .moldura {
    margin-top: 0;
    padding: 15px;
  }
  .vitrine .form-home input {
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    text-indent: 15px;
  }
  .vitrine .form-home .botao-busca {
    width: 60px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
  }
  .vitrine a.botao-anuncio {
    margin-top: 30px;
  }

  .home-destaques .empresa {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .home-destaques .empresa:last-child {
    margin-bottom: 0;
  }
  .home-destaques .empresa i {
    display: block;
  }

  h4.titulo-duplo {
    font-size: 24px;
    line-height: 20px;
  }
  .banner-propaganda {
    display: none;
  }

  .chamada-cadastro {
    text-align: center;
    padding: 40px 0;
  }
  a.botao-chamada {
    width: 100%;
    text-align: center;
  }

  .lado-empresa .bloco-titulo {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .lado-empresa .bloco-titulo h1 {
    width: 100%;
    font-size: 18px;
  }
  .lista-empresas .empresa {
    padding: 15px;
    margin-bottom: 20px;
  }
  .lista-empresas .empresa .logo {
    width: 30%;
    margin-right: 5%;
  }
  .lista-empresas .empresa.anuncio .info {
    float: left;
    width: 60%;
  }
  .lista-empresas .empresa i.seta {
    right: 15px;
  }

  .blocos .foto.n1 {
    width: 49.5%;
    height: 120px;
    margin-top: 2px;
  }
  .blocos .foto.n2 {
    width: 49.5%;
    height: 120px;
    margin: 2px 0 0 1%;
  }
  .blocos .foto.n3 {
    width: 49.5%;
    height: 120px;
    margin: 2px 0 0 1%;
  }
  .blocos .foto:nth-child(3n + 0) {
    margin-left: 0;
  }

  .botao-ligar-empresa {
    display: block;
  }
  .botao-ligar2.fixo {
    bottom: 15px;
  }

  .outras-opcoes .opcoes .logo {
    width: 80px;
    margin-right: 10px;
  }
  .outras-opcoes .opcoes.anuncio .info {
    width: calc(100% - 90px);
  }

  .blocos .pagina-anuncio .coluna.col2 {
    width: 100%;
  }
  .blocos .pagina-anuncio .coluna.col2.grid {
    border-right: 0;
  }

  .blocos .empresa-dados {
    margin-bottom: 40px;
  }
  .botao-ligar3 {
    display: block;
  }

  .botao-link,
  .botao-form {
    width: 100%;
  }

  .autocomplete {
    top: 51px;
  }
  .autocomplete a {
    padding: 15px;
  }
  .autocomplete a .seta {
    right: 15px;
  }
  .autocomplete .info {
    width: calc(100% - 60px);
  }

  .indice-atividades li {
    width: 9.090909090909091%;
    height: 40px;
    line-height: 40px;
    margin-bottom: 3px;
    text-align: center;
    border: 1px solid #ccc;
    border-right: 0;
    background: #fff;
  }
  .indice-atividades li:nth-child(11n + 0) {
    margin-left: 0;
    border-right: 1px solid #ccc;
  }

  .comer .sessao .logo {
    width: 80px;
    height: 80px;
    margin-top: 2%;
  }
  .comer .sessao h1 {
    font-size: 38px;
    line-height: 22px;
  }
  .comer .sessao h1 span {
    font-size: 10px;
  }
  .comer .sessao h2,
  .comer .sessao h3 {
    font-size: 24px;
    line-height: 24px;
    margin-top: 15%;
  }
  .comer .sessao .detalhes {
    margin-top: 5px;
    font-size: 10px;
  }
}

@media screen and (max-width: 320px) {
  .blog .bloco h3 {
    font-size: 20px;
  }
  .blog .bloco .dados img {
    width: 100%;
  }
  .blog .bloco .dados .titulo {
    width: 100%;
    padding-top: 10px;
  }
  .blog .bloco .dados .titulo h2 {
    font-size: 18px;
  }

  .servicos .bloco h3 {
    font-size: 20px;
  }
  .servicos .bloco .dados .titulo h2 {
    font-size: 18px;
  }

  .documentos .bloco h3 {
    font-size: 20px;
  }
  .documentos .bloco .dados .titulo h2 {
    font-size: 16px;
  }

  .bloco-modal .modal .topo-logo .logo {
    width: 180px;
    height: 47px;
    margin: 10px;
  }
  .bloco-modal .modal .topo-logo a i {
    margin: 20px 10px 0 0;
    font-size: 30px;
  }

  .meio-conteudo {
    padding: 0 15px;
  }

  .home-destaques {
    padding: 40px 15px;
  }
  .home-destaques .empresa {
    margin: 0 0 15px 0;
    padding: 10px;
  }
  .home-destaques .empresa .info .endereco {
    font-size: 12px;
  }
  .vitrine .form-home input {
    font-size: 16px;
    text-indent: 10px;
  }
  .vitrine .form-home .botao-busca {
    width: 50px;
  }

  h4.titulo-duplo {
    font-size: 20px;
    line-height: 16px;
    margin-bottom: 30px;
  }
  h4.titulo-duplo span {
    font-size: 14px;
  }

  .chamada-cadastro .info {
    font-size: 16px;
  }

  .lista-empresas .empresa {
    padding: 10px;
  }
  .lista-empresas .empresa .info .endereco {
    font-size: 12px;
  }
  .lista-empresas .empresa .info .horario {
    font-size: 13px;
  }
  .lista-empresas .empresa i.seta {
    right: 5px;
  }

  .blocos {
    padding: 15px;
    margin: 0 0 15px 0;
  }
  .blocos .full {
    width: calc(100% + 30px);
    margin: 0 -15px 0 -15px;
  }
  .blocos h1,
  .blocos h3,
  .blocos h4 {
    font-size: 20px;
  }

  .outras-opcoes .opcoes .logo {
    width: 70px;
  }
  .outras-opcoes .opcoes.anuncio .info {
    width: calc(100% - 80px);
  }

  .autocomplete a {
    padding: 10px;
  }
  .autocomplete a .seta {
    right: 10px;
  }

  .comer .sessao .logo {
    width: 70px;
    height: 70px;
  }
  .comer .sessao h1 {
    font-size: 36px;
    line-height: 20px;
  }
  .comer .sessao h1 span {
    font-size: 9px;
  }
  .comer .sessao h2,
  .comer .sessao h3 {
    font-size: 22px;
    line-height: 22px;
  }
  .comer .sessao .detalhes {
    font-size: 9px;
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}