.iobject-dialog {
	background: rgba(0,0,0,0.9);
}

.iobjects-popup-buttons {
	position: fixed;
	top: 100px;
	right: 32px;
	width: 48px;
	line-height: 56px;
}


/* popup gallery */
.popup-img .modal-overlay-content,
.iobject-popup-gallery .modal-overlay-content	{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.gallery-wrapper	{ margin: 0 auto; width: 100%; height: 100%; }

.popup-img-wrap,
.gallery,
.gallery .gallery-item { display: flex; flex-direction: column; justify-content: center; align-content: flex-start; align-items: center;
	position: relative; margin: 0 auto; width: 100%; height: 100%; max-height: 100%; }
.gallery .gallery-item	{ display: none; }

.gallery .gallery-pager			{ flex: 0 0 auto; height: 40px; line-height: 40px; font-size: 16px; font-weight: 700; color: #97a2a7; text-align: center; }
.gallery .gallery-frame			{ flex: 0 0 auto; width: 100%; height: calc(100% - 40px); }

.popup-img-wrap img,
.gallery .gallery-item img			{ flex: 0 1 auto; width: auto; height: auto; max-width: 100%; min-height: 0; object-fit: contain; }
.popup-img-wrap img					{ display: block; }
.gallery .gallery-item-active		{ display: flex; }

.popup-img-wrap .image-meta,
.gallery .gallery-item-meta		{ flex: 0 0 auto; padding: 20px; font-size: 16px; font-weight: 300; line-height: 24px; color: #d8d8d8; background-color: rgba(0,0,0,0.7); }
.gallery .gallery-item-meta			{ width: 100%; }
.gallery .gallery-item-meta > div	{ margin: auto; width: 960px; max-width: 100%; }
.gallery .gallery-item-meta span	{ margin-right: 7px; }
.popup-img-wrap .image-meta .title,
.gallery .gallery-item-meta .item-name	{ font-weight: 400; }
.popup-img-wrap .image-meta .author,
.gallery .gallery-item-meta .author	{ display: inline; font-size: 14px; white-space: nowrap; }
.popup-img-wrap .image-meta .author a,
.gallery .gallery-item-meta .author a { color: #d8d8d8; }

.gallery .gallery-button-previous,
.gallery .gallery-button-next			{
	display: block;
	width: 48px;
	height: 48px;
	background: #fff;
	border-radius: 50%;
	position: fixed;
	top: calc(50% - 24px);
	left: 32px;
	z-index: 2;
}
.gallery .gallery-button-next			{ left: auto; right: 32px; }
.gallery .gallery-button-previous span,
.gallery .gallery-button-next span		{
	display: block;
	width: 16px;
	height: 16px;
	position: relative;
	top: 16px;
	left: 12px;
	border-top: 2px solid #F37023;
	border-right: 2px solid #F37023;
	transform: rotate(45deg);
}
.gallery .gallery-button-previous span {
	transform: rotate(-135deg);
	left: 20px;
}

.gallery .gallery-button-previous.inactive,
.gallery .gallery-button-next.inactive		{ cursor: default; }
.gallery .gallery-button-previous.inactive span,
.gallery .gallery-button-next.inactive span		{ border-color: #ccc; }

.gallery .gallery-preview { display: none; position: absolute; top: 8px; bottom: 20px; left: 0; right: 0; overflow-x: hidden; }
.gallery .gallery-preview .title { margin: 8px 0 24px; padding: 0 96px; text-align: center; line-height: 42px; }

.gallery-preview ul	{ list-style-type: none; margin: 0 40px; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-flex-start; }
.gallery-preview ul li	{ display: block; margin: 16px; max-width: 250px; height: 141px; overflow: hidden; }
.gallery-preview ul img	{ display: block; margin: auto; max-width: 100%; width: auto; max-height: 100%; height: auto; }

@media (max-width: 992px) {

}

@media (max-width: 688px), (max-height: 640px) {
	.gallery { overflow-y: scroll; max-width: 688px; }

	.gallery .gallery-pager,
	.gallery .gallery-button-next,
	.gallery .gallery-button-previous { display: none; }

	.gallery .gallery-item { display: block; margin-top: 40px; height: auto; max-height: none; }
}
/* /popup gallery */


/* popup video */
.iobject-popup-embedded_video .modal-overlay-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.iobject-popup-embedded_video .embedded-video-wrapper {
	max-width: 850px;
	margin: 0 auto;
	padding: 48px 16px;
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-end;
	height: 100%;
}

.iobject-popup-embedded_video .name { margin: 0 auto; max-width: 750px; padding: 0 16px; text-align: center; }

.iobject-popup-embedded_video .name h2 {
	font-size: 32px;
	line-height: 40px;
	font-family: 'PT Serif', serif;
	font-style: italic;
	font-weight: 400;
}

.iobject-popup-embedded_video .embedded-video-insert-target {
	position: relative;
	background: #97a2a7;
}

.iobject-popup-embedded_video .embedded-video-insert-target > iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

/* /popup video */

/* popup infographic */

.iobject-popup-info_graphic .modal-overlay-content,
.iobject-popup-info_graphic .info_graphic-wrapper	{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.info_graphic-wrapper .media-button			{ position: fixed; bottom: 32px; right: 32px; }

.iobject-popup-info_graphic .info_graphic-content	{ display: flex; flex-direction: column; justify-content: center; min-height: 100%; margin: 0 130px; }
.iobject-popup-info_graphic .info_graphic-content > *	{ flex: 0 0 auto; }
/* .iobject-popup-info_graphic .full-preview		{ display: block; } */
.iobject-popup-info_graphic .info_graphic-content > img { display: block; max-width: 100%; max-height: 100%; margin: 0 auto; }
.iobject-popup-info_graphic .full-preview img		{ max-width: none; }
.iobject-popup-info_graphic .infographic-description	{ text-align: center; }
.iobject-popup-info_graphic .infographic-description > div { margin: auto; padding: 10px 10px 50px; }

.iobject-popup-info_graphic .full-preview .info_graphic-content { margin: 0; }
.iobject-popup-info_graphic .full-preview .infographic-description { display: none; }

.iobject-popup-info_graphic .button-zoom-in { display: inline-block; }
.iobject-popup-info_graphic .button-zoom-out { display: none; }
.iobject-popup-info_graphic .full-preview .button-zoom-in { display: none; }
.iobject-popup-info_graphic .full-preview .button-zoom-out { display: inline-block; }


/* /popup infographic */


.iobject-popup-image .modal-overlay-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.popup-img-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
}