/* -----               Geral               -----*/
.faixa-topo {
  background: #000000;
}
.faixa-topo2 {
  background: linear-gradient(to right, #FFF 0%, #FFF 50%, #3D3D3D 50%, #3D3D3D 100%);
}
.faixa-topo2 .center {
  background: #3D3D3D;
}
.faixa-topo2 .item .circulo {
  background: #000000;
}
.faixa-topo2 a.item:hover .circulo {
  background: #4d4d4d;
}
.faixa-topo2 .item p {
  color: #FFFFFF;
}
.faixa-topo2 .item p span {
  color: #FFFFFF;
}
.faixa-topo2 .item p span a {
  color: #FFFFFF;
}
.faixa-topo2 .contatos .mais-telefones {
  background: #3D3D3D;
}
.faixa-topo2 .contatos .mais-telefones .btn-mais-telefones {
  color: #888888;
}
.btn-mais-telefones #svg-seta-select .cls-1 {
  fill: #FFFFFF;
}
/* ---------------------------------------------*/
/* -----              Topo 2               -----*/
.topo2 .bg {
  background: #060A0A;
}
.topo2 .subtitulo {
  color: #B6B6B5;
  border-bottom: 1px solid #B6B6B5;
}
/* ---------------------------------------------*/
/* -----            Topo Tema 1            -----*/
.topo-tema1.topo {
  background: #000000;
}
.topo-tema1 .faixa-topo2 .item p {
  color: #000;
}
.topo-tema1 .faixa-topo2 .item p span {
  color: #000;
}
.topo-tema1 .faixa-topo2 .contatos .mais-telefones .btn-mais-telefones {
  color: #000;
}
/* ---------------------------------------------*/
/* -----               Busca               -----*/
#frm-busca-topo,
#frm-busca-topo2 {
  background: #454545;
}
#frm-busca-topo .selectric .button {
  background-color: #9C9C9C;
}
.busca-topo .menu-busca a {
  background: #3D3D3D;
}
.busca-topo .menu-busca a.active span {
  border-top: 3px solid #000000;
}
#frm-busca-topo button,
#frm-busca-topo2 button {
  background-color: #3D3D3D;
}
#frm-busca-topo button:hover,
#frm-busca-topo2 button:hover {
  background-color: #8a8a8a;
  cursor: pointer;
}
/* ---------------------------------------------*/
/* -----              Inicial              -----*/
.pagina-inicial .banners .label {
  background: #000000;
  position: relative;
}
.pagina-inicial .banners .label::before {
  border-color: transparent transparent #000000 transparent;
}
.oportunidades .label {
  background: #000000;
  position: relative;
}
.oportunidades .label::before {
  border-color: transparent #000000 transparent transparent;
}
#svg-seta-oportunidade-left .cls-1,
#svg-seta-oportunidade-right .cls-1 {
  fill: #000000;
}
.pagina-inicial .busca-topo .menu-busca a.active {
  border-top: 3px solid #000000;
}
.pagina-inicial #frm-busca-topo,
.pagina-inicial #frm-busca-topo2 {
  background: rgba(65, 65, 65, 0.9);
}
.pagina-inicial #frm-busca-topo .selectric .button {
  background-color: #9C9C9C;
}
.pagina-inicial .destaques-finalidades h2 {
  background: #3D3D3D;
}
.pagina-inicial .destaques-finalidades h2.active span {
  border-top: 5px solid #000000;
  background: #FFF;
}
.pagina-inicial .box-imoveis .imovel .mais-detalhes {
  background: #000000;
}
.pagina-inicial .box-imoveis .imovel .mais-detalhes:hover {
  background: #4d4d4d;
}
.pagina-inicial #svg-seta-destaque-left .cls-1,
.pagina-inicial #svg-seta-destaque-right .cls-1 {
  fill: #000000;
}
.pagina-inicial .icones-inicial .item {
  background: #000000;
}
.pagina-inicial .banners .slick-dots button {
  background: #3D3D3D;
}
.pagina-inicial .banners .slick-dots .slick-active button {
  background: #000000;
}
.pagina-detalhes .formulario-contato button {
  background: #000000;
}
/* ---------------------------------------------*/
/* -----              Rodapé               -----*/
.rodape .redes-sociais {
  background: #000000;
}
.rodape .redes-sociais a {
  background: #3D3D3D;
}
.rodape .redes-sociais a:hover {
  background: #8a8a8a;
}
.rodape .box .item .circulo {
  background: #000000;
}
.rodape .box a.item:hover .circulo {
  background: #4d4d4d;
}
.rodape .box-endereco #svg-local .cls-1 {
  fill: #000000;
}
.rodape .desenvolvedor {
  background: #000000;
}
/* ---------------------------------------------*/
/* -----               Tipos               -----*/
.pagina-tipos .tipos li,
.pagina-tipos .cidades li {
  background: #0A0A0A;
}
.pagina-tipos .tipos li:hover,
.pagina-tipos .cidades li.active {
  background: #3D3D3D;
}
/* ---------------------------------------------*/
/* -----              Imóveis              -----*/
.pagina-imoveis .ordenar .selectric .button {
  background-color: #000000;
}
.pagina-imoveis .sidebar .busca-rapida button {
  background-color: #000000;
}
.pagina-imoveis .sidebar .busca-rapida button:hover {
  background-color: #4d4d4d;
  cursor: pointer;
}
.pagina-imoveis .sidebar .busca button {
  background: #000000;
}
.pagina-imoveis .sidebar .busca button:hover {
  background-color: #4d4d4d;
  cursor: pointer;
}
.pagina-imoveis .imovel .reservado,
.pagina-imoveis .imovel .vendido {
  background: #9C9C9C;
}
.pagina-imoveis .imovel .btn-mais-detalhes {
  background: #000000;
}
.pagina-imoveis .imovel .btn-mais-detalhes:hover {
  background: #4d4d4d;
}
/* Loading na listagem de imóveis */
.uil-ring circle {
  stroke: #000000;
}
.sidebar-loading {
  fill: #000000;
}
/* ---------------------------------------------*/
/* -----               Imóvel              -----*/
.pagina-detalhes .botoes a {
  background: #000000;
}
.pagina-detalhes .botoes a:hover {
  background: #4d4d4d;
}
.pagina-detalhes .dados-principais .linha {
  background: #000000;
}
.pagina-detalhes .compartilhar a {
  background-color: #000000;
}
.pagina-detalhes .compartilhar a:hover {
  background-color: #4d4d4d;
}
.pagina-detalhes .comercios {
  background: #000000;
}
.pagina-detalhes .comercios p {
  border-right: 1px solid #000000;
}
.pagina-detalhes .botoes-mapa .botao-mapa.active {
  background: #000000;
}
.pagina-detalhes #indique input[type="submit"] {
  background: #000000;
}
.video .btn {
  background: #000000;
}
.video .btn:hover {
  background: #4d4d4d;
}
/* ---------------------------------------------*/
/* -----               Imóvel              -----*/
.pagina-contato .conteudo form.principal button {
  background: #000000;
}
/* ---------------------------------------------*/
/* -----     Definições de breakpoints     -----*/
/* Mobile na horizontal */
@media screen and (max-width: 680px) {
  .topo2 .bg {
    background: #000000;
    background: linear-gradient(to bottom, #000000 0px, #000000 140px, #F2F2F2 140px, #F2F2F2 100%);
  }
  .pagina-imoveis .imovel .valor {
    background: #454545;
  }
  .pagina-imoveis .btn-refine {
    background: #454545;
  }
  .topo.topo-tema1 {
    display: none;
  }
  .topo.topo-tema1 .btn-busca-topo {
    background: #3D3D3D;
  }
}
/* ---------------------------------------------*/
