body {
  font-family: "Titillium Web", sans-serif;
}

.containerFull {
  display: block;
  clear: both;
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
  padding: 10px 0;
  overflow: hidden;
}

.containerFull ol.BreadCrumb {
}

.containerFull ol.BreadCrumb li {
  display: block;
  float: left;
}

.containerFull ol.BreadCrumb li a {
  float: left;
  padding: 0 4px;
  display: block;
}

.containerFull ol.BreadCrumb li span {
  margin-top: 10px;
  width: 100%;
  line-height: 30px;
  display: block;
  float: right;
  margin-left: 50%;
  text-align: center;
  font-size: xx-large;
  color: #262626;
  text-decoration: none;
}
span.ImoPG {
  text-decoration: none;
  color: #eaeaea;
}
.containerFull ol.BreadCrumb li {
}

/*
#
# MenuFixo
#
*/
.menufixo {
  width: 100%;
  height: 0;
  position: fixed;
  z-index: 99999;
  top: 0;
  background-color: #222222;
  padding: 0;
  overflow: hidden;
  transition: all ease-in-out 0.2s;
}

.menufixo .centro {
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
}

.menufixo .centro .seletor {
  color: white;
  font-size: 72px;
  width: 82px;
  height: 82px;
  box-sizing: border-box;
  padding: 2.5px 0;
  margin: -10px 0;
  text-align: center;
  display: none;
  float: right;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  transition: all ease-in-out 0.2s;
}

.menufixo .centro .seletor.click {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fec503;
}

.menufixo .centro .MenuTopo {
  float: right;
  list-style: none;
  margin: 8px 25px;
}

.menufixo .centro .MenuTopo li {
  display: inline-block;
  position: relative;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1px;
}

.menufixo .centro .MenuTopo li .btn-menu {
  color: white;
  text-decoration: none;
  padding: 15px;
  display: inline-block;
  border-radius: 3px;
  transition: all ease-in-out 0.1s;
}

.menufixo .centro .MenuTopo li .btn-menu:hover {
  background-color: #fec503;
}

.menufixo .centro .MenuTopo li:hover .btn-menu {
  background-color: #fec503;
}

.menufixo.aparecer {
  height: 62px;
  padding: 10px 0;
  overflow: visible;
}

.espaco {
  width: 100%;
  height: 0;
}

@media (max-width: 1005px) {
  .menufixo {
    height: 62px;
    padding: 10px 0;
    overflow: hidden;
  }

  .menufixo .centro .seletor {
    display: inline-block;
  }

  .menufixo.aparecer {
    height: 62px;
    padding: 10px 0;
    overflow: hidden;
  }

  .menufixo.click {
    height: 100vh;
  }

  .menufixo.aparecer.click {
    height: 100vh;
  }

  .espaco {
    height: 82px;
  }

  .menufixo .centro .MenuTopo {
    float: none;
  }

  .menufixo .centro .MenuTopo li {
    display: block;
  }
}

@media (max-width: 340px) {
  .logotipofixo {
    width: 168.75px;
    height: 46.5px;
    margin-top: 7.5px;
  }
}

/*
#
# Gerais
#
*/

@font-face {
  font-family: OpenSans;
  src: url(../fonts/OpenSans-ExtraBold.ttf);
  font-weight: 800;
}

@font-face {
  font-family: OpenSans;
  src: url(../fonts/OpenSans-Semibold.ttf);
  font-weight: 600;
}

#topo {
  width: 100%;
  min-height: 100vh;
  background-image: url(../images/fundoviewport1.jpg);
  background-size: cover;
  background-position: center;
  text-align: center;
  background-repeat: no-repeat;
  position: relative;
  background-color: #8e0302;
}

#topo .face {
  top: 14px;
  right: 150px;
  position: absolute;
  width: 33px;
  height: 33px;
  background-image: url(../images/face.png);
  background-repeat: no-repeat;
}

#topo .logoviewport {
  max-width: 494px;
  max-height: 300px;
  width: 45.5vh;
  height: 27.6vh;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(../images/logo-imobiliaria-praia-grande-vini-imoveis.png);
  margin: 30px 0 50px 0;
  display: inline-block;
}

#topo .telefone {
  font-family: OpenSans;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

#topo .telefone .bend {
  text-indent: -999px;
  background-color: #970404;
  mix-blend-mode: multiply;
  width: 500px;
  height: 37px;
}

#topo .telefone .linhatel {
  position: absolute;
  top: 2px;
  left: 0;
  right: 0;
  color: white;
  font-size: 18px;
}

#topo .telefone .linhatel .esq {
  float: left;
}

#topo .telefone .linhatel .dir {
  float: right;
}

#topo .telefone .linhatel .numero {
  display: inline;
  padding: 0 20px;
  font-size: 1em;
}

#topo .telefone .linhatel .numero span {
  font-size: 25px;
}

#topo .telefone .linhatel .numero img {
  transform: translateY(4px);
}

#topo .texto {
  color: #fff000;
  font-family: OpenSans;
  font-weight: 800;
  font-size: 61.5px;
  text-transform: uppercase;
  margin-top: 70px;
}

#topo .texto p {
  color: #fff;
  font-weight: 600;
  font-size: 23px;
  margin-top: 20px;
}

#topo .itens-btn {
  display: inline-block;
  margin: 45px 0 20px 0;
}

#topo .itens-btn .flex {
  display: flex;
  justify-content: space-between;
  width: 735px;
  font-family: OpenSans;
  font-weight: 800;
  font-size: 32.5px;
}

#topo .itens-btn .flex a {
  padding-top: 10px;
  box-sizing: border-box;
  color: #970404;
  display: inline-block;
  text-decoration: none;
  width: 145px;
  height: 100px;
  background-color: white;
  border-radius: 10px;
}

@media (max-width: 1005px) {
  #topo {
    margin-top: 62px;
    min-height: calc(100vh - 62px);
    margin-bottom: -82px;
  }

  #topo .face {
    display: none;
  }
}

@media (max-width: 775px) {
  /*Texto*/
  #topo .texto {
    font-size: 7.9vw;
    margin-top: 9vw;
  }

  #topo .texto p {
    font-size: 3vw;
    margin-top: 2.6vw;
  }

  #topo .itens-btn {
    display: inline-block;
    margin: 5.8vw 0 2.6vw 0;
  }

  #topo .itens-btn .flex {
    display: flex;
    justify-content: space-between;
    width: 95vw;
    font-size: 4.2vw;
  }

  #topo .itens-btn .flex a {
    padding-top: 2.3vw;
    display: inline-block;
    width: 19vw;
    height: 12.9vw;
    font-size: 4.5vw;
  }

  #topo .itens-btn .flex a img {
    width: 6vw;
    height: 6.5vw;
  }
}

@media (max-width: 525px) {
  /*TELEFONE*/
  #topo .telefone {
    font-weight: 600;
    display: inline-block;
    position: relative;
  }

  #topo .telefone .bend {
    width: 100vw;
    height: 86px;
  }

  #topo .telefone .linhatel {
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    font-size: 18px;
  }

  #topo .telefone .linhatel .numero {
    display: block;
    padding: 5px 0;
    width: 100%;
  }

  #topo .telefone .linhatel .esq {
    float: none;
  }

  #topo .telefone .linhatel .dir {
    float: none;
  }

  #topo .telefone .linhatel .numero span {
    font-size: 25px;
  }

  #topo .telefone .linhatel .numero img {
    transform: translateY(4px);
  }
}

@media (max-width: 450px) {
  #topo .itens-btn {
    display: inline-block;
    margin: 5.8vw 0 2.6vw 0;
  }

  #topo .itens-btn .flex {
    display: block;
    width: 95vw;
    font-size: 4.2vw;
  }

  #topo .itens-btn .flex a {
    margin: 15px 15px;
    padding-top: 2.3vw;
    display: inline-block;
    width: 31vw;
    height: 21vw;
    font-size: 5vw;
  }

  #topo .itens-btn .flex a img {
    width: 10vw;
    height: auto;
  }

  #topo .texto {
    font-size: 30px;
    margin: 5px 10px;
  }

  #topo .texto p {
    font-size: 15px;
    margin: 5px 10px;
  }
}

@media (max-width: 330px) {
  #topo .logoviewport {
    width: 84.8vw;
    height: 51.1vw;
  }
}

#videolink {
  border: 1px solid #c9cdcf;
  clear: both;
  margin: 5px 0;
  width: 99%;
  float: left;
  padding: 3px;
}

#preto {
  float: left;
  display: none;
  width: 100%;
  background-image: url(../slices/preto.png);
  position: absolute;
  z-index: 1000;
  padding: 10px 0 10px 0;
}

#videolink a {
  float: left;
  display: block;
  padding: 10px;
  color: #313131;
  text-decoration: none;
}

#videolink a:hover {
  text-decoration: underline;
}

#display-video-container {
  display: block;
  margin: auto;
  width: 600px;
  margin-top: 30px;
}

#display-video {
  float: left;
  display: block;
  width: 100%;
  padding: 10px;
  background-color: #fff;
  z-index: 10000;
  border: 1px solid #c7c7c7;
}

#display-video h1 {
  float: left;
  display: block;
  width: 100%;
  font-size: 18px;
  padding: 5px 0 10px 0;
}

#display-video input {
  float: left;
  display: block;
  position: absolute;
  margin-left: 550px;
}

#videolink #icone {
  float: left;
  display: block;
}

#videolink h5 {
  float: left;
  display: block;
  padding: 0;
  margin: 2px 0 0 5px;
  width: 69px;
  height: 27px;
  background-image: url(../../slices/ytube.png);
  text-indent: -9999px;
}

#janela {
  float: left;
  display: none;
  width: 700px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #c7c7c7;
  left: 50%;
  margin-left: -350px;
  position: absolute;
  z-index: 1000;
  box-shadow: 0 0 6px #c7c7c7;
}

.fecharjanela {
  float: left;
  display: block;
  position: absolute;
  left: 50%;
  margin: 6px 0 0 303px;
}

#janela h2 {
  background-image: none;
  padding: 8px 0;
}

#janela ul {
  float: left;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

#janela ul li {
  float: left;
  display: block;
  width: 100%;
  display: block;
  padding: 4px 0 4px 0;
}

#janela ul li label {
  float: left;
  display: block;
  width: 100%;
  font-size: 12px;
  font-weight: bold;
}

#janela ul li .campo-texto {
  float: left;
  display: block;
  width: 99%;
}

#janela ul li .botao-enviar {
  float: right;
  display: block;
}

#slideFotos {
  float: left;
  display: none;
  width: 99%;
  margin: 0;
  padding: 9px;
  min-height: 510px !important;
  background-color: #fff;
  border: 1px solid #ccc;
  position: fixed;
  z-index: 1002;
}

#slideFotosFrame {
  float: left;
  display: block;
  width: 100%;
  height: 98%;
  min-height: 510px !important;
}

.morephoto {
  float: left;
  display: block;
  width: 100%;
  height: 120px;
  background-color: #0964ab;
  color: #fff !important;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
}

.morephoto p {
  display: block;
  padding: 14px 6px;
  color: #fff !important;
}

.morephoto p span {
  font-size: 20px !important;
  color: #fff !important;
}

a,
input[type="submit"] {
  cursor: pointer;
}

b {
  font-weight: 700;
  clear: both;
}

strong {
  font-weight: 700;
}

.Color {
  color: #dc1921;
}

.NoBorderRight {
  border-right: none !important;
}

.NoBorderBottom {
  border-bottom: none !important;
}

.BorderSilver {
  border-bottom: 1px solid #5c5c5c !important;
  border-left: 1px solid #5c5c5c !important;
}

.NoPedding {
  padding-left: 0 !important;
}

.NoPaddingRight {
  padding-right: 0 !important;
}

.NoPaddingBottom {
  padding-bottom: 0 !important;
}

.BorderRight {
  border-right: 1px solid #ff0d0d;
}

.Clear {
  clear: both !important;
}

.Margin {
  margin-bottom: 10px;
}

.NoMarginRight {
  margin-right: 0 !important;
}

.MarginTop102 {
  margin-top: 102px;
}

@media (max-width: 725px) {
  margin-top: 10px;
}

label.error {
  color: #ff0000 !important;
  display: block;
  font-size: 12px !important;
  padding: 5px 0;
  font-weight: bold;
  width: 80% !important;
  float: right !important;
}

#BoxDescricaoBairros {
  margin: 10px;
  float: left;
}

/*
#
#	Estrutura
#
*/

/*********************
Pesquisa Home e Banners Homee
************************/

#BoxEdificios {
  background-image: url(../slices/bg-slider-novo.jpg);
  /*background-repeat: repeat;background-attachment: fixed;
background-position:0;*/
  width: 100%;
  float: left;
  background-size: auto 100%;
  background-color: #575656;
}

#BackgroundImage {
  max-width: 994px;
  width: 100%;
  margin: auto;
}

#BackgroundImage:after {
  content: "";
  display: table;
  clear: both;
}

#BoxEdificios ul {
  float: left;
  width: 100%;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}

#BoxEdificios ul li {
  float: left;
  margin: 6px;
}

#BoxEdificios ul li a {
  display: inline-block;
}

#EncontreSeuImovel {
  clear: both;
}

@media (max-width: 990px) {
  #BoxEdificios ul li {
    margin: 0.4vw;
  }

  #BoxEdificios ul li a img {
    width: 31.6vw;
    height: 50.2vw;
  }
}

@media (max-width: 505px) {
  #BoxEdificios ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

  #BoxEdificios ul li {
    width: 100%;
    text-align: center;
  }

  #BoxEdificios ul li a img {
    width: calc(31.6vw * 2);
    height: calc(50.2vw * 2);
  }
}

/*BANNER*/
.bgParallax {
  height: 495px;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

#lancamento {
  background-color: #efefef;
}

#box-duvidas {
  background-color: #efefef;
  padding: 30px 0;
}

