@charset "UTF-8";
.nav-logo {
  width: 166px;
}

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/*               Header                         */
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
nav {
  padding: 25px 8% !important;
  border-bottom: 1px solid var(--blanco);
}
nav .container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}
nav .navbar-collapse {
  float: right;
  -webkit-box-flex: unset;
      -ms-flex-positive: unset;
          flex-grow: unset;
}
nav .navbar-collapse .nav-link {
  color: var(--blanco);
}
nav .navbar-collapse .nav-link.active {
  color: var(--dorado) !important;
}
nav .navbar-collapse .nav-link:hover {
  color: var(--dorado) !important;
}
nav .navbar-collapse .nav-link:focus {
  color: var(--dorado) !important;
}

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/*              Footer and Copy                 */
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
.form-section .footer {
  background: url("../img/homeline-banner-footer.jpg") center center no-repeat;
  background-size: cover;
  padding: 10% 8%;
}
.form-section .copy {
  padding: 8px 8%;
}
.form-section .control-form {
  background-color: transparent;
  width: 100%;
  border: none;
  border-bottom: 1px solid var(--dorado);
  color: var(--blanco);
  outline: none;
}
.form-section .control-form::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--blanco);
}
.form-section .control-form::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--blanco);
}
.form-section .control-form:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--blanco);
}
.form-section .control-form::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--blanco);
}
.form-section .control-form::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--blanco);
}
.form-section .control-form:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--blanco);
}
.form-section .control-form::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--blanco);
}
.form-section .btn-gold-f {
  background: var(--dorado);
  color: var(--blanco);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 7px 50px;
  font-size: 20px;
  border: none;
  border-radius: 8px;
  text-decoration: none;
  display: inline-block;
}

.form {
  padding: 0px 25px;
}
.form input, .form textarea {
  outline: none;
}
.form .form-control {
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--dorado);
  border-radius: 0px;
  color: var(--blanco);
  width: 100%;
  outline: none;
}
.form ::-webkit-input-placeholder {
  color: var(--blanco);
}
.form ::-moz-placeholder {
  color: var(--blanco);
}
.form :-ms-input-placeholder {
  color: var(--blanco);
}
.form ::-ms-input-placeholder {
  color: var(--blanco);
}
.form ::placeholder {
  color: var(--blanco);
}

/* Medias query menu hamburguesa */
@media (max-width: 989px) {
  nav {
    background: var(--negro);
  }
  nav .menu {
    width: 50px;
  }
  nav .navbar-toggler {
    border: none;
  }
  nav .navbar-collapse .nav-link {
    text-align: right;
  }

  .form-section .footer {
    background: url("../img/res/homeline-banner-footer-res.jpg") center center no-repeat;
    padding: 20% 8%;
  }
}
/* Medias query */
/*  HOMLINE - WEB
    Desarrollado: Agosto 01, 2021.
    Futurité
*/
:root {
  --dorado: #c2a862;
  --negro: #121212;
  --blanco: #ffffff;
}

