/* Fotorama */

.fullscreen,
.fotorama--fullscreen,
.fotorama--fullscreen .fotorama__stage,
.fotorama--fullscreen .fotorama__nav,
.fotorama-overlay {
	background-color: #202b38;
}

.fotorama--fullscreen img.fotorama__img {
	box-sizing: border-box;
	padding: 30px 30px 0 30px!important;
}

.fotorama--fullscreen .fotorama__caption {
	text-align: center;
}

.fotorama--fullscreen .fotorama__nav--dots .fotorama__nav__frame {
	height: 35px;
}

/* straight “close” icon instead of “cancel fullscreen” */
.fotorama--fullscreen .fotorama__fullscreen-icon {
	background-position: -64px 0;
}

/* LIGHTBOX FANCYBOX */

.lightbox {
	display: none;
	width: 1280px;
}

/* LIGHTBOX HOVER */

figure.lightboxitem {
	position: relative;
	overflow: hidden;
	margin: 0;
	width: 100%;
	text-align: center;
	cursor: pointer;
	display: block;
}

figure.lightboxitem img {
	max-width: 100%;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(0%);
	transition: all 0.5s ease;
}

figure.lightboxitem:hover img {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(100%);
}

figure.lightboxitem > div a {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	color: #ffffff;
}

figure.lightboxitem > div a .md-open {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 48px;
	font-weight: lighter;
	opacity: 0;
	top: calc(55% - 12px);
	position: relative;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	display: inline-block;
}

figure.lightboxitem:hover > div a .md-open {
	opacity: 1;
	top: calc(50% - 12px);
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

figure.lightboxitem > div::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: '';
}

figure.lightboxitem:hover > div::before {
	background: rgba(255, 255, 255, 0);
}