#duvidas h2 {
  text-align: left;
}

#duvidas p {
  font-size: 18px;
  color: #737373;
}

/*FORMULRIO DE BUSCA*/
/*form#busca{margin-top: 150px;}*/
form#busca h2 {
  font-family: "Open Sans", "Droid Sans", Arial;
  font-size: 43px;
  color: #fff;
  text-shadow: 1px 1px 3px #000;
  margin: 0;
  text-align: center;
  margin-bottom: 10px;
}

form#busca > #box-busca {
  background-color: rgba(0, 0, 0, 0.5);
  /* height: 81px; */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 17px 17px;
  max-width: 1700px;
  width: 100%;
  box-sizing: border-box;
  margin: auto;
}

form#busca #btn-buscar {
  width: 15%;
  height: 49px;
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  font-size: 17px;
  font-family: "Open Sans", "Droid Sans", Arial;
  font-weight: 400;
  margin: auto;
}

form#busca select {
  border: 0 !important;
  border-right: 1px solid #ccc !important;
  font-family: "Open Sans", "Droid Sans", Arial;
  font-weight: 400;
}

form#busca select,
form#busca select option {
  font-size: 14px;
  background: #fff;
  -khtml-appearance: none;
  font-size: 14px;
  line-height: 1.42857143;
  text-transform: capitalize;
}

form#busca .twitter-typeahead {
  float: left;
  height: 47px;
}

form#busca .twitter-typeahead input {
  border: none !important;
  height: 48px;
  font-family: "Open Sans", "Droid Sans", Arial;
  font-weight: 400;
}

form#busca input#city_txt::-webkit-input-placeholder {
  color: #333;
}

form#busca input#city_txt:-moz-placeholder {
  color: #333;
}

form#busca input#city_txt::-moz-placeholder {
  color: #333;
}

form#busca input#city_txt:-ms-input-placeholder {
  color: #333;
}

#header {
  position: fixed;
  width: 100%;
  z-index: 1000;
  top: 0;
}

#box-busca select,
#box-busca input {
  height: 48px;
  float: left;
  line-height: 48px;
  font-size: 20px !important;
  padding: 0 15px;
}

#box-busca input {
  width: 300px;
}

#box-busca select:first-child {
  border-bottom-left-radius: 7px;
  border-top-left-radius: 7px;
}

#box-busca select:last-child {
  width: 250px;
}

#box-busca select option {
  font-size: 20px;
}

#box-busca #finalidade {
  width: 25%;
}

#box-busca #categoria {
  width: 23%;
}

#box-busca #bairros {
  width: 18%;
}

#box-busca #Pvalormax {
  width: 19%;
}

form#busca {
  margin-top: 160px !important;
  float: left;
  width: 100%;
}

@media (max-width: 1010px) {
  form#busca #btn-buscar {
    width: 100%;
    display: block;
    font-size: 17px;
  }

  #box-busca #finalidade {
    width: 25%;
  }

  #box-busca #categoria {
    width: 25%;
  }

  #box-busca #bairros {
    width: 25%;
  }

  #box-busca #Pvalormax {
    width: 25%;
  }
}

@media (max-width: 768px) {
  #box-busca #finalidade {
    width: 50%;
  }

  #box-busca #categoria {
    width: 50%;
  }

  #box-busca #bairros {
    width: 50%;
  }

  #box-busca #Pvalormax {
    width: 50%;
  }

  #box-busca select:first-child {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
  }
}

@media (max-width: 505px) {
  #box-busca #finalidade {
    width: 100%;
  }

  #box-busca #categoria {
    width: 100%;
  }

  #box-busca #bairros {
    width: 100%;
  }

  #box-busca #Pvalormax {
    width: 100%;
  }

  form#busca {
    margin-top: 60px !important;
  }
}

.league-name {
  font-size: 17px;
}

@media (min-width: 768px) {
  #header > div {
    width: 750px;
  }
}

@media (min-width: 992px) {
  #header > div {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  #header {
    height: 80px;
    background-color: rgba(255, 255, 255, 0.9);
  }

  #header > div {
    width: 1170px;
  }
}

/*.navbar > ul:first-child{*/
/*margin-left: 105px;*/
/*}*/
.navbar > ul > li > a {
  line-height: 80px;
}

#header > div > div > a > img {
  margin-top: 23px;
}

.bgParallax {
  height: 495px;
}

#container {
  float: left;
}

.bg-laranja-vivo {
  color: #fff;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  font-family: "Open Sans", "Droid Sans", Arial;
  background-color: #ba1319;
}

#Pagina {
  position: relative;
  overflow: hidden;
}

#Pagina #AtendimentoSeta {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999;
}

#Pagina #Linha1 {
  background: #eeeeee;
  overflow: hidden;
}

#Pagina #Linha2 {
}

/* #Pagina #Linha3 { margin-bottom: 50px; } */

/*
#
# fixo
#
*/
.LogoTopo2 {
  float: left;
  margin: 0px 0 0 90px;
  width: 365px;
  height: 136px;
}

.cbp-af-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #eeeeee;
  border-bottom: 1px solid #b2b2b4;
  z-index: 10000;
  overflow: hidden;
  /*padding: 10px 0;*/
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  transition: height 0.3s;
  display: none;
}

.cbp-af-header .cbp-af-inner {
  width: 980px;
  max-width: 69em;
  margin: 0 auto;
}

.cbp-af-header #LogotipoFixo {
  float: left;
}

.cbp-af-header #LogotipoFixo img {
  width: 140px;
}

.cbp-af-header #Buscar {
  float: right;
}

.cbp-af-header #Buscar form {
  margin: 12px 0 12px 40px;
}

.cbp-af-header #Buscar form input[type="text"] {
  width: 350px;
  border: none;
  padding: 8px;
}

.cbp-af-header #Buscar form input[type="submit"] {
  background: url("../slices/bg-btn.jpg") repeat-x;
  border: none;
  padding: 8px;
  color: #fff;
  text-transform: uppercase;
}

#FormLigamosParaVoce {
  margin-top: 20px;
}

.cbp-af-header.cbp-af-header-shrink {
  height: 90px;
}

#DescricaoPaginaInicial {
  margin: 10px 0;
}

#DescricaoPaginaInicial h2 {
  font-size: 25px;
  font-weight: 500;
  text-align: center;
  line-height: 30px;
}

#DescricaoPaginaInicial p {
  margin: 10px 0;
  font-size: 18px;
  text-align: justify;
  line-height: 28px;
}

#DescricaoPaginaInicial p strong {
}

#DescricaoPaginaInicial p a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
}

.descricaoTitulo {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  margin: 10px 0 10px 5px;
}

p.descricaoTitulo {
  font-weight: 700;
  background-color: #575656;
  color: #fff;
  padding: 4px 0px;
  clear: both;
  text-indent: 10px;
}

h3.descricaoTitulo {
  font-weight: 700;
  background-color: #575656;
  color: #fff;
  padding: 4px 0px;
  clear: both;
  text-indent: 10px;
}
a.descricaoTitulo > img {
  max-width: 100%;
  display: flex;
  position: relative;
}
.BlocoInformacao > h3 > a {
  color: #efefef;
  text-decoration: none;
}

#ConteudoBairros {
  clear: both;
}

.ConteudoText h2 {
  font-size: 25px;
  font-weight: 500;
  text-align: center;
  line-height: 30px;
}

.ConteudoText p {
  margin: 10px 0;
  font-size: 16px;
  text-align: center;
}

#ConteudoBairros ul {
}

#ConteudoBairros ul:after {
  content: "";
  display: table;
  clear: both;
}

#ConteudoBairros ul li {
  float: left;
  margin: 5px;
}

#ConteudoBairros ul li a {
  display: block;
  text-indent: -9999px;
  height: 340px;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

#ConteudoBairros ul li.forte a {
  background-image: url("../slices/imoveis-canto-do-forte.jpg");
  width: 645px;
  height: 340px;
  float: left;
}

#ConteudoBairros ul li.guilhermina a {
  background-image: url("../slices/imoveis-na-vila-guilhermina.jpg");
  width: 312px;
}

#ConteudoBairros ul li.boqueirao a {
  background-image: url("../slices/imoveis-no-boqueirao.jpg");
  width: 310px;
}

#ConteudoBairros ul li.tupi a {
  background-image: url("../slices/imoveis-vila-tupi.jpg");
  width: 325px;
}

#ConteudoBairros ul li.ocian a {
  background-image: url("../slices/imoveis-cidade-ocian.jpg");
  width: 315px;
}

#ConteudoBairros ul li.florida a {
  background-image: url("../slices/imoveis-balneario-florida.jpg");
  float: right;
  width: 313px;
}

#ConteudoBairros ul li.mirim a {
  background-image: url("../slices/imoveis-vila-mirim.jpg");
  width: 645px;
  float: left !important;
}

#ConteudoBairros ul li.maracana a {
  background-image: url("../slices/imoveis-no-boqueirao.jpg");
  width: 310px;
}

#ConteudoBairros ul li.caicara a {
  background-image: url("../slices/imoveis-vila-tupi.jpg");
  width: 325px;
}

#ConteudoBairros ul li.tude a {
  background-image: url("../slices/imoveis-cidade-ocian.jpg");
  width: 315px;
}

@media (max-width: 1001px) {
  #ConteudoBairros ul {
    width: 100vw;
  }

  #ConteudoBairros ul li {
    margin: 0.5vw;
  }

  #ConteudoBairros ul li a {
    height: 34vw !important;
    background-size: 100% 100%;
    width: 31vw !important;
  }

  #ConteudoBairros ul li.forte a {
    width: 63vw !important;
  }

  #ConteudoBairros ul li.mirim a {
    width: 63vw !important;
  }

  /*#ConteudoBairros ul li.guilhermina a{
        width:31.5vw;
    }
    #ConteudoBairros ul li.boqueirao a{
        width:31.5vw;
    }
    #ConteudoBairros ul li.tupi a{
        width:31.5vw;
    }
    #ConteudoBairros ul li.ocian a{
        width:31.5vw;
    }
    #ConteudoBairros ul li.florida a{
        width:31.5vw;
    }
    #ConteudoBairros ul li.maracana a{
        width:31.5vw;
    }
    #ConteudoBairros ul li.caicara a{
        width:31.5vw;
    }
    #ConteudoBairros ul li.tude a{
        width:31.5vw;
    }*/
}

@media (max-width: 430px) {
  #ConteudoBairros ul {
    width: 100%;
  }

  #ConteudoBairros ul li {
    margin: 1vw;
    float: none;
  }

  #ConteudoBairros ul li a {
    height: 98vw !important;
    width: 98vw !important;
    max-width: 100%;
    float: none !important;
  }

  /*#ConteudoBairros ul li a:after {
	  content: "";
	  display: block;
	  padding-bottom: 100%;
	}*/
  #ConteudoBairros ul li.forte a {
    background-image: url(../slices/imoveis-canto-do-forte.jpg);
    background-size: cover;
    background-position: center;
    width: 98vw !important;
    max-width: 100%;
  }

  #ConteudoBairros ul li.forte a img {
    display: none;
  }

  #ConteudoBairros ul li.mirim a {
    background-image: url(../slices/imoveis-vila-mirim.jpg);
    background-size: cover;
    background-position: center;
    width: 98vw !important;
    float: none !important;
    max-width: 100%;
  }

  #ConteudoBairros ul li.mirim a img {
    display: none;
  }
}

#ImoveisDiversos {
  margin: 30px auto;
  padding: 0 10px;
}

#construtoras-conteudo {
  width: 100%;
}

#construtoras-conteudo div {
  width: calc(100% / 3);
  float: left;
  padding: 10px;
  box-sizing: border-box;
  height: 285px;
}

#construtoras-conteudo div img {
  display: block;
  width: 100%;
}

#construtoras-conteudo div a {
  display: block;
  text-decoration: none;
  color: #000;
}

@media (max-width: 1000px) {
  #construtoras-conteudo div {
    height: 28.5vw;
  }
}

@media (max-width: 790px) {
  #construtoras-conteudo div {
    width: 50%;
    height: 43.3vw;
  }
}

@media (max-width: 450px) {
  #construtoras-conteudo div {
    width: 100%;
    height: auto;
  }
}

#imoveisBairros {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}

@media (max-width: 900px) {
  #imoveisBairros {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

@media (max-width: 375px) {
  #imoveisBairros {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}

#imoveisBairros #itembairros {
  padding: 10px 0;
  min-height: 280px;
}

#imoveisBairros #itembairros img {
  width: 100%;
  height: 211px;
}

#imoveisBairros li img {
}

#imoveisBairros li ul {
}

#imoveisBairros li ul li {
  float: none;
  box-sizing: border-box;
  padding: 0 5px;
}

#imoveisBairros li ul li a {
  text-decoration: none;
  color: #000;
}

#botaoBairro {
  display: block;
  margin: auto;
  text-align: center;
  width: 273px;
}

#botaoBairro img {
  margin: 10px auto;
}

/*
#
# Menu  Topo
#
*/

#Linha1 #MenuTopo {
  background: #d0d0d0 repeat-x;
  border-bottom: 1px solid #b2b2b4;
  overflow: hidden;
}

#Linha1 #MenuTopo ul {
  width: 980px;
  margin: 0 auto;
}

#Linha1 #MenuTopo ul li {
  float: left;
  padding: 15px 36px;
  border-right: 1px solid #b2b2b4;
  height: 47px;
}

#Linha1 #MenuTopo ul li a {
  text-decoration: none;
  color: #4f4c4c;
  display: block;
  height: 40px;
}

#Linha1 #MenuTopo ul li a:hover {
  text-decoration: underline;
}

#Linha1 #MenuTopo ul li a#MenuAgende,
#Linha1 #MenuTopo ul li a#MenuCorretor {
  width: 70px;
}

a#MenuAgende {
  background: url("../slices/icon-agendar-visita.png") no-repeat;
  padding: 0 0 0 45px;
}