@font-face {
  font-family: "OldStandard-Regular";
  src: url("../fonts/OldStandardTT-Regular.ttf") format("opentype");
}
@font-face {
  font-family: "OldStandard-Bold";
  src: url("../fonts/OldStandardTT-Bold.ttf") format("opentype");
}
@font-face {
  font-family: "WorkSans";
  src: url("../fonts/WorkSans-Regular.ttf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "WorkSans";
  src: url("../fonts/WorkSans-Bold.ttf") format("opentype");
  font-style: bold;
  font-weight: 700;
}
@font-face {
  font-family: "WorkSans";
  src: url("../fonts/WorkSans-Italic.ttf") format("opentype");
  font-style: italic;
}
html, body {
  font-family: "WorkSans", sans-serif;
  font-size: 15px;
  color: var(--negro);
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-weight: 400;
}

.pd0 {
  padding: 0px;
}

.p-7 {
  padding: 7% 8%;
}

.p-12 {
  padding: 12% 0px;
}

.text-gold {
  color: var(--dorado);
}

.text-black {
  color: var(--negro);
}

.fs-20 {
  font-size: 20px;
}

.fs-50 {
  font-size: 50px;
}

.fw-bold {
  font-weight: 700;
}

.w-20 {
  width: 20%;
}

.w-40 {
  width: 40%;
}

.w-60 {
  width: 60%;
}

.w-65 {
  width: 65%;
}

.w-100 {
  width: 100%;
}

.bg-black {
  background: var(--negro);
}

.bg-gold {
  background: var(--dorado);
}

.f-Old {
  font-family: "OldStandard-Regular", sans-serif !important;
}

.link-hov {
  text-decoration: none !important;
}
.link-hov:hover {
  color: #a9904e !important;
}

h1 {
  font-size: 60px;
  font-family: "OldStandard-Regular", sans-serif !important;
}

h2 {
  font-size: 45px;
  font-family: "OldStandard-Regular", sans-serif !important;
}

h3 {
  font-size: 30px;
  font-family: "OldStandard-Regular", sans-serif !important;
}

.btn-gold {
  background: var(--dorado);
  color: var(--blanco);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 35px;
  font-size: 20px;
  border: none;
  border-radius: 8px;
  text-decoration: none;
  display: inline-block;
}
.btn-gold:hover {
  background: #a9904e;
  color: var(--blanco);
}

.hover {
  position: relative;
}
.hover .img-hov {
  display: none;
}
.hover:hover .img-hov {
  display: block;
}
.hover:hover .img1 {
  display: none;
}

.mobile-item {
  display: none;
}

.row {
  --bs-gutter-x: none;
  --bs-gutter-y: none;
}

@media (max-width: 500px) and (min-width: 0px) {
  .mobile-item {
    display: block;
  }

  .desktop-item {
    display: none;
  }
}
/* Medias query */
@media (max-width: 767px) and (min-width: 0px) {
  .mb-mob3 {
    margin-bottom: 30px;
  }

  .mb-mob4 {
    margin-bottom: 40px;
  }

  .mb-mob5 {
    margin-bottom: 50px;
  }

  .mt-mob3 {
    margin-top: 30px;
  }

  .mt-mob4 {
    margin-top: 40px;
  }

  .mt-mob5 {
    margin-top: 50px;
  }

  .w-mob20 {
    width: 20%;
  }

  .float-mobleft {
    float: left !important;
  }
}
.home {
  /* Medias query */
}
.home .h-sec1 {
  background: url("../img/home/homeline-banner-inicio.jpg") center center no-repeat;
  background-size: cover;
  padding: 220px 8%;
}
.home .h-sec3 a {
  border: 1px solid var(--dorado);
  padding: 35px 30px;
  text-decoration: none;
  color: var(--negro);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.home .h-sec3 a span {
  margin-right: 10%;
}
.home .h-sec3 a:hover {
  background: var(--dorado);
  color: var(--blanco) !important;
}
.home .h-sec3 a:hover span {
  color: var(--blanco);
}
.home .h-sec5 {
  background: url("../img/home/homeline-cta-expertos-comercializacion-proyectos-inmobiliarios.jpg") center center no-repeat;
  background-size: cover;
}
.home .pad {
  padding-left: 5%;
}
.home .text {
  border-left: 1px solid var(--dorado);
}
.home .section-line .img-mob {
  margin-top: -300px;
  margin-left: 8%;
}
.home .section-line .img-line {
  margin-top: -28px;
}
@media (max-width: 767px) and (min-width: 0px) {
  .home .h-sec1 {
    background: url("../img/home/res/homeline-banner-inicio-res.jpg") center center no-repeat;
    padding: 100px 8%;
  }
  .home .section-line .row {
    --bs-gutter-x: none;
    --bs-gutter-y: none;
  }
  .home .section-line .text-center {
    background: var(--negro);
  }
  .home .section-line .text-center .img-line {
    float: right;
    width: 50% !important;
    margin-top: 0px;
    margin-bottom: -5px;
    z-index: 999;
    position: relative;
  }
  .home .section-line .img-line {
    float: right;
    width: 50% !important;
    margin-top: 0px;
    margin-bottom: -5px;
    z-index: 999;
    position: relative;
  }
  .home .h-sec5 {
    background: url("../img/home/res/homeline-cta-expertos-comercializacion-proyectos-inmobiliarios-res.jpg") center center no-repeat;
  }
  .home .form {
    padding: 0px;
  }
}