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