.responsive-gallery {
	width:			100%;
	height:			0;
	position:		relative;
}

.responsive-gallery-fs-fallback .responsive-gallery.is-fullscreen {
	position: fixed;
	top:      0;
	left:     0;
	width:    100%;
	height:   100%;
	z-index:  9999;
}

.responsive-gallery-canvas {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	overflow:		hidden;
	opacity:		0;
	transition:		opacity 100ms;
}

.responsive-gallery-item {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;
}

.responsive-gallery-media {
	width:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	background:		#333;
	overflow:		hidden;
}

.responsive-gallery-image,
.responsive-gallery-video {
	position:		absolute;
	top:			50%;
	left:			50%;
	-webkit-transform:	translate(-50%, -50%);
	transform:		translate(-50%, -50%);
}

.responsive-gallery-image {}

.responsive-gallery-video {}

.responsive-gallery-overlay-top,
.responsive-gallery-overlay-center,
.responsive-gallery-overlay-bottom {
	position:		absolute;
}

.responsive-gallery-overlay-top,
.responsive-gallery-overlay-bottom {
	width:			100%;
	left:			0;
}

.responsive-gallery-overlay-top {
	top:			0;
}

.responsive-gallery-overlay-center {
	top:			50%;
	left:			50%;
	-webkit-transform:	translate(-50%, -50%);
	transform:		translate(-50%, -50%);
}

.responsive-gallery-overlay-bottom {
	bottom:			0;
}

.responsive-gallery-video-controls {
	position:		absolute;
	top:			1em;
	left:			1em;
	z-index:		400;
}

.responsive-gallery-video-play,
.responsive-gallery-video-pause,
.responsive-gallery-video-prev,
.responsive-gallery-video-next,
.responsive-gallery-video-fullscreen-on,
.responsive-gallery-video-fullscreen-off,
.responsive-gallery-video-mute-on,
.responsive-gallery-video-mute-off {
	float:			left;
}

.responsive-gallery-video-play {}

.responsive-gallery-video-pause {}

.responsive-gallery-video-prev {}

.responsive-gallery-video-next {}

.responsive-gallery-video-fullscreen-on {}

.responsive-gallery-video-fullscreen-off {}

.responsive-gallery-video-mute {}

.responsive-gallery-video-unmute {}

.responsive-gallery-controls {
	width:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	z-index:		400;
}

.responsive-gallery-prev,
.responsive-gallery-next,
.responsive-gallery-fullscreen-on,
.responsive-gallery-fullscreen-off {
	position:		absolute;
}

.responsive-gallery-prev {
	left:			1em;
	top:			50%;
	-webkit-transform:	translateY(-50%);
	transform:		translateY(-50%);
}

.responsive-gallery-next {
	right:			1em;
	top:			50%;
	-webkit-transform:	translateY(-50%);
	transform:		translateY(-50%);
}

.responsive-gallery-fullscreen-on {
	top:			1em;
	right:			1em;
}

.responsive-gallery-fullscreen-off {
	top:			1em;
	right:			1em;
}

.responsive-gallery-play-overlay {
	position:		absolute;
	top:			50%;
	left:			50%;
	-webkit-transform:	translate(-50%, -50%);
	transform:		translate(-50%, -50%);
	z-index:		500;
}

/* Linked slides */
.responsive-gallery.linked-slides .responsive-gallery-controls {
	pointer-events:		none;
}

.responsive-gallery.linked-slides .responsive-gallery-prev,
.responsive-gallery.linked-slides .responsive-gallery-next,
.responsive-gallery.linked-slides .responsive-gallery-fullscreen-on,
.responsive-gallery.linked-slides .responsive-gallery-fullscreen-off {
	pointer-events:		auto;
}

/* Ready */
.is-ready .responsive-gallery-canvas {
	opacity:		1;
}

.is-ready .responsive-gallery-item {
	transition:		opacity 250ms;
	z-index:		200;
}

/* Active */
.responsive-gallery-item.is-active {
	opacity:		1;
	z-index:		300;
}

/* Windowed */
.is-windowed .responsive-gallery-fullscreen-off,
.is-windowed .responsive-gallery-video-fullscreen-off {
	display:		none;
}

/* Fullscreen */
.is-fullscreen .responsive-gallery-fullscreen-on,
.is-fullscreen .responsive-gallery-video-fullscreen-on {
	display:		none;
}

/* Paused */
.is-paused .responsive-gallery-video-pause {
	display:		none;
}

/* Playing */
.is-playing .responsive-gallery-play-overlay,
.is-playing .responsive-gallery-video-play {
	display:		none;
}

.is-playing .responsive-gallery-video-pause {
	display:		block;
}

/* Muted */
.is-muted .responsive-gallery-video-mute-on {
	display:		none;
}

/* Unmuted */
.is-unmuted .responsive-gallery-video-mute-off {
	display:		none;
}