#Linha1 #MenuTopo ul li a#MenuCorretor {
  background: url("../slices/icon-fale-corretor.png") no-repeat;
  padding: 0 0 0 45px;
}

#Linha1 #MenuTopo ul li a#AtendimentoEmail {
  background: url("../slices/icon-atendimento-email.png") no-repeat;
  padding: 0 0 0 45px;
  width: 90px;
}

#Linha1 #MenuTopo ul li a#Simulado {
  width: 125px;
  text-transform: uppercase;
}

#Linha1 #MenuTopo ul li a#Simulado span.Color {
  display: block;
}

/*
#
# Topo
#
*/

#Linha1 #ConteudoLinha1 {
  width: 980px;
  margin: 0 auto;
  padding: 3px 0 0 0;
  overflow: hidden;
}

#Linha1 #ConteudoLinha1 h2 {
  float: left;
  margin: 0px 0 0 90px;
}

#Linha1 #ConteudoLinha1 h2 a {
  width: 365px;
  height: 136px;
  background-image: url("../slices/imoveis-na-praia-grande-sp-logo.png");
  text-indent: -9000px;
  float: left;
}

#Linha1 #ConteudoLinha1 #MaisOpcoes {
  width: 435px;
  float: right;
  margin: 25px 0 0 45px;
}

#Linha1 #ConteudoLinha1 #MaisOpcoes span {
  float: right;
  color: #666;
  background: url("../slices/btn-opcoes.png") no-repeat bottom left;
  padding: 0 0 0 20px;
}

#Linha1 #ConteudoLinha1 #MaisOpcoes ul {
  width: 100%;
  float: left;
  border-top: 1px solid #b2b2b4;
  border-bottom: 1px solid #b2b2b4;
  margin: 15px 0 0 0;
  padding: 8px 0;
}

#Linha1 #ConteudoLinha1 #MaisOpcoes ul li {
  float: left;
  padding: 5px 0;
  text-align: center;
}

#Linha1 #ConteudoLinha1 #MaisOpcoes ul li a {
  text-decoration: none;
  color: #4f4c4c;
  width: 140px;
  height: 40px;
  display: block;
  text-align: center;
}

#Linha1 #ConteudoLinha1 #MaisOpcoes ul li a b {
  display: block;
  margin: 0 0 0 0px;
  font-weight: normal;
}

#Linha1 #ConteudoLinha1 #MaisOpcoes ul li a i {
  display: block;
  border: 0px solid;
  margin: 5px 0 0 0;
  font-weight: 700;
  font-size: 18px;
}

#Linha1 #ConteudoLinha1 #MaisOpcoes ul li a:hover {
  text-decoration: underline;
}

#Linha1 #ConteudoLinha1 #MaisOpcoes ul li a#LigamosParaVoce {
  background: url("../slices/telefone.jpg") no-repeat;
  background-position: 20px 0;
}

#Linha1 #ConteudoLinha1 #MaisOpcoes ul li a#AvalieImovel {
  background: url("../slices/whats.jpg") no-repeat;
  background-position: 10px 0;
}

#Linha1 #ConteudoLinha1 #Horario {
  float: right;
  width: 430px;
  padding: 5px;
}

#Linha1 #ConteudoLinha1 #Horario #Telefone {
  color: #474747;
  float: right;
  font-size: 14px;
}

#Linha1 #ConteudoLinha1 #Horario #Telefone span {
  font-size: 12pt;
  font-weight: bold;
  line-height: 30px;
}

#Linha1 #ConteudoLinha1 #Horario p {
  color: #6c6c6c;
  line-height: 25px;
  float: right;
  font-size: 14px;
}

a#Telefone {
  background: url("../slices/icon-telefone.png") no-repeat;
  padding: 3px 0 0 35px;
  height: 30px;
}

#Linha1 #ConteudoLinha1 #MaisOpcoes ul li a#Telefone:hover {
  text-decoration: none;
}

/*
#
# Menu Principal
#
*/

#Linha1 #MenuPrincipal {
  width: 100%;
  min-height: 60px;
  /*background: url("../slices/bg-menu-principal.png") center right no-repeat;*/
  background-position: 750px;
}

#Linha1 #MenuPrincipal #ConteudoMenuPrincipal {
  width: 980px;
  margin: 0 auto;
}

#Linha1 #MenuPrincipal nav {
  width: 760px;
  float: right;
  background: url("../slices/bg-menu-principal.png") center right no-repeat;
  height: 60px;
  background-position: 0px 0px;
}

#Linha1 #MenuPrincipal #ConteudoMenuPrincipal nav ul.MenuTopo {
  float: right;
  margin: 10px 0;
}

#Linha1 #MenuPrincipal #ConteudoMenuPrincipal nav ul.MenuTopo li {
  float: left;
  padding: 10px;
}

#Linha1 #MenuPrincipal #ConteudoMenuPrincipal nav ul.MenuTopo li:hover {
  background-color: #757575;
}

#Linha1 #MenuPrincipal #ConteudoMenuPrincipal nav ul.MenuTopo li a {
  text-decoration: none;
  color: #fff;
  font-size: 16pt;
  font-weight: 700;
  text-transform: uppercase;
}

#Linha1 #MenuPrincipal #ConteudoMenuPrincipal nav ul.MenuTopo li a:hover {
  background-color: #757575;
}

#Linha1 #MenuPrincipal #ConteudoMenuPrincipal nav ul.MenuTopo li ul.Nivel1 {
  display: none;
  position: absolute;
  width: 175px;
  background-color: #757575;
  z-index: 9999;
  margin: 8px 0 0 -10px;
}

#Linha1 #MenuPrincipal #ConteudoMenuPrincipal nav ul.MenuTopo li ul.Nivel1 li {
  width: 155px !important;
}

#Linha1
  #MenuPrincipal
  #ConteudoMenuPrincipal
  nav
  ul.MenuTopo
  li
  ul.Nivel1
  li:hover {
  background-color: #4d4c4c;
}

#Linha1
  #MenuPrincipal
  #ConteudoMenuPrincipal
  nav
  ul.MenuTopo
  li
  ul.Nivel1
  li
  a {
  font-weight: normal !important;
  font-size: 12px;
  width: 100%;
}

#Linha1
  #MenuPrincipal
  #ConteudoMenuPrincipal
  nav
  ul.MenuTopo
  li
  ul.Nivel1
  li
  a:hover {
  background: none;
}

#Linha1
  #MenuPrincipal
  #ConteudoMenuPrincipal
  nav
  ul.MenuTopo
  li:hover
  ul.Nivel1 {
  display: block;
}

#Linha1
  #MenuPrincipal
  #ConteudoMenuPrincipal
  nav
  ul.MenuTopo
  li:hover
  ul.Nivel1
  li
  a:hover {
  background-color: #4d4c4c;
}

@media (max-width: 1005px) {
  #Linha1 #ConteudoLinha1 {
    display: none;
  }

  #Linha1 #MenuPrincipal {
    display: none;
  }
}

/*
#Linha1 #MenuPrincipal nav ul {list-style: none; position: absolute; display: inline-table; z-index: 1000; top: 205px;}
#Linha1 #MenuPrincipal nav ul:after {content: ""; clear:both; display:block;width: 200px;}
#Linha1 #MenuPrincipal nav ul ul {display: none; top: 35px !important;}
#Linha1 #MenuPrincipal nav ul li { position: relative; float: left; padding: 10px;}
#Linha1 #MenuPrincipal nav ul li a {float: left; display: block; text-decoration: none;color: #fff; font-size: 16pt; font-weight: 700; text-transform: uppercase;}
#Linha1 #MenuPrincipal nav ul li:hover { background: #757575;}
#Linha1 #MenuPrincipal nav ul li:hover > ul { display: block;}
#Linha1 #MenuPrincipal nav ul li:hover > ul li { background: #757575 ;  width: 100%; padding: 5px 10px !important; margin-left: -10px;}
#Linha1 #MenuPrincipal nav ul li:hover > ul li:hover {  background: #4d4c4c;}
*/

/*
#
# Conteúdo
#
*/

#Linha2 #ConteudoLinha2 #EncontreSeuImovel {
  background: url("../slices/bg-encontre-seu-imovel.jpg") repeat-x;
  overflow: hidden;
  position: relative;
}

#Linha2 #ConteudoLinha2 #EncontreSeuImovel #ConteudoEncontreSeuImovel {
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
  min-height: 245px;
  position: relative;
  background: url("../slices/bg-form-encontre-imovel.png") no-repeat right
    bottom;
}

#ConteudoEncontreSeuImovel #FormularioBuscaImovel {
  max-width: 954px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}

#ConteudoEncontreSeuImovel #FormularioBuscaImovel form {
  max-width: 721px;
  width: 100%;
  height: 245px;
  overflow: hidden;
  float: right;
  padding: 0 0px;
  box-sizing: border-box;
  /*margin-top: 103px;*/
}

#ConteudoEncontreSeuImovel #FormularioBuscaImovel form .btn-show {
  display: none;
  text-align: center;
  background-color: rgba(256, 256, 256, 0.9);
  font-size: 50px;
  padding: 0 0 10px 0;
  color: #ff0d14;
  margin: 0 -13px;
  cursor: pointer;
  transition: all ease-in-out 0.2s;
  /*transform: rotate(180deg);*/
}

#ConteudoEncontreSeuImovel #FormularioBuscaImovel form .btn-show .pesquisa {
  display: inline;
  font-size: 35px;
}

#ConteudoEncontreSeuImovel #FormularioBuscaImovel form .btn-show .fechar {
  display: none;
  font-size: 35px;
}

#ConteudoEncontreSeuImovel #FormularioBuscaImovel form .btn-show span img {
  margin-top: 15px;
}

/*#ConteudoEncontreSeuImovel #FormularioBuscaImovel form .btn-show:after{
	content:'\25B3';
}*/

#ConteudoEncontreSeuImovel #FormularioBuscaImovel ol {
  overflow: hidden;
  margin-bottom: 15px;
  margin-top: 25px;
}

#ConteudoEncontreSeuImovel #FormularioBuscaImovel ol#CampoReferencia {
  margin: 20px 0px 0 0;
}

#ConteudoEncontreSeuImovel #FormularioBuscaImovel ol#CampoReferencia li {
  padding-right: 0 !important;
}

#FinanciadosLabel {
  display: inline !important;
  float: left;
  padding: 23px 5px 11px 0;
}

#ConteudoEncontreSeuImovel #FormularioBuscaImovel ol#CampoReferencia .Right {
  float: right;
}

#ConteudoEncontreSeuImovel #FormularioBuscaImovel ol#CampoReferencia #BtnOk {
  background: #fff;
  margin: 15px 5px 0 5px;
  padding: 6px;
  width: 40px;
}

#ConteudoEncontreSeuImovel #FormularioBuscaImovel ol li {
  float: left;
  padding: 0 9px 15px 0;
  box-sizing: border-box;
}

#ConteudoEncontreSeuImovel #FormularioBuscaImovel #parametrosPesquisa li {
  width: 190px;
  padding: 2px 2px 2px 3px;
}

#ConteudoEncontreSeuImovel #FormularioBuscaImovel ol li label {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}

#ConteudoEncontreSeuImovel #FormularioBuscaImovel ol li label,
#ConteudoEncontreSeuImovel #FormularioBuscaImovel ol li input[type="text"] {
  display: block;
}

#ConteudoEncontreSeuImovel #FormularioBuscaImovel ol li input[type="text"],
#ConteudoEncontreSeuImovel #FormularioBuscaImovel ol li select {
  width: 100%;
  color: #666;
  padding: 5px;
  box-sizing: border-box;
}

#ConteudoEncontreSeuImovel #FormularioBuscaImovel ol li input[type="checkbox"] {
  display: block;
  float: left;
  margin-top: 25px;
}

#ConteudoEncontreSeuImovel #FormularioBuscaImovel ol input[type="submit"] {
  width: 150px;
  background: url("../slices/btn-buscar.png") no-repeat center center #fff;
  padding: 14px;
  border: none;
  float: left;
}

.box-pesquisa-textos {
  float: left;
  width: calc(100% - 160px);
}

.MarginTop102alt {
  margin-top: 102px !important;
}

@media (max-width: 935px) {
  #Linha2 #ConteudoLinha2 #EncontreSeuImovel #ConteudoEncontreSeuImovel {
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
    min-height: 245px;
    position: relative;
    background: url("../slices/bg-form-encontre-imovel-menor.png") no-repeat
      left bottom;
  }

  #ConteudoEncontreSeuImovel #FormularioBuscaImovel {
    max-width: 954px;
    width: 100%;
    overflow: visible;
    margin: 0 auto;
  }

  #ConteudoEncontreSeuImovel #FormularioBuscaImovel form {
    max-width: none;
    width: 100%;
    height: auto;
    overflow: visible;
    float: right;
    padding: 0 13px;
    box-sizing: border-box;
    /*margin-top: 103px;*/
  }
}

