.overlay-page-wrapper{

	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	width: 100%;
	min-height: 100%;

	display: none;
	opacity: 0;

	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);

}

.overlay-page-container{
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.overlay-page-wrapper .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0;
	background-color: #000;
		background-color: rgba(0,0,0,0.7);
}

.overlay-page-wrapper .close-button{
	cursor: pointer;
	position: fixed;
	z-index: 10;
	top: 1em;
	right: 1em;

	display: none !important;
}

.photo_gallery.page{

	position: relative;
	visibility: visible;
	width: 100%;
	height: 100%;

}

.photo_gallery.page .image-viewer{
	
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;

}

.photo_gallery.page .image-viewer{

	visibility: hidden;

}

.no-js .photo_gallery.page .image-viewer{
	visibility: visible;
}


.photo_gallery.page .next, .photo_gallery.page .prev{
	
	display: block;
	position: fixed;
	top: 50%;
	margin-top: -24px;
	padding: 0.5em;

	opacity: 0.3;

	-webkit-transition: 0.25s ease-out;
	-o-transition: 0.25s ease-out;
	transition: 0.25s ease-out;

}

.photo_gallery.page .prev{

	left: 0;

}

.photo_gallery.page .next{

	right: 0;

}

.photo_gallery.page .next:hover, .photo_gallery.page .prev:hover{
	
	opacity: 1;

}

.photo_gallery.page .caption-wrapper{

	position: fixed;
	z-index: 99;
	width: 100%;
	left: 0;
	bottom: 0;
	text-align: center;	
	color: #FFF;
	font-size: 0;

	background-color: #000;
	background-color: rgba(0,0,0,0.85);
	

}

.photo_gallery.page .caption{	
	
	display: inline-block;
	font-size: 16px;
	padding: 1em 0;
	width: 100%;	

	visibility: hidden;

}

.caption .field01{

	
	color: #FFF;
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;

}

.caption .field02{
	font-size: 16px;
	font-weight: normal;
	text-transform: none;

}

only screen and (min-width: 768px) {
	
	.overlay-page-wrapper{
		background-color: transparent;
		height: 100%;
	}

	.overlay-page-wrapper .bg{
		
	}
	

}