/* Magnific Popup CSS */
.mfp-bg{
    top:0;
    right:0;
    width:100%;
    height:100%;
    z-index:1042;
    overflow:hidden;
    position:fixed;
    background:#0b0b0b;
    opacity:0.8
}
.mfp-wrap{
    top:0;
    right: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%;
    right: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:right;
    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;
    right:8px;
    left: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;
    left:0;
    top:0;
    text-decoration:none;
    text-align:center;
    opacity:0.65;
    padding: 0 10px 18px 0;
    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;
    left:-6px;
    text-align:left;
    padding-left:6px;
    width:100%
}
.mfp-counter{
    position:absolute;
    top:0;
    left: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;
    right:0;
    top:0;
    margin-top:35px;
    margin-right: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{
    right:0
}
.mfp-arrow-left:after{
    border-left:17px solid #FFF;
    margin-right:31px
}
.mfp-arrow-left:before{
    margin-right:25px;
    border-left:27px solid #3F3F3F
}
.mfp-arrow-right{
    left:0
}
.mfp-arrow-right:after{
    border-right:17px solid #FFF;
    margin-right:39px
}
.mfp-arrow-right:before{
    border-right: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;
    right: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;
    right:0;
    top:40px;
    bottom:40px;
    display:block;
    left: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%;
    right:0;
    width:100%;
    cursor:auto
}
.mfp-title{
    text-align:right;
    line-height:18px;
    color:#F3F3F3;
    word-wrap:break-word;
    padding-left: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-right:0;
        padding-left: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-right: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{
        left:5px;
        top:3px
    }
    .mfp-img-mobile .mfp-close{
        top:0;
        left: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-right{
        -webkit-transform-origin:0;
        transform-origin:0
    }
    .mfp-arrow-left{
        -webkit-transform-origin:100%;
        transform-origin:100%
    }
    .mfp-container{
        padding-right:6px;
        padding-left:6px
    }
}
/* text-based popup styling */
.white-popup{
    position:relative;
    background:#FFF;
    padding:25px;
    width:auto;
    max-width:400px;
    margin:0 auto
}
.mfp-zoom-in{
    
}
.mfp-zoom-in .mfp-content{
    opacity:0;
    transition:all 0.2s ease-in-out;
    transform:scale(0.8)
}
.mfp-zoom-in.mfp-bg{
    opacity:0;
    transition:all 0.3s ease-out
}
.mfp-zoom-in.mfp-ready .mfp-content{
    opacity:1;
    transform:scale(1)
}
.mfp-zoom-in.mfp-ready.mfp-bg{
    opacity:0.8
}
.mfp-zoom-in.mfp-removing .mfp-content{
    transform:scale(0.8);
    opacity:0
}
.mfp-zoom-in.mfp-removing.mfp-bg{
    opacity:0
}
.mfp-newspaper{
    
}
.mfp-newspaper .mfp-content{
    opacity:0;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.5s;
    transform:scale(0) rotate(500deg)
}
.mfp-newspaper.mfp-bg{
    opacity:0;
    transition:all 0.5s
}
.mfp-newspaper.mfp-ready .mfp-content{
    opacity:1;
    transform:scale(1) rotate(0deg)
}
.mfp-newspaper.mfp-ready.mfp-bg{
    opacity:0.8
}
.mfp-newspaper.mfp-removing .mfp-content{
    transform:scale(0) rotate(500deg);
    opacity:0
}
.mfp-newspaper.mfp-removing.mfp-bg{
    opacity:0
}
.mfp-move-horizontal{
    
}
.mfp-move-horizontal .mfp-content{
    opacity:0;
    transition:all 0.3s;
    transform:translateX(-50px)
}
.mfp-move-horizontal.mfp-bg{
    opacity:0;
    transition:all 0.3s
}
.mfp-move-horizontal.mfp-ready .mfp-content{
    opacity:1;
    transform:translateX(0)
}
.mfp-move-horizontal.mfp-ready.mfp-bg{
    opacity:0.8
}
.mfp-move-horizontal.mfp-removing .mfp-content{
    transform:translateX(50px);
    opacity:0
}
.mfp-move-horizontal.mfp-removing.mfp-bg{
    opacity:0
}
.mfp-move-from-top{
    
}
.mfp-move-from-top .mfp-content{
    opacity:0;
    transition:all 0.2s;
    transform:translateY(-100px)
}
.mfp-move-from-top.mfp-bg{
    opacity:0;
    transition:all 0.2s
}
.mfp-move-from-top.mfp-ready .mfp-content{
    opacity:1;
    transform:translateY(0)
}
.mfp-move-from-top.mfp-ready.mfp-bg{
    opacity:0.8
}
.mfp-move-from-top.mfp-removing .mfp-content{
    transform:translateY(-50px);
    opacity:0
}
.mfp-move-from-top.mfp-removing.mfp-bg{
    opacity:0
}
.mfp-3d-unfold{
    
}
.mfp-3d-unfold .mfp-content{
    perspective:2000px
}
.mfp-3d-unfold .mfp-content{
    opacity:0;
    transition:all 0.3s ease-in-out;
    transform-style:preserve-3d;
    transform:rotateY(-60deg)
}
.mfp-3d-unfold.mfp-bg{
    opacity:0;
    transition:all 0.5s
}
.mfp-3d-unfold.mfp-ready .mfp-content{
    opacity:1;
    transform:rotateY(0deg)
}
.mfp-3d-unfold.mfp-ready.mfp-bg{
    opacity:0.8
}
.mfp-3d-unfold.mfp-removing .mfp-content{
    transform:rotateY(60deg);
    opacity:0
}
.mfp-3d-unfold.mfp-removing.mfp-bg{
    opacity:0
}
.mfp-zoom-out{
    
}
.mfp-zoom-out .mfp-content{
    opacity:0;
    transition:all 0.3s ease-in-out;
    transform:scale(1.3)
}
.mfp-zoom-out.mfp-bg{
    opacity:0;
    transition:all 0.3s ease-out
}
.mfp-zoom-out.mfp-ready .mfp-content{
    opacity:1;
    transform:scale(1)
}
.mfp-zoom-out.mfp-ready.mfp-bg{
    opacity:0.8
}
.mfp-zoom-out.mfp-removing .mfp-content{
    transform:scale(1.3);
    opacity:0
}
.mfp-zoom-out.mfp-removing.mfp-bg{
    opacity:0
}
@keyframes hinge{
0%{
    transform:rotate(0);
    transform-origin:top right;
    animation-timing-function:ease-in-out
}
20%,60%{
    transform:rotate(80deg);
    transform-origin:top right;
    animation-timing-function:ease-in-out
}
40%{
    transform:rotate(60deg);
    transform-origin:top right;
    animation-timing-function:ease-in-out
}
80%{
    transform:rotate(60deg) translateY(0);
    opacity:1;
    transform-origin:top right;
    animation-timing-function:ease-in-out
}
100%{
    transform:translateY(700px);
    opacity:0
}
}
.hinge{
    animation-duration:1s;
    animation-name:hinge
}
.mfp-with-fade .mfp-content,.mfp-with-fade.mfp-bg{
    opacity:0;
    transition:opacity .5s ease-out
}
.mfp-with-fade.mfp-ready .mfp-content{
    opacity:1
}
.mfp-with-fade.mfp-ready.mfp-bg{
    opacity:0.8
}
.mfp-with-fade.mfp-removing.mfp-bg{
    opacity:0
}