.demo-gallery > div {
              margin-bottom: 0;
            }
            .demo-gallery {
                width: 980px;
            }

            .demo-gallery > div >div > div {
                float: left;
                margin-bottom: 20px;
                margin-right: 10px;
                margin-left: 10px;
                width: 225px;
            }

            .demo-gallery > div >div > div a {
              box-shadow: 0 0 10px rgba(0,0,0,0.5);
              display: block;
              overflow: hidden;
              position: relative;
              float: left;
            }

@supports (-ms-ime-align:auto) {
.demo-gallery > div >div > div a > img {
              -webkit-transform: scale3d(1.0, 1.0, 1.0) !important;
              transform: scale3d(1.0, 1.0, 1.0) !important;}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.demo-gallery > div >div > div a > img {
              -webkit-transform: scale3d(1.0, 1.0, 1.0) !important;
              transform: scale3d(1.0, 1.0, 1.0) !important;}
}

            .demo-gallery > div >div > div 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.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
              height: 100%;
              width: 100%;
            }

@supports (-ms-ime-align:auto) {
.demo-gallery > div >div > div a:hover > img {
              -webkit-transform: scale3d(1.0, 1.0, 1.0) !important;
              transform: scale3d(1.0, 1.0, 1.0) !important;}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.demo-gallery > div >div > div a:hover > img {
              -webkit-transform: scale3d(1.0, 1.0, 1.0) !important;
              transform: scale3d(1.0, 1.0, 1.0) !important;}
}

            .demo-gallery > div >div > div a:hover > img {
              -webkit-transform: scale3d(1.2, 1.2, 1.2);
              transform: scale3d(1.2, 1.2, 1.2);
            }
            .demo-gallery > div >div > div a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery > div >div > div 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 > div >div > div 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 > div >div > div 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 > div > div a {
              border: 3px sodivd #04070a;
            }
            .home .demo-gallery {
              padding-bottom: 80px;
            }
