.secIndex {
  background: linear-gradient(178.4deg, rgba(0, 0, 0, 0.9) 14.19%, rgba(0, 0, 0, 0.09) 98.52%);
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.secIndex h2 {
  position: relative;
  color: #fff;
  text-align: center;
  font-size: 4rem;
  line-height: 2rem;
  font-weight: 700;
  z-index: 2;
  transition: 2s;
}

.secIndex h2:hover {
  /*ilter: blur(1px);*/
  transform: scale(1.2);
}

.index-cover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 47.54%, rgba(0, 0, 0, 0.25) 100%), url(../img/covers/coverInicio.jpg);
  position: absolute;
  background-size: cover;
  background-position: 50% 50%;
  top: -10%;
  left: -10%;
  width: 120%;
  height: 120%;
  pointer-events: none;
  filter: blur(3px);
  transition: 0.5s;
}

.secIndex h2:hover ~ .index-cover {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  filter: blur(0px);
  transition: 0.5s;
}

/* ================================
  covers images
================================ */
.bg-index {
  background: url(../img/covers/coverInicio.jpg);
  background-size: auto;
  background-position: 50% 2%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.bg-know-us {
  background: url(../img/covers/coverConocenos.jpg);
  background-size: auto;
  background-position: 50% 2%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.bg-developments {
  background: url(../img/covers/coverDesarrollo.jpg);
  background-attachment: fixed;
  background-position: 50% 10%;
}

.bg-development-detail {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 47.54%, rgba(0, 0, 0, 0.25) 100%);
  height: 488px;
  width: 100%;
}

.developmentDetailImg {
  position: absolute;
  left: 0px;
  height: 488px;
  width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  z-index: -1;
}

.bg-contact {
  background: url(../img/covers/coverContacto.jpg);
  background-attachment: fixed;
  background-position: 50% 0%;
}

/* ================================
  bg images
================================ */
.bg-requirements {
  background: url(../img/png/nosotros/requisitosHipotecarios.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 20px;
}

/* ================================
  decoration images
================================ */
.lamp-move {
  position: absolute;
  top: -560px;
}

.lamp-opacity {
  display: none;
  position: absolute;
  top: -560px;
  left: -3px;
  z-index: -1;
  opacity: 0.1;
}

.lamp {
  position: absolute;
  top: -300px;
  z-index: -1;
}

.plant-left-move {
  display: none;
  position: absolute;
  top: -338px;
  z-index: -1;
}

.plant-left {
  position: absolute;
  left: 0px;
  top: -338px;
  z-index: -1;
}

.plant-right-move {
  display: none;
  position: absolute;
  top: -367px;
  z-index: -1;
}

.plant-right {
  position: absolute;
  right: 0px;
  top: -367px;
  z-index: -1;
}

.stave {
  background-image: url(../img/png/inicio/duela.png);
  background-repeat: repeat-x;
  width: 100%;
  height: 176px;
  position: absolute;
  top: 146px;
  left: 0px;
  z-index: -999;
}

.cloud-right {
  position: absolute;
  right: 0px;
  top: -40px;
}

.cloud-left {
  position: absolute;
  left: -130px;
}

.house {
  position: absolute;
  max-width: 670px;
  right: 0px;
  bottom: -50px;
}

.bottle {
  position: absolute;
  left: 50px;
  bottom: -80px;
}

.book {
  position: absolute;
  right: 0px;
  bottom: -80px;
}

.bureau {
  background-image: url(../img/png/nosotros/duelaBuro.png);
  background-repeat: repeat-x;
  background-position: center;
  width: 100%;
  height: 328px;
  position: absolute;
  left: 0px;
  top: 72px;
  z-index: -1;
}

/* ================================
  cards images
================================ */
.dep1-card {
  position: absolute;
  bottom: -75px;
  left: -50px;
  max-width: 420px;
}

.dep2-card {
  position: absolute;
  left: -80px;
  bottom: 0px;
}

.dep3-card {
  position: absolute;
  bottom: -10px;
}

.img-card {
  height: 219px;
  object-fit: cover;
  object-position: 50% 50%;
}

.img-carousel {
  height: 465px;
  object-fit: cover;
  object-position: 50% 50%;
}

.img-columns {
  height: 157px;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 10px;
}

.img-zoom:hover {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
  opacity: .9;
  opacity: 0.6;
  background: rgba(0, 0, 0, 0.6);
  filter: blur(1px);
}

.image-source-link {
	color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}


@media (max-width: 1399px) {

  /* ================================
    decoration images
  ================================ */
  .lamp-move { top: -520px; }

}

@media (max-width: 1281px) {

  /* ================================
    decoration images
  ================================ */
  .lamp-move { top: -480px; }

}

@media (max-width: 1024px) {

  /* ================================
    covers images
  ================================ */

  .bg-know-us { background-attachment: unset; background-position: 50% 100%; }
  .bg-developments { background-attachment: unset; }
  .bg-contact { background-attachment: unset; }
  
}

@media (max-width: 1199.98px) {

  /* ================================
    decoration images
  ================================ */
  .lamp-move { top: -440px; }

  .plant-left {
    max-width: 400px;
    top: -298px;
  }

  .plant-right {
    max-width: 400px;
    top: -333px;
  }

  .stave { top: 145px; }

  .cloud-right { top: 20px; }
  
  .cloud-left {
    top: 50px;
    left: -110px;
  }

  .bureau {
    background-size: cover;
    background-position: 55% 0%;
    height: 250px;
  }

}

@media (max-width: 991.98px) {

  /* ================================
    decoration images
  ================================ */

  .lamp-move { top: -370px; }

  .plant-left {
    max-width: 340px;
    top: -275px;
  }

  .plant-right {
    max-width: 340px;
    top: -300px;
  }

  .stave { top: 75px; }

  .cloud-right {
    position: relative;
    max-width: 100%;
    top: 50px;
    right: -190px;
  }
  
  .cloud-left {
    position: relative;
    max-width: 100%;
    top: 70px;
    left: 170px;
  }

  .house {
    position: relative;
    max-width: 100%;
    left: 80px;
    bottom: 0px;
  }

  .bottle { max-width: 105px; }
  
  .book { max-width: 250px; }

}

@media (max-width: 890px) {

  /* ================================
    decoration images
  ================================ */
  .lamp-move { top: -350px; }

  .plant-left {
    max-width: 290px;
    top: -200px;
  }

  .plant-right {
    max-width: 290px;
    top: -225px;
  }

  .cloud-right {
    top: 40px;
    right: -110px;
  }
  
  .cloud-left { left: 100px; }

  .house { left: 30px; }

}

@media (max-width: 767.98px) {

  /* ================================
    decoration images
  ================================ */
  .lamp-move { top: -310px; }

  .plant-left {
    max-width: 225px;
    top: -150px;
  }

  .plant-right {
    max-width: 225px;
    top: -170px;
  }

  .stave { top: 65px; }

  .cloud-right {
    max-width: 40%;
    right: -110px;
  }
  
  .cloud-left {
    max-width: 40%;
    left: 100px;
  }

  .house { left: 0px; }

  .bottle {
    max-width: 105px;
    bottom: -157px;
  }
  
  .book {
    max-width: 230px;
    bottom: -157px;
  }

  .bureau {
    background-position: 50% 0%;
    height: 170px;
    top: 150px;
  }

  .img-carousel { height: 400px; }

}

@media (max-width: 700px) {

  /* ================================
    decoration images
  ================================ */
  .lamp-move { top: -290px; }

}

@media (max-width: 650px) {

  /* ================================
    decoration images
  ================================ */
  .lamp-move { top: -270px; }

}

@media (max-width: 575.98px) { 

  /* ================================
    decoration images
  ================================ */

  .lamp-move { 
    top: -320px;
    max-width: 150%;
  }

  .plant-left {
    max-width: 140px;
    top: -70px;
  }

  .plant-right {
    max-width: 140px;
    top: -80px;
  }

  .stave { top: 45px; }

  .cloud-right { right: -80px; }
  
  .cloud-left { left: 60px; }

  /* ================================
    cards images
  ================================ */

  .dep2-card { max-width: 400px; }
  
  .dep3-card {
    max-width: 350px;
    left: 0px;
  }

  .img-carousel { height: 350px; }

}

@media (max-width: 500px) {

  /* ================================
    decoration images
  ================================ */
  .lamp-move { 
    top: -280px;
    max-width: 140%;
  }

}

@media (max-width: 474px) {

  /* ================================
    decoration images
  ================================ */
  .lamp-move {
    top: -270px;
  }

  .plant-left {
    max-width: 120px;
    top: -45px;
  }

  .plant-right {
    max-width: 120px;
    top: -55px;
  }

  /* ================================
    cards images
  ================================ */
  .dep1-card {
    bottom: -45px;
    max-width: 350px;
  }

  .dep2-card { max-width: 350px; }

  .dep3-card { max-width: 300px; }

}


@media (max-width: 440px) {

  /* ================================
    decoration images
  ================================ */
  .lamp-move { top: -255px; }

}

@media (max-width: 400px) {

  /* ================================
    decoration images
  ================================ */

  .lamp-move {
    top: -265px;
    max-width: 170%;
  }

  

}