html {
  -webkit-font-smoothing: antialiased;
  height: 100%;
}

body {
  font-family: 'Oswald', sans-serif;
  color: #fff;
  background: #252525;
  overflow-x: hidden;
  font-size: 13px;
  line-height: 18px;
}
.navbar-brand {
  position: absolute;
  left: 50%;
  padding:0;
  transform: translateX(-50%);
  /**optional offset from top**/
  top: 5px;
}
@media (min-width: 990px) {

  .navbar-brand {
    position: absolute;
    left: 50%;
    padding:0;
    transform: translateX(-50%);
    /**optional offset from top**/
    top: 10px;
  }

}

#cabecalho{ background: #000; color: #fff; height: 120px; z-index: 300; position: relative; }
#cabecalho .nav-link{ font-size: 23px; line-height: 38px; color: #fff; font-weight: 600;  text-align: center; padding: 30px 45px 0 45px; }

@media (max-width: 1200px) {
  #cabecalho .nav-link{ width: 150px; }
}
#cabecalho .nav-link.busca{ padding: 25px 0 0 10px; width: 30px; }
#cabecalho .navbar-toggler{
    border-color: #fff;
    margin-top: 20px;
}
#cabecalho .navbar-toggler-icon{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
@media (max-width: 990px) {
  #cabecalho .nav-link{ padding: 10px 10px; background: #000; }

  #cabecalho .nav-link.busca{ width: 150px; padding: 10px; }
}
@media (max-width: 768px) {
  #menu{
    z-index: 200;
  }
  .navbar-brand {
    left: auto;
    right: 0;
    transform: translateX(-0%);
    text-align: right;
  }
}
@media (max-width: 500px) {
  .logo{ max-width: 70%; }
  #cabecalho{ height: 90px;  }
}

#on {
  visibility: visible;
  position:absolute;
  top: 50%;
}
#off {
  visibility: hidden;
}
#botao-fone{
  margin-top: 0;
}
#botao-fone {
  z-index: 1005;
  width: 100px;
  height: 100px; 
  position: fixed;
  right: -100px;
}
#botao-fone #imgbotao {
  position: absolute;
  left: -70px;
  background-image: linear-gradient(to right, #f00, #f00);
  padding: 5px 15px; padding-top: 23px;
  height: 70px;
  width: 70px;
}
#botao-fone #imgbotao i{
  color: #FFF;
  font-size:40px;
  font-weight:300;
}

#quadro-site{
  position: static;
  overflow: hidden;
  height: 70px;
  width: 170px;
  background: #f00;
  z-index: 1000;
  text-align: left;
  padding: 10px 10px 5px 10px;
}
#quadro-site a, #quadro-site a:hover {
  color:  #FFF;
  text-decoration: none;
}
#quadro-site > p { text-align: left; color: #FFF; line-height: 150%; font-size: 16px; margin:0; padding:0;}


#rodape{
  background: #000;
  color: #fff;
  font-size: 13px;
  font-weight: 200;
}
#rodape i{
  float:left; font-size: 44px; margin-right: 10px;
  color: #fff; vertical-align: top; line-height: 30px;
}
#rodape b{
  font-size: 23px; font-weight: 700;
}
#rodape a{  color: #fff; font-size: 13px; }

#copyright{ background: #000; color: #fff; font-size: 13px; border-top: 3px solid #fff; }

#destaque{ background: #000; color: #6f6f6f; margin-top: 8px; }
#destaque span{ font-size: 86px; font-weight: 600; line-height: 86px; }

@media (max-width: 576px) {
  #destaque span{ font-size: 50px;line-height: 50px; }
}
#destaque .col{ display: flex; flex-basis: 100%; align-items: center; }
#destaque .col::after{
  content: "";
  flex-grow: 1;
  background: #6F6F6F;
  height: 4px;
  font-size: 0px;
  line-height: 0px;
  margin-left: 20px; 
}

#conteudo.itens .titulo {
  background: #252525;
  height: auto;
  margin-left: 20px;
  padding: 0px 30px;
  position: absolute;
  margin-top: -67px;
  font-size: 33px;
  line-height: 33px;
  text-transform: uppercase;
  font-weight: 600;
  /* min-width: 350px; */
  height: 66px;
  display: table;
}

@media (max-width: 576px) {
  #conteudo.itens .titulo {
    width: 80%;
    min-width: 80%;
    padding: 0 5px;
    font-size: 20px; 
    line-height: 20px;
  }
}
#conteudo.itens .titulo div{
  display: table-cell;
  vertical-align: middle;
}
#conteudo.itens .panel {
  /* for text on pannel */
  margin-top: 27px !important;
  border: 2px solid #f00;
}
#conteudo.itens .panel-body {
  padding: 30px 20px 20px 20px !important;
}
#conteudo.itens .panel .imagem{ width: 100%; height: 370px; }

