:root {
  --azulclaro: #7277fa;
  --azulescuro: #2e166e;
  --vermelho: #dd251d;
  --cinza: #bababa;
  --verdezap: #0cb460;
}

.azulclaro {
  color: var(--azulclaro);
}
.azulescuro {
  color: var(--azulescuro);
}
.vermelho {
  color: var(--vermelho);
}
.cinza {
  color: var(--cinza);
}
.fonteescura {
  color: #000 !important;
}

.bg-azulclaro {
  background-color: var(--azulclaro);
}
.bg-azulescuro {
  background-color: var(--azulescuro);
}
.bg-vermelho {
  background-color: var(--vermelho);
}
.bg-cinza {
  background-color: var(--cinza);
}

* {
  margin: 0;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
  scroll-behavior: smooth;
  font-family: "Source Sans Pro", sans-serif;
}

a {
  text-decoration: none;
  color: #fff;
}

a:hover {
  text-decoration: none;
  color: #fff;
}

p {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 18px;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
}

h1 {
  font-size: 40px;
}

.mrg-0 {
  margin: 0;
}
.pad-0 {
  padding: 0;
}

.pad-left-0 {
  padding-left: 0;
}
.pad-right-0 {
  padding-right: 0;
}

.pad-l-r-0 {
  padding-right: 0;
  padding-left: 0;
}
.txt-center {
  text-align: center;
}
.txt-left {
  text-align: left;
}
.txt-right {
  text-align: right;
}
.fl-left {
  float: left;
}
.fl-right {
  float: right;
}

/* ##### HEADER ##### */

section.header {
  height: 108px;
  background: #fff;
}
.menu ul {
  display: flex;
  list-style: none;
  font-size: 14px;
  justify-content: flex-end;
}

.carousel-control-next,
.carousel-control-prev {
  z-index: 201;
}

.menu ul a {
  color: #000;
}

.menu ul a li {
  border-right: 1px solid #e2e2e2;
  padding: 2px 8px;
  padding-top: 15px;
}

.menu ul a:last-child li {
  border: none !important;
}

.menu ul li a {
  color: #000;
}

.barra-lilas img.barra-lilas-ponta {
  position: absolute;
  z-index: 101;
  top: -6px;
  right: 6px;
}

/* ##### FIM HEADER ##### */

/* ##### BANNER HOME  ##### */

.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 65px;
  height: 65px;
  background-image: none;
}

@keyframes moveBanner {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.1);
  }
}
.banner-movimento {
  animation: moveBanner 12s ease-out;
}

.degrade-topo-banner {
  position: absolute;
  z-index: 100;
  height: 74px;
  width: 100%;
  background-image: url(../images/sombra-topo-paginas.png);
  background-repeat-y: no-repeat;
  background-repeat-x: repeat;
}

.degrade-topo-banner img {
  display: none;
}

.degrade-topo-banner-home {
  background-image: url(../images/sombra-banner.png);
}

.footer-em-breve h3 {
  font-weight: 600;
  font-size: 21px;
}

.carousel-control-next,
.carousel-control-prev {
  opacity: 0.8;
}

/* ##### BANNER HOME FIM ##### */

/* ##### BUSCA RAPIDA ##### */

.busca-rapida {
  height: 50px;
  background-image: url(../images/degrade-campo-busca.png);
  position: relative;
  margin-top: -42px;
  bottom: -60px;
  z-index: 210;
  border-radius: 4em;
  border: 1px solid #fff;
  margin-left: 45px;
  margin-right: 45px;
}

.input-b-rapida {
  width: 100%;
  height: 100%;
  background: transparent;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 300;
  border: none;
  padding: 0px 15px;
  background-image: url(../images/seta-busca-rapida.svg);
  background-position: 90% center;
  background-repeat: no-repeat;
  appearance: none;
}

.busca-rapida {
  background-color: var(--azulescuro);
  background-image: none;
}

.col-lg-3:first-child .input-b-rapida {
  border-radius: 2em 0 0 2em;
}

.bread-1 {
  color: var(--azulescuro);
}

.referencia-box {
  border-radius: 0 2em 2em 0;
}

.referencia-box::placeholder {
  color: #fff;
}

.btn-b-rapida {
  position: absolute;
  right: -2px;
  top: -2px;
  background: var(--vermelho);
  height: 52px;
  width: 52px;
  border-radius: 50%;
}

/* TIRAR BORDA SELECIONADA DE INPUTS */

.input-b-rapida:focus-visible {
  border: 0;
  background: #00153e7a;
  outline: none;
  background-image: url(../images/seta-select-busca-rapida.png);
  background-position: 90% center;
  background-repeat: no-repeat;
  appearance: none;
}

.input-b-rapida:focus-visible {
  border: 0;
  background: #00153e7a;
  outline: none;
}

.input-det-referencia:focus-visible,
.input-det-referencia:focus-visible,
.input-det-referencia:-webkit-autofill,
.input-det-referencia:-webkit-autofill:hover,
.input-det-referencia:-webkit-autofill:focus {
  background: transparent !important;
  border: none;
  -webkit-text-fill-color: white !important;
  -webkit-box-shadow: none !important;
  transition: background-color 5000s ease-in-out 0s;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: none;
  -webkit-text-fill-color: white !important;
  -webkit-box-shadow: 0 0 0px 1000px #00153e7a inset;
  transition: background-color 5000s ease-in-out 0s;
}

.input-b-rapida::placeholder-shown {
  background: none;
}
/* TIRAR BORDA SELECIONADA DE INPUTS FIM */

.busca-rapida .row {
  height: 50px;
}
/* ##### BUSCA RAPIDA FIM ##### */

#bannerhome .carousel-control-prev-icon,
#bannerhome .carousel-control-next-icon {
  display: none;
}

/* ##### DESTAQUES ##### */

.destaque-aptos {
  background-image: url(../images/sombra-divisao-cinza.png);
  background-repeat: no-repeat;
  background-position-x: center;
}

.destaque-casas {
  background-image: url(../images/sombra-divisao-cinza.png);
  background-repeat: no-repeat;
  background-position-x: center;
}

.destaque-corporate {
  background-image: url(../images/sombra-divisao-cinza.png);
  background-repeat: no-repeat;
  background-position-x: center;
}

.destaque-imovel-perfeito {
  background-image: url(../images/sombra-divisao-cinza.png);
  background-repeat: no-repeat;
  background-position-x: center;
}

.fundo-marrom-hover {
  background: var(--azul);
  width: 100%;
  height: 100%;
  z-index: 99999;
  position: absolute;
  opacity: 0.25;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all ease 0.5s;
}