@media (max-width: 725px) {
  .MarginTop102alt {
    margin-top: 0px;
  }

  #ConteudoEncontreSeuImovel #FormularioBuscaImovel ol#CampoReferencia {
    margin: 0;
    background: url(..);
  }

  #ConteudoEncontreSeuImovel #FormularioBuscaImovel form .btn-show {
    display: block;
    height: 60px;
    box-sizing: border-box;
  }

  /*#ConteudoEncontreSeuImovel #FormularioBuscaImovel form .btn-show.ativado{	
		transform: rotate(0deg);
	}*/
  #ConteudoEncontreSeuImovel
    #FormularioBuscaImovel
    form
    .btn-show.ativado
    .pesquisa {
    display: none;
  }

  #ConteudoEncontreSeuImovel
    #FormularioBuscaImovel
    form
    .btn-show.ativado
    .fechar {
    display: inline;
  }

  #Linha2 #ConteudoLinha2 #EncontreSeuImovel {
    height: 60px;
    transition: all ease-in-out 0.2s;
  }

  #Linha2 #ConteudoLinha2 #EncontreSeuImovel.lancamentos.ativado {
    height: 205px;
  }

  #Linha2 #ConteudoLinha2 #EncontreSeuImovel.ativado {
    height: 381px;
  }

  #Linha2 #ConteudoLinha2 #EncontreSeuImovel #ConteudoEncontreSeuImovel {
    background: url("../slices/bg-form-encontre-imovel-nop.png") no-repeat left
      bottom;
  }

  #ConteudoEncontreSeuImovel #FormularioBuscaImovel {
  }

  #ConteudoEncontreSeuImovel #FormularioBuscaImovel form {
    padding: 0 0;
  }

  #ConteudoEncontreSeuImovel
    #FormularioBuscaImovel
    form
    #parametrosPesquisa
    li {
    width: 33.3%;
    float: left;
  }

  #ConteudoEncontreSeuImovel #FormularioBuscaImovel form ol#CampoReferencia li {
    width: 50%;
    float: left;
    padding: 0 0 0 0;
  }

  #FinanciadosLabel {
    float: left;
  }

  #ConteudoEncontreSeuImovel #FormularioBuscaImovel ol input[type="submit"] {
    /*margin: 30px calc((100% - 150px) / 2);*/
  }

  #ConteudoEncontreSeuImovel #FormularioBuscaImovel ol#CampoReferencia .Right {
    width: 100%;
    margin-bottom: 0;
  }

  #ConteudoEncontreSeuImovel #FormularioBuscaImovel ol {
    background: url(../slices/bg-form-encontre-imovel-mobile.png) no-repeat left
      bottom;
    background-size: auto 100%;
    padding: 16px;
    margin-top: 0;
  }
}

@media (max-width: 570px) {
  #ConteudoEncontreSeuImovel
    #FormularioBuscaImovel
    form
    #parametrosPesquisa
    li {
    width: 50%;
    float: left;
  }

  #ConteudoEncontreSeuImovel #FormularioBuscaImovel ol input[type="submit"] {
    /*margin: 30px calc((100% - 150px) / 2);*/
  }

  #ConteudoEncontreSeuImovel #FormularioBuscaImovel ol#CampoReferencia .Right {
    width: 100%;
  }

  #Linha2 #ConteudoLinha2 #EncontreSeuImovel.lancamentos.ativado {
    height: 250px;
  }

  #Linha2 #ConteudoLinha2 #EncontreSeuImovel.ativado {
    height: 439px;
  }
}

@media (max-width: 420px) {
  #ConteudoEncontreSeuImovel #FormularioBuscaImovel ol input[type="submit"] {
    /* margin: 30px calc((100% - 150px) / 2); */

    margin-right: 7px;
  }

  #ConteudoEncontreSeuImovel
    #FormularioBuscaImovel
    form
    #parametrosPesquisa
    li {
    width: 100%;
  }

  #ConteudoEncontreSeuImovel #FormularioBuscaImovel form ol li.arrumar-form {
    width: 50%;
    box-sizing: border-box;
  }

  #ConteudoEncontreSeuImovel #FormularioBuscaImovel form ol#CampoReferencia li {
    width: 100%;
  }

  #ConteudoEncontreSeuImovel #FormularioBuscaImovel ol#CampoReferencia #BtnOk {
    margin: 15px 0px 0 0px;
    width: 100%;
  }

  #Linha2 #ConteudoLinha2 #EncontreSeuImovel.lancamentos.ativado {
    height: 365px;
  }

  #Linha2 #ConteudoLinha2 #EncontreSeuImovel.parcelado.ativado {
    height: 650px;
  }

  #Linha2 #ConteudoLinha2 #EncontreSeuImovel.ativado {
    height: auto;
  }
}

@media (max-width: 375px) {
  #Linha2 #ConteudoLinha2 #EncontreSeuImovel.ativado {
    height: 712px;
  }

  #ConteudoEncontreSeuImovel #FormularioBuscaImovel form ol li.arrumar-form {
    width: 100%;
  }
}

#FormasPagamento {
}

#FormasPagamento #ConteudoFormasPagamento {
}

#FormasPagamento #ConteudoFormasPagamento ul {
  float: left;
  margin: 10px 0;
  width: 100%;
}

#FormasPagamento #ConteudoFormasPagamento ul li {
  float: left;
  padding: 0 0 0 12px;
  width: calc((100% / 3) - 12px);
}

#FormasPagamento #ConteudoFormasPagamento ul li .item {
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  float: left;
  cursor: pointer;
}

#FormasPagamento #ConteudoFormasPagamento ul li .item .item-hover {
  overflow: hidden;
  position: absolute;
  top: 330px;
  display: table;
  background: rgba(0, 0, 0, 0.8);
  transition: all ease 0.2s;
}

#FormasPagamento #ConteudoFormasPagamento .item:hover .item-hover {
  top: 0;
}

#FormasPagamento #ConteudoFormasPagamento ul li .item .item-hover a span {
  background: none !important;
  padding: 10px 20px;
  float: left;
  margin: 40px 0;
  width: 270px;
  font-size: 20pt;
  height: 140px;
  line-height: 30px;
}

#FormasPagamento
  #ConteudoFormasPagamento
  ul
  li
  .item
  .item-hover
  .item-hover-wrapper {
  text-align: center;
  font-size: 15px;
  color: #fff;
  vertical-align: middle;
  text-decoration: none;
}

#FormasPagamento
  #ConteudoFormasPagamento
  ul
  li
  .item
  .item-hover
  .item-hover-wrapper
  i {
  border-radius: 50%;
  font-size: 25px;
  border: solid 2px #fff;
  padding: 20px;
}

#FormasPagamento #ConteudoFormasPagamento ul li .item a span {
  background-color: rgba(241, 44, 50, 0.8);
  padding: 15px 20px;
  float: left;
  margin: 264px 0 0 0;
  font-size: 18px;
}

#FormasPagamento #ConteudoFormasPagamento ul li a {
  width: 314px;
  height: 326px;
  display: block;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
}

/*#FormasPagamento #ConteudoFormasPagamento ul li a#MaisLancamentos:hover{background: url("../slices/mais-lancamentos-a.png"); }*/
#FormasPagamento #ConteudoFormasPagamento ul li a#MaisLancamentos {
  background: url("../slices/mais-lancamentos-hover.png");
  background-size: 100% 100%;
}

/*#FormasPagamento #ConteudoFormasPagamento ul li a#ParcelamentoDireto:hover{background: url("../slices/parcelamento-direto-a.png"); }*/
#FormasPagamento #ConteudoFormasPagamento ul li a#ParcelamentoDireto {
  background: url("../slices/parcelamento-direto-hover.png") no-repeat;
  background-size: 100% 100%;
}

/*#FormasPagamento #ConteudoFormasPagamento ul li a#PermutaCarro:hover{background: url("../slices/permuta-com-carro-a.png"); }*/
#FormasPagamento #ConteudoFormasPagamento ul li a#PermutaCarro {
  background: url("../slices/permuta-com-carro-hover.png");
  background-size: 100% 100%;
}

.fa-search::before {
  content: "\f002";
}

@media (max-width: 990px) {
  #FormasPagamento #ConteudoFormasPagamento ul li a {
    width: 31.7vw;
    height: 32.9vw;
  }

  #FormasPagamento #ConteudoFormasPagamento ul li .item a span {
    padding: 1.5vw 2vw;
    margin: 26.6vw 0 0 0;
    font-size: 1.8vw;
  }

  #FormasPagamento #ConteudoFormasPagamento ul li .item .item-hover {
    top: 333vw;
  }

  #FormasPagamento
    #ConteudoFormasPagamento
    ul
    li
    .item
    .item-hover
    .item-hover-wrapper {
    font-size: 1.5vw;
  }

  #FormasPagamento #ConteudoFormasPagamento ul li .item .item-hover a span {
    padding: 1vw 2vw;
    margin: 4vw 0;
    width: 27.3vw;
    font-size: 2vw;
    height: 14.14vw;
    line-height: 3vw;
  }

  #FormasPagamento
    #ConteudoFormasPagamento
    ul
    li
    .item
    .item-hover
    .item-hover-wrapper
    i {
    font-size: 2.5vw;
    border: solid 0.2vw #fff;
    padding: 2vw;
  }

  #FormasPagamento #ConteudoFormasPagamento ul li {
    padding: 0 0 0 1.2vw;
    width: calc((100% / 3) - 1.2vw);
  }
}

@media (max-width: 400px) {
  #FormasPagamento #ConteudoFormasPagamento ul li a {
    width: 78.5vw;
    height: 81.5vw;
    margin: 0 auto;
  }

  #FormasPagamento #ConteudoFormasPagamento ul li .item a span {
    padding: 3.75vw 5vw;
    margin: 66vw 0 0 0;
    font-size: 4.5vw;
  }

  #FormasPagamento #ConteudoFormasPagamento ul li .item .item-hover {
    top: 100vw;
  }

  #FormasPagamento #ConteudoFormasPagamento ul li .item .item-hover a span {
    padding: 2.5vw 5vw;
    margin: 10vw 0;
    width: 67.5vw;
    font-size: 5vw;
    height: 35vw;
    line-height: 7.5vw;
  }

  #FormasPagamento
    #ConteudoFormasPagamento
    ul
    li
    .item
    .item-hover
    .item-hover-wrapper {
    font-size: 3.75vw;
  }

  #FormasPagamento
    #ConteudoFormasPagamento
    ul
    li
    .item
    .item-hover
    .item-hover-wrapper
    i {
    font-size: 6.25vw;
    border: solid 0.5vw #fff;
    padding: 5vw;
  }

  #FormasPagamento #ConteudoFormasPagamento ul li {
    padding: 0;
    width: 100%;
  }

  #FormasPagamento #ConteudoFormasPagamento ul li {
    padding: 0 0 0 calc((100% - 78.5vw) / 2);
    width: 100%;
  }
}

#Destaques {
  clear: both;
  background: #eaeaea;
}

#Destaques #ConteudoDestaque {
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
  padding: 0s 0;
  overflow: hidden;
}

#Destaques #Titulo {
  width: 100%;
  background: #575656;
}

#Destaques #Titulo h2,
#Destaques #Titulo h1,
#MaisImoveis #Titulo h2 {
  max-width: 948px;
  width: 100%;
  margin: 0 auto;
  padding: 10px 0 10px 32px;
  box-sizing: border-box;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 25px;
}

#Destaques #Titulo h2 {
  background: url("../slices/icon-destaques.png") no-repeat left center;
}

#MaisImoveis #Titulo h2 {
  background: url("../slices/icon-mais-imoveis.png") no-repeat left center;
}

#Destaques #ConteudoDestaque .conjunto-casas:after {
  content: "";
  display: table;
  clear: both;
}

#Destaques #ConteudoDestaque .ImovelDestaque {
  overflow: hidden;
  padding: 0 0 15px 0;
  border-bottom: 3px solid #575656;
}

#Destaques #ConteudoDestaque .conjunto-casas .conteudo {
  width: 315px;
  float: left;
  margin: 0 5px;
}

#Destaques #ConteudoDestaque .conjunto-casas .conteudo .titulo {
  background: #ff0d0d;
}

#Destaques #ConteudoDestaque .conjunto-casas .conteudo .titulo p,
#Destaques #ConteudoDestaque .conjunto-casas .conteudo .titulo h2,
#Destaques #ConteudoDestaque .conjunto-casas .conteudo .titulo h3,
#Destaques #ConteudoDestaque .conjunto-casas .conteudo .titulo h4 {
  background: url("../slices/icon-mais-imoveis.png") no-repeat;
  padding: 10px 0 10px 32px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  background-position: 5px;
}

#Destaques #ConteudoDestaque .conjunto-casas .conteudo .titulo h2.casas {
  background-position: 64px;
}

#Destaques #ConteudoDestaque .conjunto-casas .conteudo .titulo h2.apartamento {
  background-position: 31px;
}

#Destaques #ConteudoDestaque .conjunto-casas .conteudo .titulo h2.lancamento {
  background-position: 35px;
}

#Destaques #ConteudoDestaque .conteudo .titulo p.lancamento {
  background: url(../slices/icon-mais-imoveis.png) no-repeat left center;
  padding: 10px 0 10px 32px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  background-position: 35px;
}

.ImoveisIndex {
}

.ImoveisIndex .Imovel {
}

.ImoveisIndex .Imovel a.floatfix {
  width: 100%;
  height: 210px;
  overflow: hidden;
  margin: 10px 0;
  display: inline-block;
  position: relative;
  font-size: 13px;
}

.ImoveisIndex .Imovel a.floatfixWhasts {
  overflow: hidden;
  margin: 0px 10px 0px 275px;

  position: absolute;
  font-size: 13px;
  width: 33px;
  height: 33px;
}

.ImoveisIndex .Imovel .DetalheMaisImoveis {
  display: block;
  min-height: 220px;
  margin-block: 4px;
}

.ImoveisIndex .Imovel .DetalheMaisImoveis h3 {
  display: block;
  font-weight: bold;
}

.ImoveisIndex .Imovel .DetalheMaisImoveis h4 {
  display: block;
  font-weight: bold;
}

.ImoveisIndex .Imovel .DetalheMaisImoveis span {
  display: block;
  margin: 10px 0;
}

.ImoveisIndex .Imovel .DetalheMaisImoveis strong {
  margin-top: 20px;
  display: block;
  color: #666666;
}

.conteudo .ImoveisIndex .Imovel a span#financiado {
  float: left;
  display: block;
  margin: 150px 0 0 270px;
  position: absolute;
}

.conteudo .ImoveisIndex .Imovel a span#financiadobtn {
  position: absolute;
  right: 5px;
  bottom: 5px;
}

