.horizontal-slider-wrapper{
	position: relative;
	top:0;
	left:0;
	width:9999em;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	overflow: hidden;


}
.horizontal-slider-wrapper:after{
	content:'.';
	width:100%;
	display:block;
	height:0;
	line-height: 0;
	font-size: 0;
	visibility:hidden;
	clear: both;

}


.horizontal-slider-controls{
	position: absolute;
	top:50%;
	width: 50px;
	height:50px;
	margin-top:-25px;
	z-index: 20;
	display: block;
	text-align: center;
	padding-top: 13px;
	font-size: 24px;
	text-shadow: none;
	color:#fff;
	border-radius: 100%;
}
.horizontal-slider-button-wrapper{
	position:absolute;
	bottom: 0;
	font-size: 0;
	line-height: 0;
	width:100%;
	text-align:left;
	z-index: 10;
	min-height: 32px;

}

.horizontal-slider-button-wrapper a {
	background-color: #fff;
	display: inline-block;
	height: 14px;

	margin: 8px;

	vertical-align: middle;
	

	border-radius: 100%;
	width: 14px;

}
.horizontal-slider-button-wrapper a:hover, .horizontal-slider-button-wrapper a.active{
	background-color: #cadd09;
}

.horizontal-slider-controls{
	background-color: rgba(0,0,0,.2);
}


.horizontal-slider-controls:hover{
	
	background-color:#689f38;
	color:#fff;
}
.horizontal-slider-controls.pre-slide{
	left:10px;
}
.horizontal-slider-controls.next-slide{
	right:10px;
}



.horizontal-slider-controls , .horizontal-slider-button-wrapper a{
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	transition: all 0.2s ;
}


.slide-item{
	float:left;
}

.banner-wrapper{
	width:100%;
	height: 680px;	
	position: relative;
	background-repeat: no-repeat;
}
.banner-header{
	text-shadow: none;
	padding: 0;
	width: 100%;
	text-align: center;
	height: auto;
	background-color: rgba(104,159,56,.3);
	background-blend-mode:darken;
	overflow: hidden;
	z-index: 3;
	position: absolute;
	bottom: 0;
}

.trans{
	position: absolute;
	width:100%;
	height: 100%;
	left:0;
	top:0;
	background-color:rgba(104,159,56,.6);
	background-blend-mode:screen;
	overflow: hidden;
	z-index: 2;
}

.banner-header .header-resum p{
	margin:0;
	margin-bottom: 1em;

}
.slider-area .scrollDon{
	left:32px;
	z-index: 30;
}
.banner-header .header-resum {
	width:60%;
	height:100%;
	text-align:right;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;	

}

.banner-header .header-title{
	width:100%;
	padding-bottom: 8px;
	padding-top: 8px;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	text-align: left;

}

.active .banner-header h2, .active .banner-header h1,
.active .banner-header  p,.active .banner-header h3
{
	/* this is the visible slide */
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);

}

.active .banner-header .btn
{
	/* this is the visible slide */
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);

}

.banner-header h2, .banner-header h1{
	opacity: 0;
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
	transform: translateX(100px);
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s ,  background-color 0.8s;
	-moz-transition: opacity 0.5s, -moz-transform  0.5s, background-color 0.8s;
	transition: opacity 0.5s, transform 0.5s, background-color 0.8s;
}
.trans{
	opacity: 1;
	/*	mix-blend-mode: saturation;*/
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s ease,  background-color 0.8s;
	-moz-transition: opacity 0.5s, -moz-transform  0.5s ease, background-color 0.8s;
	transition: opacity 0.5s, 0.5s ease, background-color 0.8s;
}
.active .trans {
	opacity: 0;
}

.banner-header p{
	opacity: 0;
	max-width: 1200px;
	display: block;
	margin-bottom: 16px;
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	transform: translateX(-100px);
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s , background-color 1s;
	-moz-transition: opacity 0.5s, -moz-transform  0.5s, background-color 1s;
	transition: opacity 0.5s, transform 0.5s, background-color 1s;
	text-align: left;

}
.banner-btn{
	display:inline-block;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.active .banner-btn{
	opacity: 1;
}

.banner-wrapper .btn{
	color:#333;
	background-color: #fff;
	display:inline-block;
	line-height: 1em;
	margin: 0;
	overflow: hidden;
	text-align: center;
	position: relative;
	-moz-user-select: none;
	display: inline-block;
	padding: 12px 60px ;
	position: relative;


}

.banner-wrapper .btn:hover{
	background-color:#689f38;
	color:#fff;
}

.banner-wrapper .btn {
	opacity: 0;
	-webkit-transform: translateY(200px);
	-moz-transform: translateY(200px);
	-ms-transform: translateY(200px);
	-o-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s , background-color 0.5s;
	-moz-transition: opacity 0.5s, -moz-transform  0.5s, background-color 0.5s;
	transition: opacity 0.5s, transform 0.5s, background-color 0.5s;
	position: relative;

}


.banner-header h1, .banner-header h2, .banner-header h3, .banner-header a{
	text-shadow: none;
	color:#fff;
}
/*.banner-header h1, .banner-header h2{

	min-height: 30px;
	display:block;
	margin-bottom: 0;
	font-weight: 400;
}*/
.banner-header h1 a, .banner-header h2 a{
	font-weight: 700;
}


.inner-banner-img{
	display:none;
	position: relative;
	width:100%;
	line-height: 0;
	font-size: 0;
	height: 100px;
	overflow: hidden;
}
.inner-banner-img img{
	width: 100%;
}
.header-title h2{
	padding-left: 0;
}
