/*
1) COMMON
*/

/* 1) COMMON START */
	.projects__wrap {
		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;
		justify-content: space-between;
	}

	.projects__block {
		margin-bottom: 40px;
		padding: 40px 30px 40px 40px;
		width: calc(33.33% - 26px);
		max-width: 410px;
		background: #fff;
		border-radius: 10px;
	}

	.projects__block:hover {
		text-decoration: none;
		background: #00b188;
		box-shadow: 0 15px 60px rgba(0, 177, 136, 0.6);
	}

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

	.projects__logo img:first-child {
		display: none;
		height: 100%;
	}

	.projects__logo img:last-child {
		display: block;
		height: 100%;
	}

	.projects__block:hover .projects__logo img:first-child {
		display: block;
	}

	.projects__block:hover .projects__logo img:last-child {
		display: none;
	}

	/*.projects__logo-img {
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
	}

	.projects__logo.glows .projects__logo-img { width: 217px; height: 85px; background-image: url("../img/logo-glows.png"); }
	.projects__logo.valeo .projects__logo-img { width: 171px; height: 74px; background-image: url("../img/logo-valeo.png"); }
	.projects__logo.mgupp .projects__logo-img { width: 91px; height: 83px; background-image: url("../img/logo-mgupp.png"); }

	.projects__block:hover .projects__logo.glows .projects__logo-img { background-image: url("../img/logo-glows-hover.png"); }
	.projects__block:hover .projects__logo.valeo .projects__logo-img { background-image: url("../img/logo-valeo-hover.png"); }
	.projects__block:hover .projects__logo.mgupp .projects__logo-img { background-image: url("../img/logo-mgupp-hover.png"); }*/

	.projects__block h3 {
		margin-bottom: 20px;
		color: #1c1c24;
		font: 500 16px/20px "AvenirNextCyr", Arial, sans-serif;
	}

	.projects__block h2 {
		margin-bottom: 20px;
		color: #1c1c24;
		font: 700 24px/30px "AvenirNextCyr", Arial, sans-serif;
		word-wrap: break-word;
	}

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

	.projects__block:hover h3,
	.projects__block:hover h2,
	.projects__block:hover p { color: #fff; }
/* 1) COMMON END */

@media (max-width: 1024px) {
	/* 1) COMMON START */
		.projects .heavy-title { padding-left: 5.875rem; }

		.projects__wrap {
			flex-direction: column;
			justify-content: flex-start;
			padding: 0 2rem;
		}

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

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

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

		.projects__block h3 {
			margin-bottom: 1.875rem;
			font-size: 2.5rem;
			line-height: 3.125rem;
		}

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

		.projects__block p { font-size: 3.375rem; line-height: 4.625rem; }
	/* 1) COMMON END */
}