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

.demo-gallery > ul { margin-bottom: 0; list-style:none; }
.demo-gallery > ul > li { display: block; float: left; padding: 0.5%; width: 23%; }
.demo-gallery > ul > li a  { display: block; overflow: hidden; float: left; max-width: 100%; border-radius: 15px; }
						
.demo-gallery > ul > li 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);
 width: 100%;
 }
 .demo-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.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: 0px solid #04070a;}
.home .demo-gallery { padding-bottom: 80px;  }

@media screen and (max-width: 769px) {
.demo-gallery { width: 100%;}
.demo-gallery > ul { width: 100%;}
}
	
@media screen and (max-width: 481px) {
.demo-gallery > ul > li { width: 47%; padding: 0 1% 2%;}
.list-unstyled { padding:0 0 2%; margin: 0;}

}