/* CUSTOMIZE THE CAROUSEL
 ========================================================= */
.hero-slider {
	background: #976334 url(../img/banner-bg.jpg) no-repeat center ;
	position: relative;
	overflow: hidden;
}
 
.hero-slider #scene {
	position: absolute; 
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	width: 100%;
	top:0;
	bottom:0;
	right:0;
	left:0;
}
.hero-slider #scene .layer{
	margin:0;
	padding: 0; 
	list-style: none;   
	position: absolute !important;  
	
}
.hero-slider #scene .layer img {
display: inline-block;
max-width: 100%;
text-align: center;
}

.hero-slider #scene .layer .scene-img {
	position: absolute;
	display: inline-block;
	text-align: center;
	-webkit-animation-delay: 0.3s;
	 -o-animation-delay: 0.3s;
	-ms-animation-delay: 0.3s;
	 animation-delay: 0.3s; 
	-webkit-animation-duration: 1.2s;
	 -ms-animation-duration: 1.2s;
	 -o-animation-duration:1.2s;
	 animation-duration: 1.2s;
}

.hero-slider #scene .hero-bottom-center,
.hero-slider #scene .hero-bottom-left,
.hero-slider #scene .hero-bottom-right{
	top:auto !important;
	bottom: 0;
	width: 100%; 
}
.hero-slider #scene .hero-top-center,
.hero-slider #scene .hero-top-left,
.hero-slider #scene .hero-top-right{   
	width: 100%; 
}

.hero-slider #scene .hero-bottom-center  .scene-img ,
.hero-slider #scene .hero-bottom-left  .scene-img ,
.hero-slider #scene .hero-bottom-right  .scene-img {
	 position: relative;
	 display: inline-block; 
}
 
.hero-slider #scene .hero-top-center  .scene-img ,
.hero-slider #scene .hero-top-left  .scene-img ,
.hero-slider #scene .hero-top-right  .scene-img {
	 position: relative;
	 display: inline-block; 
	 top:-50px;
}
.hero-slider #scene .hero-bottom-left{
	 text-align: left;  
}
.hero-slider #scene .hero-bottom-right{
	 text-align: right; 
	 
}
.hero-slider #scene .hero-bottom-center {
	 text-align: center;
	 bottom: -50px;
}  
.hero-slider #scene .hero-bottom-right  .scene-img{
	right:10%;
}
.hero-slider #scene .hero-bottom-left  .scene-img{
	left:10%;
}

.hero-slider #scene .hero-top-left{
	 text-align: left;  
}
.hero-slider #scene .hero-top-right{
	text-align: right;  
}
.hero-slider #scene .hero-top-center {
	 text-align: center; 
}

.hero-slider #scene .hero-right,
.hero-slider #scene .hero-left{
	top: 0;
	bottom: 0;
	width: 100%;  
	 
}
.hero-slider #scene .hero-right .scene-img {
	top: 45%;
	bottom: 0;
	margin: auto; 
	right: 0; 
}
.hero-slider #scene .hero-left .scene-img {
	top: 40%;
	bottom: 0;
	margin: auto; 
	left: 0;
}
 
.hero-slider .carousel-caption{
	width: 100%;  
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center; 
	display: table;
	vertical-align: middle;
}
.hero-slider .carousel-caption .caption-box{
	display: table-cell;
   text-align: center;
   vertical-align: middle;
}
.hero-slider .carousel-inner {z-index: 1;}
.hero-slider .carousel-control {z-index: 2;}
  
 
.carousel-fade .carousel-caption h1,.carousel-fade .carousel-caption p{  
    -webkit-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;
} 
 

.carousel-fade .carousel-content { 
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
 
 
/* Custom Fade Slider CSS */
.carousel-fade .carousel-inner .item {
  opacity: 0;
	overflow:hidden;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;  
}
 
.carousel-fade .carousel-inner .active  {
  opacity: 1;
  -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;  

}
.carousel-fade .carousel-inner .active.left  ,
.carousel-fade .carousel-inner .active.right   {
  left: 0;
  opacity: 0;
  z-index: 1;
 -webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);

}
 
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;

}
.carousel-fade .carousel-control {
  z-index: 2;
}
 
 

