.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 ;
}
.mfp-a {
color : #fff;
}
.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 : zoom-out;
}
.mfp-zoom {
cursor : pointer;
cursor : zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor : auto;
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
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;
display : block;
outline : none;
padding : 0;
z-index : 1046;
box-shadow : none;
}
.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;
}
.mfp-arrow {
position : absolute;
opacity : 0.65;
margin : 0;
top : 50%;
margin-top : -55px;
padding : 0;
width : 90px;
height : 110px;
}
.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-top : 35px;
margin-left : 35px;
border : transparent inset medium;
}
.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;
opacity : 0.7;
}
.mfp-arrow-left {
left : 0;
}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right : 17px solid #fff;
margin-left : 31px;
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left : 25px;
border-right : 27px solid #3f3f3f;
}
.mfp-arrow-right {
right : 0;
}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left : 17px solid #fff;
margin-left : 39px;
}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
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 rgb(0, 0, 0, 0.6);
background : #000;
}
img.mfp-img {
width : auto;
max-width : 100%;
height : auto;
display : block;
line-height : 0;
box-sizing : border-box;
padding : 40px 0;
margin : 0 auto;
}
.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 rgb(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;
overflow-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 : rgb(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 : rgb(0, 0, 0, 0.6);
position : fixed;
text-align : center;
padding : 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
transform : scale(0.75);
}
.mfp-arrow-left {
transform-origin : 0;
}
.mfp-arrow-right {
transform-origin : 100%;
}
.mfp-container {
padding-left : 6px;
padding-right : 6px;
}
}
.mfp-ie7 .mfp-img {
padding : 0;
}
.mfp-ie7 .mfp-bottom-bar {
width : 600px;
left : 50%;
margin-left : -300px;
margin-top : 5px;
padding-bottom : 5px;
}
.mfp-ie7 .mfp-container {
padding : 0;
}
.mfp-ie7 .mfp-content {
padding-top : 44px;
}
.mfp-ie7 .mfp-close {
top : 0;
right : 0;
padding-top : 0;
}