﻿/*FILTERS*/
/* Footer */
/* Footer Fim */
/* Imovel */
/* Imovel Fim */
/* Modal */
/* Modal Fim */
/* Destaques */
/* Destaques Fim */
/* Quem Somos */
/* Quem Somos Fim */
/* Atendimento */
/* Atendimento Fim */
/* Fale Conosco */
/* Fale Conosco Fim */
/* Empreendimento */
/* Empreendimento Fim */
/* Panels */
/* Panels Fim */
body.container-fluid {
  overflow-x: hidden;
}

.section-banner-pagina-contato {
  height: 400px;
  width: 100%;
  background: url("/Images/KleyaImoveis/banner-pagina-contato.png") no-repeat center;
  font-family: "Inter-Light, sans-serif";
  color: #ffffff;
  text-align: left;
  padding-top: 80px;
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
}

.section-banner-pagina-contato .section-banner-pagina-contato--titulo {
  font-family: "Inter-Medium, sans-serif";
  text-align: left;
  text-transform: capitalize !important;
  position: absolute;
  font-size: 3.5em;
  right: 5.4em;
  top: 50%;
  margin-top: -80px;
}

.section-banner-pagina-contato .section-banner-pagina-contato--descricao {
  font-family: "Inter-Light, sans-serif";
  text-transform: capitalize !important;
  font-size: 2.4rem;
  position: absolute;
  right: 7.2em;
  top: 58%;
  margin-top: 14px;
}

.padding-left-right-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.section-mensagem-pagina-contato {
  min-height: 100px;
  background: #09364D;
  font-family: "Inter-Light, sans-serif";
  color: #ffffff;
  text-align: left;
  padding-top: 25px;
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
  padding-left: 15px;
  padding-right: 15px;
}

.section-mensagem-pagina-contato a {
  color: #ffffff;
}

.section-mensagem-pagina-contato-formulario--subtitulo {
  color: #ffffff;
  font-family: "Inter-Medium, sans-serif";
  text-align: center;
  text-transform: capitalize !important;
}

.section-mensagem-pagina-contato-formulario--divisor {
  margin-top: 0px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.5);
  width: 40%;
}

.section-mensagem-formulario-pagina-contato {
  background: #09364D;
  color: #ffffff;
  font-family: "Inter-Medium, sans-serif";
}

.section-mensagem-formulario-pagina-contato p.section-mensagem-formulario-pagina-contato--descricao {
  color: #ffffff;
  margin-left: -15px;
}

@media (max-width: 480px) { /* smartphones, telefones Android phones, iPhone com a tela horizontal */
  .section-banner-sobre > .section-banner-sobre--titulo {
    font-size: 2.5em;
    right: 0.5em;
  }
}
.btn-contato {
  color: #ffffff;
  display: inline-block;
  background-color: #09364D;
  letter-spacing: 2px;
  padding: 10px 24px;
  text-transform: capitalize !important;
  margin-top: 20px;
}

.btn-contato:hover {
  text-decoration: none;
}

.destaques {
  text-transform: capitalize !important;
  -webkit-box-shadow: 1px 4px 18px -1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 4px 18px -1px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 4px 18px -1px rgba(0, 0, 0, 0.4);
  padding: 14px 6px;
  margin-top: 20px;
  margin-bottom: 20px;
  height: 60px;
}

.destaques .text-decoration {
  border-top: solid 2.5px #09364D;
  margin-top: 10px;
}

.destaques span {
  font-family: "Inter-Light, sans-serif";
  font-size: 24px;
  letter-spacing: 3px;
}

.caixa-destaque-mensagem {
  margin-left: -30px;
  height: 90px !important;
  padding: 30px 6px !important;
}

.caixa-destaque-mensagem .caixa-destaque--detalhe-borda {
  bottom: 0px !important;
}

.form-control {
  border-radius: 0px;
}

.form-group label {
  text-transform: capitalize !important;
}

form.form-horizontal input[type=submit],
form.form-horizontal button[type=submit] {
  border-radius: 0px;
  text-align: right;
  text-transform: capitalize !important;
  margin-top: 14px;
}

.form-group .alert {
  border-radius: 0px;
}

/* custom xs */
@media only screen and (min-width: 320px) {
  .section-banner-pagina-contato .section-banner-pagina-contato--titulo {
    font-size: 3.6em;
    right: 0.5em;
  }
  .section-banner-pagina-contato .section-banner-pagina-contato--descricao {
    font-size: 2rem;
    right: 1em;
    top: 60%;
    margin-top: 14px;
  }
}
/* xs */
@media only screen and (min-width: 480px) {
  .section-banner-pagina-contato .section-banner-pagina-contato--titulo {
    font-size: 3.5em;
    right: 0.5em;
  }
  .section-banner-pagina-contato .section-banner-pagina-contato--descricao {
    font-size: 2.1rem;
    right: 1.6em;
    top: 58%;
  }
}
/* sm */
@media only screen and (min-width: 768px) {
  .section-banner-pagina-contato .section-banner-pagina-contato--titulo {
    font-size: 3.5em;
    right: 2em;
  }
  .section-banner-pagina-contato .section-banner-pagina-contato--descricao {
    font-size: 2.1rem;
    right: 5.8em;
    top: 58%;
  }
}
/* md */
@media only screen and (min-width: 992px) {
  .section-banner-pagina-contato .section-banner-pagina-contato--titulo {
    font-size: 7rem;
    right: 1.5em;
  }
  .section-banner-pagina-contato .section-banner-pagina-contato--descricao {
    font-size: 2.1rem;
    right: 5.8em;
    top: 68%;
  }
}
/* lg */
@media only screen and (min-width: 1200px) {
  .section-banner-pagina-contato .section-banner-pagina-contato--titulo {
    font-size: 3.5em;
    right: 5.4em;
  }
  .section-banner-pagina-contato .section-banner-pagina-contato--descricao {
    font-size: 2.4rem;
    right: 7.2em;
    top: 58%;
  }
}
