@charset "UTF-8";



.home_slider{
	display:flex;
	width:100%;
	height:100vh;
	flex-grow:1;
	align-items:stretch;
	overflow: hidden;
}
.home_slider .gd_g_path{
	fill:#FF3644;
}

.home_slider  div{
	/*
	box-shadow:inset 0 0 0 1px red;
	*/
}

.home_slider_images{
	flex-grow: 1;
}
.home_slider_left_block{
	width:42%;
	/*max-width:675px;*/
	max-width:800px;
	display:flex;
	justify-content:flex-end;
	position:relative;
	z-index:1;
}
.home_slider_left_block-h{
	align-self:flex-end;
	/*width:100%;*/
}


.home_slider_copy{
	padding:30px 40px 80px;
	display:flex;
	justify-content:right;
	color:#000;
	}
	
	.home_slider_copy h1{
		color:#000;
		line-height:105%;
		margin-bottom:15px;
	}
	.home_slider_copy .w-btn-wrapper{
		padding-top:10px;
	}
	.home_slider_copy .w-btn-wrapper.align_right{
		float:none;
	}
.home_slider_copy_slides{
	max-width:380px;
	position:relative;
	width:100%;
	}
	.home_slider_copy_slide{
		position:absolute;
		bottom:0;
		right:0;
	}
	.home_slider_copy_slide.current_slide{
		position:relative;
		bottom:0;
		right:0;
	}
	.home_slider_copy_slide_inner{
		padding:0 10px;
	}
.slider_g{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	padding:55px;
	padding-bottom:150px;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	}

	.slider_g-h{
		position:relative;
		max-width:680px;
		width:100%;
	}
	.slider_g svg{
		display:block;
		width:100%;
	}
	.slider_g_line{
		width: 130px;
		height: 1px;
		display: block;
		position: absolute;
		top: 51.15%;
		left: 99%;
		background:#FF3644;
	}
	.slider_g_number_block{
		position:absolute;
		width:32px;
		height:32px;
		line-height:32px;
		text-align:center;
		font-size:20px;
		font-weight:bold;
		background:#FF3644;
		color:#fff;
		right:0;
		margin-top:-16px;
		z-index:5;
	}
	
	
.home_slider_images{
	position:relative;
	z-index:0;
	overflow:hidden;
	}
	.slider_mask,
	.home_slider_image{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background-size:cover;
		/*background-size:105% auto;*/
		background-position:center center;
		background-repeat:no-repeat;
		background-color:#EBECE6;
		/*transition: background 10s linear;*/
	}
	.home_slider_image.current_slide{
		z-index:1;
	/*	background-size:115% auto;*/
	}

	.slider_mask{
		z-index:2;
		background:#EBECE6;
		width:0;
		left:100%;
	}
	
	
.arrows_control{
	display:flex;
}
.home_slider .arrows_control{
	position:absolute;
	bottom:20px;
	left:20px;
	z-index:10;
}
.arrows_control{
	
	}
	.arrows_control_button{
		width:42px;
		height:42px;
		border-radius:50%;
		background:#FF3644;
		display:inline-block;
		margin-right:10px;
		cursor:pointer;
		display:flex;
		align-items:center;
		justify-content:center;
		position:realtive;
		transition:all .3s;
		cursor:pointer;
		box-shadow:inset 0 0 0 25px #FF3644;
		color:#fff;
	}

	.arrows_control_button>span{
		width:9px;
		height:9px;
		border:3px solid;
		border-bottom:none;
		border-right:none;
	}
	.arrows_control_button.arrows_control_left>span{
		transform:rotate(-45deg);
	}
	.arrows_control_button.arrows_control_right>span{
		transform:rotate(135deg);
	}
	.arrows_control_button.arrows_control_top>span{
		transform:rotate(45deg);
	}
	.arrows_control_button.arrows_control_bottom>span{
		transform:rotate(225deg);
	}
	.no-touch .arrows_control_button:hover{
		box-shadow:inset 0 0 0 2px #FF3644;
		background:transparent;
		color:#FF3644;
	}
	
	
	.controls_light_color .arrows_control_button{
		background:#fff;
		box-shadow:inset 0 0 0 25px #fff;
		color:#FF3644;
	}
	.no-touch .controls_light_color .arrows_control_button:hover{
		box-shadow:inset 0 0 0 2px #fff;
		background:#FF3644;
		color:#fff;
	}
.trama_portfolio_controls{
	position:fixed;
	display:none!important;
	left:-100px;
}


@media only screen and (max-width: 1500px) {
	.home_slider_copy_slide h1{
		font-size:50px;
	}
	.home_slider_copy_slides {
		 max-width: 320px;
	}
}
@media only screen and (max-width: 1400px) {
	.slider_g {
		padding-left: 80px;
		padding-bottom: 110px;
		padding-right: 20px;
	}
	.slider_g_line {
		width: 90px;
	}
	.slider_g_number_block{
		font-size:16px;
		width: 28px;
		height: 28px;
		line-height: 28px;
		margin-top: -14px;
	}
	.home_slider_copy_slide h1{
		font-size:45px;
	}
	.home_slider_copy_slides {
		 max-width: 300px;
	}
	.l-main .w-btn,.l-main .button,.l-main input[type="button"],.l-main input[type="submit"]{
	font-size:18px;
	}
}
@media only screen and (max-width: 1200px) {
	.slider_g {
		padding-left: 20px;
	}

}


@media only screen and (max-width: 900px) {
	/*vertical slider*/
	.home_slider{
		flex-direction:column;
	}
	.home_slider_left_block{
		width:100%;
		min-height:50vh;
	}
	.home_slider_image{
		background-position: center 25%;
	}
	.slider_g {
    width: 45%;
	 padding-bottom: 50px;
	 padding-left: 40px;
	}
	.home_slider_copy_slides {
		 max-width: 380px;
	}
	.slider_g{
		position: unset;
	}
	.slider_g-h{
		position: unset;
	}
	.slider_g_line{
		position:absolute;
		left:10px;
		top:10px;
		background:none;
		width:auto;
	}
	.slider_g_number_block{
		position:unset;
		margin:0;
		left:0;
		top:0;
	}
	.home_slider_copy{
		padding-bottom:40px;
		padding-right:20px;
	}
	.home_slider_copy_slide_inner{
		padding:0;
	}
}
@media only screen and (max-width: 767px) {
	.home_slider_left_block{
		justify-content:space-between;
		min-height: 240px;
	}
	
	.home_slider_left_block-h{
		width: 60%;
	}

	.slider_g{
		width:40%;
		max-width:120px;
		padding-bottom: 30px;
		padding-left: 20px;
		padding-right: 0px;
	}
	.slider_g-h {
		 align-self: flex-end;
	}
	.home_slider{
		height:auto;
		min-height:100vh;
	}

	.home_slider_copy_slide_inner p{
		display:none;
	}
	.home_slider_copy_slide h1 {
    font-size: 25px;
	}
	.home_slider_copy {
		padding-bottom: 30px;
		padding-left: 0;
		text-align:right;
	}
	.home_slider_copy .w-btn{
		font-size:15px;
	}
	

	
}