/*!
 * 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 { background-color:#000; padding-bottom: 0 }
.carousel-inner { height: 100%; }
.carousel-caption A{ text-decoration:none !important; }
.carousel-caption{ text-shadow: none; right:45%; left:19.35%; top:15%; bottom:25%; text-align:left  }
.slogan{ font-size: 2.0em !important; font-weight:800 !important; margin: 35px 0 20px 0; color:#FFF; text-transform:uppercase; line-height: 1.3em }
.slogan span{ color: #000; font-weight:bold }
.text-caption{ width:100%; margin-top: 20px; font-size:1.1em; color:#FFF !important; line-height:1.5em; font-weight:300 }
.carousel-caption .style-button-blue{ padding: 20px 50px }
.fill {	opacity: 0.7; width: 100%; height: 100%; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover }
.carousel-caption A{ color:#FFF !important }

.carousel-indicators .active { width:18px; height:18px; background-color:#FFF; border-radius: 50%; border: 0px solid transparent }
.carousel-indicators li{ width:18px; height:18px; border: 0px solid transparent; box-shadow: 1px 1px 0px rgba(0,0,0,0.2); background-color: rgba(255,255,255, 0.5) }
.carousel-indicators{ bottom:10px !important }
.carousel-control{ opacity:1.0 !important; background-image: none  !important }
.icon-prev, .icon-next{ font-size:5.0em !important; font-weight:bold; color:#FFF; opacity:1.0 !important; transition: all 300ms ease-out; height:60px !important; width:60px !important; line-height:15px; text-shadow: none; }
.icon-prev:hover, .icon-next:hover{ color:#333; z-index:2000 }
.carousel-control .icon-prev:before, .carousel-control .icon-next:before{  font-family: FontAwesome; font-size:0.3em; font-weight:100 }
.carousel-control .icon-prev:before{ content: '\f053' !important; margin-left:-3px  }
.carousel-control .icon-next:before{ content: '\f054' !important; ; margin-left:2px  }
.carousel .button-layer{ margin-top: 30px }

@media only screen and (max-width: 560px) {
	.slogan p{ font-size: 18px !important; display:none; }
	.slogan{ margin-top: 20px !important; font-size:1.4em !important; color:#FFF; letter-spacing:0; text-transform:none; font-weight:bold !important }
	.carousel-caption{ top: 10% !important; bottom: 15%; padding: 0 20px }
	.text-caption{ margin-top: 20px }
	.label-caption-s{ text-align: center }
	.carousel-control .icon-prev, .carousel-control .icon-next{ display: none }
}

@media only screen and (min-width: 560px){
	.carousel-caption{ padding: 0px 40px }
}
	
@media screen and (min-width: 561px) and (max-width:768px) {
	.slogan{ margin-top:10px !important; font-size: 28px !important }

}
@media screen and (min-width: 561px) and (max-width:992px) {
	.carousel-caption{ border-top-left-radius: 7px; border-top-right-radius: 7px;  border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
}

@media (max-width: 767px) {
	
    .carousel-indicators { padding-bottom:0px !important; bottom:0px !important; }
	.icon-next, .icon-prev{ width: 40px !important; height:40px !important; line-height:13px; font-size:3.0em !important; }
	.icon-prev{ left:17% !important }
	.icon-next{ right:17% !important }
	.carousel-caption{ left: 10%; right:10%; top: 20% }
	.carousel-caption .style-button-blue{ padding: 12px 25px }	
	.label-caption-s{ width: 100% }
}

@media (min-width: 992px) {
	.carousel-control{ width:10% }

}
@media screen and (min-width: 768px) and (max-width:1199px) {
	.carousel-caption{ right:20%; bottom:0% }
	.text-caption{ font-size:1.0em; font-weight:100 !important; }
	.slogan{ font-size: 25px !important }
}
@media screen and (min-width: 768px) and (max-width:991px) {
	.carousel-caption{ top: 10% }	
	.label-caption-s{ width: 80% }	
	.text-caption{ margin-top: 0; font-size: 0.90em }
	.carousel-caption .style-button-blue{ padding: 15px 30px }	
	.carousel .button-layer{ margin-top: 20px }		
}
@media screen and (min-width: 992px) and (max-width:1172px) {
	.slogan{ font-size: 28px !important }
	.text-caption{ font-size: 1.0em; margin-top: 10px }			
	.carousel-caption{ left:15% }	
	.carousel-caption .style-button-blue{ padding: 15px 30px }	
	.carousel .button-layer{ margin-top: 20px }	
}
@media screen and (min-width: 1173px) and (max-width:1399px) {
	.slogan{ font-size: 32px !important }		
	.text-caption{ margin-top: 30px }	
}