@charset "utf-8";

.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;}.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-flex;vertical-align:middle;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:zoom-out}.mfp-zoom{cursor:pointer;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{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:-.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-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:1.8em;font-family:Arial,Baskerville,monospace}.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:.9em;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px}.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 #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,.6);background:#000}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}.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,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:.9em;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,.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{transform:scale(.75)}.mfp-arrow-left{transform-origin:0}.mfp-arrow-right{transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}


div.ccm-page .bg-overlay{
position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;z-index:20;display:flex;align-items:center;justify-content:center;
text-align:center;overflow:hidden;background: rgba(255, 255, 255, .1);width:auto;height:auto;opacity:1;
transition: .5s
}

div.ccm-page .bg-overlay:hover{opacity: .5}

.hoverimage {
width: auto;
position: absolute; 
top:50%; 
left:50%;
transform: translate(-50%, -50%) scale(1);
}

.popup-lpic, .dpopup-lpic{
margin: 0;
background:white;
max-width: 100%;
text-align: center;
position: relative
}


.mfp-close{
color:red !important;
width:1em;
height:.9em;
font-size: 2em;
background: white !important;
opacity: 1 !important;
border-radius: .2em; 
line-height: 1em 
}

.white-popup {
position: relative;
background: #FFF;
padding: .2em;
max-width: 100%;
margin: 2em auto;
border-radius: .1em
}

.white-popup p{padding: .3em}

.vplink{
width: auto;
padding:.5em;
max-width: 100%;
display:inline-flex;
flex-direction: column;
border: .1em solid #ccc;
border-radius: .5em;
}

.vpouter {
clear: both;
margin: .5em 0;
padding: 0;	
height: auto;	
max-width: 100%;
display: flex
}

.vpouter p{
margin: 0
}

.vp {
margin: 0;
padding: .3em;
max-width: 100%;
height: auto;
display: flex;
flex-direction: column;
border: .1em solid #ccc;
background: #fff;
border-radius: 0 0 .5em .5em;	
}

.vp:hover{box-shadow: 0 .2em .2em #ccc;transition: .2s}

.evp{
margin: 0;
padding: .3em;
max-width: 100%;
height: auto;
display: flex;
flex-direction: column;
border: .1em solid #ccc;
background: #fff;
border-radius: 0 0 .5em .5em;
}

.vpinfo {
padding: .5em;
clear: both;
max-width: 100%;
margin: 0
}

.vpinfo p{
margin: 0
}

video {
border-radius: 0;
max-width: 100%;
padding: 0;
margin: 0
}

.VLeft, .BLeft {
margin: .5em auto .5em 0
}

.VCentre, .BCentre {
margin: .5em auto 
}

.VRight, .BRight {
margin: .5em 0 .5em auto
}

.vpuinfo .vinfo{
padding: 0 !important;
margin-bottom: 0 !important
}

.Vpic{
max-width: 100%;
height: auto;		
}

.popup-pic a:hover,.popup-lpic a:hover,.dpopup-lpic a:hover{
cursor: pointer
}


 .click{
border: .1em solid #ccc;
padding:.6em .8em; 
background: #fff;
border-radius: 1.5em;
max-width:100%;
display:inline-flex;
box-shadow: 0 .2em .2em #ccc;
text-decoration: none !important
} 

.click:hover{
cursor: pointer;
border: .1em solid #999;
background: white;
box-shadow: 0 0 0;
transition: .1s 
}