.dmg-gallery .dmg-gallery-sizer,
.dmg-gallery .dmg_masonry_gallery_item { position: absolute !important;line-height: 0 !important; overflow: hidden; }
.dmg-gallery .dmg_masonry_gallery_item img { width: 100%; height: auto;line-height: 0 !important; opacity: 0; transition: opacity 150ms ease-in-out; }
.dmg-gallery .dmg_masonry_gallery_item img[src] { opacity: 1;}
.dmg-gallery .dmg_masonry_gallery_item:hover .et_overlay { z-index: 3; opacity: 1; }
.dmg-gallery .dmg_masonry_gallery_item:hover .et_overlay::before { top: 50%; }
.dmg_masonry_gallery.et_pb_with_border .dmg_masonry_gallery_item { border: 0 solid #333; }
.dmg-gallery .dmg_masonry_gallery_item .dmg-img-overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0; color: white;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
padding: 0 5px;
z-index: 1;
}
.dmg-gallery .dmg_masonry_gallery_item .dmg-img-overlay-title, .dmg-gallery .dmg_masonry_gallery_item .dmg-img-overlay-caption { line-height: 1em; }
.dmg-gallery .dmg_masonry_gallery_item .dmg-img-overlay.dmg-with-animation {
transition: ease all 0.35s;
}
.dmg-gallery .dmg_masonry_gallery_item .dmg-img-overlay.dmg-with-animation > div{
transition: ease all 0.45s;
opacity: 0;
}
.dmg-gallery .dmg_masonry_gallery_item:hover .dmg-img-overlay.dmg-with-animation > div{
opacity: 1;
}
.dmg-gallery .dmg_masonry_gallery_item .dmg-img-overlay.dmg-no-animation {
opacity: 0;
}
.dmg-gallery .dmg_masonry_gallery_item:hover .dmg-img-overlay.dmg-no-animation {
opacity: 1;
}
.dmg-gallery .dmg_masonry_gallery_item .dmg-img-overlay > div {
width: 100%;
}
.dmg-gallery .dmg_masonry_gallery_item .dmg-img-overlay.dmg-fade-in {
opacity: 0;
}
.dmg-gallery .dmg_masonry_gallery_item:hover .dmg-img-overlay.dmg-fade-in {
opacity: 1;
}
.dmg-gallery .dmg_masonry_gallery_item .dmg-img-overlay.dmg-left-enter {
transform: translateX(-100%);
}
.dmg-gallery .dmg_masonry_gallery_item:hover .dmg-img-overlay.dmg-left-enter {
transform: translateX(0);
}
.dmg-gallery .dmg_masonry_gallery_item .dmg-img-overlay.dmg-right-enter {
transform: translateX(100%);
}
.dmg-gallery .dmg_masonry_gallery_item:hover .dmg-img-overlay.dmg-right-enter {
transform: translateX(0);
}
.dmg-gallery .dmg_masonry_gallery_item .dmg-img-overlay.dmg-top-enter {
transform: translateY(-100%);
}
.dmg-gallery .dmg_masonry_gallery_item:hover .dmg-img-overlay.dmg-top-enter {
transform: translateY(0);
}
.dmg-gallery .dmg_masonry_gallery_item .dmg-img-overlay.dmg-bottom-enter {
transform: translateY(100%);
}
.dmg-gallery .dmg_masonry_gallery_item:hover .dmg-img-overlay.dmg-bottom-enter {
transform: translateY(0);
}
.dmg-gallery .dmg_masonry_gallery_item .dmg-img-overlay.dmg-visible-top {
bottom: initial; padding-top: 10px; padding-bottom: 10px;
}
.dmg-gallery .dmg_masonry_gallery_item .dmg-img-overlay.dmg-visible-top>div { opacity: 1; }
.dmg-gallery .dmg_masonry_gallery_item .dmg-img-overlay.dmg-visible-bottom {
top: initial; padding-top: 10px; padding-bottom: 10px
}
.dmg-gallery .dmg_masonry_gallery_item .dmg-img-overlay.dmg-visible-bottom>div { opacity: 1; } 
.mfp-container.dmg-modal-in-data .mfp-title {
background-color: rgba(0,0,0,0.4);
transform: translateY(-100%);
text-align: center;
margin-top: -4px;
padding-bottom: 10px;
padding-top: 5px;
} ul.dmg-gallery-filter-categories {
list-style: none;
padding: 0;
text-align: center;
}
li.dmg-gallery-filter {
color: #fff;
background-color: #000;
display: inline-block;
margin-right: 15px;
margin-bottom: 15px;
padding: 10px;
line-height: normal;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
cursor: pointer;
border-style: solid;
} ul.dmg-gallery-pagination {
list-style: none;
padding: 0;
text-align: center;
}
li.dmg-gallery-page-button {
color: #fff;
background-color: #000;
display: inline-block;
margin-right: 15px;
margin-bottom: 15px;
padding: 10px;
line-height: normal;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
cursor: pointer;
border-style: solid;
}
li.dmg-gallery-page-button.dmg-gallery-page-button-active {
color: #000;
background-color: #fff;
}
li.dmg-gallery-page-button.dmg-page-disabled {
display: none;
}
.dmg_masonry_gallery_item.dmg-out-page {
display: none;
}
.dmg-minimized-layer {
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
padding: 15px;
display: flex;
align-items: center;
}
p.gallery-minimized-text {
color: white;
font-size: 25px;
width: 100%;
line-height: 1em;
}
p.gallery-minimized-text span {
font-size: 80%;
}
.dmg-out-minified {
display: none;
}
.dmg-gallery.dmg-zoom-gallery .dmg_masonry_gallery_item img {
transition: opacity 0.85s ease-in-out, transform 0.35s ease-in-out;
}
.dmg-gallery.dmg-zoom-gallery .dmg_masonry_gallery_item:hover img {
transform: scale(1.1);
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-o-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.mfp-open .mfp-figure {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: .5s;
-moz-animation-duration: .5s;
-ms-animation-duration: .5s;
-o-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
}
@media(min-width: 981px) {
.dmg-gallery-filter-side {
position: absolute;
z-index: 1;
}
.dmg-gallery-filter-side .dmg-gallery-filter-categories {
display: flex;
flex-direction: column;
}
.dmg-gallery-filter-left {
left: 0;
transform: translateX(-100%);
}
.dmg-gallery-filter-right {
right: 0;
transform: translateX(calc(100% + 10px));
}
}
@media(max-width: 980px) {
.dmg-gallery-filter-side {
top: initial !important;
}
}