@charset "utf-8";
/* CSS Document */
/*------------------*/
/* fixes */
body {
  font-family : var(--font-family), sans-serif;
  font-weight : var(--font-style-normal);
  color       : var(--gris4-404040);
  padding-top : 96px;
}

body, html {
  margin : 0;

}
img {
  border : none
}
article, aside, figure, footer, header, hgroup, nav, section {
  display : block;
}
textarea {
  resize : none;
}
/* classes comunes */
.clear {
  width : 100%;
  clear : both;
}
.left {
  float : left;
}
.right {
  float : right;
}
.none {
  display : none;
}
.text-center {
  text-align : center;
}
.text-left {
  text-align : left;
}
.text-right {
  text-align : right;
}
.btnFooter {
  background-color : #B93E42;
  border-color     : #B93E42;
  font-size        : 18px;
  height           : 40px !important;
  line-height      : 34px !important;
  width            : 100% !important;
  text-align       : center;
  max-width        : 200px;
  border-radius    : 5px;
  transition       : 0.25s;
  text-decoration  : none;
}
.btnFooter:hover {
  background-color : #D34A4C;
  border-color     : #B93E42;
  text-decoration  : none !important;
}
/*
Al seleccionar un campo de ingreso de texto, o un select, en browser realiza un zoom. (iphone)
http://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone
*/
@media screen and (-webkit-min-device-pixel-ratio : 0) {
  select, textarea, input {
    font-size : 16px !important;
  }

  input[type="button"],
  input[type="submit"] {
    -webkit-appearance : none;
  }
}
.videoWrapper {
  position       : relative;
  /* 16:9 */
  padding-bottom : 56.25%;
  /* 4:3 */
  /*padding-bottom : 75%; */
  padding-top    : 0;
  height         : 0;
}
.videoWrapper iframe {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
}
input[type=password].verificado, input[type=text].verificado {
  border     : none;
  box-shadow : 0 0 7px green;
}
input[type=password].incorrecto, input[type=text].incorrecto {
  border        : 1px solid red;
  border-radius : 2px;
  box-shadow    : 0 0 7px red
}
.aspectRatio43,
.aspectRatio1,
.aspectRatio169,
.aspectRatio164 {
  position : relative;
  display  : block;
}
.aspectRatio43:before,
.aspectRatio1:before,
.aspectRatio169:before,
.aspectRatio164:before {
  display : block;
  content : " ";
  width   : 100%;
}
.logo img.imgPrint {
  display : none;
}
.aspectRatio1:before {
  padding-top : 100%;
}
.aspectRatio43:before {
  padding-top : calc((3 / 4) * 100%);
  /*padding-top : 75%;*/
}
.aspectRatio169:before {
  padding-top : calc((9 / 16) * 100%);
  /*padding-top : 56.25%;*/
}
.aspectRatio164:before {
  padding-top : calc((4 / 16) * 100%);
  /*padding-top : 12.25%;*/
}
.backContain,
.backCover {
  background-position : center;
  background-repeat   : no-repeat;
}
.backContain {
  background-size : contain;
}
.backCover {
  background-size : cover;
}
/*------------------*/


h1, h2, h3, h4 {

}
img {
  max-width : 100%;
}
.btn-primary {
  background-color : var(--naranja);
  border-color     : var(--naranja);
}
.btn-primary:hover {
  background-color : var(--naranja-brillo);
  border-color     : var(--naranja-brillo);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  background-color : var(--naranja-oscuro);
  border-color     : var(--naranja-oscuro);
}

body.portada-init {
  padding-top : 0px !important;
}
.abrirMenu {
  display  : block;
  position : absolute;
  z-index  : 9999;
  top      : 20px;
  right    : 20px;
  width    : 40px;
  height   : 40px;
}
.abrirMenu span {
  position      : absolute;
  left          : 0;
  display       : block;
  width         : 40px;
  height        : 6px;
  background    : #FFF;
  border-radius : 2px;
  transition    : all 0.3s;
}
.abrirMenu .span1 {
  top : 0;
}
.abrirMenu .span2 {
  top : 16px;
}
.abrirMenu .span3 {
  top : 32px;
}
.abrirMenu.active .span2 {
  opacity : 0;
}
.abrirMenu.active .span1 {
  transform : rotate(45deg);
  top       : 15px;
}
.abrirMenu.active .span3 {
  transform : rotate(-45deg);
  top       : 16px;
}

.navPrincipal {
  display          : block;
  top              : 0;
  left             : 0;
  z-index          : 1030;
  height           : 96px;
  padding          : 0;
  margin           : 0;
  width            : 100%;
  background-color : #666;
  box-sizing       : border-box;
  height           : 96px;
  transition       : all 0.4s;
  position         : fixed;
}
.socialMenuPrincipal {
  display    : block;
  padding    : 10px 20px;
  text-align : center;
  position   : absolute;
  bottom     : 0;
  left       : 0;
  width      : 100%;
}
.socialMenuPrincipal a {
  display      : inline-block;
  width        : 28px;
  height       : 28px;
  padding      : 2px;
  margin-right : 10px;
}

