/********************
 * FEATURE CAROUSEL *
 ********************/
.carousel-container {
  position:relative;
  width:960px;
}
#carousel {
  height:500px;
  width:960px;
  background: transparent url(../img/multimedia/bg_carrousel.jpg) center 170px repeat-x;
  position:relative;
  margin: 0 auto;
  font-size:12px;
  font-family: Arial;
}
.carousel-image {
  border:0;
  display:block;
}
.carousel-feature {
  position:absolute;
  top:-1000px;
  left:-1000px;
  cursor:pointer;
  opacity: 1!important;
}
.carousel-feature .carousel-caption {
  position:absolute;
  bottom:0;
  width:100%;
  background-color:transparent;
}
.carousel-feature .carousel-caption p {
	color: #FFFFFF;
	font-size: 35px;
	font-weight: normal;
	left: 0;
	margin: 0;
	position: relative;
	top: -345px;
	font-family: 'Sigmar One', cursive;
	text-align: center;
	opacity: 1!important;
	}

.tracker-summation-container {
  position:absolute;
  color:white;
  right:48px;
  top:230px;
  padding:3px;
  margin:3px;
  background-color:#000;
  display: none;
}
.tracker-individual-container {
  position:absolute;
  color:white;
  right:48px;
  top:210px;
  padding:0;
  margin:0;
  display: none;
}
.tracker-individual-container li {
  list-style:none;
}
.tracker-individual-container .tracker-individual-blip {
	margin:0 3px;
	padding:0 3px;
	color:white;
	text-align:center;
	background-color:#DDD;
	display: none;
	}
.tracker-individual-container .tracker-individual-blip-selected {
	color:white;
	font-weight:bold;
	background-color:#000;
}
#carousel-left {
	top: 140px;
	cursor: pointer;
	left: -460px;
	position: absolute;
}

#carousel-right {
	top: 140px;
	cursor: pointer;
	position: absolute;
	right: -460px;
}

@media screen and (max-width: 768px) {

  .carousel-container { left: -110px; }
  #carousel-right { right: -246px; top: 415px; }
  #carousel-left { left: 153px; top: 415px; }

}