.input-area-util,
.input-valor-range {
  width: 100% !important;
  height: 50px !important;
  background: transparent;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 300;
  border: none;
  padding: 0px 15px;
  background-image: url(../images/seta-busca-rapida.svg) !important;
  background-position: 90% center !important;
  background-repeat: no-repeat !important;
  appearance: none;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.logo a {
  width: 100%;
  height: auto;
  z-index: 99999;
  position: relative;
  margin: 0;
}

.imagem-one {
  transform: scale(1);
  transition: all ease 0.6s;
  height: 100%;
}

.imagem-one-fundo {
  position: absolute;
  overflow: hidden;
  display: flex;
  align-items: center;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  z-index: -5;
  background: var(--marromescuro);
}

.selecionados-title {
  margin: 1em 0;
  color: var(--azulescuro);
  font-weight: 300;
}

.estaticas-bread .breadcrumb {
  background-color: transparent;
  border-radius: 0.25rem;
  z-index: 999;
  position: relative;
  padding: 1em 0;
  min-width: 80%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-image: linear-gradient(to right, #fff, transparent) 1;
}

.box-logo {
  height: 108px;
  display: flex;
  align-items: center;
}

.imagem-one-fundo img {
  filter: blur(10px);
  opacity: 0.9;
  height: 125%;
}

.fundo-vermelho {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  transition: all ease 0.5s;
}

.fundo-vermelho .fundo-mais-detalhes {
  background: none;
  border: 1px solid #fff;
  padding: 14px 22px;
  font-size: 13px;
  color: #fff;
  text-align: center;
}

.box-detalhes .row div {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

.fa-icons {
  color: #c6c0d3;
  font-size: 63px;
  margin: 20px 0;
}

/* o que acontece em toda a box quando hover */

.box-one:hover {
  box-shadow: 0px 0px 40px 0px #00000054;
  transition: all ease 0.5s;
}

.box-one:hover .imagem-one {
  transform: scale(1.5);
  transition: all ease-out 6s;
}

.box-one:hover .fundo-vermelho {
  position: absolute;
  background: var(--vermelho);
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0.82;
  transition: all ease 0.5s;
}

.btn-voltar-404 {
  padding: 1em;
  margin: 1em;
  display: block;
  background-color: var(--azulescuro);
  color: #fff;
  width: 200px;
  font-size: 22px;
  border-radius: 3em;
  text-align: center;
  transition: all ease 0.2s;
}

.btn-voltar-404:hover {
  background-color: var(--azulclaro);
  transform: scale(1.05);
  transition: all ease 0.2s;
}

.box-imovel-404 .container {
  display: grid;
  justify-content: center;
  justify-items: center;
  background-color: #dddef0;
  border-radius: 3em;
  padding: 2em;
  width: 70%;
  margin-bottom: 2em;
  margin-top: 2em;
}

.imagem-one img {
  height: auto;
  width: auto;
}

.img-video-label {
  margin: 10px;
}

.destaque-imovel-perfeito .destaque {
  width: 100%;
  display: grid;
  justify-items: center;
}

.box-roxo-img {
  position: absolute;
  z-index: -5;
  overflow: hidden;
  height: 100%;
  scale: 1;
  transition: all 0.5s;
}

.destaque-imovel-perfeito .destaque h2 {
  text-transform: uppercase;
  font-size: 20px;
  color: var(--azulescuro);
  font-weight: bold;
  margin: 0;
  padding-bottom: 4px;
}

.destaque-imovel-perfeito .destaque h3 {
  text-transform: uppercase;
  font-size: 18px;
  color: var(--azulescuro);
  font-weight: 400;
  margin: 0;
  padding-bottom: 2.1em;
}

.zap-float i {
  color: #fff;
  font-size: 30px;
}

.box-zap-float {
  position: absolute;
  bottom: 46px;
  z-index: 900;
  width: 59px;
}

.box-zap-float .container {
  display: flex;
  justify-content: end;
}

.zap-float {
  background: rgb(12, 180, 96);
  width: 47px;
  height: 47px;
  z-index: 500;
  border-radius: 50%;
  align-items: center;
  display: flex;
  justify-content: center;
  margin-right: 0;
}

.box-perfeito-1,
.box-perfeito-2,
.box-perfeito-3,
.box-perfeito-4,
.box-perfeito-5 {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.box-perfeito-1,
.box-perfeito-2,
.box-perfeito-4,
.box-perfeito-5 {
  height: 305px;
}

.box-perfeito-3 {
  height: 620px;
}

.box-img-tradicao {
  display: flex;
  justify-content: center;
  position: relative;
}

.btn-roxo {
  padding: 10px 0px;
  background: #2e166ede;
  border-radius: 3em;
  display: flex;
  justify-content: center;
  transition: all 0.5s;
  height: 48px;
  width: 185px;
  display: flex;
  align-items: center;
}
.btn-roxo h3 {
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  margin: 0;
  padding: 0;
  transition: all 0.5s;
}

.links-externos a {
  background: var(--vermelho);
  width: 100%;
  display: flex;
  padding: 2em;
  margin: 4em 0;
  align-items: center;
  justify-content: center;
  border-radius: 3em;
  transition: all ease 0.2s;
}

.links-externos a:hover {
  transform: scale(1.1);
  transition: all ease 0.2s;
}

.box-roxo:hover .btn-roxo {
  color: #fff;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
  transform: scale(1.1);
}

.box-roxo:hover .box-roxo-img {
  scale: 1.3;
  transition: all 0.5s;
}

.coluna1 {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}

.coluna1 .col-lg-6,
.coluna2 {
  padding: 5px;
  margin: 0;
}

.mosaico-im-perfeito div {
  padding: 0 !important;
}

.destaque-home,
.tit-resultado {
  width: 100%;
  display: flex;
  justify-content: center;
}

.tit-resultado h2 {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  padding: 1em 0;
  color: var(--azulescuro);
}

.destaque-home h2 {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  padding-bottom: 1em;
}

.box-itens {
  display: flex;
  border: 1px solid #b0b0b0;
  align-items: center;
}

.box-itens:hover .box-cinza {
  background: var(--azulescuro);
  height: 100px;
  transition: all ease 0.7s;
  width: 100px;
}

.box-itens:hover h2 {
  font-size: 22px;
  transition: all ease 0.7s;
}

.box-cinza {
  width: 75px;
  background: #b0b0b0;
  height: 72px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.2s;
}

.box-itens h2 {
  color: var(--vermelho);
  font-size: 14px;
  margin: 0;
  transition: all ease 0.2s;
}

.box-infos {
  padding: 10px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
}

.box-infos h2 {
  margin: 0;
  padding: 0;
  color: var(--azulescuro);
  text-transform: uppercase;
  font-size: 19px;
  font-weight: 600;
}

.box-infos h3 {
  margin: 0;
  padding: 0;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 500;
}

.btns-detalhe .favoritar img {
  width: 16px;
}

.box-infos .venda-locacao {
  background: var(--vermelho);
  color: #fff;
  font-size: 14px;
  display: flex;
  font-weight: 200;
  align-items: center;
  padding: 1px 15px;
  border-radius: 2em;
  height: 29px;
}

.box-infos .marcado {
  background: var(--azulescuro);
  color: #fff;
  font-size: 14px;
  display: flex;
  font-weight: 200;
  align-items: center;
  padding: 1px 15px;
  border-radius: 2em;
  border: none;
  transition: all ease 0.5s;
}

.btns-detalhe .marcado {
  background: var(--azulescuro);
  color: #fff;
  font-size: 14px;
  display: flex;
  font-weight: 200;
  align-items: center;
  padding: 1px 15px;
  border-radius: 2em;
  border: none;
  transition: all ease 0.5s;
}

.box-infos .desmarcado {
  background: transparent;
  color: #fff;
  font-size: 14px;
  display: flex;
  font-weight: 300;
  align-items: center;
  padding: 1px 15px;
  border-radius: 2em;
  border: 1px solid #666;
  color: var(--azulescuro);
  transition: all ease 0.5s;
}

.btns-detalhe .desmarcado {
  background: transparent;
  color: #fff;
  font-size: 14px;
  display: flex;
  font-weight: 300;
  align-items: center;
  padding: 1px 15px;
  border-radius: 2em;
  border: 1px solid #666;
  color: var(--azulescuro);
  transition: all ease 0.5s;
}

.btns-detalhe .favoritar {
  height: 43px;
  min-width: 105px;
  justify-content: center;
}

.box-bairro-tipo {
  display: grid;
  justify-items: start;
  gap: 15px;
  max-width: 69%;
}

.btn-marcar-status {
  display: grid;
  justify-items: end;
  gap: 15px;
  align-items: stretch;
}

.bread1 {
  color: var(--azulescuro);
}

.detalhe-imovel {
  border-right: 1px solid #d7d7d7;
}

.detalhe-imovel:last-child {
  border-right: none;
}

.box-detalhes {
  padding: 10px;
  background-color: #fff;
  border-bottom: 1px solid #cdcdcd;
  min-height: 41px;
}

.box-detalhes p {
  font-size: 13px;
  margin: 0;
}

.box-detalhes .row {
  display: flex;
  align-items: center;
  justify-content: center;
}

#menu-hamburguer {
  display: none;
}

/* ##### DESTAQUES ##### */

.box-one {
  color: var(--cinzatexto);
  letter-spacing: 0px !important;
  position: relative;
  overflow: hidden;
  width: 100%;
  box-shadow: 0px 0px 10px 0px #00000000;
  transition: all ease 0.5s;
}

.box-one a {
  color: var(--cinzatexto);
}

.degrade-foto-destaque {
  /* background-image: url(../images/degrade-fotos-destaques.png);
    position: absolute;
    background-repeat-x: repeat;
    background-repeat-y: no-repeat;
    background-repeat: repeat-x; */
  position: absolute;
  height: 80px;
  overflow: hidden;
  min-width: 100%;
  z-index: 30;
  display: flex;
  justify-content: end;
}

.box-imagem {
  overflow: hidden;
  height: 250px;
  display: flex;
  justify-content: center;
  z-index: 10;
  position: relative;
  align-items: center;
}

.imagem-one-fundo {
  position: absolute;
  overflow: hidden;
  display: flex;
  align-items: center;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  z-index: -5;
}

.imagem-one-fundo img {
  filter: blur(12px);
  width: 100%;
}

/* ##### CONTATO ##### */
.pag-contato input {
  border-radius: 3em;
  height: 44px;
  box-shadow: inset 0px 3px 6px #b7b7b7a8;
}

.pag-contato textarea {
  border-radius: 1.4em;
  box-shadow: inset 0px 3px 6px #b7b7b7a8;
}

.tels input:first-child {
  width: 80px;
  height: 44px;
  margin-right: 10px;
}

.pag-contato select {
  width: 100%;
  border-radius: 3em;
  height: 44px;
  box-shadow: 0px 0px 8px #b7b7b7a8;
  padding: 0 1em;
  border: none;
}

.barra-direita {
  border-left: 1px solid #666;
  padding-left: 30px;
}

.btn-de-form {
  box-shadow: none !important;
  background: var(--vermelho);
  color: #fff;
  margin: 15px 0;
  text-transform: uppercase;
  padding: 10px 55px;
  height: auto !important;
  box-shadow: 0px 0px 6px #b7b7b7a8 !important;
}

.btn-de-form:hover {
  box-shadow: 1px 3px 9px #b7b7b7c5 !important;
  color: #fff;
  background: var(--azulclaro);
}

.box-contato-unidade {
  display: flex;
  justify-content: space-between;
  margin: 15px 0 50px 0;
}

/* recriação do input radio */

.options-under label {
  display: flex;
  align-items: center;
}

.options-under input[type="radio"] {
  display: none;
}

.options-under label:before {
  content: "";
  display: inline-block;
  width: 18px;
  color: transparent !important;
  height: 18px;
  font-size: 10px !important;
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
  left: 0;
  bottom: 0px;
  background-color: transparent !important;
  box-shadow: none;
  background-image: url(../images/input.png);
  transition: all ease 0.2s;
}

/* input radio quando clicado */
.options-under input[type="radio"]:checked + label:before {
  content: "\2022";
  color: #f3f3f3;
  font-size: 10px;
  text-align: center;
  line-height: 18px;
  background-image: url(../images/input-ativado.png);
  transition: all ease 0.7s;
}

.tel-unidade {
  font-size: 16px;
  display: flex;
  align-items: center;
}

.zap-unidade {
  background: #00b561;
  color: #fff;
  padding: 8px 15px;
  border-radius: 2em;
  font-size: 16px;
  display: flex;
  align-items: center;
}
.tel-unidade a {
  color: #000;
}

.zap-unidade a {
  color: #fff;
}

.tel-unidade img,
.zap-unidade img {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.box-unidades p {
  margin: 0;
}

.g-maps {
  text-decoration: underline;
  color: #0056ff;
}

.g-maps:hover {
  color: var(--vermelho);
}

.texto-contato {
  font-size: 21px;
  line-height: 27px;
  margin: 33px 0;
}

/* ##### FIM CONTATO ##### */

/* ##### FIM DESTAQUES ##### */

/* ##### BUSCA RAPIDA ##### */

/* ##### FIM BUSCA RAPIDA ##### */

/* ##### DETALHES DO IMOVEL ##### */

.preloader-banner {
  width: auto;
  height: 555px;
  position: absolute;
  background: #10003cbd;
  z-index: 47;
  top: 0;
  left: 15px;
  right: 15px;
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.box-loading p {
  color: #fff;
  margin: 0;
  font-size: 14px;
}

.box-loading img {
  width: 100px;
}

.loading div {
  text-align: center;
}

.barra-detalhe {
  border: none;
  border-radius: 0 1.8em 1.8em 0;
  height: 50px;
  z-index: 300;
  position: relative;
  margin-left: 0px;
  margin-right: 45px;
  margin-top: 10px;
  background-color: var(--azulescuro);
  overflow: hidden;
  color: #fff;
  box-shadow: none;
  transition: all ease 0.4s;
  display: flex;
  align-items: center;
}

.barra-detalhe-right {
  left: 0;
  position: absolute;
  height: 50px;
  background: var(--azulescuro);
  width: 57%;
  margin-top: 10px;
  z-index: 250;
}

.banner-fotos {
  width: 100%;
  height: 550px;
  z-index: 40;
  position: relative;
  overflow: hidden;
}

.banner-img-fundo {
  width: 106%;
  left: -3%;
  right: -3%;
  height: 100%;
  position: absolute;
  filter: blur(8px);
}

.foto-det {
  width: auto !important;
  height: 550px !important;
}

.btn-detalhe {
  border: none;
  padding: 8px 20px;
  border-radius: 3em;
  color: #fff;
  font-size: 14px;
}

.btn-detalhe.favorito {
  background: #fff;
  border: 1px solid #666;
  color: #666;
}

.btn-detalhe.ver-video,
.btn-detalhe.ver-video-360,
.btn-detalhe.ver-fotos {
  background: var(--vermelho);
}

.btn-detalhe.ver-video,
.btn-detalhe.ver-video-360,
.btn-detalhe.ver-fotos {
  transition: all ease 0.5s;
}

.btn-detalhe.ver-mapa {
  background: var(--vermelho);
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-detalhe.compartilhar {
  background: var(--azulescuro);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.btn-detalhe.poi {
  background: var(--azulescuro);
  cursor: pointer;
}

.btn-detalhe img {
  height: 25px;
  width: 24px;
  margin-left: 5px;
  margin-right: 5px;
}

.btns-detalhe .box-buttons {
  gap: 20px;
}

.video-foto-icon {
  width: 30px;
  height: 25px;
  margin: 0;
  margin-left: 6px;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center;
  transition: all ease 0.5s;
}

#ModalCentershare .modal-whats,
#ModalCentershareResultados .modal-whats {
  width: 100%;
  padding: 10px 20px;
  color: #fff;
  background-color: #27d367;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

#ModalCentershare .modal-face {
  width: 100%;
  padding: 10px 20px;
  color: #fff;
  background-color: #337ab7;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

.share-imovel-1 {
  padding: 1em !important;
  gap: 10px;
  display: grid;
}

.video-foto-icon.foto {
  background-image: url(../images/icon-foto.svg);
  transition: all ease 0.5s;
}
.video-foto-icon.video {
  background-image: url(../images/icone-video.svg);
  transition: all ease 0.5s;
}
.video-foto-icon.video-360 {
  background-image: url(../images/icone-360.svg);
  transition: all ease 0.5s;
}

.btns-detalhe {
  width: 100%;
  background: #fff;
  padding: 15px 0;
}

.itens-result-top select {
  border: 0px;
  background: transparent;
}

.itens-result-top strong {
  font-weight: bolder;
  color: var(--azulescuro);
  font-size: 18px;
}

.btns-detalhe .box-share {
  display: flex;
  justify-content: end;
}

.imovel-infos {
  background-image: url(../images/sombra-divisao-cinza.png);
  background-repeat: no-repeat;
  background-position-x: center;
  text-align: center;
}

.imovel-infos .container p {
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  margin: 0 60px;
  line-height: 24px;
}

.box-pager nav {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2em 0;
}

.link__anterior a,
.link__proximo a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination li.pg-cores {
  display: flex;
  align-items: center;
  padding: 0.6em;
}

.pagination li.pg-cores a {
  color: #000;
}

.pagination li.pg-cores.active a {
  color: var(--vermelho);
  font-weight: bold;
  font-size: 20px;
}

.pagination li a span.navss {
  position: absolute;
}

.imovel-infos .container h2,
.imovel-semelhantes .container h2.imoveis-interesse {
  color: var(--azulescuro);
  font-weight: 400;
  font-size: 30px;
  margin: 0.2em 0;
  text-align: center;
}

.imovel-infos .container h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}

.det-info-barra-roxa {
  padding: 10px 0;
  background-color: var(--azulescuro);
  border-radius: 3em;
  box-shadow: 0px 0px 8px var(--azulclaro);
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-around;
}

.det-info-barra-roxa h4 {
  margin: 0 !important;
  font-size: 23px !important;
  font-weight: 300 !important;
  color: #fff !important;
}

.det-info-barra-roxa h5 {
  color: var(--azulclaro) !important;
  font-size: 17px !important;
  margin: 0 !important;
}

.barra-imovel-det {
  min-height: 90px;
  background-color: #fff;
  border-radius: 5em;
  box-shadow: 0px 0px 13px -2px var(--azulclaro);
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.barra-imovel-det p {
  margin: 0 !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  width: 100% !important;
}

.busca-det-referencia {
  height: 50px;
  position: relative;
  z-index: 110;
  border-radius: 4em;
  border: 1px solid #fff;
}

.barra-imovel-det .col-lg-2 {
  display: grid;
  justify-items: center;
}

.det-unid-cond h2 {
  color: var(--azulescuro);
  font-weight: 400;
  font-size: 30px;
  margin: 0.2em 0;
  border-bottom: 1px solid var(--azulescuro);
}

.det-unid-cond {
  justify-content: center;
}

.det-unid-cond ul {
  text-align: left;
}

.det-unid-cond li {
  list-style: disc;
  list-style-position: inside;
  padding: 0;
}

.carousel-control-prev-icon {
  background-image: url(../images/seta-esquerda-banner.png);
  width: 160px;
  height: 160px;
}

.carousel-control-next-icon {
  background-image: url(../images/seta-direita-banner.png);
  width: 160px;
  height: 160px;
}

.banner-fotos .carousel-item {
  transition: transform 0.3s ease;
  opacity: 0.3s ease-out;
}

.lista-det {
  display: grid;
  grid-template-columns: 40% 40%;
  width: 100%;
  margin: 0 0%;
  justify-items: stretch;
  justify-content: space-between;
}

.btn-referencia {
  position: absolute;
  right: 6px;
  top: 5px;
  background: var(--azulescuro);
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.input-det-referencia {
  width: 155px;
  height: 50px;
  background: transparent;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 300;
  border: none;
  padding: 0px 15px;
  background-image: none;
  background-repeat: no-repeat;
  appearance: none;
}

.body-video,
.body-video iframe {
  width: 100%;
  height: 100%;
}
.body-video-360,
.body-video-360 iframe {
  width: 100%;
  height: 100%;
}

.input-det-referencia img {
  width: 17px;
}

.btn-referencia:hover {
  background: var(--azulclaro);
}

.box-ver-video,
.box-ver-video-360 {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 300;
  visibility: hidden;
  background-color: var(--azulescuro);
}

.box-videoshow {
  visibility: visible;
  transition: all 5s ease !important;
}
.box-videohide {
  visibility: hidden;
}

.box-ver-video-360 {
  visibility: hidden;
}
.box-video-360show {
  visibility: visible;
  transition: all 5s ease !important;
}

.rod-fixo-imovel {
  background: var(--azulescuro);
  height: 0px;
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 5000;
  transition: all ease 1s;
}

.rod-fixo-imovel-show {
  height: 87px;
  transition: all ease 1s;
  box-shadow: 0px 0px 9px 2px #1c0441a3;
}

.rod-fixo-imovel-show-mb {
  height: 130px;
  transition: all ease 1s;
  box-shadow: 0px 0px 9px 2px #1c0441a3;
}
.rod-fixo-imovel .row {
  height: 47px;
  align-items: center;
}

.btn-rod-fixo {
  height: 40px;
  position: relative;
  z-index: 110;
  border-radius: 4em;
  border: 1px solid #fff;
  background: var(--azulescuro);
  color: #fff;
  font-size: 14px;
  padding: 0 1.5em;
  margin: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-rod-fixo:hover {
  background: var(--azulclaro);
}

/* ##### FIM DETALHES DO IMOVEL ##### */

/* ##### PAGINA SOBRE ##### */

.img-one-sobre {
  margin-top: -30px;
  margin-left: auto;
  margin-right: auto;
  width: 96%;
  z-index: -5;
  position: relative;
}

.textos-sobre .col-12 h4 {
  color: var(--vermelho);
  font-size: 49px;
  font-weight: 300;
  text-align: right;
}

.tradicao {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  width: 100%;
  text-align: center;
  z-index: 300;
  color: #fff;
  font-weight: 700;
  font-size: 34px;
}

.pag-contato h4 {
  color: var(--vermelho);
  font-size: 49px;
  font-weight: 300;
}

.pag-sobre .txt-grande {
  font-size: 60px !important;
}

.textos-sobre .col-12 h4:first-child {
  text-align: left !important;
}

.textos-sobre .col-12 {
  margin-top: 2em;
  margin-bottom: 2em;
}

.circulo-infos {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: grid;
  align-content: center;
  justify-items: center;
  height: 290px;
}

.img-escritorio {
  display: flex;
  justify-content: center;
}

.frase-escritorio {
  display: flex;
  position: absolute;
  bottom: 0;
  width: 60%;
  margin: 0 auto;
  align-items: center;
  padding: 1em 0;
  z-index: 999;
  color: #fff;
}

.sombra-agencia {
  position: absolute;
  height: 470px;
  top: -85px;
  width: 150px !important;
  z-index: 10;
}

.caixa-vermelha-ag {
  width: 100%;
  height: 100%;
  background-color: var(--vermelho);
  position: absolute;
  border-radius: 10em 0 0 10em;
}

.unidades .col-6:first-child {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.unidades .col-6:first-child h5 {
  right: 100px;
}

.unidades .col-6:nth-child(2) h5 {
  left: 100px;
}

.unidades .col-6:nth-child(2) {
  display: flex;
  justify-content: start;
  align-items: center;
}

.unidades {
  align-items: center;
  padding: 3em 0;
  right: 100px;
}

.unidades img {
  width: 100%;
  transition: all ease 0.4s;
}

.unidades a {
  position: relative;
  z-index: 1;
  /* overflow: hidden; */
  transition: all ease 0.4s;
  height: 100%;
  display: flex;
}

.unid-1 a img,
.unid-2 a img,
.unid-em-breve a img {
  top: 0px;
  position: relative;
  transition: all ease 0.4s;
  height: 100%;
}

.unid-1:hover a img {
  top: -10px;
  transition: all ease 0.4s;
}
.unid-em-breve:hover a img {
  top: -10px;
  transition: all ease 0.4s;
}
.unid-2:hover a img {
  top: -10px;
  position: relative;
  transition: all ease 0.4s;
}

.unid-em-breve a {
  display: flex;
  align-items: center;
}

.sombra-1 {
  position: initial;
  margin-left: -70px;
}

.sombra-2 {
  position: initial;
  margin-right: -70px;
}

.unid-1:hover h5,
.unid-2:hover h5 {
  bottom: 30px;
  transition: all ease 0.4s;
}

.unid-em-breve:hover h3.nova-unidade {
  bottom: 40px;
  transition: all ease 0.4s;
}

.unidades h5 {
  position: absolute;
  bottom: 19px;
  font-size: 24px;
  transition: all ease 0.4s;
  text-align: center;
  width: 100%;
  margin: 0;
}

h3.nova-unidade {
  position: absolute;
  bottom: 20px;
  font-weight: 600;
  font-size: 24px;
  transition: all ease 0.4s;
  text-align: center;
  width: 100%;
  margin: 0;
}

.frase-escritorio img {
  width: 69px;
  margin-right: 15px;
  margin-bottom: 14px;
}

.ag-botoes {
  justify-content: space-between;
}

.ag-botoes a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3em;
  height: 50px;
  width: max-content;
  padding: 0 1.5em;
  min-width: 184px;
}

.ag-botoes div:first-child a {
  background-color: var(--vermelho);
}
.ag-botoes div:nth-child(2) a {
  background-color: var(--verdezap);
}
.ag-botoes div:nth-child(3) a {
  background-color: var(--azulescuro);
}

.ag-botoes p {
  margin: 0;
  display: flex;
  align-items: center;
}

.circulo-infos img {
  margin-bottom: 15px;
}

.circulo-infos h5 {
  text-align: center;
}

.tres-circulos {
  display: flex;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
}

.tres-circulos .col-lg-4 {
  padding-left: 0;
  padding-right: 0;
  display: flex;
  justify-content: center;
}

.degrade-bottom {
  position: absolute;
  z-index: 100;
  left: 0;
  right: 0;
  height: 130px;
  bottom: 0;
  width: 100%;
  background: #909090a6;
  /* background: linear-gradient(0deg, #2E166E 13%, #2d166e00 77%); */
}

.bread-detalhe {
  z-index: 9999;
  position: relative;
  height: 50px;
  display: flex;
  align-items: center;
}

.bread-flutuante {
  position: absolute;
  width: 100%;
  z-index: 999;
  color: var(--cinza) !important;
  font-size: 14px;
}

.bread-flutuante .breadcrumb a {
  color: var(--cinza) !important;
}

.bread-flutuante .breadcrumb {
  background-color: transparent !important;
}

.ag-title {
  display: flex;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-top: -125px;
}

.ag-title h2 {
  color: #fff;
  font-weight: 300;
  font-size: 47px;
}

h4.ag-minititle {
  margin-bottom: 1em;
  color: var(--vermelho);
  font-weight: 600;
  font-size: 18px;
}

.ag-enderecos p {
  font-size: 16px;
  margin: 0;
}

h4.conhecer-unidade {
  position: absolute;
  left: 100px;
  font-size: 16px;
  font-weight: 300;
  bottom: auto;
  margin: 0;
}

/* ##### FIM PAGINA SOBRE ##### */

/* ##### RESULTADO ##### */

.box__resultado--0 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 25vh;
}

.qnty-selecionados {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
}

.qnty-selecionados:hover {
  color: #212529;
}

.result-top-busca {
  border: 1px solid #ffffff;
  border-radius: 1.8em;
  height: 103px;
  z-index: 300;
  position: relative;
  margin-left: 45px;
  margin-right: 45px;
  margin-top: 10px;
  overflow: hidden;
  color: #fff;
  box-shadow: 0px 5px 10px #1f0745a1;
  transition: all ease 0.3s;
}

.overflow-unset {
  overflow: unset !important;
}

.bread-result {
  background-color: transparent !important;
  width: 100%;
  justify-content: center;
}
.bread-result a,
.bread-result b,
.bread-result span {
  font-size: 13px;
}

.bread-crumb p {
  font-size: 13px;
  margin: 20px 0;
}

.barra-under-busca {
  border: none;
  background: #8e7eac;
  border-radius: 0 0 1.8em 1.8em;
  height: 80px;
  z-index: 200;
  position: relative;
  margin-left: 45px;
  margin-right: 45px;
  margin-top: -30px;
  overflow: hidden;
  color: #000;
  transition: all ease 0.4s;
  display: flex;
  align-items: end;
}

.filtros-2-off {
  transition: all ease 0.4s;
}

.box-area-util,
.box-valor-range {
  display: none;
  height: 120px;
  width: 170px;
  z-index: 9999;
  position: relative;
  background: var(--azulescuro);
  padding: 15px;
  top: 10px;
  border-radius: 15px;
}

.box-area-util select:first-child,
.box-valor-range input:first-child {
  margin-bottom: 10px;
}

.preload-geral {
  position: absolute;
  width: 100%;
  height: calc(100vh - 100px);
  background: #2e166eed;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.options-under {
  align-items: flex-end;
  height: 100%;
  margin-left: 85px;
  color: #fff;
  gap: 15px;
}

.options-under label {
  margin-right: 15px;
}

.result-top-busca-off {
  height: 50px;
  transition: all ease 0.4s;
  box-shadow: none;
}

.barra-under-busca-off {
  height: 28px;
  transition: all ease 0.4s;
}

.mais-filtros {
  width: 85px;
  background: var(--azulescuro);
  border-right: 1px solid var(--azulclaro);
  color: #fff;
  display: grid;
  align-items: center;
  justify-content: center;
  align-content: center;
  justify-items: start;
  cursor: pointer;
  border-radius: 1.8em 0 0 1.8em;
}

.limpar-tudo {
  margin-bottom: 0.5em;
  display: inline-block;
  text-decoration: underline;
  cursor: pointer;
}

.input-b-result {
  width: 100%;
  height: 100%;
  background-color: var(--azulescuro);
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 300;
  border: none;
  padding: 0px 15px;
  background-image: url(../images/seta-busca-rapida.svg);
  background-position: 90% center;
  background-repeat: no-repeat;
  appearance: none;
}

.input-b-ref {
  background-image: none;
  color: #fff;
}

.input-b-ref::placeholder {
  color: #fff;
}

/* TIRAR BORDA SELECIONADA DE INPUTS */

.input-b-result:focus-visible {
  border: 0;
  background: #887bac;
  outline: none;
  background-image: url(../images/seta-select-busca-rapida.png);
  background-position: 90% center;
  background-repeat: no-repeat;
  appearance: none;
}

input:focus-visible {
  border: 0;
  outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: none;
  -webkit-text-fill-color: white !important;
  -webkit-box-shadow: 0 0 0px 1000px #200c55b4 inset;
  transition: background-color 5000s ease-in-out 0s;
}

input::placeholder-shown {
  background: none;
}

/* TIRAR BORDA SELECIONADA DE INPUTS FIM */

.search-ref {
  background-color: var(--azulescuro);
  border-radius: 6em;
  width: 40px;
  height: 40px;
  margin-right: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-ref:hover {
  background-color: var(--azulclaro);
}

.search-ref img {
  width: 17px;
  height: 17px;
}

.mais-filtros:hover,
.btn-result-aplicar:hover,
.btn-b-rapida:hover {
  background-color: var(--azulclaro);
}

.result-top-busca .box-ref {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mais-filtros p,
.btn-result-aplicar p {
  margin: 0;
  font-size: 12px;
}

.mais-filtros strong,
.btn-result-aplicar p strong {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  margin-top: -4px;
}

.btn-result-aplicar p strong {
  font-weight: 300 !important;
}

.box-filtros {
  width: calc(100% - 170px);
  /* background: rgb(201,195,218); */
  /* background: linear-gradient(0deg, rgba(201,195,218,1) 3%, rgba(136,122,172,1) 74%); */
  background-color: var(--azulescuro);
}

.btn-result-aplicar {
  width: 85px;
  background: var(--vermelho);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 0 1.8em 1.8em 0;
}

.filtros-1 .campo-1,
.filtros-1 .box-ref,
.filtros-2 div {
  width: 20%;
}

.filtros-1 div:last-child,
.filtros-2 div:last-child {
  background-image: none;
}

.filtros-1 .campo-1,
.filtros-1 .box-ref,
.filtros-2 div {
  height: 50px;
  /* background: url(../images/fio-divisa-busca.png);
    background-repeat-x: no-repeat;
    background-position: right; */
}

.filtros-2 select,
.filtros-1 select {
  cursor: pointer;
}

.filtros-2 {
  border-top: 1px solid #fff;
}

.itens-result-top {
  border: 1px solid var(--azulescuro);
  border-radius: 4em;
  margin-left: 45px;
  margin-right: 45px;
  width: calc(100% - 90px);
  position: relative;
  z-index: 200;
}

.itens-result-top .col-lg-3 {
  height: 50px;
  border-right: 1px solid var(--azulescuro);
  display: flex;
  align-items: center;
  justify-content: center;
}

.itens-result-top .col-lg-3:last-child {
  border-right: none;
}

.barra-lilas {
  height: 34px;
  top: -40px;
  padding-right: 3em;
}

.barra-lilas-content {
  z-index: 200;
  position: relative;
  display: flex;
  justify-content: space-between;
}

.em-breve-h {
  text-align: center;
}
.em-breve-h h5 {
  margin: 0 !important;
}

.barra-lilas-content h5 {
  margin: 0;
  font-size: 13px;
  font-weight: 300;
  margin-left: 21px;
}

.barra-lilas-content h5 strong {
  color: var(--vermelho);
  font-weight: 700;
}

.barra-lilas-content p {
  margin: 0;
  font-size: 12px;
  top: -4px;
  position: relative;
}

.barra-lilas-content p i {
  margin-right: 5px;
  font-size: 17px;
}

.barra-lilas-content p strong {
  font-size: 18px;
  font-weight: 600;
}

.barra-lilas-content img {
  top: -3px;
  position: relative;
  margin-right: 15px;
}

.pager-result {
  justify-content: center;
  display: flex;
}

.faixa-cinza {
  background-color: #f5f5f5;
}

.like-button span {
  height: 29px;
  cursor: pointer;
  font-weight: 500;
}

.like-button span p {
  font-size: 14px;
  margin: 0;
}

.like-button span img {
  margin-right: 2px;
}

.like-button span.marcado p {
  color: #fff;
}

.like-button span.desmarcado p {
  color: #666;
}
/* ##### FIM RESULTADO ##### */

/* ##### FOOTER ##### */

.faixa-footer-white {
  width: 100%;
  background: #fff;
  height: 100px;
  position: relative;
  z-index: 200;
  border-radius: 5em;
  margin-bottom: -50px;
  margin-top: -50px;
}

.faixa-footer-white .row {
  height: 100%;
  align-items: center;
}

.faixa-footer-white .row .col-lg-4 {
  padding: 0 3em;
  border-right: 2px solid #ebebeb;
}

.bancos img {
  margin-right: 10px;
}

.faixa-footer-white .row .col-lg-4:first-child {
  padding: 0 4em;
}

.faixa-footer-white .row .col-lg-4:last-child {
  border: none;
}

.faixa-footer-white h3 {
  font-size: 14px;
  color: var(--azulescuro);
  margin: 0;
  font-weight: 600;
}

.faixa-footer-white p {
  font-size: 14px;
  margin: 5px 0;
}

.faixa-footer-white a {
  color: var(--vermelho);
  text-decoration: underline;
  font-size: 14px;
}

.footer-body {
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
}

a.google-maps {
  text-decoration: underline;
  color: #0056ff;
}

a.google-maps p {
  margin: 15px 0;
  text-decoration: underline;
  color: #fff;
}

.footer-body p {
  font-size: 15px;
  font-weight: 300;
  margin: 0;
}

.footer-phones img {
  width: 20px;
  margin-right: 7px;
}

.fixa-redes:first-child .redes-sociais {
  margin-right: 30px;
}

.footer-phones {
  margin: 15px 0 !important;
}

.footer-body h4,
h4.mini-title {
  margin: 0;
  color: var(--vermelho);
  font-weight: 600;
  font-size: 18px;
}

.degrade-footer-up {
  background-image: url(../images/degrade-cima-rodape.png);
  position: relative;
  width: 100%;
  height: 72px;
  top: 0;
}

.rodape-fixo {
  background: var(--vermelho);
  position: fixed;
  width: 100%;
  height: 0px;
  z-index: 9999;
  bottom: 0;
  transition: all ease 1s;
}

.rodape-fixo .container,
.rodape-fixo .row {
  height: 100%;
}
.rodape-fixo .row div {
  margin: 0;
  padding: 0;
}
.rodape-fixo p {
  font-size: 16px;
  margin: 0;
}
.rodape-fixo p strong {
  color: var(--azulescuro);
}

.rodape-fixo a {
  font-weight: 600;
}

.logo-barra-fixa {
  bottom: -10px;
  position: absolute;
  display: none;
}

.phones-fixa {
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-titulo {
  margin: 25px 0;
}

.footer-titulo h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.linha-footer-tit {
  width: 100%;
  height: 1px;
  background: #fff;
  margin-left: 15px;
}

.fixa-redes {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.funcionamento {
  display: grid;
  align-content: space-between;
}

.logo-barra-fixa-out {
  display: none;
  bottom: -50px;
  transition: all ease 0.5s;
}

.rodape-show {
  height: 40px;
  transition: all ease 1s;
}

.footer {
  background-color: var(--azulescuro);
  padding: 8em 0;
}

.copyright div {
  padding: 0;
}

.copyright p {
  color: #ffffff;
  font-size: 14px;
  margin-top: 8px;
}

.copy-logos {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0;
  gap: 15px;
}

/* ##### FIM FOOTER ##### */

/* ##### MODAL ##### */

.modal {
  z-index: 999999;
  background: #0000004f;
  backdrop-filter: blur(20px);
}

.modal-header {
  background: var(--azulescuro);
  color: #fff;
  text-transform: uppercase;
  border-radius: 0;
  display: flex;
  align-items: center;
}

.modal-header h4 {
  font-size: 18px;
  font-weight: 300;
  margin: 0.5em 0;
}

.close:not(:disabled):not(.disabled) {
  color: #fff !important;
}

.modal-body form input.btn {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: var(--vermelho);
  color: #fff;
  text-transform: uppercase;
}

.modal-body .btn {
  border: none !important;
}

.modal-body form input.btn:hover {
  background-color: var(--azulclaro);
}

/* ##### FIM MODAL ##### */

@media (max-width: 991px) {
  /* ##### HOME  ##### */

  .destaques-home .row .col-lg-3 {
    margin: 0.5em 0;
  }

  .box-perfeito-1,
  .box-perfeito-2,
  .box-perfeito-3,
  .box-perfeito-4,
  .box-perfeito-5 {
    height: 170px;
  }

  .box-roxo-img {
    width: 130%;
    height: auto;
  }

  .sombra-1,
  .sombra-2 {
    height: 200px !important;
  }

  .unid-em-breve {
    display: none;
  }

  .logo a {
    width: 100%;
    height: 100%;
    z-index: 99999;
    position: relative;
  }

  .degrade-topo-banner-home {
    display: none;
  }

  .estaticas-bread .breadcrumb {
    min-width: 100%;
  }

  .estaticas-bread .breadcrumb .container-bread:nth-child(2) span {
    color: var(--azulescuro);
    font-weight: 600 !important;
  }

  /* ##### HOME FIM ##### */

  /* ##### FOOTER ##### */

  .box-faixa-white {
    background: #2c1261;
    padding: 2em;
  }

  .faixa-footer-white {
    width: 100%;
    background: none;
    height: auto;
    position: relative;
    z-index: 200;
    border-radius: 5em;
    margin-bottom: 0;
    margin-top: 0;
    text-align: center;
  }

  .faixa-footer-white .col-lg-4 {
    background: #fff;
    padding: 1em !important;
    border-right: 0px;
    border-radius: 3em;
    margin: 1em 0.3em;
  }

  footer {
    background-size: contain;
  }

  .faixa-footer-white h3 {
    font-size: 19px;
  }

  .faixa-footer-white p {
    font-size: 17px;
  }

  .footer-body .linha-footer-tit:first-child {
    margin-right: 15px;
    margin-left: 0px;
  }

  .copy-logos {
    justify-content: center;
    gap: 30px;
    margin: 1.5em 0;
  }

  .btn-result-aplicar {
    border-radius: 0;
  }

  .copyright p {
    text-align: center;
  }

  .footer {
    padding: 5em 0;
  }

  .copy-logos img {
    width: 80px;
  }

  .box-zap-float {
    position: fixed;
    bottom: 23px;
    z-index: 99999;
    right: 20px;
    width: auto;
  }

  .zap-float {
    width: 60px;
    height: 60px;
    box-shadow: 0px 0px 10px 6px #00000033;
  }

  .unids-mobile {
    text-align: center;
  }

  .unid {
    margin: 2em 0;
  }

  .funcionamento {
    text-align: center;
  }

  .faixa-footer-white .row {
    height: auto;
  }

  .barra-lilas {
    display: none;
  }

  /* ##### FOOTER FIM ##### */

  /* botao hamburguer */

  #menu-hamburger {
    width: 30px;
    height: 30px;
  }

  .hamburguer {
    position: relative;
    display: block;
    background: var(--vermelho);
    width: 40px;
    height: 5px;
    top: 18px;
    left: 0px;
    transition: 0.5s ease-in-out;
  }

  .hamburguer:before,
  .hamburguer:after {
    background: var(--vermelho);
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: 0.5s ease-in-out;
  }

  .hamburguer:before {
    top: -12px;
  }

  .hamburguer:after {
    bottom: -12px;
  }

  input.input-hamb {
    display: none;
  }

  .hamb2 {
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    z-index: 999999;
    position: relative;
  }

  input.input-hamb:checked ~ label .hamburguer {
    transform: rotate(45deg);
  }

  input.input-hamb:checked ~ label .hamburguer:before {
    transform: rotate(90deg);
    top: 0;
  }

  input.input-hamb:checked ~ label .hamburguer:after {
    transform: rotate(90deg);
    bottom: 0;
  }
  /* botao hamburguer fim */

  .tradicao {
    display: none;
  }

  .menu.navbar-nav {
    position: fixed;
    background: #170054c7;
    backdrop-filter: blur(15px);
    width: 100%;
    left: 0;
    right: 0;
    display: grid;
    top: 100px;
    height: 0;
    z-index: 999;
    overflow: hidden;
    transition: all ease 0.3s;
    justify-items: center;
    align-content: space-around;
  }

  .mostra {
    height: calc(100vh - 100px) !important;
    transition: all ease 1.2s !important;
  }

  .menu ul {
    display: block;
    list-style: none;
    font-size: 14px;
    justify-content: center;
    justify-items: center;
    margin: 0;
    width: 100%;
    text-align: center;
    position: relative;
  }

  .ag-botoes a {
    border-radius: 3em;
    height: 50px;
    width: 70%;
    margin: 10px 0;
  }

  .menu ul a li {
    border-right: 0px;
    padding: 5px 13px;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    background: #15063d45;
    border-bottom: 1px solid #bcbcbc30;
    height: 8vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  header {
    height: 100px;
  }

  section.header {
    height: 100px;
    background: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
    box-shadow: 0px 0px 8px 2px #7277fa5c;
  }

  .align-mobile {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100px;
  }

  .busca-rapida {
    height: auto;
    margin-top: 2em;
    bottom: 0px;
    z-index: 110;
    border-radius: 0;
    border: none;
    margin-right: 0px;
    margin-left: 0px;
    background: var(--azulescuro);
    padding: 2em;
  }

  .busca-rapida .row {
    height: auto;
  }

  .btn-b-rapida {
    position: relative;
    right: 0px;
    top: 0px;
    background: var(--vermelho);
    height: auto;
    width: 100%;
    border-radius: 0px;
    color: #fff;
    margin: 0.5em 15px;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  .btn-b-rapida p {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    padding: 5px;
  }

  .input-b-rapida {
    width: 100%;
    height: 100%;
    color: #fff;
    border-radius: 0 !important;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 300;
    border: 1px solid #ffffff4f;
    padding: 8px 15px;
    background-position: 93% center;
  }

  .btn-b-rapida img {
    width: 18px;
  }

  .referencia-box {
    background-image: none;
  }

  .box-area-util {
    width: 100%;
  }

  .box-logo {
    height: 108px;
    display: flex;
    align-items: center;
  }

  .logo img {
    width: 200px;
    position: relative;
  }

  .box-logo {
    display: flex;
    align-items: center;
  }

  /*menu resultado */

  .result-top-busca {
    border: 0px;
    border-radius: 1em;
    height: auto;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    overflow: hidden;
    color: #fff;
    box-shadow: 0px 5px 10px #1f0745a1;
    transition: all ease 0.4s;
  }

  .mais-filtros {
    display: none;
  }

  .refinar-busca {
    width: 100%;
    background: var(--azulescuro);
    color: #fff;
    display: grid;
    text-align: center;
    padding: 1em;
    border-radius: 1em;
    cursor: pointer;
    margin: 15px 0;
    z-index: 300;
    position: relative;
  }

  .refinar-busca p {
    margin: 0 !important;
    font-weight: 300;
  }

  .box-filtros {
    width: 100%;
    background: var(--azulescuro);
  }

  .filtros-2 {
    border-top: 0px;
  }

  .filtros-1 .campo-1,
  .filtros-1 .box-ref,
  .filtros-2 div {
    width: 100%;
    background: none;
    cursor: pointer;
  }

  .btn-result-aplicar {
    width: 100%;
    padding: 1em;
  }

  .search-ref {
    display: none;
  }

  .input-b-ref {
    width: 100%;
    height: 50px;
    background: #1f0051;
    color: #fff;
    border-radius: 0;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 300;
    border: none;
    padding: 0px 15px;
    background-image: none;
    background-position: 90% center;
    background-repeat: no-repeat;
    appearance: none;
  }

  /*fim menu resultado */

  .pagination li.pg-cores {
    display: none;
  }

  .pagination li.pg-cores.active,
  .pagination li.pg-cores:nth-of-type(2),
  .pagination li.pg-cores:nth-last-of-type(2) {
    display: flex;
  }

  .pagination li.pg-cores:nth-of-type(2),
  .pagination li.pg-cores:nth-last-of-type(2) {
    background-color: var(--azulescuro);
    margin: 0 3px;
    color: #fff !important;
    min-width: 40px;
    justify-content: center;
    align-items: center;
  }

  .pagination li.pg-cores:nth-of-type(2) a,
  .pagination li.pg-cores:nth-last-of-type(2) a {
    color: #fff !important;
  }

  .itens-result-top {
    border: 0px;
    border-radius: 1em;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    position: relative;
    z-index: 200;
    background: #7277fa4f;
  }

  h4.conhecer-unidade {
    left: 34px;
  }

  .itens-result-top .col-lg-3 {
    border-right: 0px;
  }

  /* página do imovel */

  .det-mobile .container {
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }

  .banner-fotos,
  .foto-det,
  .preloader-banner {
    height: 400px !important;
  }

  .busca-det-referencia {
    display: none;
  }

  .link-voltar {
    color: var(--cinza) !important;
    font-size: 14px;
  }

  .btns-det-mobile {
    justify-content: center;
  }

  .btn-detalhe.compartilhar {
    background: var(--vermelho) !important;
  }

  .barra-imovel-det .trace-det {
    display: none;
  }

  .barra-imovel-det {
    background-color: #fff;
    border-radius: 2em;
    padding: 2em 0;
    box-shadow: 0px 0px 13px -2px var(--azulclaro);
    display: grid;
    grid-template-columns: 50% 50%;
    justify-content: center;
    width: 100%;
    align-items: center;
    justify-content: center;
  }

  .barra-imovel-det .col-lg-2 {
    display: grid;
    justify-items: center;
    width: 100%;
    max-width: 100%;
    margin: 15px auto;
  }

  .barra-imovel-det .col-lg-2 p:nth-child(2) {
    font-size: 17px !important;
  }

  .det-unid-cond h2 {
    font-size: 23px !important;
    font-weight: 600 !important;
  }

  .det-unid-cond .col-lg-6:nth-child(2) {
    margin-top: 2em;
  }

  .det-unid-cond li {
    font-size: 13px;
  }

  .bread-flutuante .breadcrumb {
    font-size: 10.2px;
    line-height: 12px;
  }

  .carousel-control-next,
  .carousel-control-prev {
    width: 30%;
  }

  .btn-foto-video,
  .ver-mapa,
  .compartilhar {
    display: flex !important;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
  }

  .video-foto-icon {
    margin: 0;
    margin-right: 6px;
  }

  .rod-fixo-imovel .row {
    height: 87px;
  }

  /* fim página do imovel */

  /* pag contato */
  .barra-direita {
    border-left: 0px;
    padding-left: 15px;
  }

  .box-contato-unidade {
    display: grid;
    gap: 15px;
    margin: 10px 0 45px 0;
  }

  h4.mini-title {
    font-size: 24px;
    border-bottom: 2px solid var(--azulescuro);
  }

  .box-form-contato h4 {
    font-size: 53px;
    margin-top: 15px;
    text-align: center;
  }

  .box-unidades {
    padding: 3em 0;
  }
  /* fim pag contato */

  /* pag sobre  */

  .textos-sobre .col-12 h4,
  .textos-sobre .col-12 h4:first-child {
    font-size: 36px;
    text-align: center !important;
  }

  .primeiro-texto p:first-child {
    margin-top: 3em;
  }

  .circulo-infos {
    height: auto;
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
  }

  .tres-circulos {
    display: block;
  }

  .tres-circulos .col-lg-4 {
    box-shadow: 0px 0px 14px #2e166e73;
    padding: 2em;
    border-radius: 3em;
  }

  .frase-escritorio {
    width: 85%;
  }
  .frase-escritorio h5 {
    font-size: 14px;
  }

  .sombra-agencia {
    display: none;
  }

  .unidades h5 {
    bottom: 1px;
    font-size: 15px;
  }

  .unid-1:hover h5,
  .unid-2:hover h5 {
    font-size: 18px;
  }

  .unidades .col-6:first-child h5 {
    right: 10px;
  }

  .unidades .col-6:nth-child(2) h5 {
    left: 10px;
  }

  .ag-title {
    margin-top: -100px;
    z-index: 999;
  }

  .ag-title h2 {
    font-size: 28px;
  }

  /* fim pag sobre  */
}

@media (max-width: 575px) {
}

@media (max-width: 767px) {
  .ag-title {
    margin-top: -55px;
  }

  .ag-title h2 {
    font-size: 20px;
  }

  .btn-rod-fixo {
    height: 40px;
    width: 80%;
    margin: 5px 10%;
  }
  .rod-fixo-imovel .row {
    height: 130px;
  }

  .unidades img {
    height: 190px;
  }

  .btns-det-mobile {
    justify-content: center;
    display: block !important;
  }

  .btns-det-mobile button,
  .btns-detalhe .favoritar,
  .btns-detalhe .ver-mapa,
  .btns-detalhe .compartilhar {
    width: 80%;
    margin: 5px 10%;
    justify-content: center;
  }

  .video-foto-icon,
  .btn-detalhe img {
    margin-right: 7px;
    scale: 0.8;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .tradicao {
    bottom: 25px;
  }
}

@media (min-width: 1200px) {
}

@media (min-width: 1400px) {
}

/* EFEITOS DE MOVIMENTO */

/* Grow */
.fx-cresce {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.fx-cresce:hover,
.fx-cresce:focus,
.fx-cresce:active {
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
}
