/*WORKS SLIDER*/
#WorksSlider{
	position: relative;
	width: 82vw;
	height: auto;/*45.48vw;/*655px*/
	padding-top: var(--marg-h-top, 100px);
	padding-bottom: var(--marg-h-top, 100px);
	text-align: center;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #FFFFFF;
	margin: 0 auto;
}
#WorksSlider h2{
	font-family: 'roboto';
	font-weight: 700;
	line-height: 4.2361vw;/*61px*/
	color: #000000;
	/*margin-bottom: 2.083vw;30px*/
}
/*стрелки управления*/
#WorksSlider .slide_arrows{
	position: absolute;
	top: 27vw;
	width: 3.2vw;
	height: 3.2vw;
	cursor: pointer;
	z-index: 3;
	border: 2px solid rgba(255, 255, 255, 0);
	border-radius: 50%;
	transition: all 0.2s;
}
#WorksSlider .slide_arrows:hover{
	border: 2px solid rgba(255, 255, 255, 0.4);
}
#WorksSlider .slide_arrows:active{
	border: 2px solid rgba(255, 255, 255, 0);
	width: 3vw;
	height: 3vw;
}
#WorksSlider .slide_arrows.arrow_left{
	left: 7%;
}
#WorksSlider .slide_arrows.arrow_right{
	left: 90%
}

/*контейнер слайдера*/
#SlidesContainer{
	position: relative;
	width: auto;
	height: 24.3vw;/*350px*/
	margin-top: 2px;
	margin-bottom: 3.82vw;/*55px*/
	padding-top: 0;
	box-sizing: border-box;
	background-color: #FFF;
}

/*контейнер слайда*/
.slide{
	display: block;
	position: absolute;
	width: 34.72vw;/*500px    41.6666vw;600px*/
	height: 20.1389vw;/*290px 24.3vw;350px*/
	margin-right: 5.5555vw;/*80px*/
	box-shadow: 0px 0.555vw 0.5vw 0.3vw rgba(136, 136, 136, 0.25);
	border-radius: 1.1111vw;/*16px;*/
	box-sizing: border-box;
	overflow: hidden;
	background-color: #FFFFFF;
	transform: translateY(0.5vw);
	cursor: default;
	transition: all 0.3s;
	top: 3.02vw;
}
.slide .slide_img{
	width: 100%;
	height: 100%;
}
.slide_big{
	width: 41.6666vw;/*600px*/
	height: 24.3vw;/*350px*/
	top: 0.94vw;
	cursor: pointer;
}
.hide{
	visibility: hidden;
}
.slide .slide_text{
	position: absolute;
	background-color: transparent;
	width: 100%;
	height: 1.528vw;/*22px;*/
	bottom: 1.94vw;/*28px*/
	padding-left: 2.0833vw;/*30px*/
	text-align: left;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 1.5277vw;/*22px;*/
	line-height: 1.528vw;/*22px;*/
	font-family: 'roboto';
	text-shadow: 0px 0px 1.0416vw rgba(0, 0, 0, 0.8);
}

#SliderSwitch{
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-between;
	position: relative;
	margin: 0 auto;
	padding: 0 0 0 0.486vw;
	width: auto;
	height: 1.3vw;
}
.slider_btn{
	display: inline-block;
	width: 1.3vw;/*18px*/
	height: 1.3vw;/*18px*/
	margin: 0 0.486vw 0 0;/*7px*/
	background-image: url("../img/works/circle_slider_button.svg");
	background-size: 100%;
	cursor: pointer;
	box-sizing: border-box;
}
.active_slider_btn{
	background-image: url("../img/works/active_circle_slider_button.svg");
}

/********** ADAPTIVE BIG SCREEN **********/

@media screen and (min-width: 1440px){

	/*WORKS SLIDER*/
	#WorksSlider{
		width: 1180px;
		margin: 0 auto;
		height: auto;/*655px;*/
		padding-top: var(--marg-h-top, 100px);
		padding-bottom: var(--marg-h-top, 100px);
	}
	#WorksSlider h2{
		line-height: 61px;
		/*margin-bottom: 30px;*/
	}
	/*стрелки управления*/
	#WorksSlider .slide_arrows{
		position: absolute;
		top: 385px;
		width: 46px;
		height: 46px;
	}
	#WorksSlider .slide_arrows:active{
		width: 44px;
		height: 44px;
	}

	/*контейнер слайдера*/
	#SlidesContainer{
		height: 350px;
		margin-bottom: 55px;
	}

	/*контейнер слайда*/
	.slide{
		width: 500px;
		height: 290px;
		margin-right: 80px;
		box-shadow: 0px 8px 7px 3px rgba(136, 136, 136, 0.25);
		border-radius: 16px;
		transform: translateY(7px);
		top: 44px;
	}
	.slide_big{
		width: 600px;
		height: 350px;
		top: 14px;
	}
	.slide .slide_text{
		height: 22px;
		bottom: 22px;
		padding-left: 30px;
		font-size: 22px;
		line-height: 22px;
		text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
	}
	#SliderSwitch{
		padding: 0 0 0 7px;
		height: 19px;
	}
	.slider_btn{
		display: inline-block;
		width: 18px;
		height: 18px;
		margin: 0 7px 0 0;
	}

}

/********** ADAPTIVE MOBILE SCREEN **********/

@media handheld and (orientation: portrait) and (min-resolution: 1.2dppx), all and (max-width: 540px){


	/*WORKS SLIDER*/
	#WorksSlider{
		position: relative;
		width: 100vw;
		height: 59vw;/*221px*/
		padding-top: 5.866vw;/*;22px*/
		padding-bottom: 0;
		background-color: #FFFFFF;
		box-sizing: border-box;

	}
	#WorksSlider h2{
		font-weight: 700;
		line-height: 5.333vw;/*20px;*/
		color: #000000;
	}
	/*стрелки управления*/
	#WorksSlider .slide_arrows{
		display: none;
	}
	/*контейнер слайдера*/
	#SlidesContainer{
		width: 100vw;
		height: 40vw;
		margin-top: 4.266vw;/*16px*/
		padding-top: 0vw;
		padding-left: 16vw;/*17px*/
		background-color: #FFFFFF;
		display: flex;
	  overflow-x: scroll;
	  scroll-padding: 0 18vw;
	  scroll-snap-type: x proximity;/*mandatory;*/
	}

	/*контейнер слайда*/
	.slide{
		width: 64.8vw;/*243px*/
		height: 37.86vw;/*142px*/
		margin-right: 5.86vw;/*22px*/
		box-shadow: 0px 6.5px 3.25px -1.62px rgba(136, 136, 136, 0.25);
		border-radius: 1.73vw;/*6.5px;*/
		transform: none;
		transition: none;
		position: static;
		scroll-snap-align: start;
		display: inline-block;
	}

	.slide .slide_text{
		height: 2.86vw;
		bottom: 2.7vw;
		padding-left: 3vw;/*30px*/
		font-weight: 700;
		font-size: 2.7vw;/*10.1429px;*/
		line-height: 2.8vw;
		text-shadow: 0px 0px 1.0416vw rgba(0, 0, 0, 0.8);
	}
	#SliderSwitch{
		display: none;
	}

}