﻿

/* VIDEO */  
  .IconVideo {float:left; height:80px; transition:1s; border:3px solid #f4f4f4;}
  .IconVideo:hover {}
  .IconPlay {position:absolute; width:50px; top:21.3%; left:29.3%; transition:1s;}
  .IconPlay:hover {filter:opacity(30%);}
  
  
/* IMMAGINI */  
  .Li { float:left; margin:0px 5px 10px 0px;}
  .Icon { float:left;}
     
  .demo-gallery > ul {margin-bottom:0;}
  .demo-gallery > ul > li { float:left; margin:0px 5px 10px 0px;}
  .demo-gallery > ul > li a {border:3px solid #f4f4f4; border-radius:3px; display:block; overflow:hidden; position:relative; float:left;}
  .demo-gallery > ul > li a > img {height:80px; transition:transform 0.15s ease 0s; transform:scale3d(1, 1, 1); transition:0.5s;} /* Dimensioni immagini */
  .demo-gallery > ul > li a:hover > img {transform:scale3d(1.5, 1.5, 1.5); transition:1s;}
  
  
  .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 {width:100%; height:100%; -webkit-transition:-webkit-transform 0.15s ease 0s; -moz-transition:-moz-transform 0.15s ease 0s; transform:scale3d(1, 1, 1);
                                              -o-transition:-o-transform 0.15s ease 0s;transition:transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1);}
  .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 {position:absolute; bottom:0; left:0; right:0; top:0; background-color:rgba(0, 0, 0, 0.1); -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 {width:48px; height:48px; margin-left:-24px; margin-top:-24px; opacity:0.8;}
  .demo-gallery.dark > ul > li a {border:3px solid #04070a;}
  .home .demo-gallery {padding-bottom:80px;}