.DetalheMaisImoveisIndex {
  clear: both;
  text-align: justify;
  height: 6vw;
  overflow: visible;
}

.floatfix:after {
  content: "";
  display: block;
  clear: both;
}

.fotodacasa {
  width: 100%;
}

@media (max-width: 994px) {
  .DetalheMaisImoveisIndex {
    height: 80px;
  }

  #Destaques #ConteudoDestaque .ImovelDestaque {
    padding: 0 0 1.5vw 0;
    border-bottom: 0.3vw solid #575656;
  }

  #Destaques #ConteudoDestaque .conjunto-casas .conteudo {
    width: calc(100% / 3 - 1vw);
    margin: 0 0.5vw;
  }

  .ImoveisIndex .Imovel a {
    width: 100%;
    height: 21.2vw;
    margin: 1vw 0;
    font-size: 13px;
  }

  .ImoveisIndex .Imovel .DetalheMaisImoveis span {
    margin: 1vw 0;
  }

  .conteudo .ImoveisIndex .Imovel a span#financiadobtn {
  }
}

@media (max-width: 650px) {
  #Destaques #ConteudoDestaque .conjunto-casas .conteudo {
    width: calc(100% - 60px);
    margin: 0 30px;
    float: none;
  }

  .ImoveisIndex .Imovel a {
    height: auto;
  }
}

@media (max-width: 350px) {
  #Destaques #ConteudoDestaque .conjunto-casas .conteudo {
    width: calc(100% - 10px);
    margin: 0 5px;
  }
}

#Destaques #ConteudoDestaque .ImovelDestaque img {
  float: left;
  border-left: 10px solid #ff0d0d;
}

#Destaques #ConteudoDestaque .ImovelDestaque #Especificacoes {
  margin-left: 60px;
  float: left;
  width: 513px;
  text-align: justify;
}

#Destaques #ConteudoDestaque .ImovelDestaque #Especificacoes h3 {
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
}

#Destaques #ConteudoDestaque .ImovelDestaque #Especificacoes div {
  color: #626161;
  border-top: 1px solid #ff0d0d;
  border-bottom: 1px solid #ff0d0d;
  margin: 20px 0;
  padding: 20px 0;
}

#Destaques #ConteudoDestaque .ImovelDestaque #Especificacoes div b {
  padding-bottom: 15px;
  display: block;
  text-transform: uppercase;
}

#Destaques #ConteudoDestaque .ImovelDestaque #Especificacoes div strong {
  padding-top: 15px;
  display: block;
  font-size: 26px;
}

#Destaques #ConteudoDestaque .ImovelDestaque #Especificacoes button {
  width: 106px;
  padding: 5px 0;
  float: right;
  color: #fff;
  border: none;
  background: #ff0d0d;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
  outline: none;
}

/*
#
# Pagina��o
#
*/

.pags {
  float: left;
  display: block;
  width: 100%;
  margin-top: 16px;
}

.pags ul {
  display: block;
  width: 100%;
}

.pags ul li {
  float: left;
  display: inline;
  position: relative;
  margin-right: 4px;
}

.pags ul li a {
  display: block;
  font-size: 13px;
  padding: 8px 10px;
  color: #373737;
  border-radius: 3px;
  text-decoration: none;
}

.pags ul li a:hover {
  background-color: #eaeaea;
}

.pags .pgsel {
  background-color: #ff0d0d !important;
  color: #fff !important;
}

#Paginacao {
  float: left;
  display: block;
  width: 100%;
  margin-top: 16px;
}

#Paginacao a {
  float: left;
  display: inline;
  position: relative;
  margin-right: 4px;
  display: block;
  font-size: 13px;
  padding: 8px 10px;
  color: #373737;
  border-radius: 3px;
  text-decoration: none;
}

#Paginacao a:hover {
  background-color: #c7c7c7;
}

#Paginacao .selected {
  background-color: #ff0d0d !important;
  color: #fff;
}

/*
#
# Mais imóveis
#
*/

#MaisImoveis #Titulo {
  width: 100%;
  background: #ff0d0d;
}

#MaisImoveis #Filtro {
  width: 980px;
  margin: 0 auto;
}

#MaisImoveis ul {
  overflow: hidden;
}

#MaisImoveis ul li {
  float: left;
  border-bottom: 1px solid #ff0d0d;
  border-left: 1px solid #ff0d0d;
  width: 110px;
  text-align: center;
  padding: 10px 0;
}

#MaisImoveis ul li a {
  font-size: 12px;
  color: #575656;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
}

#MaisImoveis ul li#Cabecalho {
  background: #5c5c5c;
  color: #fff !important;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 12px 0 !important;
}

#Ativo {
  background: #ff0d0d;
}

#Ativo a {
  color: #fff !important;
}

#MaisImoveis #Imoveis {
  width: 980px;
  margin: 25px auto;
  overflow: hidden;
  padding: 0 0 25px 0;
  border-bottom: 1px solid;
}

#MaisImoveis #Imoveis a.VerTodos {
  padding: 5px 10px;
  float: right;
  color: #fff;
  border: none;
  background: #ff0d0d;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  margin: 15px 18px 0 18px;
}

#MaisImoveis #Imoveis a:hover.VerTodos {
  text-decoration: underline;
}

#MaisImoveis #Imoveis .Imovel {
  width: 299px;
  float: left;
  margin: 3px;
  padding: 10px;
  overflow: hidden;
}

#MaisImoveis #Imoveis .Imovel:hover {
  background-color: #e0e0e0;
  background-size: 20px;
}

#MaisImoveis #Imoveis .Imovel .DetalheMaisImoveis {
  overflow: hidden;
  min-height: 95px;
  padding: 10px;
}

#MaisImoveis #Imoveis .Imovel .DetalheMaisImoveis h3 {
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 10px;
}

#MaisImoveis #Imoveis .Imovel .DetalheMaisImoveis span {
  font-size: 14px;
  color: #626161;
}

#MaisImoveis #Imoveis .Imovel .DetalheMaisImoveis strong {
  font-size: 16px;
  display: block;
  padding: 10px 0 20px 0;
  color: #626161;
}

.VejaMais {
  width: 100%;
  background-color: #cdcdcd;
  text-align: center;
  border: none;
  font-weight: 700;
  color: #666;
  text-decoration: none;
  display: block;
  float: left;
  height: 30px !important;
  line-height: 28px;
  text-indent: 5px;
  font-size: 12px;
}

/*
#
# Rodapé
#
*/

#Linha3 {
  background: url(../slices/bg-rodape.jpg) no-repeat center bottom #353535;
  width: 100%;
}

#Linha3 #Rodape {
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  padding: 15px 10px 5px 10px;
  box-sizing: border-box;
  color: #fff;
}

#Linha3 #Rodape #NotaDeRodape {
  width: 100%;
  padding: 0 0 10px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #fff;
}

#Linha3 #Rodape #NotaDeRodape p {
  font-size: 10px;
  text-align: center;
}

#Linha3 #Rodape #Coluna1,
#Linha3 #Rodape #Coluna2,
#Linha3 #Rodape #Coluna3 {
  float: left;
  margin: 0 35px 0 0;
}

#Linha3 #Rodape #Coluna1 {
  width: 295px;
}

#Linha3 #Rodape #Coluna2 {
  max-width: 382px;
  width: 100%;
}

#Linha3 #Rodape #Coluna2 div {
  margin-bottom: 15px;
  width: 100%;
}

#Linha3 #Rodape #Coluna2 div form input[type="text"] {
  max-width: 329px;
  width: 80%;
  padding: 6px;
  border: 0;
}

#Linha3 #Rodape #Coluna2 div form input[type="submit"] {
  padding: 7px;
  border: none;
  background: #ff0d0d;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

#Rodape #Coluna2 a {
  color: #ffffff;
  text-decoration: none;
}

#Rodape #Coluna2 a:hover {
  text-decoration: underline;
}

#Linha3 #Rodape #Coluna3 {
  width: 233px;
}

#Linha3 #Rodape .Header {
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #fff;
}

#Linha3 #Rodape .Header h4 {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 20px;
  padding: 0 0 5px 0;
}

#Linha3 #Rodape .Header span {
  font-size: 13px;
}

#Linha3 #Rodape ul li.Header2 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
}

#Linha3 #Rodape #Coluna1 ul {
  overflow: hidden;
  width: 147px;
}

#Linha3 #Rodape #Coluna1 #Left {
  float: left;
}

#Linha3 #Rodape #Coluna1 #Right {
  float: right;
}

#Linha3 #Rodape #Coluna1 ul li {
  line-height: 22px;
}

#Linha3 #Rodape #Coluna1 ul li a {
  text-decoration: none;
  color: #fff;
  font-size: 12px;
}

#Linha3 #Rodape #Coluna1 ul li a:hover {
  text-decoration: underline;
}

#Coluna2 div b {
  font-size: 13px;
}

#Coluna2 div span {
  font-size: 12px;
  display: block;
  line-height: 22px;
}

#Coluna3 ul#RedesSociais li {
  float: left;
  padding-right: 30px;
}

#Coluna3 ul#RedesSociais li#Facebook {
  width: 12px;
  height: 25px;
  background: url("../slices/icon-facebook.png") no-repeat;
}

#Coluna3 ul#RedesSociais li#Facebook a {
  width: 12px;
  height: 25px;
  display: block;
}

#Coluna3 ul#RedesSociais li#Facebook:hover {
  background: url("../slices/icon-facebook-hover.png") no-repeat;
}

/*
#
# Páginas: Empresa/Imóveis/Encomende seu imóvel
#
*/

#Empresa,
#Imoveis,
#EncomendeSeuImovel,
#AvalieSeuImovel,
#CadastreSeuImovel,
#AgendamentoVisitas,
#FaleConosco {
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
  padding: 20px 0px;
}

@media (max-width: 980px) {
  #Empresa,
  #Imoveis,
  #EncomendeSeuImovel,
  #AvalieSeuImovel,
  #CadastreSeuImovel,
  #AgendamentoVisitas,
  #FaleConosco {
    padding: 20px;
  }
}

#Empresa h3,
#Imoveis h3,
#EncomendeSeuImovel h3,
#AvalieSeuImovel h3,
#CadastreSeuImovel h3,
#AgendamentoVisitas h3,
#FaleConosco h3 {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 15px;
}

#Empresa p {
  color: #626161;
  text-align: justify;
  line-height: 22px;
  padding-bottom: 10px;
}

#FormMaisInformacoes {
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
}

#FormMaisInformacoes ol li {
  overflow: hidden;
  padding: 0 0 8px 0;
}

#FormMaisInformacoes label {
  width: 155px;
  padding: 10px 0;
  float: left;
  color: #626161;
  font-size: 14px;
}

#FormMaisInformacoes ol li span {
  width: 40px;
  padding: 10px 0;
  float: left;
  color: #626161;
  font-size: 14px;
  border: 1px solid;
  padding: 3px;
  background-color: #e3e3e3;
  text-align: center;
  cursor: pointer;
  margin: 10px 5px;
}

#FormMaisInformacoes input[type="text"] {
  max-width: 541px;
  width: 100% !important;
  float: left;
  padding: 5px;
}

#FormMaisInformacoes .emailM {
  width: 541px;
  float: left;
  padding: 5px 25px 5px 5px;
}

.FinanciamentoInformacao {
  display: none;
}

#dddCelular {
  width: 225px;
  float: left;
}

#DDDTelefoneR {
  max-width: 50px !important;
}

#DDDCelularM {
  max-width: 50px !important;
}

#CelularM label {
  width: 125px !important;
}

#CelularM #CelularM {
  max-width: 200px !important;
}

#dddTelefone {
  width: 222px;
  float: left;
}

#TelefoneM label {
  width: 125px !important;
}

#telefoneR {
  max-width: 200px !important;
}

#dddTelefone label {
  width: 155px;
}

@media (max-width: 775px) {
  #dddCelular {
    width: 100%;
    float: none;
  }

  #LinhaNome label {
    width: 100%;
  }

  #dddCelular label {
    width: 100%;
  }

  #CelularM {
    width: 100% !important;
    float: none;
  }

  #CelularM label {
    width: 100% !important;
  }

  #CelularM #CelularM {
    width: 100% !important;
  }

  #dddTelefone {
    width: 100%;
    float: none;
  }

  #dddTelefone label {
    width: 100%;
  }

  #TelefoneM {
    width: 100% !important;
    float: none;
  }

  #TelefoneM label {
    width: 100% !important;
  }

  #nameM {
    width: calc(100% - 150px);
    box-sizing: border-box;
  }

  #nameM label {
    width: 100%;
    box-sizing: border-box;
  }

  #sobrenomeM {
    box-sizing: border-box;
    width: calc(100% - 150px);
  }

  .emailM {
    width: calc(100% - 150px);
    box-sizing: border-box;
  }

  #FormMaisInformacoes label {
    width: 100%;
  }

  #FormMaisInformacoes .emailM {
    width: 100%;
  }

  #FormMaisInformacoes input[type="text"] {
    box-sizing: border-box;
  }
}

.small {
  width: 20px !important;
}

.smallx {
  width: 289px !important;
}

.smallxx {
  width: 290px !important;
}

#FormMaisInformacoes select {
  width: 585px;
  float: right;
  padding: 5px;
}

#FormMaisInformacoes input[type="submit"],
#FormMaisInformacoes input[type="button"] {
  padding: 5px;
  float: right;
  color: #fff;
  border: none;
  background: #ff0d0d;
  text-align: center;
  font-weight: 700;
}

#FormularioPesquisa input[type="submit"],
#FormularioPesquisa input[type="button"] {
  padding: 5px;
  float: right;
  color: #fff;
  border: none;
  background: #ff0d0d;
  text-align: center;
  font-weight: 700;
}

/*
#
# Lateral Busca
#
*/

#Lateral {
  width: 215px;
  float: left;
}

