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

.gallery { width:100%;  }

.gallery .photos { overflow:hidden; width:100%; }
.gallery .photos .th { padding:0px; text-align:center; vertical-align:middle; border:1px solid transparent; overflow:hidden;  transition:none; display:inline-block; height:auto !important; }
.gallery .photos .th a { display:block; overflow:hidden; border-radius:3px; }
.gallery .photos .th a::before { position:absolute; top:0px; left:0px; width:100%; height:100%; background:#095e6e; content:''; opacity:0; z-index:2; }
.gallery .photos .th a::before { transition:all .4s ease 0s; }  
.gallery .photos .th img { transition:transform .4s ease 0s; } 
.gallery .photos .th a::after { transition:all .3s ease 0s; }
.gallery .photos .th a:hover::before { opacity:.2; }
.gallery .photos .th a::after { width:80px; height:80px; background:url(../images/zoom.svg), none; background-size:100% 100%; top:50%; left:50%; margin:-40px 0px 0px -40px; opacity:0; z-index:3; transform:scale(.25,.25); position:absolute; content:''; }
.gallery .photos .th a:hover::after { opacity:1; transform:scale(1,1); }
.gallery .photos .th a:hover img {  transform:perspective(800px) translateZ(100px); }
.gallery .photos .th img { vertical-align:top;  transform:perspective(800px) translateZ(0px);  }
.gallery .photos .th:empty:hover { background-color:#f2f2f2; }

.gallery .row { overflow:hidden; display:table; width:100%; }