.logo {
  display         : block;
  border          : 0;
  text-decoration : none;
  width           : 70%;
  box-sizing      : border-box;
  padding-top     : 14px;
  max-width       : 210px;
  float           : left;
}
.logo img {
  display : block;
}
.navbar-dark .navbar-nav .nav-link {
  line-height    : 96px;
  padding        : 0 1em;
  font-size      : 16px;
  text-transform : uppercase;
  height         : 96px;
  box-sizing     : border-box;
  margin         : 0;
}

/* Footer */
footer {
  background-color : var(--gris2-58595b);
  color            : var(--blanco);
  padding          : 40px 0;
}
footer a {
  color : var(--blanco);
}
footer a:hover {
  color : var(--blanco);
}
.logoFooter {
  display   : block;
  border    : 0;
  max-width : 210px;
}
.logoFooter img {
  display : block;
  width   : 100%;
}
.socialFooter {
  text-align : right;
}
.socialFooter a {
  display      : inline-block;
  width        : 28px;
  height       : 28px;
  padding      : 2px;
  margin-right : 10px;
  transition   : all 0.3s;
}
.socialFooter a:hover {
  transform : scale(1.1);
}
.socialFooter a:last-child {
  margin-right : 0;
}
/* FIN Footer */

/* PORTADA */
.delay-1 {
  animation-delay : 0.3s;
}
.delay-2 {
  animation-delay : 0.6s;
}
.delay-3 {
  animation-delay : 0.9s;
}

.buscadorPortada {
  width    : 100%;
  height   : 100%;
  position : absolute;
  top      : 0;
  left     : 0;
  margin   : 0;
  padding  : 0;
  z-index  : 999;
  color    : #FFF;
}
.buscadorPortada a {
  color            : var(--blanco);
  transition       : all 0.3s;
  font-weight      : bold;
  background-color : var(--naranja-transparente);
}
.buscadorPortada a.active {
  font-weight      : bold;
  background-color : var(--gris4-404040-tr)
}
.buscadorPortada select, .buscadorPortada input, .buscadorPortada button {
  line-height : 50px;
  height      : 50px;
}
.buscadorPortada button {
  padding : 0 10px;
}
.buscadorPortada div div.mx-auto {
  margin-top: 125px!important;
}
.buscadorPortada h2 {
  color : var(--blanco);
}
.tab-content {
  display          : block;
  padding          : 20px;
  background-color : var(--gris4-404040-tr);
}
.serviciosPortada {
  padding    : 40px 0 40px 0;
  text-align : center;
}
.trabajaPortada {
  padding : 0px !important;
}
.serviciosPortada img {
  display: block;
  /*width: 40%;*/
  margin: 20px 0px 20px 0px;
  max-width: 120px;
}
.serviciosPortada h3 {
  display     : block;
  font-size   : 16px;
  font-weight : bold;
  margin      : 40px 0 0 0;
  padding     : 0;
}
.serviciosPortada p {
  font-size   : 12px;
  line-height : 20px;
  margin      : 0;
  padding     : 0;
}
.serviciosPortada p.p {
  font-size: 16px;
  line-height: 22px;
  margin: 0;
  padding: 0;
}
.serviciosPortada .container {
  width: 70%;
}
.serviciosPortada .img-right {
  float: right!important;
}
.servicios-text{
  text-align: left;
  
}
.propiedadesPortada {
  padding          : 40px 0 80px 0;
  background-color : var(--gris5-eaeaea);
}

