/**
 * Copyright: 2007-2015, Web Techtonics, LLC
 * This code is property of Web Techtonics, LLC. All rights reserved.
 * May not be re-used, re-distributed or modified without permission.



*/

.AV-WCarousel-1 {
	position: relative;
	height: 75vh;
}
.AV-WCarousel-1 .carousel-inner .item {
	height: 75vh;
}
.AV-WCarousel-1 .carousel-indicators > li {
	margin: 0 3px;
	/*background-color: #f39c12;
	border-color: #f39c12;
	opacity: .7;*/
}
.AV-WCarousel-1 .carousel-indicators > li.active {
	width: 10px;
	height: 10px;
	opacity: 1;
}

.AV-WCarousel-1 .hero {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 rgba(0,0,0,.75);
	  -webkit-transform: translate3d(-50%,-50%,0);
		 -moz-transform: translate3d(-50%,-50%,0);
		  -ms-transform: translate3d(-50%,-50%,0);
		   -o-transform: translate3d(-50%,-50%,0);
			  transform: translate3d(-50%,-50%,0);
}
.AV-WCarousel-1 .hero h2 {
	font-size: 5em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.AV-WCarousel-1 .carousel-inner .item .hero {
	opacity: 0;
	-webkit-transition: 2s all ease-in-out .1s;
	   -moz-transition: 2s all ease-in-out .1s;
		-ms-transition: 2s all ease-in-out .1s;
		 -o-transition: 2s all ease-in-out .1s;
			transition: 2s all ease-in-out .1s;
}
.AV-WCarousel-1 .carousel-inner .item.active .hero {
	opacity: 1;
	-webkit-transition: 2s all ease-in-out .1s;
	   -moz-transition: 2s all ease-in-out .1s;
		-ms-transition: 2s all ease-in-out .1s;
		 -o-transition: 2s all ease-in-out .1s;
			transition: 2s all ease-in-out .1s;
}


.AV-WCarousel-1 .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-color: #080d15;
	opacity: .7;
}


.AV-WCarousel-1 .btn.btn-lg {padding: 10px 40px;}
.AV-WCarousel-1 .btn.btn-hero,
.AV-WCarousel-1 .btn.btn-hero:hover,
.AV-WCarousel-1 .btn.btn-hero:focus {
	color: #f5f5f5;
	background-color: #1abc9c;
	border-color: #1abc9c;
	outline: none;
	margin: 20px auto;
}

.AV-WCarousel-1 .slides .image {
	height: 100vh;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

@media screen and (min-width: 980px){
	.AV-WCarousel-1 .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
	.AV-WCarousel-1 .hero h2 { font-size: 3em; }    
}