.bg-galeria{
  background: #D02C2F;
}
.icon-plus{
  font-size: 2rem;
  color: #fff;
}
/* ============= CSS Grid - Galeria =============  */
.grid-galery {
     display: grid;
     /* grid-template-columns: 1fr 1fr 1fr 1fr; */
     grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
     gap: 0px;
}

.grid-galery .grid-item .square-img img {
     height: 100% !important;
     width: 100% !important;
     object-fit: cover;
     object-position: 50% 50%;
}
/* sm */
@media (max-width: 730px) {
     .grid-galery {
          display: grid;
          grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
          gap: 0px;
     }
}
/* xs */
@media (max-width: 575px) {
     .grid-galery {
          display:flex;
          gap: 0px;
     }
}

ul.grid-galery {
     list-style-type: none;
}


/* ===================================
    Residencias & Events
====================================== */

/* ============= Splide =============  */
.splide-big .splide__slide img.splide-item {
     height: 100% !important;
     width: 100% !important;
     object-fit: cover;
     object-position: 50% 50%;
     aspect-ratio: 1 / 1;
}

/* xs to up*/
@media (min-width: 576px) {
     .splide-big .splide__list {
          transform: none !important;
     }
     .splide-big .splide__pagination,
     .splide-big .splide__arrows {
          display: none;
     }
}

.splide-big .splide__arrow {
     background: transparent;
     height: 3em;
     width: 3em;
}
.splide-big .splide__slide img {
     width: 100%;
     height: auto;
}


/* ============= Magnific Popup =============  */
.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.5s 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.9;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}
body.mfp-zoom-out-cur {
     overflow-y: hidden;
}

.mfp-ready {
     overflow-y: scroll !important;
}

/* ============= Magnific Popup - Zoom effect =============  */

.zoom-effect a {
     position: relative;
     display: block;
 }

.zoom-effect .grid-item figure {
     margin: 0;
     position: relative;
     overflow: hidden;
 }
.zoom-effect .grid-item figure:hover .square-img  {
     transition: all 0.3s ease 0s;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -ms-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
 }


.zoom-effect .grid-item a:hover .square-img img {
     -webkit-filter: blur(5px);
     -moz-filter: blur(5px);
     -ms-filter: blur(5px);
     -o-filter: blur(5px);
     filter: blur(5px);
     opacity: 0.10;
     transform: scale(1.1, 1.1);
     -webkit-transform: scale(1.1, 1.1);
     -moz-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     -o-transform: scale(1.1, 1.1);
     transition: all 0.3s ease 0s;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -ms-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
 }
.zoom-effect .grid-item figure:hover .square-img img {
     opacity: 0.15;
     transform: scale(1.1, 1.1);
     -webkit-transform: scale(1.1, 1.1);
     -moz-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     -o-transform: scale(1.1, 1.1);
     transition: all 0.3s ease 0s;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -ms-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
 }

.zoom-effect .grid-item figure:hover .square-hover-content img {
     opacity: 1;
     transform: scale(1.1, 1.1);
     -webkit-transform: scale(1.1, 1.1);
     -moz-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     -o-transform: scale(1.1, 1.1);
     transition: all 0.3s ease 0s;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -ms-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
 }

.zoom-effect .grid-item figure .square-img img {
     cursor: pointer;
     display: block;
     opacity: 1;
     width: 100%;
     transition: all 0.3s ease 0s;
 }



.zoom-effect .grid-item .square-hover-main {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    display: table;
    height: 100%;
    top: 0;
    width: 100%;
}

.zoom-effect .grid-item .square-hover-box {
     display: table-cell;
     height: 100%;
 }

.zoom-effect .grid-item .square-hover-content {
     /* bottom: -15px; */
     transition: all 0.3s ease 0s;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -ms-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
 }


.zoom-effect .grid-item figcaption {bottom:0; left:0; opacity: 0; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; width: 100%; height: 100%; padding:45px; z-index: 1; text-align: center}
.zoom-effect .grid-item figure:hover figcaption {opacity: 1; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
 /* .hover-option2 .grid-item figcaption {height: 100%}
 .container .hover-option2 .grid-item figcaption {padding: 30px;} */


body.magnificpopupnoscroll {
     overflow-y: hidden !important;
}

.zoom-effect .grid-item .icon-plus {
     width: 30px !important;
     margin: auto;
}