/* 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:1240px;height:100%;} /* Updated iframe dimensions for better editing */ .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;} }