#Lateral .btn-servico {
  background: #ececec;
  border: 1px solid #ccc;
  padding: 10px;
  display: block;
  margin-bottom: 10px;

  font-size: 14px;
  color: #626161;
  text-decoration: none;
}

#Lateral .btn-servico:hover {
  background-color: #c7c7c7;
}

#Lateral .btn-servico span {
  float: right;
}

#Lateral #SimuleFinanciamento {
  clear: both;
  border: 1px solid #ccc;
  overflow: hidden;
}

#Lateral #SimuleFinanciamento h3 {
  background: #dc1921;
  padding: 5px;
  font-size: 13px;
  color: #fff;
}

#Lateral #SimuleFinanciamento ul {
  padding: 10px 14px;
  overflow: hidden;
}

#Lateral #SimuleFinanciamento ul li {
  float: left;
  line-height: 22px;
}

/**/
.MenuBusca {
  overflow: hidden;
  margin-bottom: 20px;
}

.MenuBusca {
  clear: both;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.MenuBusca #financiados-caixa {
  float: left;
  display: block;
  width: 215px;
  margin-bottom: 10px;
}

.MenuBusca #financiados-caixa img {
  border: 0;
}

.MenuBusca h2 {
  float: left;
  display: block;
  width: 100%;
  background: #dc1921;
  padding: 5px;
  font-size: 12px;
  color: #fff;
}

.MenuBusca li {
  float: left;
  display: block;
  width: 100%;
  padding: 5px;
  background: #ececec;
  border-bottom: 1px solid #ccc;
}

.MenuBusca li a {
  text-decoration: none;
  color: #4f4c4c;
  font-size: 12px;
}

.MenuBusca li a:hover {
  text-decoration: underline;
}

#ListaImoveis {
  width: calc(100% - 215px);
  padding: 0px 10px;
  box-sizing: border-box;
  float: right;
}

@media (max-width: 1015px) {
  #Lateral {
    display: none;
  }

  #ListaImoveis {
    width: 100%;
    float: none;
    padding: 0px 10px;
  }

  .MenuBusca {
    margin: 0;
    -webkit-column-break-inside: avoid;
    /* Chrome, Safari */
    page-break-inside: avoid;
    /* Theoretically FF 20+ */
    break-inside: avoid-column;
    /* IE 11 */
    display: table;
  }

  .MenuBusca li {
  }
}

@media (max-width: 435px) {
  #Lateral {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}

#ListaImoveis ul#Lista li {
  width: 100%;
  cursor: pointer;
  display: block;
  float: left;
  margin: 6px 0;
  padding: 6px 6px;
  overflow: hidden;
  box-sizing: border-box;
  border-bottom: 1px solid #c7c7c7;
}

#ListaImoveis ul li:hover {
  background: #e0e0e0;
}

#ListaImoveis ul li .DescricaoImovel,
#ListaImoveis ul li .Referencia,
#ListaImoveis ul li .BairroImovel,
#ListaImoveis ul li .CaracteristicasImovel {
  font-size: 14px;
  color: #626161;
}

#ListaImoveis ul li .fotoimovel {
  /*width: 233px; */
}

#ListaImoveis ul li .TituloImovel {
  max-width: 490px;
  width: 100%;
  min-height: 26px;
  color: #dc1921;
  display: block;
  float: left;
  font-size: 22px;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  padding: 8px 0 2px;
  margin-left: 12px;
}

#ListaImoveis ul li .Referencia {
  float: right;
  padding: 4px 0;
  margin-right: 12px;
}

#ListaImoveis ul li .BairroImovel {
  display: block;
  float: left;
  padding: 4px 0;
  max-width: 490px;
  width: 100%;
  margin-left: 12px;
}

#ListaImoveis ul li .CaracteristicasImovel {
  color: #dc1921;
  display: block;
  float: left;
  padding: 4px 0;
  max-width: 420px;
  width: 100%;
  margin-left: 12px;
}

#ListaImoveis ul li .DescricaoImovel {
  display: block;
  float: left;
  font-size: 13px;
  line-height: 16px;
  height: 30px !important;
  padding: 2px 0 2px 12px;
  text-align: justify;
  max-width: 480px;
  width: 100%;
  text-transform: lowercase;
  box-sizing: border-box;
}

#ListaImoveis ul li .InfoImovel {
  display: block;
  float: left;
  max-width: 489px;
  width: 100%;
  margin-bottom: 10px;
  margin-left: 12px;
}

#ListaImoveis ul li .InfoImovel span {
  color: #dc1921;
  display: block;
  float: left;
  font-size: 22px;
  padding-top: 10px;
  text-align: left;
  font-weight: bold;
}

#EncomendeSeuImovel span,
#AvalieSeuImovel span,
#CadastreSeuImovel span,
#AgendamentoVisitas span,
#FaleConosco span {
  color: #626161;
  font-size: 14px;
  text-align: justify;
}

#FaleConosco span {
  margin-bottom: 10px;
  display: block;
}

#EncomendeSeuImovel #Encomende,
#AvalieSeuImovel #Avalie,
#CadastreSeuImovel #Cadastre,
#AgendamentoVisitas #Agendamento,
#FaleConosco #Localizacao,
#FaleConosco #FaleConoscoForm {
  /*max-width: 735px;*/
  width: calc(100% - 215px);
  box-sizing: border-box;
  padding: 10px;
  float: right;
  overflow: hidden;
}

@media (max-width: 1015px) {
  #EncomendeSeuImovel #Encomende,
  #AvalieSeuImovel #Avalie,
  #CadastreSeuImovel #Cadastre,
  #AgendamentoVisitas #Agendamento,
  #FaleConosco #Localizacao,
  #FaleConosco #FaleConoscoForm {
    margin: 0 auto;
    float: none;
    width: 100%;
  }
}

@media (max-width: 790px) {
  #progress {
    width: 100%;
    margin: 55px 0 5px 0;
  }
}

#FaleConosco #Localizacao {
  margin: 15px 0;
}

#EncomendeSeuImovel form,
#AvalieSeuImovel form,
#CadastreSeuImovel form,
#AgendamentoVisitas form,
#FaleConosco form {
  overflow: hidden;
}

#EncomendeSeuImovel form fieldset,
#AvalieSeuImovel form fieldset,
#CadastreSeuImovel form fieldset,
#AgendamentoVisitas form fieldset,
#FaleConosco form fieldset {
  border-bottom: 3px solid #575656;
  padding: 5px 0;
  margin: 20px 0;

  font-size: 18px;
  font-weight: 700;
  padding-bottom: 10px;
  text-transform: uppercase;
}

#EncomendeSeuImovel form li,
#AvalieSeuImovel form li,
#CadastreSeuImovel form li,
#AgendamentoVisitas form li,
#FaleConosco form li {
  overflow: hidden;
  padding: 0 0 8px 0;
}

#CadastreSeuImovel form li.Anexo label {
  width: 100%;
}

ul.Radio li {
  width: 110px;
  float: left;
  margin-top: 8px;
}

ul.Radio li label {
  width: 89px !important;
  padding: 2px 0 0 0 !important;
}

ul.Radio li input[type="radio"] {
  float: left;
}

#EncomendeSeuImovel form label,
#AvalieSeuImovel form label,
#CadastreSeuImovel form label,
#AgendamentoVisitas form label,
#FaleConosco form label {
  max-width: 150px;
  width: 33.3%;
  padding: 10px 0;
  float: left;
  color: #626161;
  font-size: 14px;
}

#FaleConosco form ul#Inss {
  overflow: hidden;
}

#FaleConosco form ul#Inss label {
  margin: 2px 0 !important;
  /* width: 57px !important;*/
  float: left !important;
  padding: 0 0 0 8px !important;
}

#FaleConosco form ul#Inss li input[type="radio"] {
  float: left !important;
}

#FaleConosco form ul.Width75 li {
  width: 75px !important;
}

#FaleConosco form ul.Width75 label {
  width: 30px !important;
}

#FaleConosco form ul.Width195 li {
  width: 195px !important;
}

#FaleConosco form ul#Inss li {
  padding: 7px 0 !important;
  float: left;
}

#FaleConosco #LogotiposBancos {
  overflow: hidden;
  margin-bottom: 20px;
}

#FaleConosco #LogotiposBancos li {
  float: left;
  width: 83px;
  margin-right: 10px;
}

#FaleConosco #LogotiposBancos li:last-child {
  margin-right: 0 !important;
}

#EncomendeSeuImovel form input[type="text"],
#AvalieSeuImovel form input[type="text"],
#CadastreSeuImovel form input[type="text"],
#AgendamentoVisitas form input[type="text"],
#FaleConosco form input[type="text"] {
  max-width: 541px;
  width: 100%;
  float: right;
  padding: 5px 35px 5px 5px;
}

form textarea {
    max-width: 542px;
    width: 100%;
    max-height: 65px;
    float: right;
    padding: 5px 40px 5px 5px;
    font-family: arial;
}

#FinanciamentoConstrutora .FinanciamentoTable .DetalhesTabela {
  text-align: left;
  padding-bottom: 8px;
  width: 100%;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 15px;
  box-sizing: border-box;
  padding: 0 5px;
}

#FinanciamentoConstrutora .FinanciamentoTable .tabelapreco {
  column-count: 6;
}

#FinanciamentoConstrutora .FinanciamentoTable .tabelapreco .listapreco {
  -webkit-column-break-inside: avoid;
  break-inside: avoid-column;
}

#FinanciamentoConstrutora
  .FinanciamentoTable
  .tabelapreco
  .listapreco
  .tipopreco {
  text-align: left;
  color: #242424;
  padding: 5px;
}

#FinanciamentoConstrutora .FinanciamentoTable .tabelapreco .listapreco .preco {
  padding: 5px;
  color: #242424;
  font-weight: normal;
}

@media (max-width: 700px) {
  #FinanciamentoConstrutora .FinanciamentoTable .tabelapreco {
    column-count: 3;
  }
}

@media (max-width: 515px) {
  #EncomendeSeuImovel form label,
  #AvalieSeuImovel form label,
  #CadastreSeuImovel form label,
  #AgendamentoVisitas form label,
  #FaleConosco form label {
    width: 33.3%;
  }

  #EncomendeSeuImovel form input[type="text"],
  #AvalieSeuImovel form input[type="text"],
  #CadastreSeuImovel form input[type="text"],
  #AgendamentoVisitas form input[type="text"],
  #FaleConosco form input[type="text"] {
    float: none;
    box-sizing: border-box;
  }

  form textarea {
    margin: 0;
    max-width: 542px;
    width: 100%;
    min-width: initial !important;
    max-height: 65px;
    min-height: initial;
    float: none;
    padding: 5px 40px 5px 5px;
    box-sizing: border-box;
  }

  .blockat515 {
    display: block;
    max-width: 100% !important;
    width: 100% !important;
  }
}

@media (max-width: 350px) {
  #FinanciamentoConstrutora .FinanciamentoTable .tabelapreco {
    column-count: 2;
  }
}

#EncomendeSeuImovel form select,
#AvalieSeuImovel form select {
  padding: 5px 35px 5px 5px;
  width: 200px;
  float: left;
}

#FaleConosco form select {
  padding: 5px;
}

#CadastreSeuImovel form textarea {
}

#EncomendeSeuImovel form input[type="submit"],
#AvalieSeuImovel form input[type="submit"],
#CadastreSeuImovel form input[type="submit"],
#AgendamentoVisitas form input[type="submit"],
#FaleConosco form input[type="submit"] {
  padding: 5px;
  float: right;
  color: #fff;
  border: none;
  background: #ff0d0d;
  text-align: center;
  font-weight: 700;
}

/*Avalie seu im�vel*/

#Selects {
  overflow: hidden;
  align-items: stretch;
}

@media (min-width: 320px) and (max-width: 1010px) {
  #Selects {
    display: grid;
  }
  #Selects ul li.width350,
  #Selects li.left.width350 {
    display: block !important;
  }
  #Selects li.right.width350 {
    display: block !important;
  }
}

#Selects ul li.width350,
#Selects li.left.width350 {
  grid-template-columns: 1fr 1fr;
  display: grid;
  grid-gap: 43px;
}
#Selects li.right.width350 {
  grid-template-columns: 1fr 1fr;
  display: grid;
  justify-items: center;
}

/*
#
#Detalhe do imóvel
#
*/

#AreaFoto {
  float: left;
  display: block;
  width: 355px;
  height: 280px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

#AreaFoto img {
  width: 100%;
}

#InfoImovel {
  float: right;
  display: block;
  width: calc(100% - 360px);
  margin: 0;
  padding: 1px 0;
}

#InfoImovel:after {
  content: "";
  display: table;
  clear: both;
}

#InfoImovel li {
  float: left;
  display: block;
  width: 100%;
  padding: 11px 0 10px 0;
  margin: 0;
  font-size: 13px;
  border-bottom: 1px dashed #eaeaea;
  color: #4f4c4c;
}

#InfoImovel li label {
  float: left;
  display: block;
  font-weight: bold;
  text-indent: 10px;
  text-align: left;
}

#InfoImovel li span {
  float: right;
  display: block;
  padding-right: 10px;
  text-align: right;
}

#Fotos,
#Observacoes,
#Caracteristicas,
#FinanciamentoConstrutora {
  float: left;
  margin: 20px 0;
  max-width: 735px;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
}

.HeaderDetalhes {
  width: 100%;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 15px;
  box-sizing: border-box;
  padding: 0 5px;
}

#Opcoes {
  background: #dc1921;
  width: 715px;
  padding: 10px;
  float: left;
  margin: 20px 0 0 0;
}

#Opcoes ul {
  text-align: center;
  overflow: hidden;
}

#Opcoes ul:after {
  content: "";
  display: table;
  clear: both;
}

#Opcoes ul li {
  width: 227px;
  float: left;
  padding: 0 5px;
  border-right: 1px solid #a51117;
  border-left: 1px solid #f15158;
  height: 40px;
}

#Opcoes ul li:first-child {
  border-left: none;
}

