.gallery{max-width:inherit;overflow:hidden}.gallery .box{float:left;padding-bottom:100%;position:relative;width:100%}@media only screen and (min-width:365px){.gallery .box{padding-bottom:50%;width:50%}}@media only screen and (min-width:480px){.gallery .box{padding-bottom:33.3%;width:33.3%}}@media only screen and (min-width:9999px){.gallery .box{padding-bottom:25%;width:25%}}.gallery.hover-transition figure,.gallery.hover-effect-zoom .img,.gallery:not(.caption-effect-appear) figcaption,.fancy-figure:not(.caption-effect-appear) figcaption{-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}figure{overflow:hidden;position:relative}.gallery figure{inset:5px;position:absolute}.gallery.hover-effect-grow figure:hover{transform:scale(2)}.gallery.hover-effect-shrink figure:hover{transform:scale(0.95)}.gallery.hover-effect-slidedown figure:hover{transform:translateY(5px)}.gallery.hover-effect-slideup figure:hover{transform:translateY(-5px)}.gallery .img{background:50%/cover no-repeat;inset:0;position:absolute}.gallery.hover-effect-zoom figure:hover .img{transform:scale(1.02)}.gallery img{display:none}figure a{inset:0;position:absolute}.gallery figcaption,.fancy-figure figcaption{background:rgba(0,0,0,.5);color:#fff;cursor:pointer;font-size:75%;inset:0;opacity:1;position:absolute;text-align:center}.gallery.caption-position-none figcaption,.fancy-figure.caption-position-none figcaption{display:none}.gallery.caption-position-center figcaption,.fancy-figure.caption-position-center figcaption{top:0;padding:40% 5px}.gallery.caption-position-bottom figcaption,.fancy-figure.caption-position-bottom figcaption{padding:5px}.gallery.caption-effect-fade figure:not(:hover) figcaption,.gallery.caption-effect-appear figure:not(:hover) figcaption,.fancy-figure.caption-effect-fade figure:not(:hover) figcaption,.fancy-figure.caption-effect-appear figure:not(:hover) figcaption{background:transparent;opacity:0}.gallery.caption-effect-slide.caption-position-bottom figure:not(:hover) figcaption,.fancy-figure.caption-effect-slide.caption-position-bottom figure:not(:hover) figcaption{margin-bottom:-100%}.gallery.caption-effect-slide.caption-position-center figure:not(:hover) figcaption,.fancy-figure.caption-effect-slide.caption-position-center figure:not(:hover) figcaption{top:100%}figcaption p{margin:auto}