.mfp-bg { top:0; left:0; width:100%; height:100%; z-index:1042; overflow:hidden; position:fixed; background:#000; opacity:.9; filter:alpha(opacity=90) } .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; } .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% } .mfp-ajax-cur { cursor:progress } .mfp-zoom { cursor:pointer; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in } .mfp-auto-cursor .mfp-content { cursor:auto } .mfp-arrow:focus{ outline:none; cursor:pointer } .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:#cccccc; position:absolute; top:50%; width:auto; text-align:center; margin-top:-0.8em; left:8px; right:8px; z-index:1044 } .mfp-preloader a{ color:#cccccc } .mfp-preloader a:hover{ color:#ffffff } .mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content{ display:none } button.mfp-arrow { overflow:visible; cursor:pointer; background: transparent; border:0; -webkit-appearance: none; display:block; padding:0; z-index:1046; -webkit-box-shadow:none; box-shadow:none } button::-moz-focus-inner { padding:0; border:0 } .mfp-close{ display:none } .mfp-counter{ position:absolute; top:0; right:0; color:#cccccc; font-size:12px; line-height:18px } .mfp-arrow { position:absolute; opacity:.5; margin:0; top:50%; margin-top:-55px; padding:0; width:90px; height:110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .mfp-arrow:active { margin-top:-54px } .mfp-arrow:hover, .mfp-arrow:focus{ opacity:1 } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content:''; display:block; width:0; height:0; position:absolute; left:0; top:0; margin:35px 0 0 35px; border:medium inset transparent} .mfp-arrow:after, .mfp-arrow .mfp-a{ border-top-width:13px; border-bottom-width:13px; top:8px } .mfp-arrow:before, .mfp-arrow .mfp-b{ border-top-width:21px; border-bottom-width:21px } .mfp-arrow-left { left:0 } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right:17px solid white; margin-left:31px } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b{ margin-left:25px } .mfp-arrow-right { right:0 } .mfp-arrow-right:after, .mfp-arrow-right.mfp-a { border-left:17px solid white; margin-left:39px } .mfp-iframe-holder { padding:40px 0 } .mfp-iframe-holder .mfp-content { line-height:0; width:100%; max-width:900px } .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 }  img.mfp-img { width:auto; max-width:100%; height:auto; display:block; line-height:0; padding: 40px 0 40px; margin: 0 auto } .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:#444444 } .mfp-figure{ line-height:0 } .mfp-bottom-bar { margin:-36px 0 0 0; position:absolute; top:100%; left:0; width:100% } .mfp-title { text-align:left; line-height:18px; color:#f3f3f3; word-wrap:break-word; padding:0 36px 0 0 } .mfp-figure small { color:#bdbdbd; display:block; font-size:12px; line-height:14px } .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:0 } .mfp-img-mobile img.mfp-img { padding:0 } .mfp-img-mobile .mfp-figure:after { top:0; bottom:0 } .mfp-img-mobile .mfp-bottom-bar { position:fixed; top:auto; bottom:0; margin:0; padding:3px 5px; background: rgba(0, 0, 0, 0.6) } .mfp-img-mobile .mfp-bottom-bar:empty { padding:0 } .mfp-img-mobile .mfp-counter { top:3px; right:5px } .mfp-img-mobile .mfp-figure small { display:inline; margin-left:5px } } @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:0 6px } } .mfp-ie7 .mfp-img { padding:0 } .mfp-ie7 .mfp-bottom-bar { width:600px; left:50%; margin:5px 0 0 -300px; padding:0 0 5px 0 } .mfp-ie7 .mfp-container { padding:0 } .mfp-ie7 .mfp-content { padding:44px 0 0 0 } .mfp-fade .mfp-bg { opacity:0 } .mfp-fade.mfp-bg.mfp-ready { opacity:.9 } .mfp-fade.mfp-bg.mfp-removing { opacity:0 } .mfp-fade.mfp-wrap .mfp-content { opacity:0 } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity:1 } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity:0 }