/********************************************************************************/
/* GALLERY
/********************************************************************************/

.gallery-container,
.video-container {
	position: fixed;
	z-index: -9999;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	opacity: 0;
	-webkit-transition: z-index 0s ease 0.65s, opacity 0.65s ease;
	   -moz-transition: z-index 0s ease 0.65s, opacity 0.65s ease;
		-ms-transition: z-index 0s ease 0.65s, opacity 0.65s ease;
		 -o-transition: z-index 0s ease 0.65s, opacity 0.65s ease;
			transition: z-index 0s ease 0.65s, opacity 0.65s ease;
}
.video-container {
	background: #000;
}
.gallery-container.open,
.video-container.open {
	z-index: 9999;
	opacity: 1;
	-webkit-transition: z-index 0s ease 0s, opacity 0.65s ease;
	   -moz-transition: z-index 0s ease 0s, opacity 0.65s ease;
		-ms-transition: z-index 0s ease 0s, opacity 0.65s ease;
		 -o-transition: z-index 0s ease 0s, opacity 0.65s ease;
			transition: z-index 0s ease 0s, opacity 0.65s ease;
}

.gallery-container .swiper-container {
	height: 100%;
}
.gallery-container .swiper-slide {
	background-position: 50% 0;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
}

.gallery-container .swiper-button-prev, 
.gallery-container .swiper-button-next {
	width: 57px;
	height: 60px;
	margin-top: -30px;
	background: url('../img/gallery-buttons.png');
	-webkit-background-size: 200% auto;
	   -moz-background-size: 200% auto;
		 -o-background-size: 200% auto;
			background-size: 200% auto;
}
.gallery-container .swiper-button-prev {
	
}
.gallery-container .swiper-button-next {
	background-position: -60px 0;
}

.gallery-container .close-gallery,
.video-container .close-video {
	position: absolute;
	z-index: 10;
	top: 24px;
	right: 34px;
	width: 56px;
	height: 60px;
	background: url('../img/gallery-buttons.png') -29px -150px no-repeat;
	opacity: 0.9;
	cursor: pointer;
}
.gallery-container .close-gallery:hover ,
.video-container .close-video:hover {
	opacity: 1;
}

a#open-gallery-btn {
	color: inherit;
}




/* Video player */
.player-container {
	position: absolute;
	top: 25%;
	width: 100%;
	padding-top: 56.25%;
}
.player {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}
@media only screen and (orientation : landscape) and ( max-aspect-ratio : 16/9 ) {
	.player-container {
		top: 5%;
	}
}
@media only screen and ( min-aspect-ratio : 16/9 ) {
	.player-container {
		top: auto;
		bottom: 0;
	}
}

/***/


/********************************************************************************/