.propiedadesPortada .bloqueListaPropiedad, .mid-propiedades .bloqueListaPropiedad {
  display   : block;
  margin    : 0 auto 40px auto;
  position  : relative;
  max-width : 500px;
  overflow  : hidden;
}
.estadoPropiedad {
  display          : none;
  border           : 1px solid #FFF;
  background-color : #B6262C;
  color            : #FFF;
  position         : absolute;
  height           : 30px;
  line-height      : 30px;
  width            : 200px;
  text-align       : center;
  top              : 36px;
  right            : -50px;
  z-index          : 99;
  font-size        : 16px;
  font-weight      : bold;
  text-align       : center;
  text-transform   : uppercase;
  transform        : rotate(45deg);
}
.carousel {
  overflow : hidden;
}
.carousel .estadoPropiedad {
  transform : scale(1.2) rotate(45deg);
}
.propiedadesPortada .bloqueListaPropiedad {
  box-shadow : 0 0 10px rgba(0, 0, 0, 0.5);
}
.infoBloqueListaPropiedad {
  display          : block;
  background-color : var(--naranja);
  color            : var(--blanco);
  padding          : 15px 10px 5px 10px;
  position         : relative;
  transition       : all 0.3s;
}
.infoBloqueListaPropiedad:hover {
  background-color : var(--naranja-brillo);
}
.infoBloqueListaPropiedad .barrioPropiedad {
  line-height    : 14px;
  margin         : 0;
  font-size      : 12px;
  text-transform : uppercase;
}
.infoBloqueListaPropiedad .tituloPropiedad {
  line-height    : 20px;
  margin         : 0 0 10px 0;
  font-size      : 16px;
  text-transform : uppercase;
}
/*
.pieBloqueListaPropiedad .cantDormitorios,
.pieBloqueListaPropiedad .cantBanos,
.pieBloqueListaPropiedad .cantM2 {
  display      : inline-block;
  min-width    : 34px;
  position     : relative;
  padding-left : 37px;
  height       : 30px;
  line-height  : 30px;
  font-size    : 1em;
  margin-right : 6px;
}
.pieBloqueListaPropiedad .cantDormitorios::before,
.pieBloqueListaPropiedad .cantBanos::before,
.pieBloqueListaPropiedad .cantM2::before {
  content             : ' ';
  display             : block;
  position            : absolute;
  top                 : 0;
  left                : 0;
  width               : 30px;
  height              : 30px;
  background-size     : contain;
  background-repeat   : no-repeat;
  background-position : left center;
  transition          : all 0.3s;
  filter              : invert(0);
}
.pieBloqueListaPropiedad .cantDormitorios::before {
  background-image : var(--ico-cama);
}
.pieBloqueListaPropiedad .cantBanos::before {
  background-image : var(--ico-banios);
}
.pieBloqueListaPropiedad .cantM2::before {
  background-image : var(--ico-m2);
}
*/
.pieBloqueListaPropiedad .precioPropiedad {
  /* line-height: 35px; */
  /* height: 35px; */
  /* display: block; */
  /* float: right; */
  font-size       : 2em;
  font-weight     : bold;
  color           : var(--blanco);
  text-decoration : none;
  transition      : all 0.3s;
}
.pieBloqueListaPropiedad:hover .precioPropiedad {
  text-decoration : none;
  color           : #404040;
}
.pieBloqueListaPropiedad .row div {
  position : static;
}
/* Listado propiedades */
.mid-propiedades {
  background-color : #EAEAEA;
}
.mapaListado {
  position    : relative;
  padding-top : 0;
  top         : 96px;
}
.mapaListado iframe {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
}
#formFiltros .form-control {
  margin-bottom : 10px;
}
.btnMasFiltros {
  font-size     : 14px;
  color         : #404040;
  display       : inline-block;
  border        : 1px solid #404040;
  border-radius : 2px;
  padding       : 0 10px;
  line-height   : 26px;
  transition    : all 0.3s;
}
.btnMasFiltros.collapsed::before {
  content : 'Más';
}
.btnMasFiltros::before {
  content : 'Menos';
}
.btnMasFiltros:hover {
  text-decoration  : none;
  background-color : #404040;
  color            : #FFF;
}
.contPaginacion {
  display       : block;
  text-align    : center;
  margin-bottom : 50px;
}
.contPaginacion a, .contPaginacion span {
  display       : inline-block;
  line-height   : 30px;
  width         : 30px;
  height        : 30px;
  margin        : 10px;
  font-size     : 12px;
  border-radius : 1px;
}
.contPaginacion a {
  text-decoration  : none;
  border           : 1px solid #006976;
  background-color : #006976;
  color            : #FFF;
}
.contPaginacion a:hover {
  background-color : #FFF;
  color            : #006976;
}
.contPaginacion span {
  border           : 1px solid #FFF;
  background-color : #FFF;
  color            : #006976;
  box-shadow       : 0 0 2px rgba(0, 0, 0, 0.5);
}
.fraseGancho {
  display    : block;
  width      : 90%;
  margin     : 0 auto;
  text-align : center;
}
.fraseGancho h2 {
  line-height   : 64px;
  color         : #006976;
  margin-bottom : 20px;
}
.fraseGancho h2 img {
  display    : inline-block;
  width      : 64px;
  box-sizing : border-box;
  padding    : 12px;
  margin     : 0 5px;
}
.fraseGancho p a {
  font-size : 18px;
}
.fraseGancho p a {
  color           : #006976;
  font-style      : italic;
  text-decoration : underline;
}
/* Propiedad Ampliada */
.mid-propiedades-ampliada {
  background-color : #FFF;
}
.formularioPropiedadAmpliada {
  background-color : var(--gris2-58595b);
  padding          : 20px;
  color            : #FFF;
  top              : 96px;
  box-sizing       : border-box;
}
.precioPropiedadAmpliadaMobile {
  display          : block;
  background-color : var(--gris2-58595b);
  color            : var(--blanco);
  padding          : 20px;
}
.precioPropiedadAmpliadaMobile span {
  display     : block;
  font-size   : 18px;
  margin      : 0;
  padding     : 0;
  line-height : 18px;
}

