/* 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}
}