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

/* Carousel base class */
.carousel {
  height: 900px;
  width:100%;
  min-height:900px;
  max-height:900px;
  min-width:100%;
  margin-bottom: 0px;
  overflow: hidden;
  margin-top:-20px;
}

.carousel.carousel-inner{
	padding:0px;
}

.carousel .item {
  height: 900px;
  width:100%;
  min-height:900px;
  max-height:900px;
  min-width:100%;
  overflow: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	margin: 0px;
	padding:0px;
	border:0px;
}

.carousel-caption {
	z-index: 10;
	top:55%;
    margin: 0px;
    padding: 0;
	height:200px;
margin-left:-100px;
	text-align:left;
	width:500px;
}

.carousel-caption h1{
	margin-bottom:0px;
	font-size:24px;
}

.carousel-caption p{
padding-top:10px;
	line-height:18px;
	font-size:15px;
}
.carousel-indicators {
  z-index: 13;
	top: 75%;
	clear:both;
}



.banner1 {
    background: url(../images/banner1.jpg) no-repeat center top;
}
.banner2 {
    background: url(../images/banner2.jpg) no-repeat center top;
}
.banner3 {
    background: url(../images/banner3.jpg) no-repeat center top;
}

.banner4 {
    background: url(../images/banner4.jpg) no-repeat center top;
}

.banner5 {
    background: url(../images/banner5.jpg) no-repeat center top;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 859px) {
	.carousel {
	  height: 550px;
	  width:100%;
	  min-height:550px;
	  max-height:550px;
	  min-width:100%;
	  margin-bottom: 0px;
	  overflow: hidden;
	  margin-top:-20px;
	}

	.carousel .item {
	  height: 600px;
	  width:100%;
	  min-height:600px;
	  max-height:600px;
	  min-width:100%;
	  overflow: hidden;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  margin: 0px;
	  padding:0px;
	  border:0px;
	}
	.carousel-caption {
		z-index: 10;
		top: 40%;
		margin: 0px;
		padding: 0;
		height:200px;
		overflow:hidden;
		width:auto;
	}
	.carousel-indicators {
	  z-index: 13;
		top: 85%;
		clear:both;
	}
}




@media (min-width: 469px) and (max-height:600px) {
	.carousel-caption {
		z-index: 10;
		top: 45%;
		margin: 0px;
		padding: 0;
		height:200px;
		overflow:hidden;
	}
	.carousel-indicators {
	  z-index: 13;
		top: 70%;
		clear:both;
	}
}

@media (min-width: 469px) and (max-height:599px) {
	.carousel-caption {
		z-index: 10;
		top: 60%;
		margin: 0px;
		padding: 0;
		height:200px;
		overflow:hidden;
	}
	.carousel-indicators {
	  z-index: 13;
		top: 75%;
		clear:both;
	}

}

@media (min-width: 860px) and (max-height:800px) {

	.carousel {
	  height: 900px;
	  width:100%;
	  min-height:900px;
	  max-height:900px;
	  min-width:100%;
	  margin-bottom: 0px;
	  overflow: hidden;
	  margin-top:0px;
	}

	.carousel .item {
	  height: 900px;
	  width:100%;
	  min-height:900px;
	  max-height:900px;
	  min-width:100%;
	  overflow: hidden;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  margin: 0px;
	  padding:0px;
	  border:0px;
	 
	}
	.carousel-caption {
		z-index: 10;
		top: 50%;
		margin: 0px;
		padding: 0;
		height:200px;
		overflow:hidden;

		
	}
	.carousel-indicators {
	  z-index: 13;
		top: 70%;
		clear:both;
	}

}

@media (max-width: 468px) {
	.carousel {
	  height: 350px;
	  width:100%;
	  min-height:350px;
	  max-height:350px;
	  min-width:100%;
	  margin-bottom: 0px;
	  overflow: hidden;
	   margin-top:-20px;
	}

	.carousel .item {
	  height: 400px;
	  width:100%;
	  min-height:400px;
	  max-height:400px;
	  min-width:100%;
	  overflow: hidden;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  margin: 0px;
	  padding:0px;
	  border:0px;
	}
.carousel-caption {
	z-index: 10;
	top: 30%;
	left:0px;
    margin: 0px;
    padding: 5px;
	width:100%;
	height:150px;
	overflow:hidden;
	padding-left:20px;
	padding-right:20px;
	 

}

.carousel-caption h1{
	margin-bottom:0px;
	font-size:24px;
}

.carousel-caption p{
	line-height:15px;
	font-size:14px;
}

.carousel-indicators {
	z-index: 13;
	top: 325px;
	left:0px;
	 margin: 0px;
	 width:100%;
	clear:both;
	height:20px;
	overflow:hidden;
}