.nano {
  display    : block;
  width      : 100%;
  height     : 100%;
  box-sizing : border-box;
}
.nano .nano-content {
  padding : 0 20px;
}
.nano .nano-pane {
  background : #FFF;
}
.nano:hover > .nano-pane {
  opacity : 0.4
}
.nano > .nano-pane > .nano-slider {
  background : #006976;
}

.formularioPropiedadAmpliada hr {
  background-color : #FFF;
}
.formularioPropiedadAmpliada .precioPropiedad span {
  display     : block;
  font-size   : 18px;
  margin      : 0;
  padding     : 0;
  line-height : 18px;
}
.precioPropiedadAmpliadaMobile p,
.formularioPropiedadAmpliada .precioPropiedad p {
  font-weight      : 500;
  font-size        : 40px;
  margin           : 0 0 10px 0;
  padding          : 0;
  line-height      : 40px;
  background-color : var(--gris4-404040)
}
.formularioPropiedadAmpliada form .form-group label {
  font-size   : 12px;
  line-height : 12px;
  margin      : 0;
  padding     : 0;
}
.formularioPropiedadAmpliada form .custom-control-label {
  font-size   : 12px;
  line-height : 22px;
}
.compartirPropiedad {
  display    : block;
  text-align : center;
  margin-top : 40px;
  font-size  : 12px;
}
.compartirPropiedad a {
  margin : 20px;
}
.verMasFotos {
  display             : block;
  position            : absolute;
  bottom              : 20px;
  left                : 0;
  line-height         : 40px;
  height              : 40px;
  padding             : 0 40px 0 70px;
  background-image    : url(imagenes/icoFotos.svg);
  background-size     : 32px auto;
  background-position : 16px 7px;
  background-repeat   : no-repeat;
  z-index             : 999;
  background-color    : rgba(255, 255, 255, 0.7);
  color               : #404040;
  text-decoration     : none;
  transition          : all 0.3s;
}
.verMasFotos:hover {
  background-color : #FFF;
  text-decoration  : none;
  color            : #404040;
}
.modal-content {
  background-color : transparent;
  background-clip  : unset;
  border           : 0;
}
.modal-dialog, .modal-content {
  position : unset;
}
.modal-header {
  padding : 0;
  margin  : 0;
  border  : 0;
}
.modal-header .close {
  margin      : 0;
  position    : absolute;
  top         : 0;
  text-shadow : none;
  right       : 0;
  color       : #FFF;
}
.modal-header .close:hover {
  color   : #FFF;
  opacity : 1;
}
.ekko-lightbox-nav-overlay a span {
  color       : #FFF;
  text-shadow : 0 0 4px #000;
}
.ekko-lightbox-nav-overlay a:hover span {
  color : #FFF;
}
.modal-backdrop.show {
  opacity : 0.8;
}

.infoPropiedadAmpliada h4 {
  text-transform : uppercase;
  font-size      : var(--font-size-16);
  color          : var(--naranja);
  font-weight    : var(--font-weight-bold);
}
.pieBloqueListaPropiedad span,
.cont-destaques-ampliada span {
  display             : block;
  float               : left;
  padding-left        : 43px;
  margin-right        : 12px;
  background-size     : contain;
  background-repeat   : no-repeat;
  background-position : 9px center;
  height              : 22px;
  line-height         : 23px;
  font-size           : 1em;
  color               : var(--naranja);
}

.pieBloqueListaPropiedad .cantDormitorios,
.infoPropiedadAmpliada .cantDormitorios {
  background-image : var(--ico-cama-naranja);
}
.pieBloqueListaPropiedad .cantBanos,
.infoPropiedadAmpliada .cantBanos {
  background-image : var(--ico-banios-naranja);
  padding-left     : 39px;
}
.pieBloqueListaPropiedad .cantM2,
.infoPropiedadAmpliada .cantM2 {
  background-image : var(--ico-m2-naranja);
}
.pieBloqueListaPropiedad .locator,
.infoPropiedadAmpliada .locator {
  background-image : var(--ico-locator-naranja);
  padding-left     : 28px;
}
.pieBloqueListaPropiedad .cantDormitorios {
  background-image : var(--ico-cama);
}
.pieBloqueListaPropiedad .cantBanos {
  background-image : var(--ico-banios);
}
.pieBloqueListaPropiedad .cantM2 {
  background-image : var(--ico-m2);
}
.pieBloqueListaPropiedad .locator {
  background-image : var(--ico-locator);

}
.pieBloqueListaPropiedad .cantDormitorios,
.pieBloqueListaPropiedad .cantBanos,
.pieBloqueListaPropiedad .cantM2,
.pieBloqueListaPropiedad .locator {
  color : var(--blanco);

}

