.lightbox__overlay.is-active, .lightbox__overlay:target {
	visibility: visible;
}

.bounceIn {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}


.lightbox__overlay {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	visibility: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: rgba(0,0,0,.6);
}


.is-active>.lightbox__content, :target>.lightbox__content {
	-webkit-animation: .4s ease-out .2s both;
	animation: .4s ease-out .2s both;
	-webkit-animation-name: inherit;
	animation-name: inherit;
}



.lightbox__html {
	padding: 1.5em;
	max-width: 42em;
	background-color: #fff;
}

.lightbox__html_2 {
	max-width: 60em;
}

.lightbox__content {
	max-height: 100%;
	overflow: auto;
	border-radius: 10px;
	width: 60%;
	background: linear-gradient(to top, #d4d4d4 0%, #ffffff 50%, #d4d4d4 100%);
}

.lightbox__content_2 {
	max-height: 100%;
	width: 90%;
}
@media screen and (min-width: 800px) {
	.lightbox__content_2 {
		max-height: 100%;
		width: 75%;
	}
}
@media screen and (min-width: 1080px) {
	.lightbox__content_2 {
		max-height: 100%;
		width: 35%;
	}
}


.lightbox__content p {
	color: #000;
}

.lightbox__content_2 p {
	color: #000;
}

.lightbox__content .box {
	align-items: center;
}

.lightbox__content_2 .box {
	align-items: center;
}

.lightbox__content img {
	max-width: 50px;
	margin-right: 15px;
}

.lightbox__content_2 img {
	max-width: 50px;
	margin-right: 15px;
}

.lightbox__content img.lightbox_img_popup {
	max-width: 100% !important;
	margin-right: 15px;
}

.lightbox__content_2 img.lightbox_img_popup {
	max-width: 100% !important;
	margin-right: 15px;
}