#Opcoes ul li:last-child {
  border-right: none;
}

#Opcoes ul li a {
  text-decoration: none;
  color: #fff;
  font-size: 13px;
  text-indent: -9999px;
}

#Opcoes ul li a.Ligamos {
  display: block;
  background: url(../slices/icones/icon-ligamos-para-voce.png) no-repeat center
    center;
  height: 37px;
}

#Opcoes ul li a.Ligamos:hover {
  background: url(../slices/icones/ligamos-hover.png) no-repeat center center;
}

#Opcoes ul li a.Corretor {
  display: block;
  background: url(../slices/icones/icon-consulte-um-corretor.png) no-repeat
    center center;
  height: 37px;
}

#Opcoes ul li a.Corretor:hover {
  background: url(../slices/icones/consulte-corretor-hover.png) no-repeat center
    center;
}

#Opcoes ul li a.Agende {
  display: block;
  background: url(../slices/icones/icon-agende-uma-visita.png) no-repeat center
    center;
  height: 37px;
}

#Opcoes ul li a.Agende:hover {
  background: url(../slices/icones/agendar-hover.png) no-repeat center center;
}

#Opcoes ul li:hover {
  background: transparent !important;
}

@media (max-width: 735px) {
  #InfoImovel {
    float: none;
    max-width: 360px;
    width: 100%;
    margin: 0 auto;
  }

  #AreaFoto {
    float: none;
    display: block;
    max-width: 355px;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }

  #Opcoes {
    max-width: 715px;
    width: 100%;
    padding: 10px;
    float: none;
    margin: 20px auto 0 auto;
    box-sizing: border-box;
  }

  #Opcoes ul li {
    width: calc(100% / 3);
    float: left;
    padding: 0 5px;
    border-right: 1px solid #a51117;
    border-left: 1px solid #f15158;
    height: 40px;
    box-sizing: border-box;
  }
}

@media (max-width: 500px) {
  #Opcoes ul li {
    width: 100%;
    float: left;
    padding: 10px;
    border-right: 0px solid #a51117;
    border-left: 0px solid #f15158;
    height: 40px;
    box-sizing: border-box;
  }

  #Opcoes ul {
    text-align: center;
    overflow: visible;
    height: 140px;
  }
}

#Observacoes p {
  text-align: justify;
  line-height: 22px;
  /* color: #4f4c4c;*/
  margin: 10px 0 0 0;
}

#Caracteristicas .BoxLista {
  float: left;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
}

.imageCheck {
  display: inline;
  padding: 0 2px;
  float: left;
}

#Caracteristicas .BoxLista li {
  float: left;
  display: block;
  width: 230px;
  padding: 6px;

  line-height: 18px;
}

#FinanciamentoConstrutora {
  width: 100%;
  color: #dc1921;
  display: inline-block;
  font-weight: bolder;
  font-size: 0.9rem;
}

#FinanciamentoConstrutora .BoxLista {
  float: left;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
}

#FinanciamentoConstrutora .BoxLista li {
  padding: 6px 0px;
}

#FinanciamentoCaixa {
  width: 100%;
  display: inline-block;
  color: #dc1921;
  font-weight: bolder;
  font-size: 0.9rem;
}

#FinanciamentoCaixa h2 {
  margin: 5px;
}

#FinanciamentoCaixa .BoxLista li {
  padding: 6px 0px;
}

.FinanciamentoTable table {
  width: 100%;
}

.FinanciamentoTable caption {
  text-align: left;
  padding-bottom: 8px;
}

.FinanciamentoTable td {
  padding: 5px;
  color: #242424;
  font-weight: normal;
}

.FinanciamentoTable th {
  text-align: left;
  color: #242424;
  padding: 5px;
}

.financiamento-observacoes {
  font-weight: normal;
  font-size: 0.8rem;
  color: #464646;
  padding: 5px;
}

.list_carousel {
  width: 100%;
}

.list_carousel ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}

.list_carousel .ImovelDestaque {
  width: 100%;
  display: block;
  float: left;
}

.clearfix {
  float: none;
  clear: both;
}

/*Jcarrousel*/

.wrapper {
  max-width: 980px;
  margin: auto;
  position: relative;
}

.jcarousel-wrapper {
  position: relative;
}

.jcarousel-wrapper .photo-credits {
  position: absolute;
  right: 15px;
  bottom: 0;
  font-size: 13px;
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
  opacity: 0.66;
}

.jcarousel-wrapper .photo-credits a {
  color: #fff;
}

/** Carousel **/

.jcarousel {
  position: relative;
  overflow: hidden;
  width: 980px;
  height: 369px;
}

.jcarousel .ImgImovel {
  height: 369px;
  overflow: hidden;
  width: 980px;
}

.jcarousel ul {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.jcarousel li {
  float: left;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
  position: absolute;
  top: 140px;
  width: 30px;
  height: 40px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 0 5px #000;
  font: 84px/87px Arial, sans-serif;
  font-weight: bold;
  font-weight: 700;
}

.jcarousel-control-prev {
  left: 50px;
}

.jcarousel-control-next {
  right: 50px;
}

.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
  display: block;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
  opacity: 0.5;
  cursor: default;
}

/** Carousel Pagination **/

.jcarousel-pagination {
  position: absolute;
  bottom: 70px;
  right: 50px;
}

.jcarousel-pagination a {
  text-decoration: none;
  display: inline-block;

  font-size: 11px;
  line-height: 14px;
  min-width: 14px;

  background: red;
  color: #fff;
  padding: 3px;
  text-align: center;

  margin-right: 2px;

  opacity: 0.75;
}

.jcarousel-pagination a.active {
  background: #4e443c;
  color: #fff;
  opacity: 1;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}

/*Descrição do slide*/

#descricao-slide {
  background-color: #4d4c4c;
  width: 980px;
  height: 58px;
  top: 315px;
  position: absolute;
}

#descricao-slide ul li,
#descricao-slide ul li img,
#descricao-slide ul li label {
  float: left;
  display: inline;
  position: relative;
}

#descricao-slide ul li:first-child {
  margin-left: 30px;
}

#descricao-slide ul li img {
  margin: 0 0 0 20px;
}

#descricao-slide ul li .ico-tipo {
  margin-top: 6px !important;
}

#descricao-slide ul li .ico-localizacao {
  margin-top: 14px !important;
}

#descricao-slide ul li .ico-dorms {
  margin-top: 12px !important;
}

#descricao-slide ul li .ico-vagas {
  margin-top: 14px !important;
}

#descricao-slide ul li .saiba-slide {
  float: left;
  display: block;
  color: #fff;
  padding: 20px 0 20px 20px;
  text-decoration: none;
}

#descricao-slide ul li .saiba-slide:hover {
  text-decoration: underline;
}

#descricao-slide ul li label {
  color: #fff;
  padding: 20px;
}

#descricao-slide ul li hr {
  color: #fff;
  height: 40px !important;
  width: 1px;
}

/*#iconePrimeiro{
        padding-left: 130px !important;
        height: 44px !important;
        width: 30px !important;
        display: block !important;
    margin-top: 5px !important;

}

#labelPrimeiro{
        display: block !important;
    margin-top: -28px !important;
    color:#fff;
    padding-left: 170px !important;
}
#hrPrimeiro{
   color: #fff;
    height: 40px !important;
    width: 1px;
    margin-top: -28px !important;
    margin-left: 230px;
}


#icones-slide{
        padding-left: 10px;
        height: 33px !important;
        width: 30px !important;
        display: block !important;
    margin-top: 10px !important;

}

#hr-slides{
        color: #fff;
    height: 40px !important;
    width: 1px;
    margin-top: -28px !important;
    margin-left: 150px;
}

#label-slide{
        display: block !important;
    margin-top: -25px !important;
    color:#fff;
    padding-left: 50px;
}

#saiba-slide{
        display: block !important;
        text-decoration: none;
        color:#fff;
        margin-top: 20px !important;
        padding-left: 10px;

        }*/

#fundo-slide-direita {
  background: none repeat scroll 0 0 #ffffff;
  height: 558px;
  opacity: 0.5;
  position: absolute;
  right: -900px;
  width: 900px;
  z-index: 9000;
}

#fundo-slide-esquerda {
  background: none repeat scroll 0 0 #ffffff;
  height: 558px;
  opacity: 0.5;
  position: absolute;
  right: 971px;
  width: 471px;
  z-index: 9000;
}

.count-char {
  float: left;
  display: block;
  width: 30px !important;
  margin-left: 702px;
  padding: 8px 12px;
  font-size: 13px;
  position: absolute;
  text-align: center;
}

.error-message {
  display: none;
  color: #f00;
  position: relative;
  top: 4px;
  max-width: 200px !important;
  width: 100% !important;
  padding: 0 !important;
}

.error-message span {
  float: left;
  display: inline;
  position: relative;
}

.error-message span:first-child {
  width: 9px;
  height: 10px;
  margin: 7px 4px;
  background: url("../images/x.png") no-repeat;
}

.error-message span:last-child {
  padding: 3px;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  display: block;
  width: 100%;
}

.field-style {
  box-sizing: border-box;
  border: 1px solid #c7c7c7;
  border-radius: 3px;
  -moz-transition: border-color 0.1s ease-out;
  -webkit-transition: border-color 0.1s ease-out;
  -o-transition: border-color 0.1s ease-out;
  -moz-transition: box-shadow 0.1s ease-out;
  -webkit-transition: box-shadow 0.1s ease-out;
  -o-transition: box-shadow 0.1s ease-out;
  outline: 0;
}

.field-style:focus {
  border-color: #dc1921 !important;
  box-shadow: 0 0 7px #f03a42;
}

.loading {
  float: left;
  display: none;
  padding: 3px;
}

.loading img {
  float: left;
  display: inline;
  width: 26px;
  margin: 2px 0 0 2px;
}

.loading span {
  float: left;
  display: inline;
  height: 28px;
  line-height: 18px;
  margin-left: 5px;
  font-size: 14px;
}

.fotoimovel {
  float: left;
  display: block;
  width: 160px;
  height: 145px;
  overflow: hidden;
}

.fotoimovelIndex {
  float: left;
  display: block;
  width: 315px;
  height: 184px;
  overflow: hidden;
}

.fotoimovel a,
.fotoimovel img {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  border: 0 !important;
}

#desbloquearfotos {
  float: left;
  display: block;
  width: 100%;
  height: 100px;
  padding-top: 22px;
  font-size: 28px;
  background-color: #dc1921;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.delpic {
  float: left;
  display: block;
  width: 80px;
  height: 80px;
  position: absolute;
}

.delpic span {
  float: left;
  display: none;
  width: 100%;
  padding: 3px 0;
  background-image: url("../slices/bgBlack.png");
  font-size: 12px !important;
  color: #fff !important;
  text-align: center !important;
  border-top: 1px solid #373737;
  margin-top: 61px;
}

.delpic:hover span {
  display: block;
}

/*Pagina simule financiamento*/

#PaginaSimuleFinanciamento {
  width: 735px;
  float: right;
  overflow: hidden;
}

/*        #PaginaSimuleFinanciamento ul li {
            width: 82px;
            margin-right: 11px;
            float: left;
            }*/

#Assinatura {
  overflow: hidden;
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
  padding: 5px 10px 20px 10px;
  box-sizing: border-box;
}

#Assinatura a {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  float: right;
}

#Assinatura a:hover {
  text-decoration: underline;
}

#bxmask {
  float: left;
  display: block;
  width: 170px;
  height: 32px;
  opacity: 0;
  position: absolute;
  z-index: 5;
  cursor: pointer;
}

#box-shw {
  float: right;
  display: none;
  width: 70%;
  /*height: 30px;*/
  overflow: hidden;
  margin-top: -200px !important;
  max-resolution: 1441;
  /*position: absolute;*/
  cursor: pointer;
  z-index: 10;
}

#box-shw ul {
  float: left;
  display: block;
  width: 100%;
}

#box-shw ul li {
  float: left !important;
  line-height: 31px;
  display: block;
  width: 300px;

  padding: 4px 0 !important;
  cursor: pointer;
}

#box-shw ul li:hover {
  background-color: #eaeaea;
}

#box-shw ul li label {
  font-weight: normal !important;
  text-transform: normal !important;
  color: #373737 !important;
  cursor: pointer;
}

#box-shw ul li input {
  margin: 10px !important;
}

#closebx {
  float: left;
  display: block;
  width: 100%;
  margin: 10px 0;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  background-color: #9e0102;
}

#closebx:hover {
  background-color: #dc0000;
}

.bx-shwed {
  padding: 4px;
  margin: -100px 0 0 -350px !important;
  background-color: #fff;
  border: 1px solid #840101;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
}

#divtelefone {
  float: left;
  text-decoration: none;
  color: #fff;
  display: block;
  height: 31px;
  margin: 3px 0 0 270px;
  font-size: 28px;
}

#financiado {
  float: left;
  display: block;
  /*margin: 88px 0 0 127px;*/
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}

#financiado img {
  width: 30px !important;
  height: 30px !important;
}

#financiado2 {
  float: left;
  display: block;
  margin: 88px 0 0 116px;
  position: absolute;
}

#financiado2 img {
  height: 30px !important;
}

#financiado3 {
  float: left;
  display: block;
  margin: 192px 0 0 276px;
  position: absolute;
}

#financiado3 img {
  border: 0 !important;
}

@media (max-width: 1000px) {
  #Linha1 #MenuPrincipal {
    background: transparent !important;
  }
}

#Slider {
  background: url(../slices/bg-slider.png) center bottom repeat;
}

.classResultado {
  border: 1px solid;
  color: #626161;
  border-radius: 6px;
  padding: 5px;
}

.classResultado .parametros-nao-encontrados {
  margin: 10px 5px 0 5px;
  color: #626161;
  text-align: center;
  font-size: 12px;
  text-align: center;
}