/* Animation  
========================================================================*/
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}
.animated.hinge{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}
@-webkit-keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
@-webkit-keyframes bounceInUp{
	0%{opacity:0;-webkit-transform:translateY(2000px)}
	60%{opacity:1;-webkit-transform:translateY(-30px)}
	80%{-webkit-transform:translateY(10px)}
	100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceInUp{
	0%{opacity:0;-moz-transform:translateY(2000px)}
	60%{opacity:1;-moz-transform:translateY(-30px)}
	80%{-moz-transform:translateY(10px)}
	100%{-moz-transform:translateY(0)}
}
@-o-keyframes bounceInUp{
	0%{opacity:0;-o-transform:translateY(2000px)}
	60%{opacity:1;-o-transform:translateY(-30px)}
	80%{-o-transform:translateY(10px)}
	100%{-o-transform:translateY(0)}
}
@keyframes bounceInUp{
	0%{opacity:0;transform:translateY(2000px)}
	60%{opacity:1;transform:translateY(-30px)}
	80%{transform:translateY(10px)}
	100%{transform:translateY(0)}
}
.animated.bounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-o-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceInDown{
	0%{opacity:0;-webkit-transform:translateY(-2000px)}
	60%{opacity:1;-webkit-transform:translateY(30px)}
	80%{-webkit-transform:translateY(-10px)}
	100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceInDown{
	0%{opacity:0;-moz-transform:translateY(-2000px)}
	60%{opacity:1;-moz-transform:translateY(30px)}
	80%{-moz-transform:translateY(-10px)}
	100%{-moz-transform:translateY(0)}
}
@-o-keyframes bounceInDown{
	0%{opacity:0;-o-transform:translateY(-2000px)}
	60%{opacity:1;-o-transform:translateY(30px)}
	80%{-o-transform:translateY(-10px)}
	100%{-o-transform:translateY(0)}
}
@keyframes bounceInDown{
	0%{opacity:0;transform:translateY(-2000px)}
	60%{opacity:1;transform:translateY(30px)}
	80%{transform:translateY(-10px)}
	100%{transform:translateY(0)}
}
.animated.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft{
	0%{opacity:0;-webkit-transform:translateX(-2000px)}
	60%{opacity:1;-webkit-transform:translateX(30px)}
	80%{-webkit-transform:translateX(-10px)}
	100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes bounceInLeft{
	0%{opacity:0;-moz-transform:translateX(-2000px)}
	60%{opacity:1;-moz-transform:translateX(30px)}
	80%{-moz-transform:translateX(-10px)}
	100%{-moz-transform:translateX(0)}
}
@-o-keyframes bounceInLeft{
	0%{opacity:0;-o-transform:translateX(-2000px)}
	60%{opacity:1;-o-transform:translateX(30px)}
	80%{-o-transform:translateX(-10px)}
	100%{-o-transform:translateX(0)}
}
@keyframes bounceInLeft{
	0%{opacity:0;transform:translateX(-2000px)}
	60%{opacity:1;transform:translateX(30px)}
	80%{transform:translateX(-10px)}
	100%{transform:translateX(0)}
}
.animated.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{
	0%{opacity:0;-webkit-transform:translateX(2000px)}
	60%{opacity:1;-webkit-transform:translateX(-30px)}
	80%{-webkit-transform:translateX(10px)}
	100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes bounceInRight{
	0%{opacity:0;-moz-transform:translateX(2000px)}
	60%{opacity:1;-moz-transform:translateX(-30px)}
	80%{-moz-transform:translateX(10px)}
	100%{-moz-transform:translateX(0)}
}
@-o-keyframes bounceInRight{
	0%{opacity:0;-o-transform:translateX(2000px)}
	60%{opacity:1;-o-transform:translateX(-30px)}
	80%{-o-transform:translateX(10px)}
	100%{-o-transform:translateX(0)}
}
@keyframes bounceInRight{
	0%{opacity:0;transform:translateX(2000px)}
	60%{opacity:1;transform:translateX(-30px)}
	80%{transform:translateX(10px)}
	100%{transform:translateX(0)}
}
.animated.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight}
.animated.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown}

@-webkit-keyframes fadeInUpBig{
	0%{opacity:0;-webkit-transform:translateY(2000px);}
	100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeInUpBig{
	0%{opacity:0;-moz-transform:translateY(2000px);}
	100%{opacity:1;-moz-transform:translateY(0);}
}
@-o-keyframes fadeInUpBig{
	0%{opacity:0;-o-transform:translateY(2000px);}
	100%{opacity:1;-o-transform:translateY(0);}
}
@keyframes fadeInUpBig{
	0%{opacity:0;transform:translateY(2000px);}
	100%{opacity:1;transform:translateY(0);}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;-o-animation-name:fadeInUpBig;animation-name:fadeInUpBig;}
@-webkit-keyframes fadeInDownBig{
	0%{opacity:0;-webkit-transform:translateY(-2000px);}
	100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeInDownBig{
	0%{opacity:0;-moz-transform:translateY(-2000px);}
	100%{opacity:1;-moz-transform:translateY(0);}
}
@-o-keyframes fadeInDownBig{
	0%{opacity:0;-o-transform:translateY(-2000px);}
	100%{opacity:1;-o-transform:translateY(0);}
}
@keyframes fadeInDownBig{
	0%{opacity:0;transform:translateY(-2000px);}
	100%{opacity:1;transform:translateY(0);}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-o-animation-name:fadeInDownBig;animation-name:fadeInDownBig;}

/* Custom Media Queries
 ====================================================================== */
 /*EX-Large desktop*/
@media (min-width: 1440px) {
	.hero-slider   .carousel-inner > .item,.hero-slider #scene,.hero-slider .carousel-caption {
	 	height: 650px;
	} 
	.hero-slider #scene .carousel-caption{
		padding:0 25%;
	}
 
}
/*Large desktop*/
@media (min-width: 1200px) and (max-width: 1439px)  {
	.hero-slider  .carousel-inner > .item,.hero-slider #scene,.hero-slider .carousel-caption {
		height:600px;
	}
	.hero-slider #scene .layer .scene-img img{
		max-width:90%;
	} 
	.hero-slider  .carousel-caption{
		padding:0 25%;
	}
 
}


