*{font-family: "Roboto" !important; margin:0; padding: 0; text-decoration: none; list-style-type: none; outline: none;}


.corpo-site{width: 1000px; margin: 0 auto;}


.texto-titulo{color:#232323; font-weight: bold; font-size: 22px;}
.texto-conteudo{color:#232323; font-size: 20px; line-height: 36px;}


.topo{background: url(../img/topo.png) no-repeat center; width: 100%; min-height: 525px; background-size: cover; padding-top: 20px;}
.topo h1{display: inline-block; background: url(../img/logo.png) no-repeat; width: 286px; height: 90px; text-indent: -3000px; overflow: hidden;}


.topo .telefones{float: right;}
.topo .telefones .item-telefone{display: inline-block;}
.topo .telefones .item-telefone span.titulo{font-size: 14px; color:#fff; display: block;}
.topo .telefones .item-telefone p{background: #fff; border-radius: 3px; height: 30px; line-height: 30px; padding: 0 20px; font-size: 20px;  color:#1c1c1c; font-weight: bold; display: inline-block;}

.topo .texto-banner{margin-top: 150px; padding-bottom: 70px;}
.topo .texto-banner span.subtitulo{ font-weight: bold; font-size: 16px; color:#fff; text-transform: uppercase; text-shadow: 3px 3px #1c1c1c;}
.topo .texto-banner p{font-size: 50px; color:#fff; font-weight: 400; text-shadow: 3px 3px #1c1c1c; line-height: 60px;  padding-top: 20px;}


.destaques{ margin-top: -70px; }
.destaques .item-destaque{ float: left; margin-right: 20px; -webkit-transform: skew(-15deg); /* Chrome, Opera */ -ms-transform: skew(-15deg); /* IE */ transform: skew(-15deg); /* Padrão */ height: 155px; width: calc((100%/4) - 60px); padding: 0 10px; text-align: center; font-family: Georgia; font-style: italic; color:#fff; font-size: 18px; background-position: center; font-weight: lighter; background-size: cover;} 
.destaques .item-destaque span{display: block;}

.destaques .destaque-whatsapp{margin-right: 0; width: calc((100%/2) - 130px); text-align: left; padding-left: 60px;}

.sobre-nos{background: #f6f6f6; border-bottom: 1px solid #d2d2d2; margin-top: 70px;}
.sobre-nos .texto-titulo{padding-top: 40px; clear: both;}
.sobre-nos .texto-conteudo{padding-bottom: 20px;}

.base-titulo-servicos{width: calc( (100% / 3) - 20px ); padding-left: 20px; background: #c61214; min-height: 360px; display: inline-block;}
.base-titulo-servicos .link-contato{background:#fff; color:#c61214; height: 40px; line-height: 40px; width: calc(100% - 20px); margin-left: 0px; display: block; text-align: center; margin-top: 27px;}

.servicos .lista-servicos{ display: inline-block; width: calc( (100% / 3) * 2 ); margin-left: 20px; vertical-align:top;  position: relative;  }

.servicos .lista-servicos .linha-servicos{ margin-top: 20px; height: 100px; }

.servicos .lista-servicos .linha-servicos .item-servico{ height: 100px; display: inline-block; width: calc( (100% / 3) - 20px ); margin-left: 20px; font-family: Georgia; font-style: italic; font-size: 18px; color:#1c1c1c; text-shadow: 2px 2px #fff; text-align: center; padding-top: 10px; background-size: cover; background-position: center;  vertical-align: top;}
.servicos .lista-servicos .linha-servicos .item-servico span{ background: #fff; padding: 3px 10px; }
.servicos .lista-servicos .linha-servicos .item-servico:first-child{margin-left: 0;} 
.servicos .lista-servicos .linha-servicos .tamanho-2{width: calc( ((100% / 3) - 10px; ) * 2); }

.informacoes-contato{ margin-top: 40px; margin-bottom: 20px; clear: both; }

.informacoes-contato .info-contato{font-size: 22px; color:#1c1c1c; font-weight: bold; display: inline-block; margin-right: 20px;}
.informacoes-contato .info-contato span{display: block; font-size: 14px; font-weight: 400; line-height: 2px;}
.informacoes-contato .info-contato a{color:#1c1c1c; text-decoration: none;}

.area-mapa{margin-bottom: 20px; position: relative; overflow: hidden; height: 470px;}

.area-mapa iframe{position: absolute; left: 0; top: 0; width: 200%; margin-left: -30%}

.area-mapa .fomulario-area{background: #fff; height: 430px; margin-top: 20px; margin-left: 0px; width: calc((100% / 5) * 3); position: absolute; top: 0; left: 0; z-index: 2; padding: 20px; border-left: 1px solid #1c1c1c; border-bottom: 1px solid #1c1c1c;}

.area-mapa .corpo-site{position: relative;}

.area-mapa form fieldset{border:none;}
.area-mapa form fieldset input, textarea{font-size: 16px; font-family: "Roboto"; color:#1c1c1c; border:none !important; border-bottom: 1px solid #1c1c1c !important; outline: none !important; box-shadow: unset !important; display: inline-block;}
.area-mapa form fieldset input.metade-input{width: calc( (100% / 2) - 10px ) !important;}

.area-mapa form fieldset textarea{ resize: none; height: 182px; }

.area-mapa form fieldset .input-submit{background: #1c1c1c; cursor: pointer; color:#fff; height: 30px; line-height: 30px; font-size: 16px; width: 100%; text-align: left; padding-left: 10px;}

@media (max-width: 1000px){

  .topo h1{width: 100%; background-position: center;}

  .topo{padding-top: 30px;}
  .topo .texto-banner{margin-top: 30px;}

  .corpo-site{width: calc(100% - 40px); padding-left: 20px;}
  .destaques .item-destaque{ margin-bottom: 20px; width: calc(50% - 10px); -webkit-transform: skew(-0deg); /* Chrome, Opera */ -ms-transform: skew(-0deg); /* IE */ transform: skew(0deg); margin-right: 0;}
  .destaques .item-destaque:nth-child(2n){margin-right: 20px;}
  .destaque-1{width: 100% !important; padding-left: 0 !important;}

  .destaques .destaque-whatsapp{padding-left: 0; text-align: center; width: 100%; padding-left: 0;}
  .destaques .destaque-whatsapp a{padding-right: 0 !important; text-align: center;}
  .topo .telefones{float: none;}
  .topo .telefones .item-telefone{ margin-left: 0 !important; display: block;}

  .sobre-nos .texto-titulo{padding-top: 20px; clear: both;}

  .servicos{ background: #c61214; padding-bottom: 0;}
  .servicos .base-titulo-servicos{width: 100%; min-height: unset;  padding-left: 0;}

  .servicos .lista-servicos{margin-left: 0; width: 100%; margin-top: 20px; }

  .base-titulo-servicos .link-contato{width: calc(100%) !important;}

  .servicos .lista-servicos .linha-servicos{height: unset; margin-top: 0;}
  
  .servicos .item-servico{ width: 100% !important; margin-left:  0 !important;  margin-bottom: 20px; text-align: left !important; padding-left: 10px; }


  .informacoes-contato .info-contato{width: calc(100%/2 - 20px);}

  .area-mapa .fomulario-area{width: 100% !important;}
}