/* Magnific Popup CSS */
.mfp-bg{
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1042;
    overflow:hidden;
    position:fixed;
    background:#0b0b0b;
    opacity:0.8; }
.mfp-wrap{
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1043;
    position:fixed;
    outline:none !important;
    -webkit-backface-visibility:hidden; }
.mfp-container{
    text-align:center;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    padding:0 8px;
    box-sizing:border-box; }
.mfp-container:before{
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle; }
.mfp-align-top .mfp-container:before{
    display:none; }
.mfp-content{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin:0 auto;
    text-align:left;
    z-index:1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-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-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter{
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none; }
.mfp-loading.mfp-figure{
    display:none; }
.mfp-hide{
    display:none !important; }
.mfp-preloader{
    color:#CCC;
    position:absolute;
    top:50%;
    width:auto;
    text-align:center;
    margin-top:-0.8em;
    left:8px;
    right:8px;
    z-index:1044; }
.mfp-preloader a{
    color:#CCC; }
.mfp-preloader a:hover{
    color:#FFF; }
.mfp-s-ready .mfp-preloader{
    display:none; }
.mfp-s-error .mfp-content{
    display:none; }
button.mfp-close,
button.mfp-arrow{
    overflow:visible;
    cursor:pointer;
    background:transparent;
    border:0;
    -webkit-appearance:none;
    display:block;
    outline:none;
    padding:0;
    z-index:1046;
    box-shadow:none;
    touch-action:manipulation; }
button::-moz-focus-inner{
    padding:0;
    border:0; }
.mfp-close{
    width:44px;
    height:44px;
    line-height:44px;
    position:absolute;
    right:0;
    top:0;
    text-decoration:none;
    text-align:center;
    opacity:0.65;
    padding:0 0 18px 10px;
    color:#FFF;
    font-style:normal;
    font-size:28px;
    font-family:Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus{
    opacity:1; }
.mfp-close:active{
    top:1px; }
.mfp-close-btn-in .mfp-close{
    color:#333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-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; }
.mfp-arrow{
    position:absolute;
    opacity:0.65;
    margin:0;
    top:50%;
    margin-top:-55px;
    padding:0;
    width:90px;
    height:110px;
    -webkit-tap-highlight-color:transparent; }
.mfp-arrow:active{
    margin-top:-54px; }
.mfp-arrow:hover,
.mfp-arrow:focus{
    opacity:1; }
.mfp-arrow:before,
.mfp-arrow:after{
    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:0.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 #3F3F3F; }
.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 #3F3F3F; }
.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, 0.6);
    background:#000; }
/* Main image in popup */
img.mfp-img{
    width:auto;
    max-width:100%;
    height:auto;
    display:block;
    line-height:0;
    box-sizing:border-box;
    padding:40px 0 40px;
    margin:0 auto; }
/* The shadow behind the image */
.mfp-figure{
    line-height:0; }
.mfp-figure:after{
    content:'';
    position:absolute;
    left:0;
    top:40px;
    bottom:40px;
    display:block;
    right:0;
    width:auto;
    height:auto;
    z-index:-1;
    box-shadow:0 0 8px rgba(0, 0, 0, 0.6);
    background:#444; }
.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{
    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){
    /**
         * Remove all paddings around the image on small screen
         */
    .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, 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, 0.6);
        position:fixed;
        text-align:center;
        padding:0; }
}
@media all and (max-width:900px){
    .mfp-arrow{
        -webkit-transform:scale(0.75);
        transform:scale(0.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; }
}