/** Popup box for showing details **/
#popup-box-container {position: fixed;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;padding-left: 14px;padding-right: 14px;overflow: hidden;background-color: rgba(0,0,0,0.94);-webkit-transition: opacity .7s;transition: opacity: .7s;opacity: 0;}
#popup-box {position: relative;width: 100%;height: 100%;min-height: 400px;background-color: white;border-radius: 8px;max-width: 620px;margin-left: auto;margin-right: auto;overflow-y: auto;-webkit-overflow-scrolling: touch;;box-shadow: 0 5px 40px rgba(0,0,0,0.7);}
#popup-box-container.shown {opacity: 1;z-index: 99999;}
#popup-box iframe {width: 100%;height: 100%;border-radius: 8px;max-width: 100%;}
.close-icon-container {width: 100%;height: 1px;max-width: 100%;position: fixed;top: 80px;}
.close-icon {position: absolute;top: 13px;left: 12px;width: 32px;height: 32px;background-image: url(../images/close-icon.svg);background-repeat: no-repeat;background-size: 100%;cursor: pointer;opacity: 0.42;-webkit-transition: opacity .2s;transition: opacity .2s;}
.close-icon:hover {opacity: 0.52;}
#dimmer {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: black;opacity: 0.7;display: none;}
.image-container {
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.video-container {
	position: absolute;
	width: 96%;
	height: 96%;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}