/* 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; filter:alpha(opacity=80); }
.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; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; 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-hide { display:none !important; }
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; -webkit-box-shadow:none; box-shadow:none; }
button::-moz-focus-inner { padding:0; border:0; }
/* Close Button & arrows */
.mfp-close { position:fixed; height:40px; color:transparent; line-height:40px; width:40px; top:40px; right:40px; }
.mfp-arrow:before, 
.mfp-arrow:after,
.mfp-close:before,
.mfp-close:after { display:block; position:absolute; top:50%; left:0; content:' '; width:40px; height:1px; background:#fff; }
.mfp-arrow-left:before,
.mfp-arrow-right:before,
.mfp-close:before { -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.mfp-arrow-left:after,
.mfp-arrow-right:after,
.mfp-close:after { -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); }
/* Counter */
.mfp-counter { display:none; }
/* Arrows */
.mfp-arrow { position:absolute; opacity:0.5; top:50%; margin-top:-25px 0 0; height:50px; width:50px; padding:0; }
.mfp-arrow-left { left:20px; }
.mfp-arrow-left:before,
.mfp-arrow-left:after { transform-origin:left; } 
.mfp-arrow-right { right:20px; }
.mfp-arrow-right:before,
.mfp-arrow-right:after { transform-origin:right; } 

/* Main image in popup */
img.mfp-img { width:auto; max-width:100%; height:auto; display:block; line-height:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; 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 { display:none; }
.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; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.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; }
}