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

#myCarousel{
	
	background-position: top center;
	height: auto;
}

/* Carousel base class */
.carousel {
  margin-bottom: 0px;
  background-color: transparent;
  height: 100%;
  
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 780px;
  background-color: transparent;

}

.height-relative-caroulsel494 .item{
	height:494px !important;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 100%;
}


.carousel-control.left{
	background-image: none;
	color: #fff;
	top: 0px;
	opacity: 1;
}

.carousel-control.right{
	background-image: none;
	color: #fff;
	top: 0px;
	opacity: 1;
}


.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  background-color: none;
  background-image: none;
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 20px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}