.infoPropiedadAmpliada .imprimirFicha {
  display             : block;
  float               : right;
  padding-right       : 35px;
  background-size     : contain;
  background-repeat   : no-repeat;
  background-position : right center;
  height              : 35px;
  line-height         : 35px;
  font-size           : 14px;
  color               : #404040;
  text-transform      : uppercase;
  background-image    : var(--ico-imprimir)
}

.caracteristicasPropiedadAmpliada span {
  background-color : #E8E8E8;
  display          : block;
  height           : 40px;
  line-height      : 40px;
  margin           : 0;
  padding          : 0 10px;
}
.caracteristicasPropiedadAmpliada .row:nth-child(even) span {
  background-color : #F5F5F5;
}
.caracteristicasPropiedadAmpliada.caracteristicasPropiedadAmpliadaNew .row:nth-child(even) span {
  background-color : #E8E8E8;
}
.caracteristicasPropiedadAmpliada > div > div > span > div {
  display : inline;
}
.contMapaPropiedadAmpliada {
  position       : relative;
  padding-bottom : 60%;
  padding-top    : 0;
  height         : 0;
}
.contMapaPropiedadAmpliada iframe, .contMapaPropiedadAmpliada #map {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
}
.filaImagenesPropiedadAmpliada a img {
  display       : block;
  width         : 100%;
  margin-bottom : 40px;
}
.filaImagenesPropiedadAmpliada a img {
  display : block;
  width   : 100%;
}

/* Quienes somos */
.iconoScroll {
  display             : block;
  width               : 64px;
  height              : 64px;
  background-image    : url(imagenes/scroll.png);
  background-position : center center;
  background-repeat   : no-repeat;
  background-size     : 50% 50%;
  border-radius       : 50%;
  position            : absolute;
  bottom              : 10px;
  left                : 50%;
  margin-left         : -32px;
  opacity             : 0.6;
  transition          : all 0.3s;
}
.iconoScroll:hover {
  opacity : 1;
  bottom  : 20px;
}

body.quienesSomos-init,
body.html-quienesSomos,
body.html-vender,
body.nosotros-init,
body.html-servicios {
  padding-top : 0px;
}
.quienesSomos-init header nav, .html-quienesSomos header nav, .html-vender header nav, .html-servicios header nav {
  /*background-color : transparent;*/
}
.cabezalQuienesSomos {
  background-image : var(--img-cabezal-nosotros)
}
.cabezalVender {
  background-image : var(--img-cabezal-vender);
}
.cabezalServicios {
  background-image : var(--img-cabezal-servicios);
}
.contenedorQuienesSomos h4 {
  font-family : 'Ubuntu', sans-serif;
  font-size   : 16px;
  font-weight : 500;
}
.contenedorQuienesSomos p {
  font-size  : 14px;
  text-align : justify;
}
.contenedorQuienesSomos .imgEquipo {
  display             : block;
  position            : relative;
  margin-bottom       : 10px;
  margin-top          : 10px;
  max-width           : 500px;
  width               : 100%;
  background-size     : cover;
  background-position : center center;
  background-repeat   : none;
}
.contenedorQuienesSomos .imgEquipo:before {
  display     : block;
  content     : " ";
  width       : 100%;
  padding-top : 100%;
}
.contenedorQuienesSomos p span {
  font-style : italic;
  opacity    : 0.8;
}
.imgEquipo1 {
  background : url(imagenes/quienEsUNOHOVER.png);
}
.imgEquipo2 {
  background : url(imagenes/quienEsDOSHOVER.png);
}
.imgEquipo3 {
  background : url(imagenes/quienEsTRESHOVER.png);
}
.imgEquipo4 {
  background : url(imagenes/quienEsCUATROHOVER.png);
}
.imgEquipo5 {
  background : url(imagenes/quienEsCINCOHOVER.png);
}
.imgEquipo6 {
  background : url(imagenes/quienEsSEISHOVER.png);
}
.imgEquipo7 {
  background : url(imagenes/quienEsSIETEHOVER.png);
}
.imgEquipo8 {
  background : url(imagenes/quienEsOCHOHOVER.png);
}
.imgEquipo9 {
  background : url(imagenes/quienEsNUEVEHOVER.png);
}
.imgEquipo10 {
  background : url(imagenes/quienEsDIEZHOVER.png);
}
.imgEquipo11 {
  background : url(imagenes/quienEsONCEHOVER.png);
}
.imgEquipo12 {
  background : url(imagenes/quienEsDoceHover.png);
}
.imgEquipo13 {
  background : url(imagenes/quienEsTreceHover.png);
}
.contenedorQuienesSomos .imgEquipo img {
  display    : block;
  position   : absolute;
  top        : 0;
  left       : 0;
  transition : all 0.3s;
}
.contenedorQuienesSomos .imgEquipo:hover img {
  opacity : 0;
}
.textoQuienesSomos {
  display     : block;
  line-height : 30px;
  font-size   : 16px;
  padding     : 40px;
  box-sizing  : border-box;
  width       : 80%;
  margin      : 40px auto;
  text-align  : center;
}
/* Vender */