@media (max-width: 576px) {
  #conteudo.itens .panel .imagem{ margin-left: -10px; height: 200px; }
}
#conteudo.itens .quadro{ background: #000000; font-size: 12px; font-weight: 400; height: 100%; position: relative; }
#conteudo.itens .quadro .vendido{
  position: absolute;
  top:0; right: 0;
}
#conteudo.itens .quadro .preco{ font-size: 20px; color: #FFFFFF; font-weight: 600; }
#conteudo.itens .quadro .nome{ color: #ddd; line-height: 22px; }
#conteudo.itens .quadro .valor{ color: #fff; line-height: 22px; }
.btn-conheca{ font-family: 'Meddon', cursive;; font-size: 23px; display: inline-block; border:1px solid #fff; padding: 20px 40px; color: #fff; text-align: center; width: 100%; transition: background 0.5s ease; }
.btn-conheca:hover{ text-decoration: none; background: #252525; color: #fff; }
.btn-proposta{ display: flex; flex-basis: 100%; align-items: center; font-size: 20px; font-weight: 600; width: 100%; text-align: center; background: #FF0000; color: #fff; padding: 5px 0; line-height: 22px; transition: background 0.5s ease, color .5s ease; }
.btn-proposta:hover{ background: #fff; color: #ff0000; text-decoration: none; }
.btn-proposta::after{
  content: "";
  flex-grow: 1;
  background: #fff;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
  margin-left: 10px;
  margin-right: 10px; transition: background 0.5s ease; 
}
.btn-proposta::before{
  content: "";
  flex-grow: 1;
  background: #fff;
  height: 1px;
  font-size: 0px;
  margin-right: 10px;
  line-height: 0px; margin-left : 10px; transition: background 0.5s ease;
}
.btn-proposta:hover::after, .btn-proposta:hover::before{
  background: #ff0000;
}

.btn-vermelho{ border:none; text-align: center; font-size: 20px; font-weight: 600; text-align: center; background: #FF0000; color: #fff; padding: 5px 0; line-height: 22px; transition: background 0.5s ease, color .5s ease; padding: 10px 60px; }
.btn-vermelho:hover{ background: #fff; color: #ff0000; text-decoration: none; }

.btn-whatsapp{ font-size: 20px; font-weight: 600; width: 100%; text-align: center; display: block; background: #537110; color: #fff; padding: 15px 0; line-height: 22px; transition: background 0.5s ease, color .5s ease; }
.btn-whatsapp:hover{ background: #fff; color: #537110; text-decoration: none; }

#topointerna{ background: url(../img/topo-interna.jpg) no-repeat center / cover; height: 229px; }

/* Auto */
#auto{ border-bottom: 1px solid #6F6F6F; }
#auto .quadro-preto{ background: #1B1B1B; padding: 70px; }
#auto .preco{ border: 1px solid #ff0000; padding: 0px 30px; display: inline-block; font-size: 20px; font-weight: 600; line-height: 36px; }
#auto .detalhes p{ font-size: 12px; font-weight: 400; color: #ddd; line-height: 22px; text-transform: uppercase; }
#auto .quadro .preco{ font-size: 20px; color: #FFFFFF; font-weight: 600; }
#auto .quadro .nome{ color: #ddd; line-height: 22px; }
#auto .quadro .valor{ color: #fff; line-height: 22px; }

#auto .carousel-control-prev { left: -80px; width: 80px; }
#auto .carousel-control-prev .carousel-control-prev-icon{ width: 72px; height: 144px;  }
#auto .carousel-control-next { right: -80px; width: 80px; }
#auto .carousel-control-next .carousel-control-next-icon{ width: 72px; height: 144px;  }

#auto .banner-carousel .slick-prev {
    left: 80px;
    z-index: 100;
}
#auto .banner-carousel .slick-next {
    right: 80px;
}
#auto .banner-carousel .slick-track {}
#auto .banner-carousel .slick-track .slick-slide {
    opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}
#auto .banner-carousel .slick-track .slick-active {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.slick-prev:before {
  /*font-family: "Flaticon" !important;
  content: "\f103" !important;*/
  color: #848483 !important;
  font-size: 70px !important;
}

.slick-next:before {/*
  font-family: "Flaticon" !important;
  content: "\f103" !important;*/
  color: #848483 !important;
  font-size: 70px !important;
}

#relacionados h4{ font-size: 80px; color: #6E6E6E; text-transform: uppercase; }
#relacionados a, #relacionados a:hover{ text-decoration: none; }
#relacionados .quadro{ background: #2C2C2C; }
#relacionados .quadro .image{ width: 100%; height: 180px; }
#relacionados .quadro .nome{ height: 62px; font-size: 18px; font-weight: 600; color: #fff; padding: 5px ; text-transform: uppercase; display: table; width: 100%; line-height: 22px; }
#relacionados .quadro .nome div{
  display: table-cell;
  vertical-align: middle;
}


#sobre{ border-bottom: 1px solid #6F6F6F; }
#sobre .quadro-preto{ background: #1B1B1B; padding: 60px 100px; }
#sobre .quadro-preto p{
  color: #ddd; font-size: 12px; line-height: 214%; text-align: justify; text-transform: uppercase;
}

#conteudo{ border-bottom: 1px solid #6F6F6F; }
#conteudo .quadro-preto{ background: #1B1B1B; padding: 10px 20px; }
#conteudo .quadro-preto h2{ font-size: 102px; font-style: italic; font-weight: 600; color: #4D4D4D; }
#conteudo .quadro-preto p{
  color: #ddd; font-size: 12px; line-height: 214%; text-align: justify; text-transform: uppercase;
}

#conteudo .descritivo img{ max-width: 100%; }
#conteudo .image{ height: 350px; width: 100%; }
#conteudo .titulo{ font-size: 42px; font-weight: 600; line-height: 45px; }

.btn-outras{ font-size: 23px; display: inline-block; border:1px solid #fff; padding: 20px 40px; color: #fff; text-align: center; transition: background 0.5s ease; text-transform: uppercase; }
.btn-outras:hover{ text-decoration: none; background: #252525; color: #fff; }


#contato{ border-bottom: 1px solid #6F6F6F;  color: #fff;
  font-size: 13px;
  font-weight: 200;
 }
#contato .quadro-preto{ background: #1B1B1B; padding: 60px 80px; }
#contato .quadro-preto p{
  color: #ddd; font-size: 12px; line-height: 214%; text-align: justify; text-transform: uppercase;
}
#contato .telefone, #contato .endereco, #contato .social{ margin-bottom: 10px; }
#contato i{
  float:left; font-size: 44px; margin-right: 10px;
  color: #fff; vertical-align: top; line-height: 30px;
}
#contato b{
  font-size: 23px; font-weight: 700;
}
#contato a{ font-size: 15px; color: #fff; }

