body {
font-family: 'Montserrat', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: #F3F3F3;
}

/* Nav */
nav{
  font-weight: 300;
}
.navbar{
  padding: 1rem;
  background: #F3F3F3;;
}
.navbar .container{
    align-items: flex-end;
}
.container-nav{
  position: relative;
}
.navbar-nav{
  margin-left: auto;
}
.nav-phone{
  text-decoration: none;
  font-weight: 400;
  font-style: italic;
  color: #3d3d3e;
  position: absolute;
  top: 0;
  right: 0;
  padding:.5rem 1rem;
}
.nav-phone:hover{
  text-decoration: none;
  color: #233a59;
}
.dropdown-menu{
  border: none;
}
.dropdown-item{
  font-weight: 500;
  color: #233a59;
}
.dropdown-item:hover{
  background-color: white;
  color: #50b0be;
}
.dropdown-toggle::after{
  display: none;
}
/* GENERAL */
.form-control{
  background-clip: inherit;
}
.opacity0{
  opacity: 0;
  color: transparent;
}
.rugaLogoN {
  max-width: 135px;
  height: auto;
}
/* -------- H O M E -------- */
          body{
            background: #F3F3F3;
          }

          /* ----- HEADER ----- */
          header.header-home{
          background-image: url("../img/home/header-home.jpg");
          background-repeat: no-repeat;
          background-size: cover;
          /* height: 80vh; */
          }
          hgroup.header-hg{
          margin-top: 80%;
          }
          .header-hg h1{
          font-weight: 800;
          font-size: 1.5rem;
          color: white;
          margin-bottom: 2rem;
          text-transform: uppercase;
          text-shadow: rgba(0,0,0,0.3) 5px 0px 5px;
          }
          header p{
          color: white;
          font-size: .8rem;
          text-align: justify;
          }
          .input-search{
          width: 58%;
          margin: 5rem auto 2rem auto;
          }
          .input-search .form-control{
            border-radius: 1.2rem;
            background-color: #e9e6e6;
            box-shadow: inset rgb(0 0 0 / 10%) 0px 5px 14px 5px;
          }
          .input-search .input-group-append{
            box-shadow: inset rgb(0 0 0 / 10%) 0px 5px 14px 5px;
            background-color: #e9e6e6;
            border-top-right-radius: 1.2rem;
            border-bottom-right-radius: 1.2rem;
          }
          .form-control:focus{
            border-color: transparent;
          }
          .input-search::placeholder{
            font-size: .5rem;
          }
          /* ----- SECTION FILTER SEARCH ----- */
          section.filter-serch{
            background: #101c2c;
            padding: 1rem 1rem 3rem 1rem;
          }
          .section-filter{
            display: block;
            text-align: center;
            font-weight: 800;
            color: #50b0be;
            text-transform: uppercase;
            margin: 1.5rem;
          }
          .input-sub-filter{
            color: white;
            border: none;
            background-color: transparent;
            position: relative;
            text-align: right;
            margin-right: 1rem;
            width: 4rem;
          }
          .filter-serch .input-group{
            margin-bottom: 2rem;
            width: 70%;
          }
          .filter-serch .input-group .form-control{
            border-radius: 0;
            box-shadow: inset rgb(0 0 0 / 10%) 4px 4px 5px 1px;
          }
          .filter-select{
            padding: 0 1rem;
            width: 66%;
            border: none;
            border-radius: 0;
            height: calc(1.5em + .5rem );
            font-size: .9rem;
            margin: auto;
            display: block;
            margin-bottom: 2rem;
            box-shadow: inset rgb(0 0 0 / 10%) 4px 4px 5px 1px;
          }
              .filter-select:focus{
                outline: none;
              }
          .linea{
            height: 1px;
            width: 80%;
            background-color: #010205;
            display: block;
            margin: auto;
            box-shadow: inset rgb(233 230 230 / 16%) 2px 2px 20px 0px;
          }
          .btn-select, .btn-ruga, .btn-select-active{
            font-weight: 800;
            width: 66%;
            border-radius: 0;
            display: block;
            margin: 2rem auto 0;
          }
          .btn-select-active, .btn-select-active:hover{
            background: #233a59;
            color: #FFF;
          }
          .btn-select{
            background: transparent;
            color: #FFF;
            border: 2px solid #233a59;
          }
              .btn-select:hover{
                color: #FFF;
                border: 2px solid #50b0be;
              }
          .btn-ruga{
            background: #233a59;
            color: #FFF;
            padding-left: 1rem;
          }
              .btn-ruga:hover i{
                margin-left: .6rem;
              }
          .btn-ruga i{
            margin-left: 1.2rem;
            transition: margin .5s;
          }
          /* ----- PROPIEDADES HOME ----- */
          section.bodegas-home, section.locales-home, section.terrenos-home{
            padding: 5rem 0;
          }
          section.locales-home{
            background-color: #dfe7ea;
          }
          .link-property{
            text-decoration: none;
          }
            .link-property:hover .img-property{
              margin: -.5rem auto -.1rem;
            }
          .triangulo-ico{
            margin-left: auto;
            margin-top: 1rem;
            display: block;
          }
          .h2-propiedad {
            padding-right: 1rem;
            position: relative;
          }
          .h2-propiedad h2{
            color: #233a59;
            font-weight: 600;
          }
          .h2-propiedad p{
            font-size: .8rem;
          }
          .h2-propiedad::after{
            content: "";
            position: absolute;
            height: 1px;
            background: #dcdddf;
            width: 300%;
            display: block;
            right: 0;
          }
          a .ds-list{
            color: #212529;
          }
          .title-data-sheet{
            font-weight: 500;
            color: #233a59;
            margin: .5rem auto;
            display: block;
          }
          .linea-data-sheet{
            position: relative;
          }
          .linea-ds-1{
            position: absolute;
            display: inline-block;
            height: .2rem;
            width: 40%;
            background-color: #50b0be;
          }
          .linea-ds-2{
            position: absolute;
            display: inline-block;
            height: .05rem;
            width: 100%;
            background-color: #79797a;
            top: 1px;
          }
          a .cont-data-sheet{
            text-decoration: none;
            margin-bottom: 3rem;
          }
          .img-property{
            box-shadow: rgb(0 0 0 / 20%) 0px 2px 8px 2px;
            margin-bottom: .5rem;
            transition: margin .5s;
           }
          .cont-ds-size{
            padding-left: 1.2rem;
          }
          .ds-place{
            font-weight: 400;
            font-size: .9rem;
          }
          .ds-desc{
            font-size: .9rem;
            font-weight: 700;
            color: #50b0be;
          }
          .ds-sale-price, .ds-rent-price, .ds-m2-price{
            font-size: .9rem;
            font-weight: 400;
          }
          .ds-desc img{
            width: 1.4rem;
          }
          .ds-m2-price{
            font-weight: 500;
          }
          /* ----- VIDEO HOME ----- */
          section.video-servicios{
            padding-top: 5rem;
            background: rgb(223,231,234);
            background: linear-gradient(180deg, rgba(223,231,234,1) 0%, rgba(223,231,234,1) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
                    }
          .cont-video{
            margin-bottom: 3rem;
          }
          .cont-video iframe{
            display: block;
            margin: auto;
          }
          .servicio-home{
            position: relative;
            margin: 3rem auto;
          }
          .cont-servicio-home{
            padding-top: 8rem;
            position: relative;
            z-index: 2;
          }
          .img-servicios-h{
            position: absolute;
            z-index: 1;
          }
          .img-servicio-shadow-h{
            position: absolute;
            bottom: -4rem;
            z-index: 0;
          }
          .servicio-home h3{
            font-size: 3rem;
            text-transform: uppercase;
            font-weight: 200;
            letter-spacing: 1.5rem;
            color: #a6a7a7;
          }
          .servicio-home ul{
            list-style-image: url("../img/home/icon-serv.svg");
            font-weight: 500;
            color: #50b0be;
            padding-left: 1rem;
          }
          .servicio-home ul li{
            margin: 1.8rem auto;
          }
          .cont-btn-1, .cont-btn-enviar{
            display: block;
          }
          .cont-btn-1{
            margin: auto;
            text-align: center;
            position: relative;
            z-index: 2;
          }
          .servicio-home .cont-btn-1{
            margin: 8rem auto;
          }
          .btn-1{
            background-color: #42BFDF;
            font-size: .9rem;
            padding: .7rem 3.2rem;
            color: #FFF;
            font-weight: 700;
            text-decoration: none;
            border-radius: 0;
            transition: padding .5s;
          }
              .btn-1:hover{
                color: #233a59;
                padding: .7rem 3.6rem;
              }

        /* ----- BLOG HOME ----- */
        section.blog-home{
          padding: 7rem;
        }
        .blog-home h4, .blog-home span{
          text-align: center;
          display: block;
          font-weight: 400;
          color: #a6a7a7;
        }
        .blog-home h4{
          font-size: 1.6rem;
          text-transform: uppercase;
          letter-spacing: 1rem;
        }
        .blog-home h4::after{
          content: "";
          display: block;
          height: 1px;
          background-color: #a6a7a7;
          width: 20%;
          margin: 1rem auto;
        }
        .blog-home span{
          font-size: 1.2rem;
        }
        .cont-blog-h{
          margin: 4rem auto;
        }
        .cont-blog-h .title-blog-h, .cont-blog-h .date-blog-h, .cont-blog-h .cont-btn-1{
          text-align: left;
        }
        .cont-blog-h .title-blog-h{
          font-weight: 500;
          font-size: 1.4rem;
          text-transform: uppercase;
          color: #233a59;
          margin-top: 2rem;
        }
         .date-blog-h{
           letter-spacing: 1rem;
         }
        .desc-blog-h{
          color: #777878;
          font-size: .9rem;
          margin: 3rem auto;
        }
        /* ----- CONTACTO HOME ----- */
        section.contact-home{
          background-color: #f3f3f3;
          padding: 5rem 0 0;
        }
        .cont-contact-h h4{
          color: #2d3049;
          text-transform: uppercase;
          text-align: center;
          font-weight: 600;
          font-size: 2.2rem;
          letter-spacing: 1.5rem;
          margin: 4rem auto;
        }
        .cont-form-contact{
          border: 1px solid #8d8d8d;
          padding: 3rem 3rem 3rem 5rem;
        }
        .contact-name{
          text-transform: uppercase;
          color: #777777;
          letter-spacing: .5rem;
          font-weight: 500;
          width: 30%
        }
        .form-contact{
          display: inline-block;
          width: 69%;
          background-color: transparent;
          border-radius: 0;
          border: none;
          border-bottom: 1px solid #8d8d8d;
          margin-bottom: 1.5rem;
          padding: 0;
        }
        .cont-btn-enviar{
          margin-right: 2rem;
          text-align: right;
          margin-top: -1rem;
        }
          .cont-form-contact .form-control:focus{
            background-color: transparent;
            border-bottom: 2px solid #50b0be;
            box-shadow: none;
          }
        /* ----- FOOTER ----- */
        footer{
          background-image: url("../img/main/bg-footer.jpg");
          background-size: cover;
          padding: 4rem 0 5rem 0;
        }
        footer h5{
          color: white;
          font-weight: 600;
          letter-spacing: .2rem;
        }
        footer p, footer li{
          font-weight: 500;
          font-size: .8rem;
          color: #50b0be;
        }
        .link-footer{
          font-weight: 600;
          color: #50b0be;
          font-size: .8rem;
        }
        footer ul{
          display: inline-block;
          list-style: none;
        }
        .txt-sm-footer{
          text-align: center;
        }
        .cont-ico-sm{
          display: block;
          text-align: center;
        }
        .cont-ico-footer{
          display: inline-block;
        }
        .cont-ico-footer a{
          display: inline-block;
          background-color: #50b0be;
          width: 1.6rem;
          height: 1.6rem;
          border-radius: 50%;
          text-align: center;
          padding-top: .1rem;
          margin: auto .1rem;
          text-decoration: none;
          color: #142030;
        }
        .link-fa-facebook{
          color: #142030;
        }
        .ico-face-footer{
          color: #50b0be;
          font-size: 1.6rem;
          margin-top: .2rem;
          text-decoration: none;
        }
        .logo-footer{
          mix-blend-mode: screen;
        }
        .link-privacidad{
          font-weight: 400;
          color: #767878;
          display: block;
          text-align: center;
          text-decoration: none;
        }
/* -------- SERVICIOS -------- */
        section.servicios{
          padding: 5rem 0;
        }
        .servicios h1{
          padding-left: 5rem;
          font-size: 1.5rem;
          color: #a6a7a7;
          text-transform: uppercase;
          font-weight: 300;
          letter-spacing: 1rem;
          margin-bottom: 3rem;
        }
        .cont-serv{
          margin: 4rem auto;
        }
        .cont-img-servicio{
          position: relative;
        }
        .cont-btn-serv{
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          margin: auto;
        }
        .cont-btn-serv .cont-btn-1{
          width: 34%;
        }
        .img-serv{
          position: relative;
          z-index: 2;
          transition: all .5s;
        }
          .img-serv:hover{
            filter: brightness(.8);
          }
        .shadow-serv{
          position: absolute;
          top: 0;
          left: 0;
          margin-top: -5rem;
        }
        .servicios h2{
          color: #233a59;
          text-transform: uppercase;
          font-size: 1.2rem;
          font-weight: 600;
        }
        .servicios p{
          color: #777878;
          font-size: .9rem;
          padding-right: 5rem;
        }
        .sm-visible{
          display: none;
        }

/* -------- NOSOTROS -------- */
        header.nosotros{
          background-image: url("../img/nosotros/header-bg-nosotros.jpg");
          background-size: cover;
        }
        header.nosotros, .card-nosotros{
          height: 70vh;
          position: relative;
        }
         .cont-shadow-card, .cont-text-nosotros{
           position: relative;
         }
        header.nosotros p{
          color: #777878;
          line-height: 1.6rem;
        }
        .cont-card-nosotros{
          position: absolute;
          bottom: 0;
          background-color: #FFFFFF;
          padding: 3rem 5rem;
          z-index: 1;
          width: 90%;
          left: 0;
          right: 0;
          margin: auto;
          margin-bottom: -4rem;
        }
        .cont-card-nosotros h2{
          text-align: center;
          text-transform: uppercase;
          font-weight: 600;
          color: #233a59;
          font-size: 1.8rem;
          margin: 1rem auto;
        }
        .cont-card-nosotros .cont-btn-1{
          margin-top: 3rem;
        }
        .shadow-card{
          position: absolute;
          bottom: 0;
          z-index: 0;
          margin-bottom: -8rem;
        }
        /* SECTION NUESTROS VALORES */
        section.nuestros-valores{
          padding: 10rem 0 5rem 0;
          margin-top: 5rem;
        }
        .cont-img-valores{
          position: relative;
          padding: 0 2rem;
        }
        .cont-shadow-valores{
          position: relative;
        }
        .img-valores{
          position: relative;
          z-index: 1;
        }
        .img-shadow-valores{
          position: absolute;
          bottom: 0;
          margin-bottom: -3rem;
        }
        .cont-txt-valores{
          padding-left: 3rem;
        }
        .nuestros-valores h3{
          color: #a6a7a7;
          font-weight: 300;
          text-transform: uppercase;
          letter-spacing: .8rem;
          line-height: 3.4rem;
          margin-bottom: 2rem;
        }
        .cont-txt-valores span{
          font-weight: 500;
          color: #233a59;
          font-size: 1.4rem;
          text-transform: uppercase;
          margin: 1rem auto;
        }
        .cont-txt-valores p{
          color: #777878;
          font-size: .8rem;
          line-height: 1.6rem;
        }
        .img-nosotros-footer, .title-equipo{
          margin-top: 8rem;
          padding: 2rem;
          position: relative;
          z-index: 1;
        }
        .img-shadow-nosotros{
          margin-bottom: -2rem;
          z-index: 0;
        }
        .text-frase{
          position: absolute;
          bottom: 0;
          z-index: 1;
          margin-bottom: 3rem;
          padding: 2rem;
          color: #ffffff;
          font-weight: 600;
        }
        .frase::before{
          content: "";
          display: inline-block;
          background-color: #ffffff;
          width: 1px;
          height: 70px;
          margin: 0 1rem;
        }
        .frase-title {
          color: #777878!important;
        }
        /* .img-nosotros-footer{
          padding: 2rem;
        } */

        #carrusel{
            margin: 30px auto;
        }
        #carrusel .item{
            background: none;
            height: 300px;
        }
        #carrusel .item img{
            max-width: 200px;
            height: auto;
        } 




