.picture{

    position: relative;

    display: inline-block;

    overflow: hidden;

}

.picture__icon{

    position: absolute;

    left:0;

    top:0;

}



.picture>img{

    display: inline-block;

    background-size: cover;

    background-repeat: no-repeat;

    /*-webkit-filter: blur(5px);

    -moz-filter: blur(5px);

    filter: blur(37px);*/

}



.picture__icon{

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    text-align: center;

    width: 100%;

}



.picture__description{

    text-align: center;

    font-weight: bold;

    color: #fff;

    line-height: 18px;

    padding-left: 12px;

    padding-right: 12px;

    margin-bottom: 6px !important;

    margin-top: 6px;

    font-size: 18px !important;

    text-transform: none !important;

    font-family: Lato, sans-serif;



}



.picture__description a {

    color: #fff !important;

}



a.picture__link{

    display: inline-block;

    color: #0c0c0c !important;

    background: #fff;

    margin-top: 8px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    border-radius: 16px;

    text-transform: uppercase;

    font-size: 11px;

    font-weight: bold;

    line-height: 24px;

    height: 24px !important;

    width: 120px;

}



.picture__link:hover{

    background: #eaeaea;

}



.picture__img-box{

    max-width: 26%;

    margin: 0 auto;

    padding-left: 20px;

    padding-right: 20px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

.picture__img-box img {

    visibility: visible !important;

}



.preview-grid .mask .picture, .slider .mask .picture{

    height:100%;

    position:absolute;

    width: 100%;

}



.menu-main-menu  .picture__description{

    text-align: center;

    font-weight: bold;

    color: #fff;

    line-height: 14px;

    padding-left: 12px;

    padding-right: 12px;

    margin-bottom: 6px !important;

    margin-top: 6px;

    font-size: 14px !important;

    text-transform: none !important;

    font-family: Lato, sans-serif;

}



.menu-main-menu a.picture__link {

    display: inline-block;

    color: #0c0c0c !important;

    background: #fff;

    margin-top: 5px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    border-radius: 12px;

    text-transform: uppercase;

    font-size: 10px;

    font-weight: bold;

    line-height: 18px;

    height: 18px !important;

    width: 120px;

}



.menu-main-menu .picture__icon img{

    max-height: 25px;

    width: auto;

}



.preview-grid .mask .picture img, .slider .mask .picture img, .menu-main-menu .mask .picture img{

    position: static !important;

}



.preview-grid .mask  .picture__icon img, .slider .mask  .picture__icon img, .menu-main-menu .mask  .picture__icon img{

    width: unset;

}



.mask:before{

    content:'';

    display: none;

}



.picture__icon{

    /*z-index: 99;*/

}



.picture__im-over{

    display: inline-block;

    width: 100%;

}



.preview-mini-wrap .picture__icon img {

    width: unset;

    height: unset;

}

/* inserted styles */

.picture__icon .mask-img img {
    max-width: 32px !important;
}
.picture__icon {
    z-index: 3;
}
.picture__icon .picture__description a:hover {
    color: #dddddd !important;
}

.membership-content .preview-mini-wrap {
    height: 100%;
}
.membership-content .preview-mini-wrap .mask {
    height: 100%;
}
.membership-content .preview-mini-wrap .picture {
    height: 100%;
    width: 100%;
}
.membership-content .preview-mini-wrap .picture .picture__main {
    object-fit: cover;
}

.home .flickity-slider .picture__icon {
    padding: 0 40px;
}

.hidden {
    display: none !important;
}

.separation-border:last-of-type:not(.masonry-child):not(.preview-text) {
    margin-bottom: 30px !important;
    /* padding-bottom: 0; */
    /* border-bottom: 0; */
}

.mask>a.mask-img {
    padding-bottom: 100%;
    /*height: auto;*/
}
.mask {
    /*padding-bottom: 0 !important;*/
}

.picture {
    /*margin-bottom: -100%;*/
}

.mask-img  {
    display: revert !important;
    width: 100%;
}

.tags .mask-img  {
    display: block !important;
    width: 100%;
}