.contactoVender {
  background-color : #EAEAEA;
  padding          : 80px 0;
}
/** Contacto **/
.mid-contacto {
  background-color : #EAEAEA;
  padding          : 80px 0 0 0;
}
.mapWrapperContacto {
  position       : relative;
  padding-bottom : 50%;
  padding-top    : 0;
  height         : 0;
}
.mapWrapperContacto iframe {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
}
/* Estaticas */
.cabezalPagina {
  position            : relative;
  background-position : center;
  background-size     : cover;
  background-repeat   : no-repeat;
}
.cabezalPagina:before {
  display          : block;
  content          : " ";
  width            : 100%;
  background-color : #000;
  opacity          : 0.5;
  padding-top      : calc((2 / 4) * 100%);
}
.cabezalPagina h1 {
  position   : absolute;
  width      : 80%;
  top        : 50%;
  left       : 50%;
  transform  : translate(-50%, -50%);
  color      : #FFF;
  text-align : center;
  z-index    : 800;
}
.caracteristicasPropiedadAmpliada .row .col-6.grey span {
  background-color : #F5F5F5;
}
#contacto_ok {
  display : none
}
#map {
  width  : 100%;
  height : 500px;
}
/********* PROYECTOS **************/
.mid-proyectos {
  background-color : #EAEAEA;
  padding          : 20px 0 20px 0;
}
.mid-proyectos h2 {
  text-align : center;
  padding    : 0 0 20px 0;
}
.proyecto {
  display : block;
  padding : 30px 0;
}
.proyecto:nth-child(odd) {
  background-color : #006976;
  color            : #FFF;
}
.proyecto:nth-child(even) {
  background-color : #FFF;
  color            : #404040;
}
.proyecto h3 {
  display       : block;
  position      : relative;
  padding-right : 50%;
}
.mid-proyectos-ampliada .proyecto h3 {
  padding-right : 0;
  text-align    : center;
}
.proyecto h3 span {
  position   : absolute;
  display    : block;
  padding    : 0 15px;
  width      : 50%;
  box-sizing : border-box;
  bottom     : 0;
  right      : 0;
  font-size  : 0.6em;
}
.nano-content .vendedor a {
  color : #FFF;
}
.nano-content .vendedor-img {
  border-radius : 60px
}
.cont_vendedor {
  display       : none;
  text-align    : center;
  margin-bottom : 25px;
}
.cont_vendedor .vendedor-img {
  max-width     : 100px;
  border-radius : 50px;
  margin        : 10px auto;
}
.vendedor-contactos a {
  color : #404040;
}
/*
.vendedor-vermas a{
  display: block;
  float: right;


  background-size: 35px auto;
  background-repeat: no-repeat;
  background-position: right center;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #404040;
  text-transform: uppercase;

}
*/
/* MEDIA QUERYS */
@media (max-width : 576px) {
  .propiedades-vendedor h2 {
    text-align : center;
  }

  .propiedades-vendedor h2 + div {
    max-width : 100% !important;
  }

  .propiedades-vendedor .vendedor-img {
    margin : 0 auto;
  }

  .propiedades-vendedor .vendedor-item {
    text-align : center;
  }


  .cont_vendedor .vendedor-item:first-child {
    margin-top : 15px;
  }
  .width-135{
    width: 100%!important
  }
  .col-half-offset{
    margin-left:0!important
  }
  .order-11{
    order: 1;
  }
  .order-22{
    order: 2;
  }
}
@media (max-width : 320px) {
  .mainWrapper {
    min-width : 320px;
  }
}
@media (max-width : 360px) {
  .pieBloqueListaPropiedad .cantDormitorios, .pieBloqueListaPropiedad .cantBanos, .pieBloqueListaPropiedad .cantM2 {
    padding-left    : 20px;
    margin-left     : 6px;
    background-size : 20px auto;
    height          : 20px;
    line-height     : 20px;
    font-size       : 14px;
  }

  .pieBloqueListaPropiedad .precioPropiedad {
    line-height : 20px;
    height      : 20px;
    font-size   : 16px;
  }
}
@media (max-width : 768px) {
  .cont_vendedor {
    display : block;
  }

  #contacto_form {
    width  : 90%;
    margin : 0 auto;
  }
  .nosotrosSection{
    width  : 100%!important;
  }
}
@media (max-width : 776px) {
  .socialFooter {
    text-align : left;
  }

  .slidePortada {
    background-image : url(imagenes/slidePortadaMobile.png);
  }

  .slidePrincipal:before {
    padding-top : calc((3 / 2) * 100%) !important;
  }

  .slidePrincipal {


    background-position : center !important;
    background-size     : cover !important;


  }

  .navPrincipal .background {

    background-position : center !important;
    background-size     : cover !important;

  }


  .cabezalPagina:before {
    padding-top : calc((3 / 2) * 100%);
  }

}
@media (max-width : 576px) {
  .buscadorPortada .btn {
    display : block;
  }

  .buscadorPortada select {
    margin-bottom : 20px;
  }

}
@media (max-width : 992px) {
  .navbar-collapse {
    display          : block;
    position         : fixed;
    top              : 0;
    left             : 0;
    box-sizing       : border-box;
    width            : 100%;
    height           : 100%;
    background-color : var(--naranja-transparente);
    z-index          : 800;
  }

  .navbar-dark .navbar-nav .nav-link {
    color            : var(--blanco);
    background-color : var(--naranja-oscuro);
    border-radius    : 5px;
    max-width        : 250px;
    margin           : 10px auto;
    font-size        : 1.4em;
    line-height      : 2em;
    padding-top      : 0;
    padding-bottom   : 0;
    height           : auto;
  }

  .navbar-dark .navbar-nav .active > .nav-link {
    color   : #FFF;
    opacity : 0.7;
  }

  .navbar-nav {
    display    : block;
    position   : absolute;
    top        : 50%;
    left       : 10%;
    text-align : center;
    width      : 80%;
    transform  : translateY(-50%);
    transition : all 0.4s;
  }

  .navPrincipal.collapsing {
    display : block;
  }

  .proyecto h3 {
    display       : block;
    position      : relative;
    padding-right : 0;
  }

  .proyecto h3 span {
    position   : relative;
    display    : block;
    padding    : 0;
    width      : 100%;
    box-sizing : border-box;
    bottom     : auto;
    right      : auto;
    font-size  : 0.6em;
  }

  .proyecto .carousel {
    margin-bottom : 20px;
  }

}

