.mfp-bg{
    z-index:999998;
    overflow:hidden;
    position:fixed;
    backdrop-filter: saturate(180%) blur(20px);
    background-color: #ffffff45;
    opacity:1;
}
.mfp-bg,.mfp-container,.mfp-wrap{
    width:100%;
    height:100%;
    left:0;
    top:0
}
.mfp-wrap{
    z-index:999999;
    outline:0!important;
    -webkit-backface-visibility:hidden;
    position:fixed
}
.mfp-container{
    text-align:center;
    position:absolute;
    padding:0 8px;
    box-sizing:border-box
}
.mfp-container:before,.mfp-content{
    display:inline-block;
    vertical-align:middle
}
.mfp-container:before{
    content:'';
    height:100%
}
.mfp-align-top .mfp-container:before{
    display:none
}
.mfp-content{
    position:relative;
    margin:0 auto;
    text-align:left;
    z-index:1045
}
.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{
    width:100%;
    cursor:auto
}
.mfp-ajax-cur{
    cursor:progress
}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{
    cursor:-moz-zoom-out;
    cursor:-webkit-zoom-out;
    cursor:zoom-out
}
.mfp-zoom{
    cursor:pointer;
    cursor:-webkit-zoom-in;
    cursor:-moz-zoom-in;
    cursor:zoom-in
}
.mfp-auto-cursor .mfp-content{
    cursor:auto
}
.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.mfp-loading.mfp-figure,.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{
    display:none
}
.mfp-hide{
    display:none!important
}
.mfp-preloader{
    color:#ccc;
    position:absolute;
    top:50%;
    width:auto;
    text-align:center;
    margin-top:-.8em;
    left:8px;
    right:8px;
    z-index:1044
}
.mfp-preloader a{
    color:#ccc
}
.mfp-preloader a:hover{
    color:#fff
}
button.mfp-arrow,button.mfp-close{
    overflow:visible;
    cursor:pointer;
    background:0 0;
    border:0;
    -webkit-appearance:none;
    display:block;
    outline:0;
    padding:0;
    z-index:1046;
    box-shadow:none;
    touch-action:manipulation
}
button::-moz-focus-inner{
    padding:0;
    border:0
}
.mfp-close{
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 20px 10px;
    color: #fff;
    font-size: 34px;
    font-weight: 300;
    color: #000 !important;
}
.mfp-close:focus,.mfp-close:hover{
    opacity:1
}
.mfp-close:active{
    top:1px
}
.mfp-close-btn-in .mfp-close{
    color:#333
}
.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{
    color:#fff;
    right:-6px;
    text-align:right;
    padding-right:6px;
    width:100%
}
.mfp-counter{
    position:absolute;
    top:0;
    right:0;
    color:#ccc;
    font-size:12px;
    line-height:18px;
    white-space:nowrap;
    display: none;
}
.mfp-arrow{
    position:absolute;
    opacity:.65;
    top:50%;
    margin:-55px 0 0;
    padding:0;
    width:90px;
    height:110px;
    -webkit-tap-highlight-color:transparent
}
.mfp-arrow:active{
    margin-top:-54px
}
.mfp-arrow:focus,.mfp-arrow:hover{
    opacity:1
}
.mfp-arrow:after,.mfp-arrow:before{
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    left:0;
    top:0;
    margin-top:35px;
    margin-left:35px;
    border:medium inset transparent
}
.mfp-arrow:after{
    border-top-width:13px;
    border-bottom-width:13px;
    top:8px
}
.mfp-arrow:before{
    border-top-width:21px;
    border-bottom-width:21px;
    opacity:.7
}
.mfp-arrow-left{
    left:0
}
.mfp-arrow-left:after{
    border-right:17px solid #fff;
    margin-left:31px
}
.mfp-arrow-left:before{
    margin-left:25px;
    border-right:27px solid #00000024;
}
.mfp-arrow-right{
    right:0
}
.mfp-arrow-right:after{
    border-left:17px solid #fff;
    margin-left:39px
}
.mfp-arrow-right:before{
    border-left:27px solid #00000024;
}
.mfp-iframe-holder{
    padding-top:40px;
    padding-bottom:40px
}
.mfp-iframe-holder .mfp-content{
    line-height:0;
    width:100%;
    max-width:900px
}
.mfp-iframe-holder .mfp-close{
    top:-40px
}
.mfp-iframe-scaler{
    width:100%;
    height:0;
    overflow:hidden;
    padding-top:56.25%
}
.mfp-iframe-scaler iframe{
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-shadow:0 0 8px rgba(0,0,0,.6);
    background:#000
}
.mfp-figure:after,img.mfp-img{
    display:block;
    width:auto;
    height:auto
}
img.mfp-img{
    box-sizing:border-box;
    padding:40px 0;
    margin:0 auto
}
.mfp-figure,img.mfp-img{
    line-height:0
}
.mfp-figure:after{
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    background: #444;
    /*box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);*/
}
.mfp-figure small{
    color:#bdbdbd;
    display:block;
    font-size:12px;
    line-height:14px
}
.mfp-figure figure{
    margin:0
}
.mfp-bottom-bar{
    margin-top:-36px;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    cursor:auto
}
.mfp-title{
    text-align:left;
    line-height:18px;
    color:#f3f3f3;
    word-wrap:break-word;
    padding-right:36px
}
.mfp-image-holder .mfp-content,img.mfp-img{
    max-width:100%
}
.mfp-gallery .mfp-image-holder .mfp-figure{
    cursor:pointer
}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){
    .mfp-img-mobile .mfp-image-holder{
        padding-left:0;
        padding-right:0
    }
    .mfp-img-mobile img.mfp-img{
        padding:0
    }
    .mfp-img-mobile .mfp-figure:after{
        top:0;
        bottom:0
    }
    .mfp-img-mobile .mfp-figure small{
        display:inline;
        margin-left:5px
    }
    .mfp-img-mobile .mfp-bottom-bar{
        background:rgba(0,0,0,.6);
        bottom:0;
        margin:0;
        top:auto;
        padding:3px 5px;
        position:fixed;
        box-sizing:border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty{
        padding:0
    }
    .mfp-img-mobile .mfp-counter{
        right:5px;
        top:3px
    }
    .mfp-img-mobile .mfp-close{
        top:0;
        right:0;
        width:35px;
        height:35px;
        line-height:35px;
        background:rgba(0,0,0,.6);
        position:fixed;
        text-align:center;
        padding:0
    }
}
@media all and (max-width:900px){
    .mfp-arrow{
        -webkit-transform:scale(.75);
        transform:scale(.75)
    }
    .mfp-arrow-left{
        -webkit-transform-origin:0;
        transform-origin:0
    }
    .mfp-arrow-right{
        -webkit-transform-origin:100%;
        transform-origin:100%
    }
    .mfp-container{
        padding-left:6px;
        padding-right:6px
    }
}