/*!
 * 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%; z-index:99;}

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

#mainCarousel .carousel-caption   {padding-top:5%; text-shadow:none; text-align:center; bottom:0;}
#mainCarousel .carousel-caption h1 {margin-top:7%; text-shadow:0 1px 2px rgba(0, 0, 0, 0.8);}
#mainCarousel .carousel-caption p {color:#fff; font-size:24px; font-family: Arial Narrow,Arial,sans-serif; position:absolute; left:0; right:0; text-align:center; bottom:12%; text-shadow:0 3px 5px rgba(0, 0, 0, 0.8);}
#mainCarousel .carousel-caption h2{color:#FFF; font-size:36px; font-weight:normal; text-transform:none; font-family: Arial Narrow,Arial,sans-serif;}
#mainCarousel .carousel-caption ul{width:600px; margin:auto; padding:0; list-style:none; text-align:center;}
#mainCarousel .carousel-caption ul li{margin:10px; width:100px; font-size:14px; font-weight:normal; color:#FFF; display:inline-block; vertical-align:top;}
#mainCarousel .carousel-caption ul li img{width:90px; margin-bottom:10px;}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  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;}