#Imoveis .classResultado .parametros-nao-encontrados h3 {
  font-size: 14px;
  padding-bottom: 0;
}

#Imoveis .classResultado .parametros-nao-encontrados span {
  color: #ba131a;
}

.classResultado h2 {
  margin: 10px 5px 0 5px;
  color: #626161;
  text-align: center;
}

.classResultado p#Resultado {
  text-align: center;
}

.classResultado ul {
  height: 50px;
  width: 530px;
}

.classResultado ul li {
  float: left;
  margin: 0 0 12px 5px;
  padding: 4px;
}

.classResultado ul li a {
  color: #626161;
}

.classResultado ul li#Ordenar strong {
  margin: 20px 0 0 12px;
}

.HeaderResultado {
  text-align: center;
  line-height: 30px;
}

.center {
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
}

.verMais {
  border: 5px solid;
  padding: 7px;
  clear: both !important;
  background: #ff0d0d;
  color: #fff;
  font-weight: bold;
  clear: both;
}

a.verMais {
  text-decoration: none !important;
  margin: 10px;
  float: right;
}

a:hover .verMais {
  text-decoration: underline;
}

#popup {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  z-index: 9997;
}

#popup #ConteudoPopup {
  position: fixed;
  top: 30%;
  right: 30%;
  width: 600px;
  z-index: 9998;
}

#popup #ConteudoPopup img {
}

#popup #ConteudoPopup .fechar {
  background: #f00;
  width: 30px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  line-height: 25px;
  float: right;
  margin: 5px 0;
  z-index: 9999;
}

#popup #ConteudoPopup .fechar a {
  color: #fff;
  text-decoration: none;
}

#footer-bar {
  float: left;
  display: table;
  vertical-align: middle;
  width: 100%;
  height: 50px;
  background: url("../slices/footer-bar.jpg") repeat-x;
  position: fixed;
  bottom: 0;
  z-index: 1000;
  color: #fff;
}

#footer-bar-center {
  width: 980px;
  margin: 0 auto;
}

#footer-bar li {
  display: table-cell;
  height: 50px;
  vertical-align: middle;
  padding: 0 26px;
  background: url("../slices/footer-bar-label.jpg") center right no-repeat;
}

#footer-bar li a {
  color: #fff;
}

#footer-bar li:last-child {
  background: none;
}

#footer-bar #footer-bar-phones {
  width: 200px;
}

#footer-bar #footer-bar-phones strong {
  padding-bottom: 4px;
}

/* CSS FORM PODER DE COMPRA */

.simular-poder-compra {
  padding-top: 1%;
}
.form_poder_compra {
  display: grid;
  justify-items: center;
}
.form_poder_compra input {
  border-radius: 7px;
  border: 1px solid #6f6f6f;
  margin-bottom: 5px;
  font-size: larger;
  padding: 7px;
  margin-bottom: 1%;
}
.form_poder_compra label {
  font-weight: 300;
  font-size: 14px;
  margin-left: -8%;
}
#btn-poder-compra {
    background-color: #ba1319;
    color: white;
    font-weight: 700;
    border: none;
    border-radius: 7px;
    cursor: pointer;
}
.resultados {
  display: flex;
  justify-content: center;
}

@media (max-width:70em){
  .resultados{
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .resultados p {
    font-size: x-large !important;
    font-weight: 600 !important;
}
}
.resultados p {
  font-size: xx-large;
  font-weight: 700;
}
.error{
    color: red;
    display: none;
}

.display-error{
    display: block;
    margin-bottom: 20px;
    transform: translateY(-20px);
}

#footer-bar #footer-bar-phones strong,
#footer-bar #footer-bar-phones span {
  float: left;
}

#footer-bar .footer-bar-icons i {
  float: left;
  background-repeat: no-repeat;
}

#footer-bar .footer-bar-icons strong,
#footer-bar .footer-bar-icons span {
  float: left;
  padding-left: 10px;
}

#footer-bar .footer-bar-icons i#foo-agende {
  width: 41px;
  height: 34px;
  background-image: url("../slices/footer-icon-agende.png");
}

#footer-bar .footer-bar-icons i#foo-mail {
  width: 41px;
  height: 34px;
  background-position: center left;
  background-image: url("../slices/footer-icon-mail.png");
}

#footer-bar .footer-bar-icons i#foo-phone {
  width: 24px;
  height: 35px;
  background-image: url("../slices/footer-icon-phone.png");
}

@media (max-width: 360px) {
  .HeaderResultado {
    font-size: 18px !important;
  }
}

@media (max-width: 475px) {
  .box-pesquisa-textos {
    float: left;
    width: 100%;
  }

  .fotoimovel {
    float: none;
    display: block;
    margin: 0 auto;
    width: initial;
    height: initial;
  }
}

.ajuste-permuta {
  float: left;
  display: block;
  width: 100%;
}

.ajuste-permuta li {
  float: left;
  width: 50%;
  padding: 5px 10px !important;
  box-sizing: border-box;
}

.ajuste-permuta li.completo {
  width: 100%;
}

.ajuste-permuta li input {
  width: 100%;
}

#EncomendeSeuImovel form .ajuste-permuta li label {
  max-width: 100px;
  width: 100%;
  padding: 10px 0;
  float: left;
  color: #626161;
  font-size: 14px;
}

#EncomendeSeuImovel form .ajuste-permuta li textarea {
  width: calc(100% - 100px);
  float: right;
  max-width: initial;
  margin: 0;
}

#EncomendeSeuImovel form .ajuste-permuta li input,
#EncomendeSeuImovel form .ajuste-permuta li select {
  width: calc(100% - 100px);
}

#EncomendeSeuImovel form .ajuste-permuta li input.metade {
  width: calc(50% - 50px);
}

.Radio.RadioPermuta {
  float: left;
  width: calc(100% - 100px);
}

.Radio.RadioPermuta li {
  width: 50%;
}

.Radio.RadioPermuta li label,
.Radio.RadioPermuta li span {
  float: left;
}

.Radio.RadioPermuta li label,
.Radio.RadioPermuta li input {
  width: initial !important;
}

.Radio.RadioPermuta li label {
  width: 60px !important;
}

@media (max-width: 745px) {
  .ajuste-permuta li {
    width: 100%;
  }
}

@media (max-width: 530px) {
  #EncomendeSeuImovel form .ajuste-permuta li textarea {
    width: 100%;
  }

  #EncomendeSeuImovel form .ajuste-permuta li input,
  #EncomendeSeuImovel form .ajuste-permuta li select {
    width: 100%;
  }

  #EncomendeSeuImovel form .ajuste-permuta li input.metade {
    width: calc(100% - 100px);
    margin: 5px 0;
    float: right !important;
  }

  .Radio.RadioPermuta {
    width: 100%;
  }
}

@media (max-width: 300px) {
  #EncomendeSeuImovel form .ajuste-permuta li input.metade {
    width: 100%;
    margin: 5px 0;
    float: right !important;
  }
}

.classResultado ul .checked {
  border-radius: 4px;
  border: 1px solid gray;
}

/*popup whatsapp*/

.whats {
  position: fixed;
  bottom: 15px;
  left: 25px;
  z-index: 3;
  max-width: 320px;
  width: calc(100% - 50px);
}

.whats .clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.whats__form {
  display: none;
}

.whats__form.active {
  display: block;
}

.whats__name {
  background: #056056;
}

.whats__name img {
  width: 27px;
  height: 27px;
  -o-object-position: left;
  object-position: left;
  -o-object-fit: contain;
  object-fit: contain;
  background-color: #ffffff;
  border-radius: 27px;
  margin: 11px 12px;
}

.whats__name span,
.whats__name div {
  line-height: 49px;
  color: #ffffff;
}

.whats__name img,
.whats__name span {
  display: block;
  float: left;
}

.whats__name div {
  float: right;
  cursor: pointer;
  margin-right: 16px;
}

.whats__msgs {
  background-image: url(../images/whatsapp-bg.jpeg);
  background-size: cover;
  padding: 15px 20px 3px 20px;
  min-height: 140px;
}

.whats__msg {
  display: none;
  background-color: #ffffff;
  color: #262626;
  font-size: 14px;
  padding: 8px 58px 8px 12px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position: relative;
  -webkit-box-shadow: 1px 1px 2px #ccc;
  box-shadow: 1px 1px 2px #ccc;
  margin-bottom: 12px;
}

.whats__msg span {
  position: absolute;
  display: inline-block;
  bottom: 2px;
  right: 10px;
  line-height: 17px;
  font-size: 11px;
  color: #929292;
}

.whats__msg:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ffffff;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}

.whats form {
  background: #f5f1ee;
  padding: 12px 10px;
  z-index: 9999;
}

.whats form table {
  table-layout: fixed;
  width: 100%;
}

.whats form #nome.wpcf7-not-valid,
.whats form #tel.wpcf7-not-valid {
  border: 1px solid #ff8989;
}

.whats form #enviarWPbtn {
  text-indent: -99999px;
  /*width: 30px;*/
  background-image: url(../images/download.jpg);
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  background-color: transparent;
  height: 38px;
  cursor: pointer;
}

.whats form input {
  height: 32px;
}

.whats form input::-webkit-input-placeholder {
  font-size: 14px;
  color: black;
}

.whats form input::-moz-placeholder {
  font-size: 14px;
  color: black;
}

.whats form input:-ms-input-placeholder {
  font-size: 14px;
  color: black;
}

.whats form input::-ms-input-placeholder {
  font-size: 14px;
  color: black;
}

.whats form input::placeholder,
.whats form input {
  font-size: 14px;
  color: black;
  width: 100%;
}

.whats form p {
  margin: 0;
}

.clearfix {
  zoom: 1;
}

.whats form .wpcf7-not-valid-tip {
  display: none;
}

.whats form .wpcf7-response-output {
  display: none !important;
}

div.wpcf7 .ajax-loader {
  display: none !important;
}

.whats .ajax-loader {
  display: none !important;
}

.whats__btn {
  margin-top: 14px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}

.whats__btn .wt {
  width: 52px;
  height: auto;
}

.whats__btn span {
  -webkit-animation-name: pulo;
  -webkit-animation-duration: 0.3s;
  animation-name: pulo;
  animation-duration: 0.3s;
  display: block;
  position: absolute;
  right: -5px;
  top: -5px;
  /* width: 20px; */
  /* height: 20px; */
  font-size: 13px;
  text-align: center;
  color: #ffffff;
  border-radius: 50%;
  background-color: #ff8000;
  border: 2px solid #fff;
  padding: 5px 8px;
}

.whats form #nome,
.whats form #tel {
  float: unset;
  width: 92%;
  height: 32px;
  border: 0;
  margin-bottom: 7px;
}

.whats form #email {
  border: 0;
}

@-webkit-keyframes pulo {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes pulo {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.input-hidden {
  position: absolute;
  visibility: hidden;
  width: 0;
  height: 0;
}

#ls, #lst, #rat{
  display: none;
}

.swiper-slide img {
  
}

.container-imovel-single-grid {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-evenly;
}

#Opcoes {
  background: #dc1921;
  height: fit-content;
  width: auto;
  padding: 9px;
  float: none;
  margin: 0 0 0 0;
  margin-top: 5%;
}

#Opcoes ul {
  display: flex;
  flex-direction: column;
}

.container-imovel-single {
  max-width: 1024px;

}

.container-imovel-single h1 {
  font-weight: 700;
  font-size: x-large;
  margin-top: 5%;
}

.container-info {
  display: grid;
  margin: 5% 0 0%;
}

.container-price {
  margin-top: 8%;
}

.container-price span {

  font-size: 40px;
  line-height: 1.1;
  font-weight: bold;
}

.more-price {
  display: flex;
  color: #6f6f6f;
}

.more-price p {
  margin-right: 1%;
}

.container-desc {
  display: flex;
  flex-wrap: wrap;
}

.container-desc-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 10px;
  margin-top: 15px;
}

.container-desc-obs {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f7f7f7;
  margin-top: 2%;
}

.container-desc-obs h2 {
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 15px;
  color: #dc1921;
  margin-top: 1%;
}

/* .descricao-im{
  margin-right: 14%;
} */

#Fotos,
#Observacoes,
#Caracteristicas,
#FinanciamentoConstrutora {
  float: none;
}

/*
#FormularioInformacoesImoveis label{
  width: 155px;
  padding: 10px 0;
  float: left;
  color: #626161;
  font-size: 14px;
}

#FormularioInformacoesImoveis input[type="text"] {
max-width: 541px;
width: 100% !important;
float: left;
padding: 5px;
}

#FormMaisInformacoes .emailM {
width: 541px;
float: left;
padding: 5px 25px 5px 5px;
}

#FormularioInformacoesImoveis label {
width: 154px !important;
}

#FormularioInformacoesImoveis label {
width: 155px;
padding: 0px;
float: left;
color: #626161;
font-size: 14px;
}
.field-style{
margin-top: 12px;
} */
@media (max-width: 848px) {
  .container-imovel-single-grid {
      flex-direction: column-reverse;
  }

  #Opcoes ul {
      justify-content: space-around;
      flex-direction: row;
  }
}

@media (max-width: 500px) {
  #Opcoes ul {
      height: 56px;
  }
}




.ref{
  padding-top: 7%;
  height: fit-content;
  width: 100%;
  display: flex;
  justify-content: center;
}

.ref ul{
  display: flex;
}

.ref li{
  list-style: none;
}

.ref li input {
  border-bottom-left-radius: 7px;
  border-top-left-radius: 7px; 
  height: 87%;
}

.ref li button{
    width: fit-content;
    height: 53px;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    font-size: 17px;
    font-family: 'Open Sans', 'Droid Sans', Arial;
    font-weight: 400; 
    margin: auto;
    background-color: #ba1319;
    color: white;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    line-height: 1.42857143;
    border-radius: 4px;
}

@media (max-width: 768px){
  .ref{
    padding-top: 0px;
  }
}