/*
SERVICES-LIST
SERVICES-INNER
*/

/* SERVICES-LIST START */
	.services__table {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: flex-start;
		background: #808d9b;
		border-radius: 0.625rem;
	}

	.services__block {
		position: relative;
		width: 25%;
		height: 11.875rem;
		background: #808d9b;
		border-radius: 0.625rem;
		overflow: hidden;
		transition: 0.3s;
	}

	.services__block:hover, .services__block.active {
		text-decoration: none;
		background: #00b188;
		box-shadow: 0 15px 60px rgba(126, 141, 155, 0.6);
		z-index: 1;
	}

	.services__block img {
		position: absolute;
		top: 4.5rem;
		left: 50%;
		transform: translate(-50%, -50%);
		transition: 0.3s;
	}

	.services__block:hover img, .services__block.active img { top: 2rem; opacity: 0; }

	.services__block:nth-child(1) img { width: 3.125rem; }
	.services__block:nth-child(2) img { width: 3.125rem; }
	.services__block:nth-child(3) img { width: 3.125rem; }
	.services__block:nth-child(4) img { width: 3.125rem; }
	.services__block:nth-child(5) img { width: 3.875rem; }
	.services__block:nth-child(6) img { width: 2.1875rem;}
	.services__block:nth-child(7) img { width: 3.125rem; }
	.services__block:nth-child(8) img { width: 2.6875rem;}
	.services__block:nth-child(9) img { width: 2.5625rem;}
	.services__block:nth-child(10) img{ width: 3.875rem; }
	.services__block:nth-child(11) img{ width: 2.5625rem;}
	.services__block:nth-child(12) img{ width: 3.0625rem;}

	.services__block div {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 8.25rem 1.25rem 1.25rem;
		width: 100%;
		height: 100%;
		text-align: center;
		transition: 0.3s;
	}

	.services__block:hover div, .services__block.active div { padding-top: 1.25rem; justify-content: center; }

	.services__block p {
		display: block;
		position: relative;
		margin-bottom: 0.625rem;
		width: 100%;
		color: #fff;
		font: 600 1.0625rem/1.35 "AvenirNextCyr", Arial, sans-serif;
		transform: translate(0, -50%);
	}

	.services__block:hover p, .services__block.active p { transform: translate(0, 0); }

	.services__block span {
		display: block;
		margin-top: 12.5rem;
		width: 100%;
		color: #fff;
		font: 400 1rem/1.3125 "AvenirNextCyr", Arial, sans-serif;
	}

	.services__block:hover span, .services__block.active span { margin-top: 0; }
/* SERVICES-LIST END */