@media (max-width: 576px) {
  #contato .quadro-preto{ padding: 40px 20px; }
}
#form-contato .form-control { border-radius:0; border:1px solid #eeeeee; background: #252525; }


/* listablog*/

#listablog{ border-bottom: 1px solid #6F6F6F; }
#listablog .quadro-preto{ background: #1B1B1B; padding: 10px 70px; }
#listablog .quadro-preto h2{ font-size: 102px; font-style: italic; font-weight: 600; color: #4D4D4D; }
#listablog .quadro-preto p{
  color: #ddd; font-size: 12px; line-height: 214%; text-align: justify; text-transform: uppercase;
}

@media (max-width: 576px) {
  #listablog .quadro-preto{ padding: 10px 20px; }
}

#listablog .quadro{ }
#listablog .quadro .image{ height: 220px; width: 100%; margin-bottom: 10px; position: relative; }
#listablog .quadro .image .sobre{ position: absolute; width: 100%; height: 100%; line-height: 187px; color: #ffffff; font-size: 16px; opacity: 0; background: rgba(0, 0, 0, .5); transition: background .4s ease; display: table; }
#listablog .quadro .image .sobre .mais{ display: table-cell;
    vertical-align: middle;
    text-align: center; }
#listablog .quadro .image .sobre .mais i{ font-size: 60px; border-radius:50%; color: #fff; border:1px solid #fff; padding: 22px 30px; }
#listablog .quadro h4{ color: #fff; min-height: 42px; font-size: 18px; font-weight: 600; padding: 0px; margin-bottom: 0; }
#listablog .quadro:hover .image .sobre{ opacity: 1; }

#listablog a:hover{ text-decoration: none !important; }


.pagination > li{ margin:0 3px; }
.pagination > li  a { background: #000; font-weight: 700; font-size: 16px; color: #fff; border:1px solid #fff; padding: 14px 20px;}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > .page-link,
.pagination > .active > a:hover { background-color: #fff !important; color: #000; border:1px solid #fff; }

section#topo-interno{ height: 350px; background: url(../img/fundo-topo.jpg) no-repeat center/cover; }
section#topo-interno h1{ font-size:80px; font-weight: 600; font-style: italic; color: #eeeeee; text-transform: uppercase; }

@media (max-width: 768px) {
  section#topo-interno{ height: 300px; }
  section#topo-interno h1{ font-size:40px; }
}

@media (max-width: 576px) {
  section#topo-interno{ height: 250px; }
  section#topo-interno h1{ font-size:30px; }
}

#modalProposta .modal-dialog .modal-content { background: #000; border: 1px solid #eeeeee; }
#modalProposta .close{ color: #fff; }


#modalBusca .modal-dialog .modal-content { background: #000; border: 1px solid #eeeeee; }
#modalBusca .close{ color: #fff; }