* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

a {
  text-decoration: none; }

svg, img {
  max-width: 100%; }

html, body {
  height: 100%;
  margin: 0;
  font-size: 12px;
  font-family: "Barlow Condensed", sans-serif; }

h1, h2, h3, h4, h5, h6, input, select, textarea {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: normal; }

.grid {
  width: 95%;
  max-width: 95rem;
  margin: 0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between; }

.sec-banner {
  position: relative;
  background-color: #E4E4E5; }
  .sec-banner .grid {
    padding: 0 0 10rem 0; }
    @media screen and (max-width: 500px) {
      .sec-banner .grid {
        padding: 20px; } }
    .sec-banner .grid .desc {
      width: 50%; }
      @media screen and (max-width: 500px) {
        .sec-banner .grid .desc {
          width: 100%; } }
      .sec-banner .grid .desc h1 {
        font-size: 50px;
        color: #707070;
        padding-top: 50px; }
        @media screen and (max-width: 500px) {
          .sec-banner .grid .desc h1 {
            font-size: 40px; } }
      .sec-banner .grid .desc .item {
        padding: 20px 0;
        margin: 20px 0; }
        .sec-banner .grid .desc .item:after {
          content: '';
          display: block;
          width: 300px;
          border-bottom: 10px solid #fff;
          margin-top: 30px; }
          @media screen and (max-width: 500px) {
            .sec-banner .grid .desc .item:after {
              width: 100%; } }
        .sec-banner .grid .desc .item:last-child:after {
          display: none; }
        .sec-banner .grid .desc .item h3 {
          font-size: 40px;
          font-weight: bold;
          color: #707070;
          text-transform: uppercase; }
          @media screen and (max-width: 500px) {
            .sec-banner .grid .desc .item h3 {
              font-size: 30px; } }
          .sec-banner .grid .desc .item h3 small {
            font-size: 18px;
            font-weight: 400;
            display: block; }
            @media screen and (max-width: 500px) {
              .sec-banner .grid .desc .item h3 small {
                font-size: 16px; } }
    .sec-banner .grid .img {
      position: absolute;
      background-color: red;
      top: 0;
      right: 0;
      width: 46vw;
      bottom: 0;
      background: url("../imagens/img-fachada-empreendimento.jpg");
      background-size: cover;
      background-position: right; }
      @media screen and (max-width: 500px) {
        .sec-banner .grid .img {
          width: 100%;
          position: unset;
          height: 500px; } }

.sec-viva-ideal {
  background-color: #575656;
  text-align: center;
  font-size: 42px;
  color: #fff;
  font-weight: bold;
  padding: 50px 0;
  position: relative; }
  .sec-viva-ideal:before {
    content: '';
    width: 577px;
    height: 25px;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, -50%);
    background: url("../imagens/detail.svg"); }
    @media screen and (max-width: 500px) {
      .sec-viva-ideal:before {
        width: 100%; } }

.sec-form {
  padding: 6rem 0; }
  .sec-form h2 {
    font-size: 20px;
    text-align: center; }
  .sec-form .container {
    width: 520px;
    margin: 0 auto; }
    .sec-form .container form {
      width: 100%;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      margin-top: 30px; }
      .sec-form .container form label {
        width: 48%; }
        .sec-form .container form label p {
          font-size: 1.333rem;
          padding-top: 2rem;
          color: #474747;
          line-height: 1.7;
          font-weight: bold; }
          @media screen and (max-width: 1024px) {
            .sec-form .container form label p {
              font-size: 1.167rem; } }
        .sec-form .container form label .textfield {
          width: 100%;
          padding: 16px;
          border-radius: 8px;
          background-color: rgba(0, 0, 0, 0.5);
          border: none;
          color: #fff; }
        .sec-form .container form label ::placeholder {
          color: #fff; }
      .sec-form .container form button.button {
        background-color: #24BAD2;
        padding: 15px 55px;
        border: none;
        color: #fff;
        border-radius: 10px;
        margin-top: 20px;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase; }
  .sec-form .alert {
    padding-top: 50px;
    width: 750px;
    margin: 0 auto;
    text-align: center;
    max-width: 90%; }
    .sec-form .alert p {
      font-size: 12px;
      font-weight: lighter;
      line-height: 1.7; }

.sec-rodape {
  background-color: #030303;
  padding: 30px 0;
  position: relative; }
  @media screen and (max-width: 500px) {
    .sec-rodape {
      padding: 40px 20px; } }
  .sec-rodape:before {
    content: '';
    width: 577px;
    height: 25px;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, -50%);
    background: url("../imagens/detail.svg"); }
    @media screen and (max-width: 500px) {
      .sec-rodape:before {
        width: 100%; } }
  .sec-rodape .redes {
    align-self: center; }
    .sec-rodape .redes a {
      margin-right: 20px; }

@media screen and (max-width: 1025px) {
  body, html {
    font-size: 11px !important; } }
@media screen and (max-width: 768px) {
  body, html {
    font-size: 10px; } }

/*# sourceMappingURL=style.css.map */