@charset "utf-8";
/* CSS Document */

img {
	-webkit-transition:all cubic-bezier(0.5,0,0,0.5) 0.3s;
	-moz-transition:all cubic-bezier(0.5,0,0,0.5) 0.3s;
	transition:all cubic-bezier(0.5,0,0,0.5) 0.3s;
}

.demo-gallery > ul {
	list-style-type: none;
}

.demo-gallery > ul > li {
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    height: 230px;
    width: 33.333%;
    width: calc(33.333% - 5px);
    position: relative;
    overflow: hidden;
}
.demo-gallery > ul > li:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/flecha.svg) center no-repeat rgba(28, 35, 47, 0.8);
    z-index: 2;
    pointer-events: none;
	-webkit-opacity:0;
	opacity:0;
}
.demo-gallery > ul > li:hover:before {
	-webkit-opacity:1;
	opacity:1;
}
.demo-gallery > ul > li a {
	display: block;
	overflow: hidden;
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	background:url(../img/spin.svg) center no-repeat rgba(63, 85, 119, 0.25);
}
.demo-gallery > ul > li a > img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	
	-webkit-filter:blur(0);
	-moz-filter:blur(0);
	filter:blur(0);
	
	min-height: 100%;
	width: 100%;
	display: block;
	
	object-fit: cover;
	-webkit-object-fit: cover;
	-moz-object-fit: cover;
	-ms-object-fit: cover;
	-o-object-fit: cover;
}
.demo-gallery > ul > li a:hover > img {
	-webkit-filter:blur(10px);
	-moz-filter:blur(10px);
	filter:blur(10px);
	
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	transform: scale(1.5));
}
.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
	opacity: 1;
}
.demo-gallery > ul > li a .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.1);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background-color 0.15s ease 0s;
	-o-transition: background-color 0.15s ease 0s;
	transition: background-color 0.15s ease 0s;
}
.demo-gallery > ul > li a .demo-gallery-poster > img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
.demo-gallery > ul > li a:hover .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .justified-gallery > a > img {
	-webkit-transition: -webkit-transform 0.15s ease 0s;
	-moz-transition: -moz-transform 0.15s ease 0s;
	-o-transition: -o-transform 0.15s ease 0s;
	transition: transform 0.15s ease 0s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	height: 100%;
	width: 100%;
}
.demo-gallery .justified-gallery > a:hover > img {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
	opacity: 1;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.1);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background-color 0.15s ease 0s;
	-o-transition: background-color 0.15s ease 0s;
	transition: background-color 0.15s ease 0s;
	}
	
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
	}
	
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);
	}
	
.demo-gallery .video .demo-gallery-poster img {
	height: 48px;
	margin-left: -24px;
	margin-top: -24px;
	opacity: 0.8;
	width: 48px;
	}
	
.demo-gallery.dark > ul > li a {
	border: 3px solid #04070a;
	}
	
.home .demo-gallery {
    padding-bottom: 80px;
    max-width: 845px;
    float: left;
}