@keyframes a {
	0% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes b {
	0% {
		transform: scale(0.5);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}
@keyframes c {
	0% {
		transform: translate(-50%, -50%) rotate(0);
	}
	50% {
		transform: translate(-50%, -50%) rotate(-180deg);
	}
	to {
		transform: translate(-50%, -50%) rotate(-1turn);
	}
}
@keyframes d {
	0% {
		transform: scale(1);
	}
	10% {
		transform: scale(1.2) translateX(6px);
	}
	25% {
		transform: scale(1.3) translateX(8px);
	}
	40% {
		transform: scale(1.2) translateX(6px);
	}
	50% {
		transform: scale(1);
	}
	60% {
		transform: scale(0.8) translateX(6px);
	}
	75% {
		transform: scale(0.7) translateX(8px);
	}
	90% {
		transform: scale(0.8) translateX(6px);
	}
	to {
		transform: scale(1);
	}
}
@keyframes e {
	0% {
		transform: scale(1);
	}
	10% {
		transform: scale(1.2) translateX(-6px);
	}
	25% {
		transform: scale(1.3) translateX(-8px);
	}
	40% {
		transform: scale(1.2) translateX(-6px);
	}
	50% {
		transform: scale(1);
	}
	60% {
		transform: scale(0.8) translateX(-6px);
	}
	75% {
		transform: scale(0.7) translateX(-8px);
	}
	90% {
		transform: scale(0.8) translateX(-6px);
	}
	to {
		transform: scale(1);
	}
}
.lum-lightbox {
	background: rgba(0, 0, 0, 0.6);
}
.lum-lightbox-inner {
	top: 2.5%;
	right: 2.5%;
	bottom: 2.5%;
	left: 2.5%;
}
.lum-lightbox-inner img {
	position: relative;
	width: 30%;
	transform: scale(1.2);
}
.lum-lightbox-inner .lum-lightbox-caption {
	margin: 0 auto;
	color: #fff;
	max-width: 700px;
	text-align: center;
}
.lum-loading .lum-lightbox-loader {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 66px;
	height: 20px;
	animation: c 1.8s linear infinite;
}
.lum-lightbox-loader:after,
.lum-lightbox-loader:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	border-radius: 20px;
	background: hsla(0, 0%, 100%, 0.9);
}
.lum-lightbox-loader:before {
	left: 0;
	animation: d 1.8s linear infinite;
}
.lum-lightbox-loader:after {
	right: 0;
	animation: e 1.8s linear infinite;
	animation-delay: -0.9s;
}
.lum-lightbox.lum-opening {
	animation: a 0.18s ease-out;
}
.lum-lightbox.lum-opening .lum-lightbox-inner {
	animation: b 0.18s ease-out;
}
.lum-lightbox.lum-closing {
	animation: a 0.3s ease-in;
	animation-direction: reverse;
}
.lum-lightbox.lum-closing .lum-lightbox-inner {
	animation: b 0.3s ease-in;
	animation-direction: reverse;
}
.lum-img {
	transition: opacity 0.12s ease-out;
	margin: 0 auto;
}
.lum-loading .lum-img {
	opacity: 0;
}
.lum-gallery-button {
	overflow: hidden;
	text-indent: 150%;
	white-space: nowrap;
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	outline: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 100px;
	max-height: 100%;
	width: 60px;
	cursor: pointer;
}
.lum-close-button {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 32px;
	height: 32px;
	opacity: 0.3;
}
.lum-close-button:hover {
	opacity: 1;
}
.lum-close-button:after,
.lum-close-button:before {
	position: absolute;
	left: 15px;
	content: ' ';
	height: 33px;
	width: 2px;
	background-color: #fff;
}
.lum-close-button:before {
	transform: rotate(45deg);
}
.lum-close-button:after {
	transform: rotate(-45deg);
}
.lum-previous-button {
	left: 12px;
}
.lum-next-button {
	right: 12px;
}
.lum-gallery-button:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	width: 36px;
	height: 36px;
	border-top: 4px solid hsla(0, 0%, 100%, 0.8);
}
.lum-previous-button:after {
	transform: translateY(-50%) rotate(-45deg);
	border-left: 4px solid hsla(0, 0%, 100%, 0.8);
	box-shadow: -2px 0 rgba(0, 0, 0, 0.2);
	left: 12%;
	border-radius: 3px 0 0 0;
}
.lum-next-button:after {
	transform: translateY(-50%) rotate(45deg);
	border-right: 4px solid hsla(0, 0%, 100%, 0.8);
	box-shadow: 2px 0 rgba(0, 0, 0, 0.2);
	right: 12%;
	border-radius: 0 3px 0 0;
}
@media (max-width: 460px) {
	.lum-lightbox-image-wrapper {
		display: flex;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.lum-lightbox-caption {
		width: 100%;
		position: absolute;
		bottom: 0;
	}
	.lum-lightbox-position-helper {
		margin: auto;
	}
	.lum-lightbox-inner img {
		max-width: none;
		max-height: none;
		width: 100%;
		transform: scale(1.2);
	}
}