@media (max-width : 980px) {
  .pieBloqueListaPropiedad .cantDormitorios, .pieBloqueListaPropiedad .cantBanos, .pieBloqueListaPropiedad .cantM2 {
    padding-left        : 28px;
    margin-left         : 6px;
    background-size     : 28px auto;
    background-repeat   : no-repeat;
    background-position : left center;
    height              : 28px;
    line-height         : 28px;
    font-size           : 14px;
  }

  .pieBloqueListaPropiedad .precioPropiedad {
    line-height : 28px;
    height      : 28px;
    font-size   : 16px;
  }

  .caracteristicasPropiedadAmpliada .col-6 {
    display   : block;
    width     : 100%;
    max-width : none;
    flex      : none;
  }

  .caracteristicasPropiedadAmpliada .col-6 span {
    background-color : #F5F5F5 !important;
  }

  .caracteristicasPropiedadAmpliada .col-6:nth-child(even) span {
    background-color : #E8E8E8 !important;
  }
}
.onlyPrint {
  display : none;
}
@media (max-width : 1024px) {
  
}
.gm-style .gm-style-iw-c {
  border-radius : 3px;
  box-sizing    : border-box;
  padding       : 0;
}
.gm-style .gm-style-iw-d {
  overflow : visible !important;
}
.infowindow_content {
  display    : block;
  width      : 100%;
  max-width  : 220px;
  text-align : center;
}
.infowindow_content img {
  display   : block;
  width     : 100%;
  max-width : none;
  margin    : 0;
  padding   : 0;
}
.infowindow_content p {;
  display     : block;
  font-weight : bold;
  margin      : 0;
  padding     : 5px;
  font-size   : 12px;
}
.infowindow_content a {
  display     : block;
  line-height : 20px;
  font-size   : 12px;
  color       : #006976;
}
@keyframes highlight {
  0% {
    background : #FF9;
  }
  100% {
    background : none;
  }
}
.highlight {
  animation : highlight 1s;
}
.nano-content .vendedor a {
  color : #FFF;
}
.nano-content .vendedor .vendedor-img {
  border-radius : 60px;

}
.propiedades-vendedor .vendedor a {
  color : #333;
}
.propiedades-vendedor .vendedor .vendedor-img {
  border-radius : 60px;
  max-width     : 105px;
}
.propiedades-vendedor .vendedor .vendedor-nombre {
  margin-top : 12px;
}
@media (min-width : 992px) and (max-width : 1200px) {
  .navbar-dark .navbar-nav .nav-link {

    font-size : 14px;
  }
  
}
.mid-contacto h1 {
  font-size : 2rem;
}
.quienesSomos-init h2 {
  font-weight : 500;
  font-size   : 16px;
}
.mid-html-quienesSomos h2 {
  font-weight : 500;
  font-size   : 16px;
}
.ekko-lightbox-nav-overlay a {
  font-size : 50px;
  opacity   : .5;
}
/*------------------*/
.navPrincipal {
  background-color : var(--naranja);
}
.navPrincipal > .container {
  z-index  : 2;
  position : relative;
}
.navPrincipal .background {
  background-image    : var(--slider-principal-img1-blured);
  background-position : top left;
  background-size     : 100%;
  top                 : 0;
  left                : 0;
  width               : 100%;
  opacity             : 1;
  transition          : .5s;
  position            : absolute;
  height              : 100%;
  z-index             : 1;
  background-repeat   : no-repeat;
}

