@charset "UTF-8";

.bottom_message_ref{
	display:none;
}
.home_slider{
	width:100%;
	min-height:800px;
	min-height:100vh;
	padding:0;
	display:flex;
	flex-direction:column;
}


.home_slider_box{
	position:relative;
	flex-grow:1;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
}


.home_slider_background{
		position:absolute;
		top:0;
		right:0;
		width:100%;
		height:100%;
	
}
	.home_slider_image{
		position:absolute;
		/*top:0;
		right:0;
		width:100%;
		height:100%;
		background-size:cover;
		background-position:left center;*/
		top:10vh;
		right:20vh;
	
	}
	.home_slider_image.current{
		z-index:2;
	}

	
	
.slider_content_block_holder{
	width:100%;
	max-width:1200px;
	padding-top:100px;
	
	padding-bottom: 40px;
	position:relative;
	z-index: 10;
	margin:0 auto;
}
.home_slider_content_slides{
	position:relative;
	z-index:10;
	width:80%;
	max-width:700px;
	height:50vh;
	/*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: flex-start;
	padding-top:40px;
	z-index: 10;
}
.home_slide_block{
	width:100%;
}
.home_slide_holder{
	position:relative;
	width:100%;
	text-align:left;

}

.slider_image_ref{
	display:none;
}

.home_slide_title h1{
	line-height:100%;
}

.home_slider_copy{
	font-size:28px;
	font-weight: 300;
	padding-top:20px;
	padding-left:15px;
	line-height:100%;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.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{

}


.arrows_control{
	position:relative;
	display:flex;
	font-size:57px;
	margin-top:-1em;
	}
	.arrows_control_button{
		font-size:1em;
		width:1em;
		height:1em;
		border-radius:50%;
		background:transparent;
		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 1px #ffb78a;
		color:#ffb78a;
	
	}
	.arrows_control_button:not(:last-child){
		margin-right:6px;
	}
	.arrows_control_button>span{
		display:inline-block;
		font-size:.3em;
	}
	.arrows_control_button>span>span{
		display:inline-block;
		
		width:1em;
		height:1em;
		border:1px 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 30px #ffb78a;
		background:#ffb78a;
		color:#fff;
	}
	
	
	.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 1px #fff;
		background:#51e334;
		color:#fff;
	}
	
	
.slide_navigators{
	position:absolute;
	left:68px;
	top:50%;
	z-index: 15;
	transform:translateY(-50%);

	}
	
	.slide_navigator{
		width:100%;
		position:relative;
		padding:8px 0;
		cursor:pointer;
	}
	.slide_navigator .line{
		width:100%;
		display:flex;
		justify-content:flex-end;
		
	}
	.slide_navigator .line_fill{
		width:11px;
		height:11px;
		border-radius: 10px;
		background:transparent;
		border:1px solid #f4997d;
		transition:all .3s;
	}

	
	.slide_navigator_labels{
		display:none;
		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{
		background:#f4997d;
	}
	.slide_navigator:not(.current) .label{
		opacity:0;
		visibility:hidden;
		transform:translateY(20px);
	}
	.slide_navigator:not(.current) .tag{
		opacity:0;
		visibility:hidden;
		transform:translateY(40px);
	}
.circle_comp_ref,
.home_slider_button,
.ref_navigator,
.ref_bg{
	display:none;
}



.circle_composition{
	font-size:513px;
	width:1em;
	height:1em;
	position:relative;
	display:flex;
}
.circle_comp_bg{
	background:#231f20;
	border-radius: .5em;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	
}
.circle_comp_line{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.circle_comp_line svg{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	width:calc(100% + 4px);
	height:calc(100% + 4px);
	margin:-2px;
}
.circle_comp_line svg circle{
	stroke-dashoffset: 0;
	transition: none;
	stroke: #f4997d;
	stroke-width: 2px;
	transform: rotate(45deg);
	transform-origin: 50% 50%;
}
.home_slider_image.current .circle_comp_line svg circle{
	stroke-dashoffset: -1560;
	
	/*transition: stroke-dashoffset 8s linear;*/
}

.circle_comp_image{
	width:2em;
	height:2em;
	position:absolute;
	left:-.5em;
	top:-.5em;
	margin-top:-1px;
	background-size:contain;
}
.circle_comp_link{
	position:absolute;
	top:.8555em;
	left:.8555em;
	transform:translateX(-50%) translateY(-50%);
}

	.plus_icon_circle{
		width:1em;
		height:1em;
		font-size:60px;
		position:relative;
	}
	.plus_icon_circle_bg{
		width:100%;
		height:100%;
		background:#f4997d;
		position:absolute;
		left:0%;
		top:0%;
		border-radius: .5em;
		background: #f4997d;
		
	}
	.plus_icon_sign{
		width:.25em;
		height:1px;
		background:#fff;
		position:absolute;
		left:50%;
		top:50%;
		transform:translateX(-50%) translateY(-50%);
		transition:opacity .3s;
	}

	.plus_icon_sign div{
		width:100%;
		height:100%;
		background:#fff;
		position:absolute;
		left:0%;
		top:0%;
		transform:rotate(90deg);
	}
	.home_slider_image:not(.current) .plus_icon_circle .plus_icon_sign{
		opacity:0;
	}
	.home_slider_image.current .plus_icon_circle .plus_icon_sign{
		transition-delay:1s;
	}




.circle_comp_image,
.slider_content_block_holder{
	pointer-events:none;

}

.home_slider_content_slides,
.arrows_control_button{
	pointer-events:auto;
}
@media only screen and (max-width: 1500px) {

}
@media only screen and (max-width: 1400px) {
	.arrows_control{
		font-size:47px;
	}
	.home_slider_single_slide{
		padding-top:30px;
	}
	.circle_composition{
		font-size:480px;
	}
	.home_slider_copy {
		font-size: 24px;
		padding-left:5px;
	}

}
@media only screen and (max-width: 1300px) {
	.slide_navigators{
		left:40px;
	}
}

@media only screen and (max-width: 1200px) {
	.home_slider_copy {
		font-size: 20px;
		padding-left:0;
	}
	.circle_composition{
		font-size:420px;
	}
}


@media only screen and (max-width: 900px) {
	.slide_navigators {
		left: 20px;
	}
	.home_slider_image{
		left:50%;
		transform:translateX(-50%);
		right:auto;

	}
	.home_slider_content_slides{
		height:30vh;
	}
	
}
@media only screen and (max-width: 767px) {
	.circle_composition {

		font-size: 270px;
	
	}
	.plus_icon_circle{
		font-size:35px;
	}


	.home_slider_box {
		justify-content: center;
		padding-top: 300px;
	}
	.home_slider{
		padding: 0 2.5rem;
	}
	.home_slider_copy {
		font-size: 16px;
	}
	.home_slider_content_slides {

		height: 180px;
	
	}
	.home_slider_single_slide {
		padding-top: 10px;
	}
	.slide_navigators {
		position:absolute;
		left: 50%;
		bottom: 20px;
		top: auto;
		flex-direction: row;
		display: flex;
		transform: translateX(-50%);
	}
	.slide_navigator{
		padding:8px;
	}





}


@media only screen and (max-width: 767px) and (max-height: 600px) {
	.home_slider_box{
		justify-content: flex-start;

		padding-top: 240px;

	}
}
@media only screen and (max-width: 767px) and (min-height: 800px) {
	.home_slider{
		/*padding-bottom:170px;*/

	}
}