/*=============================== /components/com_community/assets/vendors/magnific-popup/magnific-popup.css?4.9.1 ================================================================================*/
.mfp-bg{
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1042;
    overflow:hidden;
    position:fixed;
    background:#0b0b0b;
    opacity:0.8;
    filter:alpha(opacity=80)
}
.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;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    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:#cccccc;
    position:absolute;
    top:50%;
    width:auto;
    text-align:center;
    margin-top:-0.8em;
    left:8px;
    right:8px;
    z-index:1044
}
.mfp-preloader a{
    color:#cccccc
}
.mfp-preloader a:hover{
    color:white
}
.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:1041;
    -webkit-box-shadow:none;
    box-shadow:none
}
button::-moz-focus-inner{
    padding:0;
    border:0
}
.mfp-close{
    width:44px;
    height:44px;
    line-height:44px;
    position:absolute;
    right:10px;
    top:5px;
    text-decoration:none;
    text-align:center;
    opacity:0.65;
    filter:alpha(opacity=65);
    padding:0 0 18px 10px;
    color:white;
    font-style:normal;
    font-size:28px;
    font-family:Arial,Baskerville,monospace
}
.mfp-close:hover,.mfp-close:focus{
    opacity:1;
    filter:alpha(opacity=100)
}
.mfp-close:active{
    top:1px
}
.mfp-close-btn-in .mfp-close{
    color:#333333
}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{
    color:white;
    right:-6px;
    text-align:right;
    padding-right:6px;
    width:100%
}
.mfp-counter{
    position:absolute;
    top:0;
    right:0;
    color:#cccccc;
    font-size:12px;
    line-height:18px
}
.mfp-arrow,.mfp-arrow:active,.mfp-arrow:hover,.mfp-arrow:focus{
    background:none
}
 .mfp-arrow{
    position:absolute;
    opacity:0.65;
    filter:alpha(opacity=65);
    margin:0;
    top:44%;
    margin-top:-55px;
    padding:0;
    width:90px;
    height:110px;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.mfp-arrow:active{
    margin-top:-54px
}
.mfp-arrow:hover,.mfp-arrow:focus{
    opacity:1;
    filter:alpha(opacity=100)
}
.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{
    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,.mfp-arrow .mfp-a{
    border-top-width:13px;
    border-bottom-width:13px;
    top:8px
}
.mfp-arrow:before,.mfp-arrow .mfp-b{
    border-top-width:21px;
    border-bottom-width:21px;
    opacity:0.7
}
.mfp-arrow-left{
    left:0
}
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{
    border-right:17px solid white;
    margin-left:31px
}
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{
    margin-left:25px;
    border-right:27px solid #3f3f3f
}
.mfp-arrow-right{
    right:0
}
.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{
    border-left:17px solid white;
    margin-left:39px
}
.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{
    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:black
}
 img.mfp-img{
    width:auto;
    max-width:100%;
    height:auto;
    display:block;
    line-height:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:40px 0 40px;
    margin:0 auto
}
 .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:#444444
}
.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){
     .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;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        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
    }
}
.mfp-ie7 .mfp-img{
    padding:0
}
.mfp-ie7 .mfp-bottom-bar{
    width:600px;
    left:50%;
    margin-left:-300px;
    margin-top:5px;
    padding-bottom:5px
}
.mfp-ie7 .mfp-container{
    padding:0
}
.mfp-ie7 .mfp-content{
    padding-top:44px
}
.mfp-ie7 .mfp-close{
    top:0;
    right:0;
    padding-top:0
}