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

#mainCarousel .carousel, #mainCarousel .item, #mainCarousel .active {height:100%;}
#mainCarousel .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-color:#000;
	background-attachment:fixed;
    background-position:center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    -o-background-size:cover;
}
.fill:after {
	content:'';
	position:absolute;
	left:0; top:0; right:0; bottom:0;
	background-color:rgba(0,0,0,0.5);
}
#mainCarousel img    {width:100%; }
#mainCarousel .carousel-caption    {
	top: auto;
    bottom: 0;
    font-size: 18px;
    text-align: left;
	
	}
#mainCarousel .carousel-caption h1 {font-weight:500; color:#FFF; text-transform:uppercase;}
#mainCarousel .carousel-caption h2 {font-weight:800; color:#edc44a; text-transform:uppercase; text-align:center; position: relative;
    top: 20px;}
#mainCarousel .item:last-child .carousel-caption {text-align:center;}
#mainCarousel .item:last-child .carousel-caption a {
    display: block;
    padding:6px;
    color: #222;
    text-decoration: none;
    text-align: center;
    margin-bottom:15px;
    text-shadow: none;
    background-color: #FFF;
    border-radius: 5px;
}
#mainCarousel .item:last-child .carousel-caption a:hover {color:#FFF; background-color:#edc44a; text-shadow:1px 1px rgba(0,0,0,0.2);}

#mainCarousel .carousel-caption .btn {
	border:#edc44a 2px solid; padding:15px 40px; /*color:#edc44a*/ 
	color:white;
	font-size:20px; border-radius:40px; font-weight:600; background-color:#edc44a;/* background-color:rgba(0,0,0,0.3);*/
}
#mainCarousel .carousel-caption .btn:hover {
	border-color:#edc44a; background-color:#edc44a; color:#FFF; text-shadow:1px 1px rgba(0,0,0,0.2);
}

#mainCarousel .carousel-control    {top:47%; bottom:auto; width:50px; height:50px; background-color:#000; padding-top:14px; z-index:99; border-radius:50%;}
#mainCarousel .carousel-control:hover {color:#fdd116;}
#mainCarousel .carousel-control:focus {color:#fdd116;}
#mainCarousel .carousel-control.right {background-image:none; right:20px;}
#mainCarousel .carousel-control.left  {background-image:none; left:20px;}

#mainCarousel .carousel-indicators li {
	width:auto; height:auto; text-indent:inherit; border:1px transparent solid;
	background-color:rgba(255,255,255,0.7); color:#333; font-size:12px;
	text-transform:uppercase; padding:7px 15px; border-radius:35px;
}
#mainCarousel .carousel-indicators .active {width:auto; height:auto; background-color:#092038; color:#FFF; border-color:#FFF;}

.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;}
