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