/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 500px;
  position: relative;
  margin: 0;
}
/* Since positioning the image, we need to help out the caption */
.carousel-indicators {
	width: 1170px;
	margin-left: -585px;
	text-align: right;
	bottom: 30px;
}
.carousel-indicators li {
	display: inline-block;
	width: 13px;
	height: 13px;
	margin: 1px 5px;
	background-color: #fff;
}
.carousel-indicators .active {
	width: 15px;
	height: 15px;
	border: 0px solid #fff;
	background-color: #ffc423;
	margin: 0px 5px;
}

.carousel-caption {
  width: 1170px;
  z-index: 10;
  padding-bottom: 80px;
  margin: 0 auto;
  position: relative;
  left: 0;
  right: 0;
  text-align: left;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #fff;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
}
.carousel-caption {
	display: block;
	cursor: pointer;
}
.carousel-caption:hover {
	color: #fff;
	text-decoration: none;
}
.carousel-caption .sub-title {
	font-size: 300%;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 1.25;
}
@-moz-document url-prefix() {
    .carousel-caption .sub-title { line-height: 1.27; }
}
.carousel-caption h2 {
	font-size: 400%;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.25;
	-moz-line-height: 1.3;
	margin: 0;
}
@-moz-document url-prefix() {
    .carousel-caption h2 { line-height: 1.265; }
}
.carousel-caption p {
	font-size: 140%;
	font-weight: 400;
	line-height: 1.3;
	margin: 0;
}
@-moz-document url-prefix() {
    .carousel-caption p { line-height: 1.4; }
}
.carousel-caption .call-to-action {
	font-size: 150%;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 2;
}

.text-left {
	text-align: left;
}
.text-left.top {
	padding: 50px 300px 0px 15px;
}
.text-left.center {
	padding: 150px 300px 0px 15px;
}
.text-left.bottom {
	padding: 250px 300px 0px 15px;
}
.text-right {
	text-align: right;
}
.text-right.top {
	padding: 50px 15px 0px 300px;
}
.text-right.center {
	padding: 150px 15px 0px 300px;
}
.text-right.bottom {
	padding: 250px 15px 0px 300px;
}

.text-left h2 span, 
.text-left .sub-title span, 
.text-left p span {
	display: inline;
	background-color: rgba(0,45,98,0.85);
	/*-webkit-box-shadow: 15px 0 0 rgba(0,45,98,0.85),-15px 0 0 rgba(0,45,98,0.85);
	-moz-box-shadow: 15px 0 0 rgba(0,45,98,0.85),-15px 0 0 rgba(0,45,98,0.85);
	box-shadow: 15px 0 0 rgba(0,45,98,0.85),-15px 0 0 rgba(0,45,98,0.85);*/
}
.mobile-left h2 span, 
.mobile-left .sub-title span, 
.mobile-left p span {
	display: inline;
	background-color: rgba(0,45,98,0.85);
	-webkit-box-shadow: 5px 0 0 rgba(0,45,98,0.85),-5px 0 0 rgba(0,45,98,0.85);
	-moz-box-shadow: 5px 0 0 rgba(0,45,98,0.85),-5px 0 0 rgba(0,45,98,0.85);
	box-shadow: 5px 0 0 rgba(0,45,98,0.85),-5px 0 0 rgba(0,45,98,0.85);
}
.text-right h2 span, 
.text-right .sub-title span, 
.text-right p span {
	display: inline;
	background-color: rgba(255,196,35,0.85);
	/*-webkit-box-shadow: 15px 0 0 rgba(255,196,35,0.85),-15px 0 0 rgba(255,196,35,0.85);
	-moz-box-shadow: 15px 0 0 rgba(255,196,35,0.85),-15px 0 0 rgba(255,196,35,0.85);
	box-shadow: 15px 0 0 rgba(255,196,35,0.85),-15px 0 0 rgba(255,196,35,0.85);*/
}
.mobile-right h2 span, 
.mobile-right .sub-title span, 
.mobile-right p span {
	display: inline;
	background-color: rgba(255,196,35,0.85);
	-webkit-box-shadow: 5px 0 0 rgba(255,196,35,0.85),-5px 0 0 rgba(255,196,35,0.85);
	-moz-box-shadow: 5px 0 0 rgba(255,196,35,0.85),-5px 0 0 rgba(255,196,35,0.85);
	box-shadow: 5px 0 0 rgba(255,196,35,0.85),-5px 0 0 rgba(255,196,35,0.85);
}
.text-right p span, 
.text-left p span {
	padding-top: 5px;
	padding-bottom: 5px;
}
.text-right p, 
.text-left p {
	line-height: 1.75;
}
@media all and (-ms-high-contrast:none)
{
.text-right p, 
.text-left p { line-height: 1.75; } /* IE10 */
*::-ms-backdrop, .text-right p, 
.text-left p { line-height: 1.7; } /* IE11 */
}

