
/* magnific popup
*/
.popup { cursor: pointer; 
}
.white-popup {
position: relative;
background: #FFF;
padding:1rem 2rem;
*padding:0 1rem;
width:1120px;
max-width:80vw;
max-width:90vw;
min-height: 60vh;
margin: 20px auto;
border-radius:3px;
}
.white-popup nav li { display:inline-block !important;
}
.white-popup nav li:after { margin:0 4px;
}
.white-popup.align-top {
position: relative;
top:0;
background: #FFF;
*padding:1rem 2rem;
padding:0 1rem;
width:1120px;
max-width:80vw;
max-width:90vw;
min-height: 70vh;
margin: 20px auto;
border-radius:3px;
}
/* 
*/
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
z-index: 888888;
overflow: hidden;
position: fixed;
background: #0b0b0b;
background-color: crimson;
background-color: #fff;
*background-color:rgba(255,215,0,1);
opacity: 0.99;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
z-index: 888889;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; 
}
.mfp-container { position: absolute;
width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px;
box-sizing: border-box; 
text-align: center;
}
.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; 
font-style: normal;
}
.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;
font-style: normal;
}
.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 !important;
margin:0 !important;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner { padding: 0; border: 0; 
}
.mfp-close { position: absolute; position: fixed; top:0px !important; right:2rem !important; text-decoration: none; text-align: right; opacity: 0.65; 
z-index:99999;
}
.mfp-close:hover,
.mfp-close:focus { opacity: 1; 
}
.mfp-close:active { *top: 1px; 
}

.mfp-close-btn-in .mfp-close {
top:-2rem; color: #333; font-size:4rem; }

.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;
position: fixed;
opacity: 0.65;
margin: 0;
top: 45%;
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-left { left: 0; }
.mfp-arrow-left:before {
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 5 Free"; 
font-weight: 900;
content: "\f053";
font-size:3rem !important;
color:rgba(200,200,200,1); text-decoration: none;
position: absolute; right:25px;
}
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:before {
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content:"\f054";
font-size:3rem !important;
color:rgba(200,200,200,1); text-decoration: none;
position: absolute; left:25px; 
}
.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) {
.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; 
} 
}
