.responsive-slider {
	width:			100%;
	overflow:		hidden;
	position:		relative;
}

.responsive-slider.fullscreen {
	height:			100%;
	position:		fixed;
	top:			0;
	left:			0;
	z-index:		9999;
}

.responsive-slider-slides {
	width:			100%;
	height:			100%;
	overflow:		hidden;
	position:		relative;
}

.responsive-slider-slide {
	width:			100%;
	height:			100%;
	overflow:		hidden;
	position:		absolute;
	left:			100%;
}

.responsive-slider-prev,
.responsive-slider-next,
.responsive-slider-fs-on,
.responsive-slider-fs-off {
	width:			60px;
	height:			60px;
	padding:		0;
	margin:			0;
	border:			none;
	position:		absolute;
	background:		transparent;
	color:			#fff;
	font-size:		30px;
	text-shadow:		0 0 3px #000;
	opacity:		0.5;
}

.responsive-slider-prev:hover,
.responsive-slider-next:hover,
.responsive-slider-fs-on:hover,
.responsive-slider-fs-off:hover {
	opacity:		1;
}

.responsive-slider-prev,
.responsive-slider-next {
	top:			calc(50% - 30px);
}

.responsive-slider-prev {
	left:			20px;
}

.responsive-slider-next {
	right:			20px;
}

.responsive-slider-fs-on,
.responsive-slider-fs-off {
	top:			20px;
	right:			20px;
}

.responsive-slider-fs-on {
}

.responsive-slider-fs-off {
	display:		none;
}

.fullscreen .responsive-slider-fs-on {
	display:		none;
}

.fullscreen .responsive-slider-fs-off {
	display:		block;
}

.responsive-slider-bullets {
	width:			100%;
	text-align:		center;
	position:		absolute;
	bottom:			20px;
}

.responsive-slider-bullet {
	display:		inline-block;
	width:			14px;
	height:			14px;
	margin:			0 3px;
	border-radius:		7px;
	background:		#fff;
	cursor:			pointer;
	opacity:		0.5;
}

.responsive-slider-bullet:hover {
	opacity:		1;
}

.responsive-slider-bullet.active {
	opacity:		1;
	background:		transparent;
	border:			2px solid #fff;
}