/*!
 * Bootstrap JUMBOTRON & CARUSEL
 *  *
 * Copyright 2015 Atelier 26
 *
 */


/* CARUSEL
-------------------------------------------------- */

@media (max-width: 767px) {
.teaser {padding: 0px; }
}
 
/* Size */


.carousel-caption {
  	text-align: center;
  	z-index: 10;
    left: 0; 
  	right: 0; 
    top: 0;
    bottom: 0;
   	margin: 0 auto;
  	display:table; /* All Browser */
  	display:block\0; /* IE 9 and below */
	border: 0px solid red;
}

.carousel {height: auto; width: 100%; margin-bottom: 20px; padding: 0px;}
.carousel-caption {height: auto; width: 100%;}
.carousel .item {height: auto; background-color: #FFFFFF;}
.carousel-control.left,  .carousel-control.right {display: none;}
.carousel-indicators {display: none;}
.carousel-inner > .item > img {margin-top: 0%;}  /* Image position */


@media (min-width: 768px) {
  .carousel {height: 284px;  margin-bottom: 40px;}
  .carousel-caption {height: 284px; width: 100%;}
  .carousel .item {height: 284px; background-color: #FFFFFF;}
  .carousel-control.left,  .carousel-control.right {display: table;}
  .carousel-control {height: 284px;}
  .carousel-indicators {display: block; bottom: 0px;}
  .carousel-inner > .item > img {margin-top: 0px;}  /* Image position */
}

@media (min-width: 992px) {
  .carousel {height: 370px;  margin-bottom: 40px;}
  .carousel-caption {height: 370px; width: 940px;}
  .carousel .item {height: 370px; background-color: #FFFFFF;}
  .carousel-control {height: 370px; }
  .carousel-inner > .item > img {margin-top: 0px;}  /* Image position */
}

@media (min-width: 1200px) {
  .carousel {height: 445px; margin-bottom: 40px;}
  .carousel-caption {height: 445px; width: 1140px;}
  .carousel .item {height: 445px; background-color: #FFFFFF;}
  .carousel-control {height: 445px;}
  .carousel-inner > .item > img {margin-top: 0px;}  /* Image position */
}

/* carousel control  */

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 10%;
  opacity: 0.0;
  filter: alpha(opacity=0);
  font-size: 20px;
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0px solid red;
  z-index: 20;
  display: table;   
}
.carousel-control.left {
  left: 10;
  right: 0;
  background-image: none;
  background-repeat: repeat-x;
  text-align: left;
}
.carousel-control.right {
  text-align: right;
  background-image: none;
  background-repeat: repeat-x;
  text-align: right;
  position: absolute;
  right: 74px\0; /* IE 9 and below */
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-control .prev, .carousel-control .next{
  width: 20px;
  height: 30px;
  display: block;
  margin: auto 0 auto 0;
  vertical-align: middle;
  display:table-cell;
}

.carousel-control .prev {
  background: url(../img/prev.svg) no-repeat 33% center; /* all browser */
  background: url(../img/prev.png)no-repeat 33% center\9; /* IE 8 and below */
}

.carousel-control .next {
 position:relative
 right: 0;
 background: url(../img/next.svg) no-repeat 66% center; /* all browser */
 background: url(../img/next.png)no-repeat 66% center\9; /* IE 8 and below */
}
.carousel-indicators li {
  margin: 0px 2px 0px 2px;
  
}
.carousel-indicators .active {
  height: 10px;
  width: 10px;
  margin: 0px 2px 0px 2px;
}