@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700");
* {
  font-family: 'Lato', sans-serif; }

#preload_area {
  background-image: url("../img/logos/logo-natania-red.png");
  width: 0px;
  height: 0px;
  display: inline; }

/* ------------------ general styling & overrides ------------------ */
a:hover {
  text-decoration: none; }

ul, ol {
  list-style: none;
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6, p, label {
  margin-bottom: 0; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* ------------------ variables and mixins ------------------ */
/* animacion shake campos */
@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0); }
  20%,
  80% {
    transform: translate3d(2px, 0, 0); }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0); }
  40%,
  60% {
    transform: translate3d(4px, 0, 0); } }
.form-hidden {
  display: none; }

/* ------------------ header ------------------ */
header {
  position: absolute;
  width: 100%; }
  header .container, header .container-fluid {
    padding: 1.5rem 2rem; }
    header .container .row, header .container-fluid .row {
      margin-left: 0;
      margin-right: 0;
      align-items: center; }
      header .container .row .logo, header .container-fluid .row .logo {
        -webkit-transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
        transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
        padding: 0; }
        header .container .row .logo:hover, header .container-fluid .row .logo:hover {
          opacity: .6; }
      header .container .row .contact, header .container-fluid .row .contact {
        -webkit-transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
        transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
        opacity: 0;
        padding: 0;
        text-align: right; }
        header .container .row .contact ul li, header .container-fluid .row .contact ul li {
          display: inline-block;
          padding: 0 0.5rem; }
          header .container .row .contact ul li i, header .container-fluid .row .contact ul li i {
            color: #999999;
            margin-right: 0.5rem; }
          header .container .row .contact ul li a, header .container-fluid .row .contact ul li a {
            font-size: 1rem;
            color: #E02214; }
          header .container .row .contact ul li .cta, header .container-fluid .row .contact ul li .cta {
            -webkit-transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
            transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
            border-radius: 3px;
            background-color: #E02214;
            color: #FFFFFF;
            padding: 1rem;
            letter-spacing: 1px;
            text-transform: uppercase;
            font-size: 0.65rem;
            outline: none;
            display: block; }
            header .container .row .contact ul li .cta:hover, header .container-fluid .row .contact ul li .cta:hover {
              opacity: .6; }

.sticky {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  position: fixed;
  background-color: #FFFFFF;
  z-index: 105; }
  .sticky .container, .sticky .container-fluid {
    padding: 0.5rem 0.5rem; }
    .sticky .container .row .logo a img, .sticky .container-fluid .row .logo a img {
      content: url("../img/logos/logo-natania-red.png");
      max-width: 120px; }
    .sticky .container .row .contact, .sticky .container-fluid .row .contact {
      opacity: 1; }

.fixed-elements {
  position: absolute;
  z-index: 1; }
  .fixed-elements .cta-mobile {
    display: none; }
  .fixed-elements .row {
    margin-left: 0;
    margin-right: 0; }
  .fixed-elements .form {
    background-color: #FFFFFF;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0; }
    .fixed-elements .form .close {
      display: none;
      width: 44px;
      height: 44px; }
    .fixed-elements .form h2 {
      font-size: 1rem;
      color: #999999;
      font-weight: 700;
      padding: 0 1rem;
      font-weight: 400; }
      .fixed-elements .form h2 strong {
        font-weight: 700;
        display: block; }
    .fixed-elements .form form {
      padding: 1rem; }
      .fixed-elements .form form .form-row .form-check {
        margin: 0.5rem 0; }
      .fixed-elements .form form .form-row hr {
        border: none;
        border-top: 1px solid #FFFFFF;
        margin: 0.5rem 0; }
      .fixed-elements .form form .form-row label, .fixed-elements .form form .form-row p {
        font-size: 0.9rem;
        color: #999999;
        display: block;
        font-size: 13px; }
      .fixed-elements .form form .form-row p {
        width: 100%;
        margin: 0.5rem 0; }
      .fixed-elements .form form .form-row .input-group {
        margin: 0.5rem 0; }
        .fixed-elements .form form .form-row .input-group input {
          border: none;
          background: transparent;
          color: #999999;
          font-size: 0.9rem;
          border-bottom: 2px solid #AAAAAA;
          width: 100%;
          border-radius: 0;
          padding-bottom: 0.5rem;
          outline: none;
          padding-left: 0; }
        .fixed-elements .form form .form-row .input-group select {
          appearance: none;
          -webkit-appearance: none;
          border: none;
          background: transparent;
          color: #999999;
          font-size: 0.9rem;
          border-bottom: 2px solid #AAAAAA;
          width: 100%;
          border-radius: 0;
          padding-bottom: 0.5rem;
          outline: none;
          padding-left: 0;
          height: 100%;
          background: url("data:image/svg+xml;utf8,<svg fill='#CCC' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'> <path d='M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z'/> <path d='M0-.75h24v24H0z' fill='none'/> </svg>");
          background-repeat: no-repeat;
          background-position: 99%; }
        .fixed-elements .form form .form-row .input-group input:focus {
          box-shadow: none; }
        .fixed-elements .form form .form-row .input-group input[type=submit], .fixed-elements .form form .form-row .input-group button {
          cursor: pointer;
          -webkit-transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
          transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
          border-radius: 3px;
          background-color: #E02214;
          color: #FFFFFF;
          padding: 1rem;
          letter-spacing: 1px;
          text-transform: uppercase;
          font-size: 0.65rem;
          outline: none;
          width: 100%;
          border: none; }
          .fixed-elements .form form .form-row .input-group input[type=submit]:hover, .fixed-elements .form form .form-row .input-group button:hover {
            background-color: #999999; }
        .fixed-elements .form form .form-row .input-group .small {
          flex: 1; }
        .fixed-elements .form form .form-row .input-group .input-group-prepend {
          width: 20px;
          justify-content: center; }
        .fixed-elements .form form .form-row .input-group .input-group-text {
          font-size: 0.9rem;
          color: #999999;
          background-color: transparent;
          border: none;
          border-radius: 0;
          padding: 0; }
      .fixed-elements .form form .form-row [data-toggle=buttons] > .btn input[type=checkbox], .fixed-elements .form form .form-row [data-toggle=buttons] > .btn input[type=radio], .fixed-elements .form form .form-row [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], .fixed-elements .form form .form-row [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none; }
      .fixed-elements .form form .form-row .btn-group {
        margin: 0.25rem 0;
        flex-wrap: wrap; }
        .fixed-elements .form form .form-row .btn-group .btn {
          background-color: rgba(0, 0, 0, 0.12);
          margin: 0.25rem;
          flex: 1;
          border-radius: 3px;
          padding: 0.75rem 0;
          color: #999999; }
          .fixed-elements .form form .form-row .btn-group .btn:hover {
            background-color: lightblue;
            color: #FFFFFF; }
        .fixed-elements .form form .form-row .btn-group .active {
          background-color: lightblue;
          color: #FFFFFF; }
      .fixed-elements .form form .form-row .option-container {
        flex: 1; }
      .fixed-elements .form form .form-row .radio {
        align-items: center; }
        .fixed-elements .form form .form-row .radio p {
          margin: 0;
          padding: 0 0.25rem; }
    .fixed-elements .form .message {
      text-align: center;
      margin: auto;
      width: 100%;
      position: absolute;
      display: none; }
      .fixed-elements .form .message img {
        margin-bottom: 0.5rem; }
      .fixed-elements .form .message h3 {
        font-size: 2rem;
        color: #E02214;
        font-weight: 300; }
      .fixed-elements .form .message h5 {
        font-size: 1rem;
        color: #999999;
        font-weight: 700;
        padding: 0.5rem 0;
        font-weight: 400; }

/* ------------------ atf ------------------ */
.atf, .contact-fp {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url("../img/bg/bg-landing.jpg"); }
  .atf .container-fluid, .contact-fp .container-fluid, .atf .container, .contact-fp .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0; }
    .atf .container-fluid .row, .contact-fp .container-fluid .row, .atf .container .row, .contact-fp .container .row {
      height: 100vh;
      align-items: center;
      margin-left: 0;
      margin-right: 0; }
      .atf .container-fluid .row .txt, .contact-fp .container-fluid .row .txt, .atf .container .row .txt, .contact-fp .container .row .txt {
        padding: 0 2rem; }
        .atf .container-fluid .row .txt h1, .contact-fp .container-fluid .row .txt h1, .atf .container .row .txt h1, .contact-fp .container .row .txt h1 {
          font-size: 2.2rem;
          color: #FFFFFF;
          font-weight: 300;
          margin-bottom: 0.5rem;
          margin-top: 1rem; }
          .atf .container-fluid .row .txt h1 strong, .contact-fp .container-fluid .row .txt h1 strong, .atf .container .row .txt h1 strong, .contact-fp .container .row .txt h1 strong {
            font-weight: 700;
            display: block; }
        .atf .container-fluid .row .txt h6, .contact-fp .container-fluid .row .txt h6, .atf .container .row .txt h6, .contact-fp .container .row .txt h6 {
			color: #FFFFFF;
			line-height: 1.5rem;
			font-size: 1rem;
			border: 1px white solid;
			width: max-content;
			padding: 4px 15px;
			margin-top: 25px;	}
        .atf .container-fluid .row .txt h5, .contact-fp .container-fluid .row .txt h5, .atf .container .row .txt h5, .contact-fp .container .row .txt h5 {
          font-size: 1.25rem;
          color: #FFFFFF;
          line-height: 1.5rem;
          font-size: 0.8rem;
          max-width: 560px;
          font-style: italic; }
    .atf .container-fluid .was-validated .form-row .input-group input:invalid, .contact-fp .container-fluid .was-validated .form-row .input-group input:invalid, .atf .container-fluid .was-validated .form-row .input-group select:invalid, .contact-fp .container-fluid .was-validated .form-row .input-group select:invalid, .atf .container .was-validated .form-row .input-group input:invalid, .contact-fp .container .was-validated .form-row .input-group input:invalid, .atf .container .was-validated .form-row .input-group select:invalid, .contact-fp .container .was-validated .form-row .input-group select:invalid {
      animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
      border-color: rgba(255, 0, 0, 0.3); }
    .atf .container-fluid .was-validated .form-row .input-group input:valid, .contact-fp .container-fluid .was-validated .form-row .input-group input:valid, .atf .container-fluid .was-validated .form-row .input-group select:valid, .contact-fp .container-fluid .was-validated .form-row .input-group select:valid, .atf .container .was-validated .form-row .input-group input:valid, .contact-fp .container .was-validated .form-row .input-group input:valid, .atf .container .was-validated .form-row .input-group select:valid, .contact-fp .container .was-validated .form-row .input-group select:valid {
      border-color: rgba(0, 255, 0, 0.2); }
    .atf .container-fluid .was-validated .form-row .input-group .invalid-feedback, .contact-fp .container-fluid .was-validated .form-row .input-group .invalid-feedback, .atf .container .was-validated .form-row .input-group .invalid-feedback, .contact-fp .container .was-validated .form-row .input-group .invalid-feedback {
      animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
      color: #E02214; }
    .atf .container-fluid .was-validated .form-row .input-group .error, .contact-fp .container-fluid .was-validated .form-row .input-group .error, .atf .container .was-validated .form-row .input-group .error, .contact-fp .container .was-validated .form-row .input-group .error {
      animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
      border-color: rgba(255, 0, 0, 0.3) !important; }
    .atf .container-fluid .more, .contact-fp .container-fluid .more, .atf .container .more, .contact-fp .container .more {
      position: absolute;
      bottom: 2rem;
      left: 2rem;
      text-align: center; }
      .atf .container-fluid .more a p, .contact-fp .container-fluid .more a p, .atf .container .more a p, .contact-fp .container .more a p {
        -webkit-transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
        transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
        font-size: 0.75rem;
        color: #FFFFFF;
        letter-spacing: 2px;
        text-transform: uppercase; }
      .atf .container-fluid .more a i, .contact-fp .container-fluid .more a i, .atf .container .more a i, .contact-fp .container .more a i {
        -webkit-transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
        transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
        font-size: 18px;
        color: #FFFFFF;
        display: block;
        position: relative;
        top: -4px; }
      .atf .container-fluid .more a:hover p, .contact-fp .container-fluid .more a:hover p, .atf .container-fluid .more a:hover i, .contact-fp .container-fluid .more a:hover i, .atf .container .more a:hover p, .contact-fp .container .more a:hover p, .atf .container .more a:hover i, .contact-fp .container .more a:hover i {
        opacity: .6; }

/* ------------------ intro ------------------ */
.intro {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  height: auto;
  padding-bottom: 60px; }
  .intro .container {
    text-align: center; }
    .intro .container div {
      padding-top: 4rem; }
      .intro .container div h2 {
        font-size: 2.2rem;
        color: #3A3A3A;
        font-weight: 300;
        margin-bottom: 1rem; }
        .intro .container div h2 span {
          color: #E02214; }
      .intro .container div h5 {
        max-width: 100%;
        color: #999999; }
      .intro .container div div h6 {
        font-size: 0.75rem;
        color: #3A3A3A;
        letter-spacing: 2px;
        text-transform: uppercase;
        padding-bottom: 1rem; }
      .intro .container div div ul {
        text-align: center; }
        .intro .container div div ul li img {
          max-width: 100%;
          margin-bottom: 0.5rem; }
        .intro .container div div ul li h4 {
          font-size: 2rem;
          color: #E02214;
          font-weight: 300; }
        .intro .container div div ul li p {
          font-size: 1rem;
          color: #3A3A3A;
          font-style: italic; }

/* ------------------ proyectos ------------------ */
.proyectos {
  position: relative;
  margin-top: -16vh; }
  .proyectos .container {
    padding: 4rem;
    background-color: #FFFFFF;
    text-align: center;
    box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.22); }
    .proyectos .container h2 {
      font-size: 2.2rem;
      color: #3A3A3A;
      font-weight: 300;
      margin-bottom: 0; }
      .proyectos .container h2 span {
        color: #E02214; }
    .proyectos .container .carousel-indicators {
      position: relative;
      bottom: 0;
      margin-right: 0;
      margin-left: 0;
      justify-content: center;
      z-index: 0; }
      .proyectos .container .carousel-indicators li {
        width: auto;
        height: auto;
        margin-right: 0;
        margin-left: 0;
        background-color: transparent;
        display: inline-block;
        text-indent: 0;
        cursor: pointer; }
        .proyectos .container .carousel-indicators li .carousel-links {
          font-size: 0.75rem;
          color: #999999;
          letter-spacing: 2px;
          text-transform: uppercase;
          -webkit-transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
          transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
          display: inline-block;
          padding: 0.5rem 1rem;
          border-radius: 6px;
          margin: 0.5rem 0; }
      .proyectos .container .carousel-indicators li::before {
        position: relative;
        top: 0;
        width: 100%;
        height: auto;
        content: inherit; }
      .proyectos .container .carousel-indicators li::after {
        position: relative;
        top: 0;
        width: 100%;
        height: auto;
        content: inherit; }
      .proyectos .container .carousel-indicators li.active {
        background-color: transparent; }
        .proyectos .container .carousel-indicators li.active a {
          font-size: 0.75rem;
          color: #E02214;
          letter-spacing: 2px;
          text-transform: uppercase;
          background-color: transparent;
          border: 1px solid #E02214;
          color: #E02214; }
    .proyectos .container .carousel {
      max-width: 660px;
      margin: auto; }
      .proyectos .container .carousel .carousel-inner .carousel-item img {
        border-radius: 3px; }
      .proyectos .container .carousel .carousel-inner .carousel-item .carousel-caption {
        bottom: 0; }
      .proyectos .container .carousel .carousel-control-prev, .proyectos .container .carousel .carousel-control-next {
        width: 42px;
        opacity: 1;
        background-color: transparent; }
        .proyectos .container .carousel .carousel-control-prev span, .proyectos .container .carousel .carousel-control-next span {
          -webkit-transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
          transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
          width: 42px;
          height: 42px;
          background: #FFFFFF;
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
          border-radius: 200px; }
          .proyectos .container .carousel .carousel-control-prev span:hover, .proyectos .container .carousel .carousel-control-next span:hover {
            opacity: .6; }
          .proyectos .container .carousel .carousel-control-prev span i, .proyectos .container .carousel .carousel-control-next span i {
            position: relative;
            color: #999999;
            font-size: 28px; }
      .proyectos .container .carousel .carousel-control-prev {
        left: -20px; }
        .proyectos .container .carousel .carousel-control-prev i {
          right: 2px; }
      .proyectos .container .carousel .carousel-control-next {
        right: -20px; }
        .proyectos .container .carousel .carousel-control-next i {
          left: 2px; }
    .proyectos .container .contact-cta {
      -webkit-transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
      transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
      border-radius: 3px;
      background-color: #E02214;
      color: #FFFFFF;
      padding: 1rem;
      letter-spacing: 1px;
      text-transform: uppercase;
      font-size: 0.65rem;
      outline: none;
      display: inline-block;
      margin-top: 1.5rem; }
      .proyectos .container .contact-cta:hover {
        opacity: .6; }

/* ------------------ propiedades ------------------ */
.propiedades {
  background-color: #E02214;
  padding: 1rem 0; }
  .propiedades .container {
    text-align: center; }
    .propiedades .container h2 {
      font-size: 2.2rem;
      color: #fff;
      font-weight: 300;
      margin-bottom: 1rem; }
      .propiedades .container h2 span {
        color: #E02214; }
    .propiedades .container h5 {
      max-width: 680px;
      margin: auto;
      color: #999999; }
    .propiedades .container div {
      padding-top: .5rem; }
      .propiedades .container div h6 {
        font-size: 0.75rem;
        color: #3A3A3A;
        letter-spacing: 2px;
        text-transform: uppercase;
        margin-bottom: 0.5rem; }
      .propiedades .container div ul li .propiedad-card {
        padding-top: 0;
        background-color: #FFFFFF;
        border-radius: 3px;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
        text-align: left; }
        .propiedades .container div ul li .propiedad-card img {
          width: 100%;
          border-top-left-radius: 3px;
          border-top-right-radius: 3px; }
        .propiedades .container div ul li .propiedad-card h4 {
          font-size: 1rem;
          color: #3A3A3A;
          font-weight: 700;
          padding: 1rem 1rem 0 1rem; }
        .propiedades .container div ul li .propiedad-card p {
          font-size: 0.9rem;
          color: #666666;
          padding: 0.5rem 1rem 0 1rem; }
        .propiedades .container div ul li .propiedad-card hr {
          margin: 1rem; }
        .propiedades .container div ul li .propiedad-card .bottom {
          padding: 1rem;
          padding-top: 0;
          display: flex;
          align-items: baseline; }
          .propiedades .container div ul li .propiedad-card .bottom .precio {
            flex: 1;
            padding-top: 0; }
            .propiedades .container div ul li .propiedad-card .bottom .precio h3 {
              font-size: 1rem;
              color: #666666;
              font-weight: 700;
              font-size: 1.0rem;
              margin-bottom: 0; }
              .propiedades .container div ul li .propiedad-card .bottom .precio h3 span {
                font-size: 0.75rem;
                color: #666666;
                letter-spacing: 2px;
                text-transform: uppercase;
                font-weight: 400; }
          .propiedades .container div ul li .propiedad-card .bottom a {
            flex: 1;
            text-align: right;
            font-size: 0.9rem;
            color: #E02214;
            text-transform: uppercase;
            -webkit-transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
            transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out; }
            .propiedades .container div ul li .propiedad-card .bottom a:hover {
              opacity: .6; }

.propiedades .owl-carousel .owl-nav button.owl-prev, .propiedades .owl-carousel .owl-nav button.owl-next {
	border-radius: 80px !important;
    color: #FFE !important;
    font-size: 40px !important;
    line-height: 40px !important;
    font-weight: lighter !important;
    background-color: #777777;
    padding: 6px 18px !important;
    font-weight: 500 !important;
}
.propiedades .owl-theme .owl-nav button.owl-prev {
	position: absolute !important;
		left: -60px !important;
		top: 55% !important;
		display: hide;
	}
.propiedades .owl-theme .owl-nav button.owl-next {
	position: absolute !important;
		right: -60px !important;
		top: 55% !important;
		display: hide;
	}
.propiedades .owl-theme .owl-nav button.owl-prev:hover {
		background-color: #E02214 !important;
		color: #ffffff !important;
	}
.propiedades .owl-theme .owl-nav button.owl-next:hover {
		background-color: #E02214 !important;
		color: #ffffff !important;
	}
.propiedades .owl-theme .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span {
		margin-top: -5px;
		display: block;
	}

/* ------------------ propiedades ------------------ */
.fotos {
  background-color: #E4E4E2;
  padding: 4rem 0; }
  .fotos .container {
    text-align: center; }
    .fotos .container h2 {
      font-size: 2.2rem;
      color: #E32213;
      font-weight: 300;
      margin-bottom: 1rem; }
      .fotos .container h2 span {
        color: #E02214; }
    .fotos .container h5 {
      max-width: 680px;
      margin: auto;
      color: #999999; }
    .fotos .container div {
      padding-top: .5rem; }
      .fotos .container div h6 {
        font-size: 0.75rem;
        color: #3A3A3A;
        letter-spacing: 2px;
        text-transform: uppercase;
        margin-bottom: 0.5rem; }
      .fotos .container div ul li .propiedad-card {
        padding-top: 0;
        background-color: #FFFFFF;
        border-radius: 3px;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
        text-align: left; }
        .fotos .container div ul li .propiedad-card img {
          width: 100%;
          border-top-left-radius: 3px;
          border-top-right-radius: 3px; }
        .fotos .container div ul li .propiedad-card h4 {
          font-size: 1rem;
          color: #3A3A3A;
          font-weight: 700;
          padding: 1rem 1rem 0 1rem; }
        .fotos .container div ul li .propiedad-card p {
          font-size: 0.9rem;
          color: #666666;
          padding: 0.5rem 1rem 0 1rem; }
        .fotos .container div ul li .propiedad-card hr {
          margin: 1rem; }
        .fotos .container div ul li .propiedad-card .bottom {
          padding: 1rem;
          padding-top: 0;
          display: flex;
          align-items: baseline; }
          .fotos .container div ul li .propiedad-card .bottom .precio {
            flex: 1;
            padding-top: 0; }
            .fotos .container div ul li .propiedad-card .bottom .precio h3 {
              font-size: 1rem;
              color: #666666;
              font-weight: 700;
              font-size: 1.0rem;
              margin-bottom: 0; }
              .fotos .container div ul li .propiedad-card .bottom .precio h3 span {
                font-size: 0.75rem;
                color: #666666;
                letter-spacing: 2px;
                text-transform: uppercase;
                font-weight: 400; }
          .fotos .container div ul li .propiedad-card .bottom a {
            flex: 1;
            text-align: right;
            font-size: 0.9rem;
            color: #E02214;
            text-transform: uppercase;
            -webkit-transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
            transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out; }
            .fotos .container div ul li .propiedad-card .bottom a:hover {
              opacity: .6; }

.fotos .owl-carousel {
	padding-top: 2px !important;
  }
.fotos .owl-carousel .owl-item {
	background-color: transparent;
	margin-top: -30px;
  }

.fotos .owl-carousel .owl-item .item h4 span {
  font-size: 2rem;
  color: #E02214;
  font-weight: 300;
  }
.fotos .owl-carousel .owl-item .item p {
  font-size: 1.1rem;
  color: #000000;
  font-weight: 300;
  text-align: center;
  font-weight: 400;
  }
.fotos .owl-carousel .owl-nav button.owl-prev, .fotos .owl-carousel .owl-nav button.owl-next {
	border-radius: 80px !important;
    color: #FFE !important;
    font-size: 40px !important;
    line-height: 40px !important;
    font-weight: lighter !important;
    background-color: #777777;
    padding: 6px 18px !important;
    font-weight: 500 !important;
}
.fotos .owl-theme .owl-nav button.owl-prev {
	position: absolute !important;
		left: -60px !important;
		top: 55% !important;
	}
.fotos .owl-theme .owl-nav button.owl-next {
	position: absolute !important;
		right: -60px !important;
		top: 55% !important;
	}
.fotos .owl-theme .owl-nav button.owl-prev:hover {
		background-color: #E02214 !important;
		color: #ffffff !important;
	}
.fotos .owl-theme .owl-nav button.owl-next:hover {
		background-color: #E02214 !important;
		color: #ffffff !important;
	}
.fotos .owl-theme .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span {
		margin-top: -5px;
		display: block;
	}


/* ------------------ plan de financiacion ------------------ */
.financiacion {
  padding: 4rem 0; }
  .financiacion .container {
    text-align: center; }
    .financiacion .container h2 {
      font-size: 2.2rem;
      color: #3A3A3A;
      font-weight: 300;
      margin-bottom: 1rem; }
      .financiacion .container h2 span {
        color: #E02214; }
    .financiacion .container ul {
      margin-top: 2.5rem; }
      .financiacion .container ul li div {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 135px; }
        .financiacion .container ul li div img {
          max-width: 100%; }
        .financiacion .container ul li div .dotted-line {
          position: absolute;
          right: -80px;
          z-index: -1; }
      .financiacion .container ul li h6 {
        font-size: 1rem;
        color: #999999;
        font-weight: 700;
        font-weight: 400;
        margin-top: 1rem; }
      .financiacion .container ul li h3 {
        font-size: 1rem;
        color: #3A3A3A;
        font-weight: 700;
        font-size: 1.0rem;
        font-weight: 400; }
      .financiacion .container ul li p {
        padding-top: 0.5rem;
        font-size: 1rem;
        color: #666666;
        max-width: 300px;
        margin: auto; }
        .financiacion .container ul li p strong {
          font-weight: 700;
          color: #E02214; }

/* ------------------ testimonios ------------------ */
.testimonios {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url("../img/bg/bg-testimonios.jpg"); }
  .testimonios .container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 95vh; }
    .testimonios .container .carousel {
      width: 100%; }
      .testimonios .container .carousel .carousel-control-next, .testimonios .container .carousel .carousel-control-prev {
        background-color: transparent; }
      .testimonios .container .carousel .carousel-inner .carousel-item {
        height: 95vh; }
        .testimonios .container .carousel .carousel-inner .carousel-item img {
          position: absolute;
          left: 50%;
          top: 4rem;
          margin-left: -90px; }
        .testimonios .container .carousel .carousel-inner .carousel-item h2 {
          font-size: 2rem;
          color: #FFFFFF;
          font-weight: 300;
          font-size: 1.25rem;
          position: absolute;
          top: 50%;
          left: 50%;
          text-align: center;
          max-width: 540px;
          margin-top: -36px;
          margin-left: -270px; }
        .testimonios .container .carousel .carousel-inner .carousel-item .firma {
          position: absolute;
          width: 100%;
          left: 0;
          bottom: 4rem;
          text-align: center; }
          .testimonios .container .carousel .carousel-inner .carousel-item .firma h6 {
            font-size: 0.75rem;
            color: #FFFFFF;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin-bottom: 1rem; }
          .testimonios .container .carousel .carousel-inner .carousel-item .firma img {
            position: relative;
            left: 0;
            top: 0;
            margin-left: 0; }

/* ------------------ footer ------------------ */
footer {
  background-color:#E4E4E2;
  padding: 1rem 0;
  }
  footer .container {
    height: 40vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column; }
    footer .container h6 {
      font-size: 0.75rem;
      color: #3A3A3A;
      letter-spacing: 2px;
      text-transform: uppercase; }
    footer .container h2 {
      font-size: 2.2rem;
      color: #E32213;
      font-weight: 300;
      margin-bottom: 1rem; }
      footer .container h2 span {
        color: #E02214; }
    footer .container p {
      font-size: 1rem;
      color: #666666;
      margin-top: 0.25rem; }
    footer .container button {
      -webkit-transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
      transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
      font-size: 0.75rem;
      color: #666666;
      letter-spacing: 2px;
      text-transform: uppercase;
      cursor: pointer;
      display: block;
      background-color: transparent;
      outline: none;
      border: none; }
      footer .container button:hover {
        opacity: .6; }
    footer .container a, footer .container .cta-mobile {
	font-size: 1.15rem;
    background-color: #E02214;
    padding: 5px 20px;;
    border: #E02214 solid 10px;
    border-radius: 30px;
    margin-bottom: 15px;
    color: #fff;
    margin-top: 20px;	
 }
      footer .container a:hover, footer .container .cta-mobile:hover {
        opacity: .6; }
    footer .container .cta-mobile {
      display: none;
      position: relative;
      z-index: 0;
      width: auto; }

/* ------------------ legales ------------------ */
.legales {
  background-color: #EEEEEE;
  padding: 1rem 0; }
  .legales .container p {
    padding: 0.25rem 0;
    font-size: 10px;
    color: #999999; }

/* ------------------ fichas de producto ------------------ */
.ficha-producto {
  position: relative;
    padding-top: 36px;
    background-color: #EDEDED;
    padding-bottom: 36px; }
  .ficha-producto .container-fluid .row .ficha {
    display: flex;
    flex-direction: column;
    padding: 2.5rem; }
    .ficha-producto .container-fluid .row .ficha h1 {
      font-size: 2.2rem;
      color: #3A3A3A;
      font-weight: 300;
      font-size: 2rem; }
    .ficha-producto .container-fluid .row .ficha p {
      font-size: 1rem;
      color: #666666;
      padding-top: 1rem; }
    .ficha-producto .container-fluid .row .ficha ul {
      padding-top: 0.5rem; }
      .ficha-producto .container-fluid .row .ficha ul li {
        padding: 0.5rem 0; }
        .ficha-producto .container-fluid .row .ficha ul li h6 {
          font-size: 0.75rem;
          color: #666666;
          letter-spacing: 2px;
          text-transform: uppercase; }
        .ficha-producto .container-fluid .row .ficha ul li h3 {
          font-size: 1rem;
          color: #3A3A3A;
          font-weight: 700;
          font-size: 1.25rem;
          margin-top: 0.25rem; }
          .ficha-producto .container-fluid .row .ficha ul li h3 span {
            color: #E02214;
            font-size: 1.75rem; }
    .ficha-producto .container-fluid .row .ficha .bottom-info {
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0; }
      .ficha-producto .container-fluid .row .ficha .bottom-info h6 {
        font-size: 0.75rem;
        color: #999999;
        letter-spacing: 2px;
        text-transform: uppercase;
        margin-bottom: 0.5rem;
        padding-left: 2.5rem; }
      .ficha-producto .container-fluid .row .ficha .bottom-info ol {
        display: flex; }
        .ficha-producto .container-fluid .row .ficha .bottom-info ol li {
          display: inline-block;
          flex: 1;
          text-align: center;
          padding: 1rem 0; }
          .ficha-producto .container-fluid .row .ficha .bottom-info ol li h6 {
            padding-top: 0.5rem;
            padding-left: 0; }
        .ficha-producto .container-fluid .row .ficha .bottom-info ol li:last-child {
          border-right: none; }
  .ficha-producto .container-fluid .row .imagen {
    padding: 0; }
    .ficha-producto .container-fluid .row .imagen img {
      width: 100%; }

/* ------------------ detalles ------------------ */
.detalles {
  background-color: #F5F5F5;
  padding: 4rem 0; }
  .detalles .container {
    text-align: center; }
    .detalles .container h2 {
      font-size: 2.2rem;
      color: #3A3A3A;
      font-weight: 300; }
      .detalles .container h2 span {
        color: #E02214; }
    .detalles .container ul {
      padding-top: 2.5rem; }
      .detalles .container ul li {
        padding: 1.25rem 1rem; }
        .detalles .container ul li div {
          height: 90px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 1rem; }
          .detalles .container ul li div img {
            max-width: 100%; }
        .detalles .container ul li h6 {
          font-size: 0.9rem;
          color: #999999; }
        .detalles .container ul li h3 {
          font-size: 1.25rem;
          color: #3A3A3A;
          line-height: 1.5rem; }

/* ------------------ plan de financiacion ------------------ */
.financiacion-ficha {
  padding: 4rem 0; }

/* ------------------ contact ------------------ */
.contact-fp {
  padding: 4rem 0; }
  .contact-fp .container h2 {
    font-size: 2.2rem;
    color: #FFFFFF;
    font-weight: 300; }
  .contact-fp .container form {
    padding: 1rem; }
    .contact-fp .container form .form-row .form-check {
      margin: 0.5rem 0; }
    .contact-fp .container form .form-row hr {
      border: none;
      border-top: 1px solid #FFFFFF;
      margin: 0.5rem 0; }
    .contact-fp .container form .form-row label, .contact-fp .container form .form-row p {
      font-size: 0.9rem;
      color: #FFFFFF;
      display: block;
      font-size: 13px; }
    .contact-fp .container form .form-row p {
      width: 100%;
      margin: 0.5rem 0; }
    .contact-fp .container form .form-row .input-group {
      margin: 0.5rem 0; }
      .contact-fp .container form .form-row .input-group input {
        border: none;
        background: transparent;
        color: #FFFFFF;
        font-size: 0.9rem;
        border-bottom: 2px solid #AAAAAA;
        width: 100%;
        border-radius: 0;
        padding-bottom: 0.5rem;
        outline: none;
        padding-left: 0;
        border-bottom: 2px solid #FFFFFF; }
      .contact-fp .container form .form-row .input-group select {
        appearance: none;
        -webkit-appearance: none;
        border: none;
        background: transparent;
        color: #FFFFFF;
        font-size: 0.9rem;
        border-bottom: 2px solid #AAAAAA;
        width: 100%;
        border-radius: 0;
        padding-bottom: 0.5rem;
        outline: none;
        padding-left: 0;
        height: 100%;
        background: url("data:image/svg+xml;utf8,<svg fill='#FFF' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'> <path d='M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z'/> <path d='M0-.75h24v24H0z' fill='none'/> </svg>");
        background-repeat: no-repeat;
        background-position: 99%; }
      .contact-fp .container form .form-row .input-group input:focus {
        box-shadow: none; }
      .contact-fp .container form .form-row .input-group ::-webkit-input-placeholder {
        color: #FFFFFF; }
      .contact-fp .container form .form-row .input-group ::-moz-placeholder {
        color: #FFFFFF; }
      .contact-fp .container form .form-row .input-group :-ms-input-placeholder {
        color: #FFFFFF; }
      .contact-fp .container form .form-row .input-group :-moz-placeholder {
        color: #FFFFFF; }
      .contact-fp .container form .form-row .input-group input[type=submit], .contact-fp .container form .form-row .input-group button {
        cursor: pointer;
        -webkit-transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
        transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
        border-radius: 3px;
        background-color: #E02214;
        color: #FFFFFF;
        padding: 1rem;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-size: 0.65rem;
        outline: none;
        width: 100%;
        border: none; }
        .contact-fp .container form .form-row .input-group input[type=submit]:hover, .contact-fp .container form .form-row .input-group button:hover {
          background-color: #999999; }
      .contact-fp .container form .form-row .input-group .small {
        flex: 1; }
      .contact-fp .container form .form-row .input-group .input-group-prepend {
        width: 30px;
        justify-content: center; }
      .contact-fp .container form .form-row .input-group .input-group-text {
        font-size: 0.9rem;
        color: #FFFFFF;
        background-color: transparent;
        border: none;
        border-radius: 0;
        padding: 0; }
      .contact-fp .container form .form-row .input-group .invalid-feedback {
        color: #FFFFFF !important; }
    .contact-fp .container form .form-row [data-toggle=buttons] > .btn input[type=checkbox], .contact-fp .container form .form-row [data-toggle=buttons] > .btn input[type=radio], .contact-fp .container form .form-row [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], .contact-fp .container form .form-row [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
      position: absolute;
      clip: rect(0, 0, 0, 0);
      pointer-events: none; }
    .contact-fp .container form .form-row .btn-group {
      margin: 0.25rem 0;
      flex-wrap: wrap; }
      .contact-fp .container form .form-row .btn-group .btn {
        background-color: rgba(0, 0, 0, 0.5);
        margin: 0.25rem;
        flex: 1;
        border-radius: 3px;
        padding: 0.75rem 0;
        color: #FFFFFF; }
        .contact-fp .container form .form-row .btn-group .btn:hover {
          background-color: lightblue;
          color: #FFFFFF; }
      .contact-fp .container form .form-row .btn-group .active {
        background-color: lightblue;
        color: #FFFFFF; }
    .contact-fp .container form .form-row .option-container {
      flex: 1; }
    .contact-fp .container form .form-row .radio {
      align-items: center; }
      .contact-fp .container form .form-row .radio p {
        margin: 0;
        padding: 0 0.25rem; }
  .contact-fp .container .message {
    text-align: center;
    margin: auto;
    width: 100%;
    position: absolute;
    display: none; }
    .contact-fp .container .message img {
      margin-bottom: 0.5rem; }
    .contact-fp .container .message h3 {
      font-size: 2rem;
      color: #FFFFFF;
      font-weight: 300; }
    .contact-fp .container .message h5 {
      font-size: 1rem;
      color: #FFFFFF;
      font-weight: 700;
      padding: 0.5rem 0;
      font-weight: 400; }
  .contact-fp .container #show-legals {
    -webkit-transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
    transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
    font-size: 0.75rem;
    color: #FFFFFF;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    display: block;
    background-color: transparent;
    outline: none;
    border: none;
    max-width: 560px;
    margin: auto; }
    .contact-fp .container #show-legals:hover {
      opacity: .6; }

.casa {
  background-image: url("../img/bg/bg-contact-casa.jpg"); }

.departamento {
  background-image: url("../img/bg/bg-contact-depto.jpg"); }

.town {
  background-image: url("../img/bg/bg-town.png"); }

.lote {
  background-image: url("../img/bg/bg-contact-lote.jpg"); }

/* ------------------ modal form step 2 ------------------ */
.modal .close {
  -webkit-transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
  transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
  position: relative;
  top: 2rem;
  right: 2rem;
  color: #FFFFFF;
  text-shadow: none;
  opacity: 1; }
  .modal .close:hover {
    opacity: .6; }
.modal .modal-dialog {
  text-align: center; }
  .modal .modal-dialog .modal-content {
    padding: 1rem; }
    .modal .modal-dialog .modal-content .modal-body {
      padding: 2rem 1rem 0 1rem; }
      .modal .modal-dialog .modal-content .modal-body img {
        padding-bottom: 1rem; }
      .modal .modal-dialog .modal-content .modal-body h2 {
        font-size: 2.2rem;
        color: #E02214;
        font-weight: 300;
        padding: 1rem;
        padding-bottom: 0.5rem; }
      .modal .modal-dialog .modal-content .modal-body p {
        font-size: 1rem;
        color: #999999;
        padding: 0 1rem; }
      .modal .modal-dialog .modal-content .modal-body form {
        padding-top: 0.75rem;
        text-align: left; }
        .modal .modal-dialog .modal-content .modal-body form div fieldset {
          width: 100%;
          border: 1px solid #EAEAEA; }
          .modal .modal-dialog .modal-content .modal-body form div fieldset legend {
            font-size: 0.75rem;
            color: #999999;
            letter-spacing: 2px;
            text-transform: uppercase;
            display: inline-block;
            padding: 0 1rem;
            margin-bottom: 0;
            width: auto;
            margin: 0 0.5rem; }
          .modal .modal-dialog .modal-content .modal-body form div fieldset div {
            padding: 1rem;
            float: left; }
            .modal .modal-dialog .modal-content .modal-body form div fieldset div label {
              font-size: 0.9rem;
              color: #666666;
              display: block;
              padding-bottom: 1rem; }
            .modal .modal-dialog .modal-content .modal-body form div fieldset div select {
              appearance: none;
              -webkit-appearance: none;
              border: none;
              background: transparent;
              color: #3A3A3A;
              font-size: 0.9rem;
              border-bottom: 2px solid #EAEAEA;
              width: 100%;
              border-radius: 0;
              padding-bottom: 0.5rem;
              outline: none;
              background: url("data:image/svg+xml;utf8,<svg fill='#CCC' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'> <path d='M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z'/> <path d='M0-.75h24v24H0z' fill='none'/> </svg>");
              background-repeat: no-repeat;
              background-position: 99%; }
            .modal .modal-dialog .modal-content .modal-body form div fieldset div label[for=contact] {
              padding-bottom: 0; }
          .modal .modal-dialog .modal-content .modal-body form div fieldset [data-toggle=buttons] > .btn input[type=checkbox], .modal .modal-dialog .modal-content .modal-body form div fieldset [data-toggle=buttons] > .btn input[type=radio], .modal .modal-dialog .modal-content .modal-body form div fieldset [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], .modal .modal-dialog .modal-content .modal-body form div fieldset [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
            position: absolute;
            clip: rect(0, 0, 0, 0);
            pointer-events: none; }
          .modal .modal-dialog .modal-content .modal-body form div fieldset .btn-group {
            flex-wrap: wrap; }
            .modal .modal-dialog .modal-content .modal-body form div fieldset .btn-group .label-general {
              width: 100%; }
            .modal .modal-dialog .modal-content .modal-body form div fieldset .btn-group .btn {
              background-color: rgba(0, 0, 0, 0.08);
              margin: 0.25rem;
              flex: 1;
              border-radius: 3px;
              padding: 0.5rem 0; }
              .modal .modal-dialog .modal-content .modal-body form div fieldset .btn-group .btn:hover {
                background-color: lightblue;
                color: #FFFFFF; }
            .modal .modal-dialog .modal-content .modal-body form div fieldset .btn-group .active {
              background-color: lightblue;
              color: #FFFFFF; }
          .modal .modal-dialog .modal-content .modal-body form div fieldset .option-container {
            flex: 1; }
          .modal .modal-dialog .modal-content .modal-body form div fieldset .radio {
            align-items: center; }
            .modal .modal-dialog .modal-content .modal-body form div fieldset .radio p {
              margin: 0;
              padding: 0 0.25rem; }
      .modal .modal-dialog .modal-content .modal-body .was-validated input:invalid, .modal .modal-dialog .modal-content .modal-body .was-validated select:invalid {
        animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
        border-color: rgba(255, 0, 0, 0.3) !important; }
      .modal .modal-dialog .modal-content .modal-body .was-validated input:valid, .modal .modal-dialog .modal-content .modal-body .was-validated select:valid {
        border-color: rgba(0, 255, 0, 0.2) !important; }
      .modal .modal-dialog .modal-content .modal-body .was-validated .invalid-feedback {
        animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
        color: #E02214;
        padding-top: 0;
        padding-bottom: 0; }
      .modal .modal-dialog .modal-content .modal-body .was-validated .form-check-input:invalid ~ .invalid-feedback {
        display: block; }
    .modal .modal-dialog .modal-content .modal-footer {
      border-top: none;
      justify-content: center; }
      .modal .modal-dialog .modal-content .modal-footer button {
        -webkit-transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
        transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
        -webkit-transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
        transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
        border-radius: 3px;
        background-color: #E02214;
        color: #FFFFFF;
        padding: 1rem;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-size: 0.65rem;
        outline: none;
        border: none;
        cursor: pointer; }
        .modal .modal-dialog .modal-content .modal-footer button:hover {
          opacity: .6; }

/* ------------------ modal thanks ------------------ */
.modalThanks .modal-dialog .modal-content {
  padding: 0; }
  .modalThanks .modal-dialog .modal-content .modal-body {
    padding: 0; }
    .modalThanks .modal-dialog .modal-content .modal-body img {
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      width: 100%; }
    .modalThanks .modal-dialog .modal-content .modal-body .social-share {
      padding: 1rem 0; }
      .modalThanks .modal-dialog .modal-content .modal-body .social-share ul li {
        display: inline-block;
        margin: 0 0.5rem; }
        .modalThanks .modal-dialog .modal-content .modal-body .social-share ul li a {
          -webkit-transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
          transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
          color: #999999; }
          .modalThanks .modal-dialog .modal-content .modal-body .social-share ul li a:hover {
            color: #E02214; }

/* ------------------ 1025-1200 resolution ------------------ */
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
  .intro {
    height: 90vh; }

  .propiedades .container div ul li .propiedad-card p {
    font-size: 0.8rem; }
  .propiedades .container div ul li .propiedad-card .bottom .precio h3 {
    font-size: 1rem; }
    .propiedades .container div ul li .propiedad-card .bottom .precio h3 span {
      font-size: 0.5rem; }

  .financiacion .container ul li p {
    font-size: 0.9rem; }

  footer .container {
    height: 35vh; }

  .ficha-producto .container-fluid .row .ficha {
    justify-content: flex-start; }
    .ficha-producto .container-fluid .row .ficha h1 {
      margin-top: 1rem; } }
/* ------------------ 992-1024 resolution ------------------ */
@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .intro {
    height: 120vh; }
    .intro .container div h2 {
      font-size: 2rem;
      margin-bottom: 0.5rem; }
    .intro .container div div {
      padding-top: 2rem; }
    .intro .container div h5 {
      font-size: 1.1rem; }

  .proyectos {
    margin-top: -40vh; }
    .proyectos .container {
      padding: 2rem 4rem; }
      .proyectos .container h2 {
        font-size: 2rem; }

  .propiedades {
    padding: 2rem 0; }
    .propiedades .container h2 {
      font-size: 2rem;
      margin-bottom: 0.5rem; }
      .propiedades .container h2 br {
        display: none; }
    .propiedades .container h5 {
      font-size: 1.1rem; }
    .propiedades .container div ul li .propiedad-card p {
      font-size: 0.8rem; }
    .propiedades .container div ul li .propiedad-card .bottom .precio h3 {
      font-size: 1rem; }
      .propiedades .container div ul li .propiedad-card .bottom .precio h3 span {
        font-size: 0.5rem; }
    .propiedades .container div ul li .propiedad-card .bottom .precio a {
      font-size: 0.8rem; }

  .financiacion {
    padding: 2rem 0; }
    .financiacion .container h2 {
      font-size: 2rem; }
      .financiacion .container h2 br {
        display: none; }
    .financiacion .container ul li p {
      font-size: 0.9rem; }

  .testimonios .container .carousel .carousel-inner .carousel-item img {
    top: 2rem; }
  .testimonios .container .carousel .carousel-inner .carousel-item .firma {
    bottom: 2rem; }

  footer .container {
    height: 38vh; }

  .ficha-producto .container-fluid .row .ficha {
    justify-content: flex-start; }
    .ficha-producto .container-fluid .row .ficha h1 {
      font-size: 2rem; }

  .detalles {
    padding: 2rem 0; }
    .detalles .container h2 {
      font-size: 2rem; }
    .detalles .container ul {
      padding-top: 1rem; }

  .contact-fp {
    padding: 2rem 0; } }
/* ------------------ 768-991 resolution ------------------ */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .atf .container .row .txt h1, .contact-fp .container .row .txt h1, .atf .container-fluid .row .txt h1, .contact-fp .container-fluid .row .txt h1 {
    font-size: 2rem; }

  .intro {
    height: 110vh; }
    .intro .container div h2 {
      font-size: 2rem;
      margin-bottom: 0.5rem; }
    .intro .container div h5 {
      font-size: 1.2rem; }

  .proyectos {
    margin-top: -30vh; }
    .proyectos .container {
      padding: 2rem; }
      .proyectos .container h2 {
        font-size: 2rem; }

  .propiedades {
    padding: 2rem 0; }
    .propiedades .container h2 {
      font-size: 2rem;
      margin-bottom: 0.5rem; }
      .propiedades .container h2 br {
        display: none; }
    .propiedades .container h5 {
      font-size: 1.2rem; }
    .propiedades .container ul li {
      margin: 1rem 0; }
      .propiedades .container ul li .propiedad-card p {
        font-size: 1rem;
        max-width: 90%; }

  .financiacion {
    padding: 2rem 0; }
    .financiacion .container h2 {
      font-size: 2rem;
      margin-bottom: 0.5rem; }
      .financiacion .container h2 br {
        display: none; }
    .financiacion .container ul li h6 {
      font-size: 0.8rem;
      margin-top: 0.5rem; }
    .financiacion .container ul li h3 {
      font-size: 0.9rem; }
    .financiacion .container ul li p {
      font-size: 0.8rem;
      min-height: 65px; }

  .testimonios .container .carousel .carousel-inner .carousel-item img {
    top: 2rem; }
  .testimonios .container .carousel .carousel-inner .carousel-item .firma {
    bottom: 2rem; }
  .testimonios .container .carousel .carousel-inner .carousel-item h2 {
    font-size: 1.5rem;
    max-width: 480px;
    margin-left: -240px; }

  footer .container {
    height: 29vh; }

  .ficha-producto .container-fluid .row .ficha {
    justify-content: flex-start;
    padding: 1.5rem; }
    .ficha-producto .container-fluid .row .ficha h1 {
      font-size: 2rem; }

  .detalles {
    padding: 2rem 0; }
    .detalles .container h2 {
      font-size: 2rem; }
    .detalles .container ul {
      padding-top: 1rem; }

  .contact-fp {
    padding: 2rem 0; }
    .contact-fp .container h2 {
      font-size: 2rem;
      text-align: center; }
    .contact-fp .container form, .contact-fp .container button {
      align-self: center; }

  .modal .modal-dialog .modal-content .modal-body {
    padding: 0; }
    .modal .modal-dialog .modal-content .modal-body h2 {
      font-size: 2rem; }

  .modalThanks .modal-dialog .modal-content .modal-body p {
    max-width: 80%;
    margin: auto; } }
/* ------------------ 668-767 resolution ------------------ */
@media only screen and (min-width: 668px) and (max-width: 767px) {
  header .container .row .contact ul li:last-child, header .container-fluid .row .contact ul li:last-child {
    display: none; }

  .sticky {
    position: relative; }

  .atf .container .row .txt h1, .contact-fp .container .row .txt h1, .atf .container-fluid .row .txt h1, .contact-fp .container-fluid .row .txt h1 {
    font-size: 2rem; }
  .atf .container .row .txt h6, .contact-fp .container .row .txt h6, .atf .container-fluid .row .txt h6, .contact-fp .container-fluid .row .txt h6 {
    max-width: 100%; }
  .atf .container .more, .contact-fp .container .more, .atf .container-fluid .more, .contact-fp .container-fluid .more {
    display: none; }

  .fixed-elements {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; }
    .fixed-elements .row {
      z-index: 1; }
    .fixed-elements .form {
      padding: 1rem; }
      .fixed-elements .form .close {
        display: block; }
      .fixed-elements .form h2 strong {
        display: inline; }
    .fixed-elements .cta-mobile {
      -webkit-transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
      transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
      border-radius: 3px;
      background-color: #E02214;
      color: #FFFFFF;
      padding: 1rem;
      letter-spacing: 1px;
      text-transform: uppercase;
      font-size: 0.65rem;
      outline: none;
      display: block;
      width: 100%;
      position: fixed;
      font-size: 0.65rem;
      bottom: 0;
      left: 0;
      border-radius: 0;
      z-index: 0;
      padding: 1.25rem 1rem; }

  .intro {
    height: 110vh; }
    .intro .container div h2 {
      font-size: 2rem;
      margin-bottom: 0.5rem; }
    .intro .container div h5 {
      font-size: 1.2rem; }

  .proyectos {
    margin-top: -30vh; }
    .proyectos .container {
      padding: 2rem; }
      .proyectos .container h2 {
        font-size: 2rem; }

  .propiedades {
    padding: 2rem 0; }
    .propiedades .container h2 {
      font-size: 2rem;
      margin-bottom: 0.5rem; }
      .propiedades .container h2 br {
        display: none; }
    .propiedades .container h5 {
      font-size: 1.2rem; }
    .propiedades .container ul li {
      margin: 1rem 0; }
      .propiedades .container ul li .propiedad-card p {
        font-size: 1rem;
        max-width: 90%; }

  .financiacion {
    padding: 2rem 0; }
    .financiacion .container h2 {
      font-size: 2rem;
      margin-bottom: 0.5rem; }
      .financiacion .container h2 br {
        display: none; }
    .financiacion .container ul li h6 {
      font-size: 0.8rem;
      margin-top: 0.5rem; }
    .financiacion .container ul li h3 {
      font-size: 0.9rem; }
    .financiacion .container ul li p {
      font-size: 0.8rem;
      min-height: 65px; }

  .testimonios .container .carousel .carousel-inner .carousel-item img {
    top: 2rem; }
  .testimonios .container .carousel .carousel-inner .carousel-item .firma {
    bottom: 2rem; }
  .testimonios .container .carousel .carousel-inner .carousel-item h2 {
    font-size: 1.5rem;
    max-width: 480px;
    margin-left: -240px;
    margin-top: -56px; }
  .testimonios .container .carousel .carousel-control-next {
    right: -70px; }
  .testimonios .container .carousel .carousel-control-prev {
    left: -70px; }

  footer .container {
    height: 29vh; }
    footer .container a, footer .container .cta-mobile {
      display: none; }
    footer .container .cta-mobile {
      display: block; }

  .ficha-producto {
    padding-top: 0; }
    .ficha-producto .container-fluid .row .ficha {
      justify-content: flex-start;
      padding: 1rem; }
      .ficha-producto .container-fluid .row .ficha h1 {
        font-size: 1.5rem; }
      .ficha-producto .container-fluid .row .ficha p {
        padding-top: 0.5rem;
        max-width: 100%; }
      .ficha-producto .container-fluid .row .ficha ul li h3 {
        font-size: 1rem; }
      .ficha-producto .container-fluid .row .ficha .bottom-info {
        position: relative;
        padding-top: 1rem; }
        .ficha-producto .container-fluid .row .ficha .bottom-info h6 {
          padding-left: 0; }
        .ficha-producto .container-fluid .row .ficha .bottom-info ol li {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          padding: 0; }
          .ficha-producto .container-fluid .row .ficha .bottom-info ol li img {
            display: block;
            margin: 0.5rem auto; }
            .ficha-producto .container-fluid .row .ficha .bottom-info ol li img h6 {
              padding-left: 0; }

  .detalles {
    padding: 2rem 0; }
    .detalles .container h2 {
      font-size: 2rem; }
    .detalles .container ul {
      padding-top: 0; }

  .contact-fp {
    padding: 2rem 0; }
    .contact-fp .container h2 {
      font-size: 2rem;
      text-align: center; }
    .contact-fp .container form,
    .contact-fp .container button {
      align-self: center; }

  .modal .modal-dialog .modal-content .modal-body {
    padding: 0; }
    .modal .modal-dialog .modal-content .modal-body h2 {
      font-size: 2rem; }

  .modalThanks .modal-dialog .modal-content .modal-body p {
    max-width: 80%;
    margin: auto; } }
/* ------------------ 320-667 resolution ------------------ */
@media only screen and (min-width: 320px) and (max-width: 667px) {
  header .container .row .contact ul li:last-child, header .container-fluid .row .contact ul li:last-child {
    display: none; }

  .sticky {
    position: relative; }

  .atf .container, .contact-fp .container, .atf .container-fluid, .contact-fp .container-fluid {
    height: 100vh;
    padding: 1rem; }
    .atf .container .row .txt h1, .contact-fp .container .row .txt h1, .atf .container-fluid .row .txt h1, .contact-fp .container-fluid .row .txt h1 {
      font-size: 1.5rem;
      margin-bottom: 0.5rem;
      margin-top: 1rem; }
      .atf .container .row .txt h1 strong br, .contact-fp .container .row .txt h1 strong br, .atf .container-fluid .row .txt h1 strong br, .contact-fp .container-fluid .row .txt h1 strong br {
        display: none; }
    .atf .container .row .txt h6, .contact-fp .container .row .txt h6, .atf .container-fluid .row .txt h6, .contact-fp .container-fluid .row .txt h6 {
      font-size: 1rem;
      max-width: 100%; }
      .atf .container .row .txt h6 br, .contact-fp .container .row .txt h6 br, .atf .container-fluid .row .txt h6 br, .contact-fp .container-fluid .row .txt h6 br {
        display: none; }
    .atf .container .more, .contact-fp .container .more, .atf .container-fluid .more, .contact-fp .container-fluid .more {
      display: none; }

  .fixed-elements {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; }
    .fixed-elements .form {
      padding: 1rem; }
      .fixed-elements .form .row {
        z-index: 1; }
      .fixed-elements .form .close {
        display: block; }
      .fixed-elements .form h2 strong {
        display: inline; }
      .fixed-elements .form form {
        max-width: 100%; }
        .fixed-elements .form form .form-row .input-group {
          margin: 0.25rem 0; }
        .fixed-elements .form form .form-row .btn-group {
          padding: 0; }
          .fixed-elements .form form .form-row .btn-group .btn {
            padding: 0.5rem 0; }
          .fixed-elements .form form .form-row .btn-group p {
            flex: 1 100%; }
        .fixed-elements .form form p {
          display: none; }
      .fixed-elements .form .message {
        width: 100%;
        top: 50%;
        margin-top: -85px;
        left: 0; }
    .fixed-elements .cta-mobile {
      -webkit-transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
      transition: opacity .4s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;
      border-radius: 3px;
      background-color: #E02214;
      color: #FFFFFF;
      padding: 1rem;
      letter-spacing: 1px;
      text-transform: uppercase;
      font-size: 0.65rem;
      outline: none;
      display: block;
      width: 100%;
      position: fixed;
      bottom: 0;
      left: 0;
      border-radius: 0;
      z-index: 0;
      padding: 1.25rem 1rem; }

  .intro {
    background-image: none;
    height: auto; }
    .intro .container div {
      padding-top: 2rem; }
      .intro .container div h2 {
        font-size: 1.5rem;
        margin-bottom: 1rem; }
      .intro .container div h5 {
        font-size: 1rem; }
      .intro .container div div {
        padding-top: 3rem; }
        .intro .container div div ul li {
          padding: 1rem 0; }
          .intro .container div div ul li h4 {
            font-size: 1.5rem; }

  .proyectos {
    margin-top: 0; }
    .proyectos .container {
      padding: 1rem;
      box-shadow: none; }
      .proyectos .container h2 {
        font-size: 1.5rem; }
      .proyectos .container .nav-pills {
        margin-bottom: 1rem; }
      .proyectos .container .tab-content .tab-pane .carousel {
        max-width: 100%; }
        .proyectos .container .tab-content .tab-pane .carousel .carousel-indicators {
          display: none; }
        .proyectos .container .tab-content .tab-pane .carousel .carousel-control-next {
          right: 0;
          height: 60%; }
        .proyectos .container .tab-content .tab-pane .carousel .carousel-control-prev {
          left: 0;
          height: 60%; }
        .proyectos .container .tab-content .tab-pane .carousel .carousel-inner .carousel-item .carousel-caption {
          position: relative;
          right: 0;
          bottom: 0;
          left: 0;
          color: #999999; }

  .propiedades {
    padding: 2rem 0; }
    .propiedades .container h2 {
      font-size: 1.5rem;
      margin-bottom: 0.5rem; }
    .propiedades .container h5 {
      max-width: 100%;
      font-size: 1rem; }
    .propiedades .container div {
      padding-top: 0.8rem; }
      .propiedades .container div ul li {
        margin: 1rem 0; }

  .financiacion {
    padding: 2rem 0; }
    .financiacion .container h2 {
      font-size: 1.5rem;
      margin-bottom: 0; }
    .financiacion .container ul {
      margin-top: 1rem; }
      .financiacion .container ul li {
        margin: 1rem 0; }
        .financiacion .container ul li div .dotted-line {
          display: none; }

  .testimonios .container {
    height: auto; }
    .testimonios .container .carousel .carousel-inner .carousel-item img {
      top: 2rem; }
    .testimonios .container .carousel .carousel-inner .carousel-item h2 {
      font-size: 1rem;
      max-width: 280px;
      width: 100%;
      margin-left: -140px;
      margin-top: -38px; }
    .testimonios .container .carousel .carousel-inner .carousel-item .firma {
      bottom: 2rem; }
    .testimonios .container .carousel .carousel-control-prev {
      left: -14px; }
    .testimonios .container .carousel .carousel-control-next {
      right: -14px; }

  footer {
    background-image: none; }
    footer .container {
      height: auto;
      padding: 2rem 1rem; }
      footer .container a {
        display: none; }
      footer .container .cta-mobile {
        display: block; }

  .ficha-producto {
    padding-top: 0; }
    .ficha-producto .container-fluid .row .imagen {
      order: 1; }
    .ficha-producto .container-fluid .row .ficha {
      order: 2;
      padding: 0; }
      .ficha-producto .container-fluid .row .ficha h1 {
        font-size: 1.5rem;
        padding: 0 1rem;
        padding-top: 1rem; }
      .ficha-producto .container-fluid .row .ficha p {
        max-width: 100%;
        padding: 0 1rem;
        padding-top: 0.5rem; }
      .ficha-producto .container-fluid .row .ficha ul {
        padding-left: 1rem;
        padding-right: 1rem; }
        .ficha-producto .container-fluid .row .ficha ul li h3 {
          font-size: 1rem; }
      .ficha-producto .container-fluid .row .ficha .bottom-info {
        position: relative;
        margin-top: 1rem; }
        .ficha-producto .container-fluid .row .ficha .bottom-info h6 {
          padding-left: 1rem; }
        .ficha-producto .container-fluid .row .ficha .bottom-info ol li {
          padding: 0.5rem;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center; }
          .ficha-producto .container-fluid .row .ficha .bottom-info ol li img {
            display: block;
            margin-bottom: 0.5rem; }
          .ficha-producto .container-fluid .row .ficha .bottom-info ol li h6 {
            padding-left: 0;
            margin-bottom: 0; }

  .detalles {
    padding: 2rem 0; }
    .detalles .container h2 {
      font-size: 1.5rem; }
    .detalles .container ul {
      padding-top: 0; }
      .detalles .container ul li {
        padding: 1rem; }

  .contact-fp {
    padding: 2rem 0; }
    .contact-fp .container {
      padding: 0;
      height: auto; }
      .contact-fp .container h2 {
        font-size: 1.5rem;
        padding: 0 1rem; }
      .contact-fp .container message {
        width: 100%;
        top: 50%;
        margin-top: -85px;
        left: 0; }
      .contact-fp .container #show-legals {
        max-width: 100%; }

  .modal .modal-dialog .modal-content .modal-body {
    padding: 0; }
    .modal .modal-dialog .modal-content .modal-body h2 {
      font-size: 1.5rem; }

  .modalThanks .modal-dialog .modal-content .modal-body .addthis_inline_share_toolbox {
    padding-bottom: 2rem; } }
/* ------------------ 320-374 resolution fixes ------------------ */
@media only screen and (min-width: 320px) and (max-width: 374px) {
  .atf .container, .contact-fp .container, .atf .container-fluid, .contact-fp .container-fluid {
    height: 100vh;
    padding: 1rem; }
    .atf .container h1, .contact-fp .container h1, .atf .container-fluid h1, .contact-fp .container-fluid h1 {
      font-size: 1.25rem; }
    .atf .container .more, .contact-fp .container .more, .atf .container-fluid .more, .contact-fp .container-fluid .more {
      position: relative;
      bottom: 0;
      left: 0;
      margin-left: 0;
      top: 1.5rem; }

  .proyectos .container .nav-pills .nav-link {
    letter-spacing: 0; }
  .proyectos .container .nav-pills .active {
    letter-spacing: 0 !important; }
  .proyectos .container .tab-content .tab-pane .carousel .carousel-control-next {
    right: -10px; }
  .proyectos .container .tab-content .tab-pane .carousel .carousel-control-prev {
    left: -10px; }

  .propiedades .container div ul li .propiedad-card .bottom {
    flex-direction: column; }
    .propiedades .container div ul li .propiedad-card .bottom .precio {
      margin-bottom: 1rem; }

  .financiacion .container ul li p {
    font-size: 0.9rem; }

  .testimonios .container .carousel .carousel-inner .carousel-item {
    height: 100vh; }

  .contact-fp .container h2 br {
    display: none; } }
/* ------------------ 320-667 resolution fixes (landscape) ------------------ */
@media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (orientation: landscape) {
  .atf .container, .contact-fp .container, .atf .container-fluid, .contact-fp .container-fluid {
    height: 100vh;
    padding: 1rem; }
    .atf .container .more, .contact-fp .container .more, .atf .container-fluid .more, .contact-fp .container-fluid .more {
      position: relative;
      bottom: 0;
      left: 0;
      margin-left: 0;
      top: 1.5rem; }

  .testimonios .container .carousel .carousel-inner .carousel-item {
    height: 150vh; } }

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

.carousel_cliente2 .owl-carousel, .owl-carousel .owl-item {
	font-size: 1.1rem;
	background-color: #fff;
    border-radius: 10px;	
}

.carousel_cliente2 .owl-carousel, .owl-carousel .owl-item .bloque {
	min-height: 570px;
}

.carousel_cliente2 .owl-carousel, .owl-carousel .owl-item h2 {
	color: #3D3D3D;
	font-weight: 300;
	margin-top: 1.2rem;
}
.carousel_cliente2 .owl-carousel, .owl-carousel .owl-item ul {
	list-style: none;
    text-align: left;
	width: 80%;
    margin-left: 10%;
    font-size: 16px;
    margin-top: 20px;
    border-top: 1px solid #000;
    padding-top: 20px;
}
.carousel_cliente2 .owl-carousel, .owl-carousel .owl-item ul li::before {
	content: "";
	background-image: url('../img/tick.png');
	background-size: contain;
	display: inline-block;
	width: 0.9em;
    height: 0.75em;
	position: relative;
	top: 0.1rem;
	margin-right: 0.2rem;
}

.carousel_cliente2 .owl-carousel, .owl-carousel .owl-item ul img {
	max-width: 20px;
    display: inline;
    margin-right: 10px;
}

.carousel_cliente2 .owl-carousel, .owl-carousel .owl-item h2 strong {
	color: #E02214;
}
.carousel_cliente2 .owl-carousel, .owl-carousel .owl-item p {
	text-align: left;
	width: 80%;
    margin-left: 10%;
	line-height: initial;
	margin-bottom: 15px;
}
.carousel_cliente2 .owl-carousel, .owl-carousel .owl-item p strong {
	font-size: 2.1rem;
}
.carousel_cliente2 .owl-carousel, .owl-carousel .owl-item h3 {
	font-size: 1.15rem;
    padding: 10px;
    border: #E02214 solid 1px;
    border-radius: 10px;
	width: 81%;
	margin-left: 8%;
	margin-bottom: 15px;
}
.carousel_cliente2 .owl-carousel, .owl-carousel .owl-item button {
	font-size: 1.15rem;
	background-color: #E02214;
    padding: 5px;
    border: #E02214 solid 10px;
    border-radius: 30px;
	width: 81%;
	margin-left: 8%;
	margin-bottom: 15px;
	color: #fff;
	margin-top: 20px;
}

.topper {
    position: absolute;
    top: 0;
    width: 100%;
	background-color: #F3B21D;
    opacity: 1;
    color: white;
    font-size: 16px;
    padding: 2%;
    text-align: center;
	border-radius: 10px 10px 0 0;
}
.franja1 {
    background-image: url(../img/franja1.png);
    height: 60px;
    background-repeat: repeat-x;
    background-size: contain;
	margin-bottom: 40px;
}

.franja2 {
    background-image: url(../img/franja2.png);
    height: 60px;
    background-repeat: repeat-x;
    background-size: contain;
	margin-top: 40px;
}
.franja3 {
    background-image: url(../img/franja3.png);
    height: 60px;
    background-repeat: repeat-x;
    background-size: contain;
	margin-top: 20px;
}

@media (max-width:780px) {
	.fotos .owl-theme .owl-nav button.owl-prev {
		position: absolute !important;
			left: -10px !important;
			top: 55% !important;
			opacity: 0.8;
		}
	.fotos .owl-theme .owl-nav button.owl-next {
		position: absolute !important;
			right: -10px !important;
			top: 55% !important;
			opacity: 0.8;
		}
	.propiedades .owl-theme .owl-nav button.owl-prev {
		position: absolute !important;
			left: -10px !important;
			top: 44% !important;
			display: block;
			opacity: 0.8;
		}
	.propiedades .owl-theme .owl-nav button.owl-next {
		position: absolute !important;
			right: -10px !important;
			top: 44% !important;
			display: block;
			opacity: 0.8;
		}
	.franja1 {
		height: 20px;
		margin-bottom: 10px;
	}

	.franja2 {
		height: 20px;
		margin-top: 10px;
	}
	.franja3 {
		height: 20px;
		margin-top: 10px;
	}

}