@charset "utf-8";

.mfp-title{display: none !important}

.bg-overlay{
position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;z-index:2;display:flex;align-items:center;justify-content:center;
text-align:center;overflow:hidden;color:#fff;background: rgba(0, 0, 0, 0.5);width:auto;height:auto;opacity: 0;
transition: .5s;
font-size: 2em
}

.bg-overlay:hover{opacity: 1}

.bgallery-wrap {
width: auto;
margin:5px 0;
padding:0;
clear: both;
display:flex;
flex-direction:row;
}

.bgalleryImages{
margin:0 ;
padding: 0;
float:left;
}

.bgalleryImage{
padding: 1em;
margin: .5em;
display: block;
width: 100%;
height: 100%;
background:white;
position: relative
}

.bgalleryImage img{
vertical-align: bottom;
width: auto;
height: auto;
}

.bgallery-inner{ 
max-width: 100%;
overflow: hidden;
flex: auto;
flex-wrap: wrap
}

.bgimg-wrap{
margin: .25em;
max-width:100%;
padding:0;
}

.bcaption{
margin:0;
padding:5px;
position: relative;
bottom:0;
clear: both
}


@media screen and (max-width : 768px){
.bgalleryImages{width:50% !important}
}

@media screen and (max-width : 560px){
.bgalleryImages{width:100% !important}

}


.mbgallery-wrap { 
 column-count: 4;
 column-gap: .3em;
 margin: .3em;
 padding: 5px
}

.mbgallery-inner{
max-width: 100%;
float: left
}


.mbgitem {
display: flex;
margin:0 0 .3em;
max-width: 100%;
padding: 4px;
flex-direction: column
}

.mbgalleryImage{
padding: 0;
margin: 0;
display: block;
width: 100%;
height: 100%;
background:white;
position: relative
}

.mbgalleryImage img{
transition: .3s ease;
vertical-align: bottom;
max-width: 100%;
height: auto
}

@media (max-width: 479px) {
    .mbgallery-wrap {
  column-count: 1;
    }
  
}

@media (min-width: 480px) and (max-width: 600px){
    .mbgallery-wrap {
        column-count: 2;
    }
}
@media (min-width: 601px) and (max-width: 960px){
    .mbgallery-wrap {
        column-count: 3;
    }
}

.sbgallery-wrap {
width: auto;
margin:5px 0;
padding:0;
clear: both;
overflow: hidden;
}

.sbgalleryImages{
margin:0 ;
padding: 0;
max-width: 100%
}

.bgalleryImage{
padding: 0;
margin: 0;
display: block;
width: 100%;
height: 100%;
background:white
}

.sbgalleryImages.lazyload {opacity: 0;}
.sbgalleryImages.lazyloaded {
opacity: 1;
transition: all .5s;
}

.sbgalleryImages{display: none}

.sbgalleryImages:first-child{display: block}

.sbgallery-inner{ 
max-width: 100%;
}

.bcaption{
margin:0;
padding:5px;
position: relative;
bottom:0;
clear: both
}