/* All devices */

.carousel {
	background: none;
	padding: 0;
	margin: 0;
}

.carousel-inner { overflow: visible }

.container-carousel {
	padding: 50px 0 0 0 !important;
	background-color: #175f84;
	overflow: hidden;
}

.container-carousel .carousel { height: 280px }
.container-carousel .carousel-indicators { bottom: 0 }

.carousel-indicators {
	float: right;
	left: auto;
	right: 25px;
	bottom: -1em;
	text-align: right;
}

.carousel-indicators > li {
	border: none;
	background-color: #126f95;
}

.carousel-control {
	width: 5%;
	margin-top: -50px;
	background-image: none !important;
}
.carousel-control:hover { background-image: none !important }
.carousel-indicators > li.active { background-color: #00add9 }
.carousel .icon-next, .carousel .icon-prev { font-size: 2.5em }
.carousel .item { text-align: center }

.carousel-caption {
	text-align: left;
	left: 5%;
	bottom: -2.4em;
}

.carousel-caption h3 { font-size: 1.4em }

.carousel-custom-caption, .carousel-image {
	display: inline-block;
	vertical-align: middle;
}

.carousel-custom-caption {
	text-align: left;
	text-shadow: none;
	z-index: 10;
	width: 80%;
}

.carousel-custom-caption ul {
	margin-left: 3.6em;
	margin-bottom: 15px;
	line-height: normal;
}

.carousel-custom-caption ul i { color: rgba(255, 255, 255, 0.5) }

.carousel-custom-caption h1, .carousel-custom-caption p, .carousel-custom-caption li {
	color: #fff;
	font-weight: 200;
	margin-bottom: 15px;
	width: auto;
}

.carousel-custom-caption h1 {
	font-size: 1.7em;
	line-height: 1em;
}

.carousel-custom-caption p { font-size: 1.1em }
.carousel-custom-caption li {
	margin-bottom: 5px;
	font-size: 1.1em;
}

.carousel-center-quote {
	display: none;
	position: absolute;
	top: 7%;
	width: 100%;
	line-height: normal;
}

.carousel-center-quote p {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.container-carousel .carousel { height: 330px }
	.container-carousel .carousel .item {
		height: 330px;
		line-height: 330px;
	}
	
	.carousel-indicators {
		float: none;
		left: 50%;
		right: auto;
		bottom: -1em;
		text-align: center;
	}
	
	.carousel-caption {
		text-align: center;
		left: 20%;
		bottom: -1em;
	}
	
	.carousel-caption h3 { font-size: 2em }
	
	.carousel-custom-caption {
		width: 43%;
		margin-left: 2%;
	}
	
	.carousel-image {
		width: 44%;
		height: 100%;
		margin-left: 1%;
	}
	
	.carousel-image > img {
		max-height: 85%;
		max-width: 100%;
	}
	
	.carousel-image > img.img-full-height { max-height: 100% }
	
	.carousel-image.img-full-scale {
		margin-right: -6%;
		width: 50%;
		height: 100%;
		overflow: hidden;
	}
	
	.carousel-image.img-full-scale > img {
		height: 100%;
		max-height: none;
		width: auto;
		max-width: none;
	}
	
	.carousel-image.img-bottom-right {
		margin-right: -6%;
		width: 50%;
		height: 100%;
	}
	
	.carousel-image.img-bottom-right > img { 
		position: absolute;
		bottom: 0;
		right: 0;
		max-height: 95%;
	}
	
	.carousel-custom-caption h1 { font-size: 2em }
	
	.carousel-custom-caption p {
		margin-bottom: 20px;
		font-size: 1.2em;
		line-height: 1.4em;
	}
	
	.carousel-custom-caption li { font-size: 1.2em }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.carousel-custom-caption h1 { font-size: 2.3em }
	.carousel-custom-caption p, .carousel-custom-caption li { font-size: 1.3em }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.container-carousel .carousel { height: 450px }
	.container-carousel .carousel .item {
		height: 450px;
		line-height: 450px;
	}
	.carousel-custom-caption h1 { font-size: 3.1em }
	.carousel-custom-caption p, .carousel-custom-caption li { font-size: 1.5em }
}

/* Extra large devices (ultra hi-res desktops and TVs, 1600px and up) */
@media (min-width: 1600px) {
	.container-carousel .carousel { height: 500px }
	.container-carousel .carousel .item {
		height: 500px;
		line-height: 500px;
	}
	.carousel-custom-caption h1 { font-size: 3.8em }
	.carousel-custom-caption p, .carousel-custom-caption li { font-size: 1.7em }
}
