@charset "utf-8";
/* CSS Document */

:root {
  --main-color: #DB373C;
  --secondary-blue:#2F9FCC;
  --secondary-color: #326cb5;
  --alt-blue: #3B6D8F;
  --secondary-black: #444444;
  --secondary-gray: #d0d0d0;
  --light-gray: #e4e4e4;
  --secondary-red: #ff0000;
  --secondary-orange: #ff8e00;
  --gradient-1:linear-gradient(-45deg, rgba(224,0,185,1), rgba(0,0,162,1));
}

html, body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    scroll-behavior: smooth;
    margin:0;
    padding:0;
}

a, a:hover, a:active {
  text-decoration: none;
}

/*@media (max-width: 1920px) {
  html, body {
    font-size: 100%;
  }
}
@media (max-width: 1366px) {
  html, body {
    font-size: 90%;
  }
}
@media (max-width: 1280px) {
  html, body {
    font-size: 85%;
  }
}
@media (max-width: 960px) {
  html, body {
    font-size: 70%;
  }
}
*/
h1 {
  font-weight:800;
}

h2, h3, strong {
  font-weight: 700;
}

h4 {
  font-weight:500;
}

/*main {
  margin-top: 95px;
}*/
#busca-avancada{
  margin-top:15px;
}
.azul {
  color:var(--secondary-blue);
}
.verde {
  color:var(--secondary-green);
}
.laranja {
  color:var(--secondary-orange);
}
.cinza-escuro {
  color:var(--secondary-black);
}
.vermelho {
  color:var(--secondary-red);
}
.amarelo {
  color:var(--secondary-yellow);
}
.branco {
  color:white;
}
.display-4 {
  color:var(--alt-blue);
}
header h1 {
  color:var(--secondary-color);
  text-transform:uppercase;
  font-weight:800;
}
header h3, footer h3 {
  color:var(--secondary-gray);
  font-weight:700;
}

.bg-gray {
  background-color:var(--secondary-gray) !important;
}
.bg-primary, .btn-primary {
  background-color:var(--secondary-color) !important;
  border-color:var(--secondary-color);
}
.bg-secondary, .btn-secondary {
  background-color:var(--secondary-gray) !important;
}
.btn-primary:hover {
  color: #fff;
  background-color:var(--alt-blue) !important;
  border-color:var(--alt-blue);
}

.btn-outline-primary {
  background-color:white !important;
  border-color:var(--secondary-color);
  color:var(--secondary-color);
}
.btn-outline-primary:hover {
  color: #fff;
  background-color:var(--alt-blue) !important;
  border-color:var(--alt-blue);
}

.nav-item .active {
  font-weight:700;
  border-bottom: solid 5px rgba(0, 0, 0, 0);
}
.nav-item:hover .active {
  font-weight:700;
  border-bottom: 0;
}
.nav-item:hover {
  border-bottom: solid 5px var(--secondary-color);
}
.logo-topo {
  height:70px;
}
#pesquisa-topo {
  background-color:var(--light-gray);
}

.imovel h6, .imovel p {
  color:var(--secondary-black);
}
.imovel p i {
  color:var(--secondary-gray);
}
#card-imovel h4 {
  color:var(--secondary-color);
}

#cta-todos a {
  font-size:150%;
}
#cta-aluguel {
  background-color:var(--main-color);
}
#cta-aluguel h3 {
  color:#fff;
}
#contato-indice h1, #contato-indice li, #detalha-imovel h2, #detalha-imovel h4 {
  color:var(--secondary-black);
}
#contato-indice h3, #contato-indice i, #detalha-imovel i {
  color:var(--secondary-gray);
}
#contato-indice ul {
  list-style-type: none;
}
#contato-imovel {
  background-color:var(--light-gray);
}
#contato-imovel h4 {
  color:var(--secondary-color);
  font-weight:800;
  text-transform: uppercase;

}
footer h3, footer h5 {
  text-transform:uppercase;
  font-weight:800;
}
footer h5 {
  color:var(--secondary-color);
}
footer p {
  color:white;
}

.sessenta {
  width:60%;
  height:auto;
}
/* -------- */

@media screen and (orientation: landscape) {
	.hide-on-large {
		display:none;
	}
.break-large {
  flex-basis: 100%;
  height: 0;
}  
}
@media screen and (orientation: portrait) {
	.hide-on-mobile {
		display:none;
	}
  .break-mob {
    flex-basis: 100%;
    height: 0;
  }  
}

.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  margin-bottom: 1rem;
  font-size: 2rem;
  color: #fff;
  border-radius: .75rem;
}

.icon-link {
  display: inline-flex;
  align-items: center;
}
.icon-link > .bi {
  margin-top: .125rem;
  margin-left: .125rem;
  transition: transform .25s ease-in-out;
  fill: currentColor;
}
.icon-link:hover > .bi {
  transform: translate(.25rem);
}

.icon-square {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  font-size: 1.5rem;
  border-radius: .75rem;
}

.rounded-4 { border-radius: .5rem; }
.rounded-5 { border-radius: 1rem; }

.text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); }
.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
.text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }

.card-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/*SLIDER*/

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 42rem;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}
@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}