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