@charset "utf-8";
/* Photo Gallery CSS Document */
.gallery-wrap { position:relative; text-align:center;}
.gallery{ text-align:center; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; margin:15px 0; overflow: hidden; }
.gallery-image { position:relative; overflow:hidden; display:block; }
.gallery-image img{ position:relative; display:block; transition:all 0.4s ease-in-out; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.gallery-image:hover img { -webkit-transform:scale3d(1.2,1.2,1.2); -ms-transform:scale3d(1.2,1.2,1.2); transform:scale3d(1.2,1.2,1.2);  opacity:0.8; }
.gallery-image:before { position:absolute; top:0; bottom:0; left:0; right:0; content:''; background-color:rgba(0,0,0,0.6); -webkit-transform:scaleY(0); -ms-transform:scaleY(0); transform:scaleY(0); -webkit-transition:all 500ms ease; transition:all 500ms ease; z-index:1;}
.gal-icon{ width:50px; height:50px; border-radius:50px; margin:0 auto; text-align:center; line-height:50px; font-size:18px; position:absolute; top:20%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; right:0; opacity:0; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; overflow:hidden; z-index:7;}
.gal-icon a{ background-color:#ab7442; display:block; color:#ffffff; }
.gal-icon a:hover{ color:#ffffff; background-color:#000000; }
.gallery-image:hover .gal-icon{ opacity:1; top:50%; }

.gallery:hover .gallery-image:before { -webkit-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1);}

.gallery-wrap #mixitupgal .gallery-image, .gallery-wrap .gal-rotator .gallery-image{ margin:0; }
.mix .gallery { margin: 0; }