@media (max-width: 1199px){
	.hero-slider #scene .hero-top-left  .scene-img,
	.hero-slider #scene .hero-left  .scene-img,
	.hero-slider #scene .hero-bottom-left .scene-img{
		text-align: left;
	}
	.hero-slider #scene .hero-top-right .scene-img,
	.hero-slider #scene .hero-right  .scene-img,
	.hero-slider #scene .hero-bottom-right .scene-img{   
		text-align: right;
	}
	.hero-slider #scene .hero-top-center  .scene-img ,
	.hero-slider #scene .hero-top-left  .scene-img ,
	.hero-slider #scene .hero-top-right  .scene-img { 
		 top:-25px;
	}
	.hero-slider #scene .hero-bottom-center { 
	 bottom: -25px;
	}
}

/*Large Tablet and Small Desktop*/
@media (min-width: 993px) and (max-width: 1199px) {
 	.hero-slider  .carousel-inner > .item,.hero-slider #scene,.hero-slider .carousel-caption {
		height: 550px;
	}
	.hero-slider #scene .layer .scene-img img{
		max-width:70%;
	}
	.hero-slider  .carousel-caption {
		padding:0 25%;
	}
	 
}
/*Portrait tablet to landscape tablet and desktop*/
@media (min-width: 768px) and (max-width: 992px) {
	.hero-slider   .carousel-inner > .item,.hero-slider #scene,.hero-slider .carousel-caption {
		height: 450px;
	}
	.hero-slider #scene .layer .scene-img img{
		max-width:60%;
	}
	.hero-slider  .carousel-caption  {
		padding:0 20%;
	}
	
	 
}

/*Landscape phone to portrait tablet*/
@media (max-width: 767px) { 
	.hero-slider   .carousel-inner > .item,.hero-slider #scene,.hero-slider .carousel-caption {
		height: 400px;
	}
	.hero-slider #scene .layer .scene-img img{
		max-width:45%;
	}
	.hero-slider   .carousel-caption{
		padding:0 10%;
	}
	.hero-slider  .carousel-caption h1{
		font-size: 1.6em
	}
	 
}

/*Landscape phones and down*/
@media (max-width: 480px) {
	 
	.hero-slider #scene .hero-right .scene-img,
	.hero-slider #scene .hero-left .scene-img{
		 display: none;
	}
	.hero-slider #scene .layer .scene-img img{
		max-width:35%;
	}

}