/*!
 * 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%;
}

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
*/
.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;
  }
  @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);
      }
  }
  
  .item {
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }
  
  .carousel {
      z-index: -99;
  }
  .carousel .item {
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top:0;
  }
  .title {
    text-align: center;
    margin-top: 20px;
    padding: 10px;
    text-shadow: 2px 2px #000;
    color: #FFF;
  }
  footer {
      position: fixed; bottom:0; height: 75px; width:100%;text-align:center;
  }
  
  .carousel-control.left {
      background: url("../../Images/arrow-left.png") no-repeat center center rgba(255, 255, 255, 1) !important;
      height: 80px;
      width: 80px;
  }
  .carousel-control.right {
      background: url("../../Images/arrow-right.png") no-repeat center center rgba(255, 255, 255, 1) !important;
      height: 80px;
      width: 80px;
  }