@keyframes my_slider {
	0% {opacity: 0;}
	7% {opacity: 1;}
	32% {opacity:1;}
	39% {opacity:0;}
	100% {opacity: 0;} }
				
.my_slider img:nth-child(1) { animation-delay: 0s; }
.my_slider img:nth-child(2) { animation-delay: 5s; }
.my_slider img:nth-child(3) { animation-delay: 10s; }
.my_slider img:nth-child(4) { animation-delay: 15s; }

						
.my_slider {
	position: absolute;
	width: 100%;
	min-width: 1000px;
	height: 100%;
	overflow: hidden;
	z-index: -5; }

.my_slider img {
	position: absolute;
	width: 100%;
	top: -20%;
	opacity: 0;
	animation-name: my_slider; 
	animation-duration: 20s; 
	animation-iteration-count: infinite; }
/* my_slider */ /*
@keyframes my_slider {
	0% {opacity: 0;}
	10% {opacity:1;}
	40% {opacity: 1;}
	50% {opacity: 0;} 
	100% {opacity: 0;} }
				
.my_slider img:nth-child(1) { animation-delay: 0s; }
.my_slider img:nth-child(2) { animation-delay: 7s; }
.my_slider img:nth-child(3) { animation-delay: 14s; }
.my_slider img:nth-child(4) { animation-delay: 21s; }
						
.my_slider {
	position: absolute;
	width: 100%;
	min-width: 1000px;
	height: 100%;
	overflow: hidden;
	z-index: -5; }

.my_slider img {
	position: absolute;
	width: 100%;
	top: -20%;
	opacity: 0;
	animation-name: my_slider; 
	animation-duration: 30s; 
	animation-iteration-count: infinite; }
*/


#header-contacts { text-align: right; }

.light {transition: 0.5s;}
.light:hover { /* Подсветка иконок основных видов работ */
	cursor: pointer;
	opacity: 0.85;
	box-shadow: 0 0 25px 0 white;
}

.col-md-4 a div:hover {opacity: 0.75}

#background-msg { /* Затемненный задний фон для сообщения об упешной отправки данных */
	background: black; /* Цвет фона */
	z-index: 3; /* Накладываем фон сверху обычного экрана */
	position: fixed; /* Привязываем фон к точкам указанными свойствами top, right, bottom, left */
	top: 0; /* Начать окно сверху */
	right: 0; /* Начать окно справа */
	bottom: 0; /* Начать окно снизу */
	left: 0; /* Начать окно слева */
	opacity: 0.9; } /* Прозрачность фона 50% */
	

#background-msg2 { /* Затемненный задний фон для сообщения об упешной отправки данных */
	background: rgba(0,0,0,0.85); /* Цвет фона */
	z-index: 3; /* Накладываем фон сверху обычного экрана */
	position: static; /* Привязываем фон к точкам указанными свойствами top, right, bottom, left */
	top: 0; /* Начать окно сверху */
	right: 0; /* Начать окно справа */
	bottom: 0; /* Начать окно снизу */
	left: 0; /* Начать окно слева */
	display: none; } /* Прозрачность фона 50% */
	
#message { /* Сообщение об успешной отправке данных */
	z-index: 3; /* Отображаем блок поверх обложки */
	max-width: 450px; /* Ширина блока */
	position: fixed; /* Фиксируем блок поверх подложки */
	top: 45%; /* Отступ сверху */
	left: 0%; /* Отступ слева */
	right: 0%; /* Отступ справа */
	text-align: center;
	font-size: 130%;
	color: white;
	margin: auto;} /* Центрируем текст по ширине блока */
	
#contacts a img:hover {opacity: 0.75;}

@media screen and (max-width: 1199px) {
	nav li { margin-left: 25px; }
	#header-contacts {margin-left: 25px; text-align: left; }
	.my_slider img {top: 0%; height: 100%;}
	.center {text-align: center !important;}
}

@media screen and (max-width: 991px) {
}

@media screen and (max-width: 767px) {
	
}

@media screen and (max-width: 575px) {
	h2 {font-size: 1.8rem !important;}
	.my_slider img {left: -1000px; width: auto;}
}