.gallery { margin-bottom: 20px; }
.gallery:before, .gallery:after { content: " "; display: table; }
.gallery:after { clear: both; }
.gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; }
.gallery-columns-1 .gallery-item { max-width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 48%; max-width: calc(50% - 4px); }
.gallery-columns-3 .gallery-item { max-width: 32%; max-width: calc(33.3% - 4px); }
.gallery-columns-4 .gallery-item { max-width: 23%; max-width: calc(25% - 4px); }
.gallery-columns-5 .gallery-item { max-width: 19%; max-width: calc(20% - 4px); }
.gallery-columns-6 .gallery-item { max-width: 15%; max-width: calc(16.7% - 4px); }
.gallery-columns-7 .gallery-item { max-width: 13%; max-width: calc(14.28% - 4px); }
.gallery-columns-8 .gallery-item { max-width: 11%; max-width: calc(12.5% - 4px); }
.gallery-columns-9 .gallery-item { max-width: 9%; max-width: calc(11.1% - 4px); }
.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; }
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; }
.gallery-caption { background-color: rgba(0, 0, 0, 0.7); color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; }
.gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; }
.gallery-item:hover .gallery-caption { opacity: 1; }
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; }


/*--------------------------------------------------------------
## 13.04 Module - Gallery
--------------------------------------------------------------*/

.gallery-unevens { margin-left: -2px; margin-right: -2px; }
.gallery-unevens .gallery-uneven { background-position: center; background-size: cover; background-repeat: no-repeat; padding: 0; }
.gallery-unevens .gallery-uneven .thumbnail { width: 100%; height: 100%; }
.gallery-unevens .gallery-uneven .hover-content { top: 65%; }

.gallery-sortable { margin-bottom: 40px; margin-top: 20px; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; padding: 0; }
.gallery-sortable .gallery-list { margin: 0; padding: 0; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
.gallery-sortable .gallery-filter { text-align: center; margin-bottom: 20px; }
.gallery-sortable .gallery-filter ul li { display: inline-block; margin: 0 8px 20px 8px; }
.gallery-sortable .gallery-filter ul li a { display: inline-block; padding: 7px 12px; font-size: 15px; font-weight: 500; text-transform: uppercase; }
.gallery-sortable .gallery-filter ul li a { text-decoration: none; }
.gallery-row { max-width: 100% !important; margin: 0; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; }

.gallery-box { position: relative; text-align: left; margin-bottom: 30px; }
.gallery-box .inner-hover { padding: 20px 20px 12px 20px; border: 1px solid #000000; background-color:#ffffff; box-shadow: 0 1px 3px #e4e4e4; }
.gallery-box .thumbnail { text-align: center; margin: -20px -20px 15px -20px ; }
.gallery-box .thumbnail img { width: 100%; }
.gallery-box h3 { font-size: 20px; font-weight: 400; margin-bottom: 5px; }
.gallery-box p { font-size: 14px; line-height: 18px; margin-bottom: 5px;  }
.gallery-box .vr-meta { position: absolute; right: 30px; bottom: 30px; }
.gallery-box .vr-meta-view,
.gallery-box .vr-meta-like { display: inline-block; }
.gallery-box .vr-meta-view { margin-right: 5px; }

.row-full { margin: 0; }
.gallery-full { overflow: hidden; }
.gallery-full .thumbnail { margin-left: -15px; margin-right: -15px; }
.gallery-full .thumbnail img { width: 100%; }
.gallery-full .fx-hover-icon { margin-top: -40px; }

.gallery-widget { margin-right: -5px; margin-left: -5px; }
.gallery-widget .gallery-widget-4 { float: left; width: 49%; padding: 5px; }
.gallery-widget .gallery-widget-6 { float: left; width: 33%; padding: 5px; }
.gallery-widget .gallery-widget-0 .thumbnail { width: 100%; }