/*Слайдер-Галерея изображений*/

.title_slider_image{
	text-align: center;
	font-size: 30px;
	color: green;
	padding: 20px;
}
.gallery{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.gallery__card {
	position: relative;
	height: 200px;
	cursor: pointer;
	overflow: hidden;
}
.gallery__card__pic{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.2s;
}
.gallery__card:hover .gallery__card__pic {
	transform: scale(1.1);
}
.slider{
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	pointer-events: none;
	z-index: 2000;
}
.active{
	opacity: 1;
	pointer-events: all;
}
.slider__container{
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	width: 100vw;
	height: 100vh;
	border-radius: 5px;
}
.slider__btn{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: none;
	padding: 20px;
	font-size: 30px;
	z-index: 10;
}
.slider__btn_left{
	left: 25px;
}
.slider__btn_right{
	right: 25px;
}
.slider__close{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 30px;
	padding: 20px;
	color: #222;
	background: none;
	border:none;
    z-index: 3000;
}

/*Бегущая строка - Наши клиенты*/

.my_kients {
	text-align: center;
	font-size: 30px;
	color: #005792;
	padding: 20px;

}
@keyframes scroll{
	0%{
		transform: translate(0, 0);
	}
	100%{
		transform: translate(-430%, 0);
	}
}
.scroll_bg{
	display: block;
	width: 100%;
	white-space: nowrap;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}
.img{
	display: inline-block;
	padding-left: 100%;
	-webkit-animation:scroll 60s infinite linear;
	-moz-animation:scroll 60s infinite linear;
	animation:scroll 60s infinite linear;
	background-color: #fff;
	width: 180px;
	height: 80px;
	margin-left: -5px;
}