/* SERVICES-INNER START */
	.services-inner .product__info.mob { display: none; }

	.services-inner .product__info-name {
		margin-bottom: 0.125rem;
		color: #1c1c24;
		font: 700 1.1875rem/1.875rem "AvenirNextCyr", Arial, sans-serif;
	}

	.services-inner .product__info-post {
		margin-bottom: 1.25rem;
		color: #1c1c24;
		font: 600 1.0625rem/1.375rem "AvenirNextCyr", Arial, sans-serif;
	}

	.services-inner .product__info-phone {
		margin-bottom: 0.125rem;
		color: #1c1c24;
		font: 600 1.25rem/1 "AvenirNextCyr", Arial, sans-serif;
	}

	.services-inner .product__info-email {
		margin-bottom: 1.5rem;
		color: #00b188;
		font: 600 1.0625rem/1.375rem "AvenirNextCyr", Arial, sans-serif;
		text-decoration: underline;
	}

	.services-inner .product__info-email:hover { color: #1c1c24; text-decoration: none; }

	.services-inner .product__info-messanger.mob { display: none; }

	.services-inner .product__info-messanger {
		display: -webkit-inline-flex;
		display: -moz-inline-flex;
		display: -ms-inline-flex;
		display: -o-inline-flex;
		display: inline-flex;
		align-items: center;
		position: relative;
		margin-bottom: 1.75rem;
		color: #1c1c24;
		font: 600 1.0625rem/1.5625rem "AvenirNextCyr", Arial, sans-serif;
		text-decoration: none;
	}

	.services-inner .product__info-messanger:hover { color: #00b188; text-decoration: none; }

	.services-inner .product__info-messanger::before {
		content: '';
		margin-right: 0.3125rem;
		width: 1.875rem;
		height: 1.875rem;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
	}

	.services-inner .product__info-messanger.ms-wa::before { background-image: url('../img/ms-wa.png'); }

	.services-inner .product__info-send_message {
		display: -webkit-inline-flex;
		display: -moz-inline-flex;
		display: -ms-inline-flex;
		display: -o-inline-flex;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		position: relative;
		margin-bottom: 1.75rem;
		padding-bottom: 0.25rem;
		width: 13.75rem;
		height: 3.125rem;
		color: #fff;
		font: 600 1.0625rem/1 "AvenirNextCyr", Arial, sans-serif;
		text-align: center;
		text-decoration: none;
		background: #00b188;
		border-radius: 0.25rem;
	}

	.services-inner .projects__wrap {
		justify-content: flex-start;
	}

	.services-inner .projects__block {
		margin-right: 2.5rem;
		margin-bottom: 2.5rem;
		padding: 2.5rem 1.875rem;
		width: 300px;
		background: #fff;
		border-radius: 10px;
	}

	.services-inner .projects__block:hover {
		text-decoration: none;
		background: #00b188;
		box-shadow: 0 0.9375rem 3.75rem rgba(0, 177, 136, 0.6);
	}

	.services-inner .projects__block:nth-child(3n + 3) { margin-right: 0; }

	.services-inner .projects__logo {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		margin-bottom: 24px;
		height: 85px;
	}

	.services-inner .projects__block h2 {
		margin-bottom: 20px;
		color: #1c1c24;
		font: 700 20px/26px "AvenirNextCyr", Arial, sans-serif;
	}

	.services-inner .projects__block p {
		margin-bottom: 0;
		color: #606060;
		font: 500 16px/20px "AvenirNextCyr", Arial, sans-serif;
	}

	.services-inner .projects__block:hover h3,
	.services-inner .projects__block:hover h2,
	.services-inner .projects__block:hover p { color: #fff; }
/* SERVICES-INNER END */

@media (min-width: 1025px) and (max-height: 900px) {
	.services__block { height: 10.625rem; }

	.services__block img { top: 3.5rem; }

	.services__block div { padding: 7.625rem 1.25rem 1.25rem; }

	.services__block p { font-size: 0.875rem; }

	.services__block span { margin-top: 11.875rem; font-size: 0.875rem; }
}

@media (max-width: 1024px) {
	/* SERVICES-LIST START */
		.main-services .heavy-title { margin-bottom: 1.875rem; text-align: center; }

		.services__table {
			flex-direction: column;
			align-items: center;
			padding: 3rem;
			border-radius: 0;
		}

		.services__block {
			width: 100%;
			height: 38.125rem;
			border-radius: 1.875rem;
		}

		.services__block:hover { box-shadow: none; }

		.services__block img { top: 15rem; }

		.services__block:hover img { top: 6rem; }

		.services__block:nth-child(1) img { width: 10rem;    }
		.services__block:nth-child(2) img { width: 10rem;    }
		.services__block:nth-child(3) img { width: 10rem;    }
		.services__block:nth-child(4) img { width: 10rem;    }
		.services__block:nth-child(5) img { width: 12.5rem;  }
		.services__block:nth-child(6) img { width: 7.125rem; }
		.services__block:nth-child(7) img { width: 10rem;    }
		.services__block:nth-child(8) img { width: 8.5rem;   }
		.services__block:nth-child(9) img { width: 8.375rem; }
		.services__block:nth-child(10) img{ width: 12.5rem;  }
		.services__block:nth-child(11) img{ width: 8.25rem;  }
		.services__block:nth-child(12) img{ width: 9.75rem;  }

		.services__block div { padding: 27.5rem 2.5rem 2.5rem; }

		.services__block:hover div { padding-top: 2.5rem; }

		.services__block p {
			margin-bottom: 1.25rem;
			font-size: 3.375rem;
		}

		.services__block span {
			margin-top: 31.25rem;
			font-size: 3.375rem;
		}
	/* SERVICES-LIST END */

	/* SERVICES-INNER START */
		.services-inner .product__info.desk { display: none; }
		.services-inner .product__info.mob { display: block; }

		.services-inner { padding: 0 4rem; }

		.services-inner .product__info { margin-bottom: 5rem; }

		.services-inner .product__info-name {
			margin-bottom: 0.375rem;
			font-size: 3.75rem;
			line-height: 6rem;
		}

		.services-inner .product__info-post {
			margin-bottom: 3.75rem;
			font-size: 3.375rem;
			line-height: 4.375rem;
		}

		.services-inner .product__info-phone {
			margin-bottom: 0.25rem;
			font-size: 4rem;
		}

		.services-inner .product__info-email {
			display: inline-block;
			margin-bottom: 4.375rem;
			font-size: 3.375rem;
			line-height: 4.375rem;
		}

		.services-inner .product__info-messanger {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			margin-bottom: 5.625rem;
			font-size: 3.375rem;
			line-height: 5rem;
		}

		.services-inner .product__info-messanger::before {
			margin-right: 2rem;
			width: 6rem;
			height: 6rem;
		}

		.services-inner .product__info-send_message {
			margin-bottom: 0;
			padding-bottom: 0.5rem;
			width: 44.0625rem;
			height: 10rem;
			font-size: 3.375rem;
			border-radius: 0.625rem;
		}

		.services-inner .projects__block {
			margin-right: 0;
			margin-bottom: 4rem;
			padding: 7.8125rem 4rem 6.875rem;
			width: 100%;
			border-radius: 1.25rem;
		}

		.services-inner .projects__logo { margin-bottom: 8.125rem; height: 17rem; }

		.services-inner .projects__logo.glows .projects__logo-img { width: 43.375rem; height: 17rem; }
		.services-inner .projects__logo.valeo .projects__logo-img { width: 34.25rem; height: 14.8125rem; }
		.services-inner .projects__logo.mgupp .projects__logo-img { width: 18.1875rem; height: 16.625rem; }

		.services-inner .projects__block h2 {
			margin-bottom: 2.5rem;
			font-size: 4rem;
			line-height: 5rem;
		}

		.services-inner .projects__block p { font-size: 3.375rem; line-height: 4.625rem; }
	/* SERVICES-INNER END */
}