body{
  overflow: hidden;
  font-size: 12px;
}
#map {
  width: 100%;
  height:100%;
  position:fixed!important;
}

#wait{
  display: none;
  width: 70px;
  height: 90px;
  position: absolute;
  top: calc(50% - 32px);
  left: calc(50% - 32px);
}

.gm-style-iw {
  width: 300px !important;
  top: 15px !important;
  left: 20px !important;
  background-color: #fff;
  box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
  border: 1px solid rgba(72, 181, 233, 0.6);
  border-radius: 2px 2px 0 0;
}

.gm-style-iw div div:not(.content-cluster){
  overflow: hidden!important;
}

[name="busca"]{
  margin-top: 22px;
}

.irs-from, .irs-to, .irs-single {
  background: #34486d;
}
.irs-from:after, .irs-to:after, .irs-single:after {
  border-top-color: #34486d;
}


.windowInfo{
  width: 300px;
  background-color: #FFF;
  color: #000;  
}


.content-infobox img.imovel-map{
  float: left;
  width: 130px;
  height: 130px;
  margin-right: 10px;
}

.windowInfo .titulo{
  width: 100%;
  background-color: #48b5e9;
  color: #FFFFFF;
  padding: 3px 0px; 
  font-family: sans-serif;
  font-size: 18px;
}

.windowInfo{
  position: relative;
}
.windowInfo.lancamento .titulo{
  background-color: #f92c2c;
}

.windowInfo.lancamento span.imagem:after {
  content: 'LANÇAMENTO';
  background: #f92c2c;
  color: #FFFFFF;
  position: absolute;
  width: 130px;
  text-align: center;
  left: 0;
  margin-top: 112px;
}

.windowInfo.lancamento .content-infobox div button.btn-info{
  background: #f92c2c;
  border-color: #f92c2c;
}

.windowInfo.lancamento .content-infobox div button.btn-info:hover{
  background: #e02828;
  border-color: #e02828;
}

#filtros .row{
  width: 100%;
}

.item .titulo{
  width: 100%;
  background-color: #48b5e9;
  color: #FFFFFF;
  padding: 3px 5px; 
  font-family: sans-serif;
  font-size: 18px;
}
.windowInfo a{
  background-color: transparent;
  border: 0;
  color: #ff5a00;
}
.preco{
  font-family: Roboto,Arial,sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #444;
}
.bairro{
  text-transform: uppercase;
}
.content-infobox span{
  display:block;
}

.item .content-infobox div div.text-center{
  display: block;
  position: absolute;
  bottom: 5px;
  margin-left: 125px;
}

select,input,button{
  border-radius: 0!important;
}

.lista-imoveis{
  background-color: rgba(255,255,255,1);
  position:absolute;
  bottom:0;
  margin-left: 5%;
  margin-right:5%; 
  width: 90%; 
}

.lista-imoveis .item{
  background: #FFF;
  border: #CCCCCC solid 1px;
  display: block;
  margin: 5px;
  color: #444;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 167px;
  cursor:pointer;
}

span.icons{
  display: inline;
  padding: 0px 5px;
}

.labels {
  color: #FFFFFF;
  white-space: nowrap;
  background-color: #34486D;
  border: 5px solid #34486D;
  min-width: 80px;
  text-align: center;
  border-radius: 5px;
}

.labels.lancamento{
  background-color: #F92C2C;
  border: 5px solid #F92C2C;
}

.imagem-corretor{
  margin-top: 10px;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  border: #CCCCCC 6px solid;
}

.corretor h5, .corretor h4{
  color: #337ab7;
}
.corretor h5{
  margin-top:-8px;
}

.btn-pesquisa,
.btn-pesquisa:hover{
  background-color: #007AA5;
  color: #FFFFFF;
  border-radius: 3px!important;
  font-family: Roboto, Arial, sans-serif;
  -webkit-user-select: none;
  font-size: 11px;
}
.btn-pesquisa:focus{
  text-decoration: none;
  color: #FFFFFF;
}
#mostrar-imoveis{
  background-color: #007AA5;
  width: 30px;
  border: 0; 
  color: #FFFFFF;
  font-size: 18px;
  position: absolute;
  right: 110px;
  top: 0;
}

.owl-page span{
  background: #48B5E9!important;
}

.content-cluster{
  height: 380px;
  overflow-y: overlay;
  overflow-x: hidden!important;
}

.detalhes-imovel{
  background: #f5f5f5;
  width: 520px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  overflow-y: auto;
}

.detalhes-imovel .row{
  background: #FFFFFF;
  box-shadow: 0 2px 3px rgba(0,0,0,0.25);
  margin: 10px; 
  padding: 10px 0; 
}

.detalhes-imovel .row div div img{
  height: 300px;
  width: 100%;
}

.titulo-imovel div h1{
  color: #0054a4;
  margin-top: 12px;
}

.titulo-imovel div h3{
  color: #c00;
  margin-top: 12px;
}

.titulo-imovel div h4{
  color: #666;
}

.itens-imovel div .col-xs-3{
  color: #00458b;
  font-weight: bold;
  white-space: nowrap;
}

.fechar-detalhes{
  position: absolute;
  right: 10px;
  font-size: 18px;
  color: #CCCCCC;
  z-index: 1;
  border:0;
  background-color: #FFFFFF;
}

#contato .row{
  overflow-y: auto;
}

@media screen and (max-width: 500px){
  .detalhes-imovel{
    z-index: 2;
    width: 100%;
  }
  div#filtros {
    z-index: 1;
  }
  div#contato {
    z-index: 1;
  }
}