@charset "UTF-8";

.bottom_message_ref{
	display:none;
}
.home_slider{
	width:100%;
	height:100%;
	height:100vh;
	padding:0;
	display:flex;
	flex-direction:column;
}


.home_slider_box{
	position:relative;
	flex-grow:1;
	display:flex;
	justify-content:flex-end;
}


.home_slider_background{
		position:absolute;
		top:0;
		right:0;
		width:100%;
		height:100%;
		background:#999;
}
	.home_slider_image{
		position:absolute;
		top:0;
		right:0;
		width:100%;
		height:100%;
		background-size:cover;
		background-position:left center;
	}
	.home_slider_image.current{
		z-index:2;
	}

	
	

.home_slider_content_slides{
	position:relative;
	z-index:10;
	width:80%;
	max-width:700px;
	height:100vh;
	/*background:rgba(0,0,0,.5);*/
}
.home_slider_single_slide{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	justify-content: left;
	align-items: center;
	padding:200px 100px 100px;
}
.home_slide_block{
	width:100%;
}
.home_slide_holder{
	position:relative;
	width:100%;
	text-align:left;

}

.slider_image_ref{
	display:none;
}

.home_slide_title h1{
	font-size: 80px;
	text-transform:uppercase;
	font-weight:500;
	line-height:100%;
}

.home_slider_copy{
	font-size:16px;
	font-weight:400;
	padding-top:20px;
	max-width:330px;
	padding-left:10px;
}

.home_slider_button{
	margin-top:20px;
}
.home_slider_link{
	
	margin:0 auto;
	
}
.home_slider .w-btn-wrapper{
	display:block;
	width:100%;
	max-width:350px;
}



.home_slide_block_bg{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:#1d1d1b;
	opacity:.95;	
}






.control_panel{
	position:absolute;
	left:0;
	top:0;
	width:210px;
	min-height:100vh;
	display:flex;
	justify-content:flex-end;
	flex-direction:column;
	z-index:10;
	padding:80px 0 32px 32px;
	color:#fff;
}
	.home_slider_pannels_bg{
		width:100%;
		height:100%;
		position:absolute;
		left:0;
		top:0;
		background:#1d1d1b;
		opacity:.95;
	}

.arrows_control{
	position:relative;
	display:flex;
	}
	.arrows_control_button{
		font-size:44px;
		width:1em;
		height:1em;
		border-radius:50%;
		background:#0f0;
		margin: 2px 2px ;
		cursor:pointer;
		display:flex;
		align-items:center;
		justify-content:center;
		position:realtive;
		transition:all .3s;
		cursor:pointer;
		box-shadow:inset 0 0 0 .5em #0f0;
		color:#1d1d1b;
	
	}
	.arrows_control_button:not(:last-child){
		margin-right:6px;
	}
	.arrows_control_button>i{/* for fontawesome icons */
		font-size:.5em;
	}
	.arrows_control_button>span{
		display:inline-block;
		font-size:.3em;
	}
	.arrows_control_button>span>span{
		display:inline-block;
		
		width:1em;
		height:1em;
		border:2px solid;
		border-bottom:none;
		border-right:none;
		transform:rotate(45deg) translateY(.3em) translateX(.3em);
	}
	.arrows_control_button.arrows_control_left>span{
		transform:rotate(270deg);
	}
	.arrows_control_button.arrows_control_right>span{
		
		transform:rotate(90deg);
	}
	.arrows_control_button.arrows_control_top>span{
		transform:rotate(0deg);
	}
	.arrows_control_button.arrows_control_bottom>span{
		transform:rotate(180deg);
	}
	.no-touch .arrows_control_button:hover{
		box-shadow:inset 0 0 0 2px #0f0;
		background:transparent;
		color:#0f0;
	}
	
	
	.controls_light_color .arrows_control_button{
		background:#fff;
		box-shadow:inset 0 0 0 25px #fff;
		color:#51e334;
	}
	.no-touch .controls_light_color .arrows_control_button:hover{
		box-shadow:inset 0 0 0 2px #fff;
		background:#51e334;
		color:#fff;
	}
	
	
.slide_navigators{
	position:relative;
	margin:0 0 10vh;
	
	}
	
	.slide_navigator{
		width:100%;
		position:relative;
		padding:13px 0;
	}
	.slide_navigator .line{
		width:100%;
		display:flex;
		justify-content:flex-end;
		
	}
	.slide_navigator .line_fill{
		width:24px;
		height:1px;
		background:#0f0;
		transition:all .3s;
	}

	
	.slide_navigator_labels{
		position:absolute;
		bottom:20px;
		width:100%;
		left:0;
		pointer-events:none;
	}
	.slide_navigator .tag{
		text-transform:uppercase;
		font-size:13px;
		color:#0f0;
		transition:all .7s cubic-bezier(.7, 0, 0, .7);
	}
	.slide_navigator .label{
		text-transform:uppercase;
		font-weight:600;
		font-size:17px;
		transition:all .5s cubic-bezier(.7, 0, 0, .7);
	}
	.slide_navigator.current .line_fill{
		width:100%;
	}
	.slide_navigator:not(.current) .label{
		opacity:0;
		visibility:hidden;
		transform:translateY(20px);
	}
	.slide_navigator:not(.current) .tag{
		opacity:0;
		visibility:hidden;
		transform:translateY(40px);
	}
	
.ref_navigator,
.ref_bg{
	display:none;
}
	
@media only screen and (max-width: 1500px) {
	.home_slide_title h2{
		
	}
	.home_slider_copy {
		
	}
	.home_slider_single_slide {
		
	}
	
	.arrows_control_button{
		
	}

	.home_slider_bottomcontent {
		
	}
}
@media only screen and (max-width: 1400px) {


	.arrows_control_button {
		
	}
}
@media only screen and (max-width: 1300px) {
	.home_slide_title h1{
		font-size:55px;
	}
	.home_slider_content_slides{
		width:50%;
	}
	.home_slider_single_slide{
		padding: 150px 60px 70px;
		font-size:14px;
	}



	.control_panel{
		width:180px;
	}
	.slide_navigator_labels{
		bottom:13px;
	}
	.slide_navigator .tag{
		font-size:10px;
		line-height:100%;
	}
	.slide_navigator .label{
		font-size:14px;
	}
	.slide_navigator{
		padding:9px 0;
	}
}


@media only screen and (max-width: 900px) {
	
	.home_slider_content_slides{
		width:100%;
		max-width:none;
		max-height:50vh;

	}
	.control_panel {

		width: 100%;
		top:auto;
		bottom:0;
		height:100px;
		min-height:auto;
		padding:30px;
		flex-direction:row-reverse;
		justify-content:space-between;
	}
	.slide_navigators{
		margin: 20px 0 0;
		min-width:180px;
	}
	.slide_navigator {
		
		padding: 4px 0;
	}

}
@media only screen and (max-width: 767px) {
	.home_slider_image{
		background-position:bottom center;
	}
	.home_slider_single_slide{
		padding: 100px 30px 30px;
		align-items: flex-start;

	}
	.home_slide_title h1{
		font-size:40px;
	}
	.home_slider_copy{
		font-size:12px;
		line-height:100%;
		padding:10px 0 0;
	}
	.home_slider_button{
		font-size:.8em;
		margin-top:10px;

	}
	.home_slider_content_slides{
		max-height:340px;
	}
	.control_panel{
		position:absolute;
		padding:20px;
		width:auto;
		height:auto;

	}
	.home_slider_pannels_bg{
		display:none;
	}
	.slide_navigators{
		display:none;

	}
}