.carousel,
.carousel-inner,
.carousel-inner .item,
.carousel-inner img {
	position: absolute;
	width: 100%;
	height: 100%;
}

.carousel-inner {
	background: #123456;
}

.carousel-inner img {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	max-height: 100%
}

.carousel-caption {
	background: rgba(10,10,10,0.7);
	overflow-y: scroll;
	max-height: 80%;

	padding: 0;
	margin-bottom: 40px;
}

.caption-control:hover {
	opacity: 1;
}

.caption-control > .btn, .caption-control > label {
    margin: 0 10px;
}

.arrow-control {
	top: 50%;
	position: absolute;
}

.carousel-caption h4 {
	font-size: 1.45em;
}

.carousel-caption p {
	font-size: 1em;
}

.carousel-control {
	display: none;
}

.caption-control {
	position: absolute;
	z-index: 10;
	padding: 20px;
	text-align: center;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
	width: 100%;
	height: auto;
	opacity: 1;
	bottom: auto;
}

.font-sm {
	font-size: 20px;
}

.font-md {
	font-size: 30px;
}

.font-lg {
	font-size: 40px;
}