/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {
    height: 100%;
}

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

footer {
    margin: 50px 0;
}
/*
inspired from http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
.active .fromleft.animated1 {
	-webkit-animation:fadeInLeft 1s ease-in-out 700ms both;
	animation:fadeInLeft 1s ease-in-out 700ms both;
}
.active .fromleft.animated2 {
	-webkit-animation:fadeInLeft 2s ease-in-out 700ms both;
	animation:fadeInLeft 2s ease-in-out 700ms both;
}
.active .fromleft.animated3 {
	-webkit-animation:fadeInLeft 3s ease-in-out 700ms both;
	animation:fadeInLeft 3s ease-in-out 700ms both;
}
.active .zoomin.animated1 {
	-webkit-animation:zoomIn 1s ease-in-out 700ms both;
	animation:zoomIn 1s ease-in-out 700ms both;
}
.active .zoomin.animated2 {
	-webkit-animation:zoomIn 2s ease-in-out 700ms both;
	animation:zoomIn 2s ease-in-out 700ms both;
}
.active .zoomin.animated3 {
	-webkit-animation:zoomIn 3s ease-in-out 700ms both;
	animation:zoomIn 3s ease-in-out 700ms both;
}
.active .bouncein.animated1 {
	-webkit-animation:bounceIn 1s ease-in-out 700ms both;
	animation:bounceIn 1s ease-in-out 700ms both;
}
.active .bouncein.animated2 {
	-webkit-animation:bounceIn 2s ease-in-out 700ms both;
	animation:bounceIn 2s ease-in-out 700ms both;
}
.active .bouncein.animated3 {
	-webkit-animation:bounceIn 3s ease-in-out 700ms both;
	animation:bounceIn 3s ease-in-out 700ms both;
}
.active .bounceindown.animated1 {
	-webkit-animation:bounceInDown 1s ease-in-out 700ms both;
	animation:bounceInDown 1s ease-in-out 700ms both;
}
.active .bounceindown.animated2 {
	-webkit-animation:bounceInDown 2s ease-in-out 700ms both;
	animation:bounceInDown 2s ease-in-out 700ms both;
}
.active .bounceindown.animated3 {
	-webkit-animation:bounceInDown 3s ease-in-out 700ms both;
	animation:bounceInDown 3s ease-in-out 700ms both;
}
.active .bounceinup.animated1 {
	-webkit-animation:bounceInUp 1s ease-in-out 700ms both;
	animation:bounceInUp 1s ease-in-out 700ms both;
}
.active .bounceinup.animated2 {
	-webkit-animation:bounceInUp 2s ease-in-out 700ms both;
	animation:bounceInUp 2s ease-in-out 700ms both;
}
.active .bounceinup.animated3 {
	-webkit-animation:bounceInUp 3s ease-in-out 700ms both;
	animation:bounceInUp 3s ease-in-out 700ms both;
}
.active .bounceinleft.animated1 {
	-webkit-animation:bounceInLeft 1s ease-in-out 700ms both;
	animation:bounceInLeft 1s ease-in-out 700ms both;
}
.active .bounceinleft.animated2 {
	-webkit-animation:bounceInLeft 2s ease-in-out 700ms both;
	animation:bounceInLeft 2s ease-in-out 700ms both;
}
.active .bounceinleft.animated3 {
	-webkit-animation:bounceInLeft 3s ease-in-out 700ms both;
	animation:bounceInLeft 3s ease-in-out 700ms both;
}
.active .bounceinright.animated1 {
	-webkit-animation:bounceInRight 1s ease-in-out 700ms both;
	animation:bounceInRight 1s ease-in-out 700ms both;
}
.active .bounceinright.animated2 {
	-webkit-animation:bounceInRight 2s ease-in-out 700ms both;
	animation:bounceInRight 2s ease-in-out 700ms both;
}
.active .bounceinright.animated3 {
	-webkit-animation:bounceInRight 3s ease-in-out 700ms both;
	animation:bounceInRight 3s ease-in-out 700ms both;
}
.active .rollin.animated1 {
	-webkit-animation:rollIn 1s ease-in-out 700ms both;
	animation:rollIn 1s ease-in-out 700ms both;
}
.active .rollin.animated2 {
	-webkit-animation:rollIn 2s ease-in-out 700ms both;
	animation:rollIn 2s ease-in-out 700ms both;
}
.active .rollin.animated3 {
	-webkit-animation:rollIn 3s ease-in-out 700ms both;
	animation:rollIn 3s ease-in-out 700ms both;
}
.active .flipiny.animated1 {
	-webkit-animation:flipInY 1s ease-in-out 700ms both;
	animation:flipInY 1s ease-in-out 700ms both;
}
.active .flipiny.animated2 {
	-webkit-animation:flipInY 2s ease-in-out 700ms both;
	animation:flipInY 2s ease-in-out 700ms both;
}
.active .flipiny.animated3 {
	-webkit-animation:flipInY 3s ease-in-out 700ms both;
	animation:flipInY 3s ease-in-out 700ms both;
}
.active .flipinx.animated1 {
	-webkit-animation:flipInX 1s ease-in-out 700ms both;
	animation:flipInX 1s ease-in-out 700ms both;
}
.active .flipinx.animated2 {
	-webkit-animation:flipInX 2s ease-in-out 700ms both;
	animation:flipInX 2s ease-in-out 700ms both;
}
.active .flipinx.animated3 {
	-webkit-animation:flipInX 3s ease-in-out 700ms both;
	animation:flipInX 3s ease-in-out 700ms both;
}