/* -------- BLOG -------- */
        section.blog-bg{
          background: rgb(255,255,255);
          background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(244,244,244,1) 40%, rgba(244,244,244,1) 100%);
          padding-bottom: 5rem;
        }
        section.blog h1, section.otras-entradas h1{
          font-size: 1.5rem;
          color: #a6a7a7;
          text-transform: uppercase;
          font-weight: 300;
          letter-spacing: 1rem;
          margin: 3rem auto;
          text-align: center;
        }
        .otras-entradas a{
          text-decoration: none;
        }
        section.otras-entradas{
          padding: 4rem 0;
        }
        .cont-art-blog{
          margin: 5rem auto;
        }
        .cont-text-blog h2{
          color: #233a59;
          text-transform: uppercase;
          font-size: 1.4rem;
          text-align: center;
          font-weight: 600;
        }
        .cont-text-blog{
          padding: 0 5rem;
        }
        .date-blog{
          color:#777878;
          font-weight: 300;
          font-size: 1.2rem;
          text-align: center;
          display: block;
          margin: 1rem auto;
        }
        .cont-text-blog p{
          color: #777878;
          font-weight: 300;
          margin-bottom: 3rem;
          text-align: center;
          line-height: 1.5rem;
        }
        .cont-img-blog, .cont-img-entrada{
          position: relative;
          display: block;
        }
        .cont-img-entrada{
          margin: 4rem;
        }
        .cont-img-otras{
          margin: 2rem auto;
        }
        .img-blog, .img-entrada{
          position: relative;
          z-index: 1;
        }
        .img-shadow-blog, .shadow-entrada{
          position: absolute;
          bottom: 0;
          left: 0;
          margin-bottom: -2rem;
          z-index: 0;
        }
        .shadow-entrada {
          margin-bottom: -5rem;
        }
        .shadow-otras{
          margin-bottom: -2.4rem;
        }
        .title-otras-blog h3{
          color: #233a59;
          text-transform: uppercase;
          font-size: 1.4rem;
          font-weight: 600;
        }
        .title-otras-blog p{
          color: #777878;
          font-weight: 300;
          margin-bottom: 3rem;
          line-height: 1.5rem;
        }
        .p-otras{
          padding: 0 2rem;
        }
        /* -------- CONTACTO -------- */
        .img-edificio-contacto{
          mix-blend-mode: hard-light;
        }
        .contact-home h4{
          color: #2d3049;
          text-transform: uppercase;
          text-align: center;
          font-weight: 600;
          font-size: 2.2rem;
          letter-spacing: 1.5rem;
          margin: 4rem auto;
        }

        /* -------- PROPIEDADES -------- */
        header.header-bodegas{
        background-image: url("../img/propiedades/header-bodegas-almacen.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        }
        section.resultados{
          padding: 5rem 0;
        }
        .resultados h2{
          text-align: center;
          letter-spacing: 1.4rem;
          color: #233a59;
          font-weight: 200;
          text-transform: uppercase;
        }
        .cont-resultados{
          background-color: #f0f0f0;
          margin: 2rem auto;
        }
        .cont-data-r{
          padding: 3rem 2rem;
          position: relative;
          height: 90%;
        }
        .cont-data-r h5{
          font-size: 1rem;
          font-weight: 500;
          color: #233a59;
        }
        .cont-v-r span{
          color: #3d3d3e;
        }
        .info-r{
          position: absolute;
          bottom: 0;
        }
        .info-r span{
          font-weight: 700;
          color: #50b0be;
          display: block;
          font-size: .8rem;
        }
        .cont-pagination{
          display: block;
          margin: 3rem auto;
          text-align: center;
        }
        .page-link{
          border: 0;
          color: #50b0be;
        }
        .page-item.active .page-link{
          background-color: transparent;
          color: #4f5d73;
        }
        .resultados a{
          text-decoration: none;
        }
        /* PROPIEDAD INTERNO */
        section.propiedad{
          padding: 4rem 0;
        }
        section.propiedad .carousel-inner{
          z-index: 1;
        }
        .cont-img-int{
          position: relative;
        }
        .img-shadow-carousel{
          position: absolute;
          bottom: 0;
          left: 0;
          margin-bottom: 1rem;
          z-index: 0;
        }
        .carousel-indicators{
          position: relative;
          margin: 3rem;
        }
        .carousel-indicators [data-bs-target]{
          width: 12px;
          height: 12px;
          border-radius: 50%;
          background-color: transparent;
          border: 1px solid #50b0be;
        }
        .carousel-indicators .active{
          background-color: #50b0be;
        }
        .cont-desc-propiedad .title-desc-p{
          font-weight: 700;
          color: #233a59;
          margin: 1rem auto;
          display: block;
        }
        .cont-desc-propiedad p{
          color: #3d3d3e;
          font-size: .9rem;
          margin-bottom: 1rem;
        }
        .info-desc-propiedad{
          color: #50b0be;
          font-weight: 700;
        }
        .cont-info-txt{
          display: inline-block;
        }
        .ico-terreno-construido{
          display: inline-block;
        }
        .terreno-construido{
          color: #233a59;
          font-weight: 700;
          font-size: .9rem;
          display: inline-block;
        }
        .propiedad .cont-video iframe{
          margin: 2rem 0;
        }
        .cont-mapa{
          position: relative;
        }
        .cont-mapa iframe{
          position: relative;
          width: 100%;
          z-index: 1;
        }
        .img-shadow-mapa{
          position: absolute;
          bottom: 0;
          left: 0;
          margin-bottom: -2rem;
          z-index: 0;
        }
        .txt-title-info h3{
          font-weight: 700;
          color: #233a59;
          text-transform: uppercase;
        }
        .txt-title-info a{
          text-align: center;
          text-decoration: none;
          margin: 2rem auto;
          display: block;
          font-weight: 700;
          color: #233a59;
          font-size: .8rem;
        }
        .txt-title-info a p{
          margin: 0;
        }
        .lateral-propiedad{
          padding-left: 5rem;
        }
        .cont-form-propiedad{
          background-color: #f1f1f1;
          text-align: center;
          padding: 6rem;
          margin: 2rem auto;
        }
        .cont-form-propiedad h5{
          color: #233a59;
          font-weight: 600;
          font-size: 1rem;
          margin-bottom: 3rem;
        }
        .cont-form-propiedad .form-contact, .cont-form-propiedad .custom-select{
          background-color: #e9e6e6;
          border: 0;
          padding: .375rem .75rem;
          box-shadow: inset rgb(0 0 0 / 10%) 4px 4px 5px 1px;
          font-style: italic;
          width: 100%;
          color: #3d3d3e;
        }
        .cont-form-propiedad .form-floating .form-control{
          background-color: #e9e6e6;
          box-shadow: inset rgb(0 0 0 / 10%) 4px 4px 5px 1px;
        }
        .cont-form-propiedad .cont-btn-enviar{
          position: relative;
          text-align: center;
          margin: 2rem auto;
        }
        .otras-propiedades-link{
          text-decoration: none;
        }
        .title-otras-propiedades{
          color: #233a59;
          display: block;
          text-decoration: none;
        }
        .txt-otras-propiedades{
          display: block;
          color: #3d3d3e;
          font-size: .8rem;
          text-decoration: none;
        }