h2 span {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.carousel-control.left, .carousel-control.right {
	background-image: none;
}
.glyphicon-chevron-left:before {
	content: "\e079";
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
	width: 40px;
	height: 40px;
	margin-top: 0;
	font-size: 40px;
}
.carousel .carousel-caption.mobile-left, .carousel .carousel-caption.mobile-right {
	display: none;
}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 1200px) {
	
}
@media (min-width: 768px) {
	.carousel-indicators {
		width: 750px;
		margin-left: -375px;
	}
	.carousel-caption {
		width: 750px;
	}
}
@media (min-width: 992px) {
	.carousel-indicators {
		width: 970px;
		margin-left: -485px;
	}
	.carousel-caption {
		width: 970px;
	}
}
@media (min-width: 1200px) {
	.carousel-indicators {
		width: 1170px;
		margin-left: -585px;
	}
	.carousel-caption {
		width: 1170px;
	}
}
@media (max-width: 1199px) {
	.carousel {
		height: 400px;
		overflow: hidden;
	}
	.carousel-indicators {
		bottom: 15px;
	}
	.carousel .item {
	  height: 400px;
	}
	.carousel-caption .sub-title {
		font-size: 250%;
		line-height: 1.25;
	}
	.carousel-caption h2 {
		font-size: 325%;
		line-height: 1.25;
	}
	.carousel-caption p {
		font-size: 110%;
		line-height: 1.8;
	}
	.carousel-caption .call-to-action {
		font-size: 120%;
	}	

.text-left.top {
	padding: 50px 100px 0px 50px;
}
.text-left.center {
	padding: 150px 100px 0px 50px;
}
.text-left.bottom {
	padding: 250px 100px 0px 50px;
}

.text-right.top {
	padding: 50px 50px 0px 100px;
}
.text-right.center {
	padding: 150px 50px 0px 100px;
}
.text-right.bottom {
	padding: 250px 50px 0px 100px;
}
}
@media (max-width: 991px) {
	.carousel {
		height: 350px;
		overflow: hidden;
	}
	.carousel-indicators {
		width: 100%;
		margin-left: -50%;
		text-align: center;
	}
	.carousel .item {
	  height: 350px;
	}
	.carousel-inner > .item > img {
		min-width: 100%;
		width: auto;
	}
	.carousel-caption .sub-title {
		font-size: 200%;
		line-height: 1.25;
	}
	.carousel-caption h2 {
		font-size: 275%;
		line-height: 1.25;
	}
	.carousel-caption p {
		font-size: 100%;
		line-height: 1.9;
	}
	.carousel-caption .call-to-action {
		font-size: 110%;
	}

.text-left.top {
	padding: 50px 100px 0px 50px;
}
.text-left.center {
	padding: 100px 100px 0px 50px;
}
.text-left.bottom {
	padding: 180px 100px 0px 50px;
}

.text-right.top {
	padding: 50px 50px 0px 100px;
}
.text-right.center {
	padding: 100px 50px 0px 100px;
}
.text-right.bottom {
	padding: 180px 50px 0px 100px;
}
	
}
@media (max-width: 767px) {
	
	.carousel-indicators {
		bottom: 5px;
	}
	.carousel-caption {
		width: 100%;
	}
	.carousel {
		height: 200px;
	}
	.carousel-inner > .item > img {
		min-width: 100%;
		width: auto;
	}
	.carousel-control {
		width: 5%;
	}
	.carousel-caption .sub-title {
		font-size: 175%;
		line-height: 1.25;
	}
	.carousel-caption h2 {
		font-size: 225%;
		line-height: 1.25;
	}
	.carousel-caption p {
		font-size: 90%;
		line-height: 2;
	}
	.carousel-caption .call-to-action {
		font-size: 100%;
	}
	
.text-left {
	display: none;
}
.text-right {
	display: none;
}
.carousel .carousel-caption.mobile-left, .carousel .carousel-caption.mobile-right {
	display: block;
	padding: 50px 60px 0px 60px;
}
	.carousel-caption h2 {
		font-size: 130%;
		line-height: 1.3;
	}
}
@media (max-width: 500px) {

}