.navPrincipal.portada-scrolling {
  background-color : var(--naranja-transparente);
}
.navPrincipal.portada-scrolling .background {
  transition : .5s;
  opacity    : 0;
}
.btn,
.form-control {
  border-radius : 0 !important;
}
.bg-orange {
  background-color : var(--naranja);
  color            : var(--blanco);
}
.portada-img-izq {
  background-image : var(--img-portada-izq);
  position         : relative;
  display          : block;
}
.nosotros-img-izq-1 {
  background-image : var(--nosotros-img-izq-1);
  position         : relative;
  display          : block;
}
.nosotros-img-izq-2 {
  background-image : var(--nosotros-img-izq-2);
  position         : relative;
  display          : block;
}
.portada-text-der {
  padding : 0 10%;
}


.portada-img-izq:before {
  display     : block;
  content     : " ";
  width       : 100%;
  padding-top : calc((610 / 800) * 100%);
}

.slidePrincipal {
  position            : relative;
  background-image    : var(--slider-principal-img1);
  background-position : top left;
  background-size     : 100%;
  background-repeat   : no-repeat;

}
.slidePrincipal:before {
  display     : block;
  content     : " ";
  width       : 100%;
  padding-top: 66%;
}
.fs-9 {
  font-size : 1rem;
}
.fs-8 {
  font-size : 1.5rem;
}
.fs-7 {
  font-size : 2rem;
}
.fs-6 {
  font-size : 1rem;
}
.fs-5 {
  font-size : 3rem;
}
.fs-4 {
  font-size : 3.5rem;
}
.fs-3 {
  font-size : 4rem;
}
.fs-2 {
  font-size : 4.5rem;
}
.fs-1 {
  font-size : 3rem;
}
.center-vertically {
  position      : absolute;
  top           : 50%;
  transform     : translateY(-50%);
  -ms-transform : translateY(-50%);
}
.text-orange {
  color : var(--naranja);
}

.btn.btn-transparent.text-white:hover {
  background-color : var(--blanco);
  color            : var(--naranja) !important;
}
.btn.border-white:hover {
  border-color : var(--naranja);

}
@media (max-width : 1378px) {
  .portada-text-der.fs-8 {
    font-size : 1rem !important;
  }
  .portada-text-der.nosotros {
    font-size : 1.3rem !important;
  }
}
@media (max-width : 1260px) {
  .portada-text-der.fs-9 {
    font-size : .76rem !important;
  }
}

@media (max-width : 940px) {
  .portada-text-der {
    padding : 0 2%;
  }
  .portada-text-der.fs-9 {
    font-size : 1rem !important;
  }
  .portada-text-der.nosotros {
    font-size: 1rem !important;
  }
  .portada-text-der.center-vertically {
    position      : relative;
    top           : 0;
    transform     : none;
    -ms-transform : none;
  }
}
.cont-destaques-ampliada span, .cont-destaques span {
  border-left  : 1px solid;
  margin-right : 13px;
}
.cont-destaques-ampliada span:last-child,
.cont-destaques span:last-child {
  border-right  : none;
  padding-right : 0;
}
.cont-destaques-ampliada span:first-child {
  margin-left : 0;
}
.cont-destaques-ampliada span:last-child {
  padding-left : 8px;
}
.pieBloqueListaPropiedad .ref {
  line-height : 3em;
}
.listadoTituloProp {
  position       : absolute;
  bottom         : 0;
  color          : var(--blanco);
  text-transform : uppercase;
  padding-left   : 15px;
  padding-right  : 15px;
  padding-bottom : 15px;
  width          : 100%;
  background     : rgba(0, 0, 0, 0.7);
  background     : linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 25%, rgba(255, 255, 255, 0) 100%);
}
.navPrincipal .background {
  display : none;
  height: 96px;
}

.portada-init .navPrincipal .background {
  display : block;
}
.transparent {
  background-image : none !important;
  background-color : transparent !important;
}
.titNosotros{
  color: var(--gris4-404040)!important;
  
}
.col-half-offset{
  margin-left:3.166666667%
}
.width-135{
  width: 135%
}
.nosotrosSection{
  width: 100%
}

.subtitVender{
  font-size: 40%;
  line-height: 1.5;
}
.btnHref{
  cursor:pointer;
}