@import url(https://fonts.googleapis.com/css?family=Unbounded:200,300,regular,500,600,700,800,900&display=swap);
@import url(https://fonts.googleapis.com/css?family=Inter:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic&display=swap);

/* Обнуление оснвных параметров браузера */
* {
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
	*,*:before,*:after{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.focus :active{outline: none;}
	a:focus, :active{outline: none;}
	
	nav,footer,header,aside{display: block;}
	
	html,body{
	height: 100%;
	width: 100%;
	font-size: 100%;
	line-height: 1;
	font-size: 14px;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	}
	
	input,button,textarea{font-family: inherit;}
	
	input::-ms-clear{display: none;}
	button{cursor: pointer;}
	button::-moz-focus-inner {padding:0; border:0;}
	a, a:visited{text-decoration: none;}
	a:hover{text-decoration: none;}
	ul li{list-style: none;}
	img{vertical-align: top;}
	
	h1,h2,h3,h4,h5,h6{font-size: inherit;font-weight: 400;}
	/* -------------------------------------------------- */

	html, body {
		height: 100%;
		font-family: 'Unbounded';
		font-weight: 400;
		font-size: 16px;
		line-height: 1;
		color: #1D1D1B;
		background-color: #fff;
	}
	body._lock {
		overflow: hidden;
	}
	.wrapper {
		display: flex;
		flex-direction: column;
		min-height: 100%; 
		overflow: hidden;
	}
	[class*="__container"]{
		margin: 0 auto;
		max-width: 1340px;
		padding: 0 10px;
	}
	._aib {
		position: relative;
	}
	._aib img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	._title {
		margin-bottom: 50px;
		color: #1d1d1b;
		font-family: 'Unbounded';
		font-size: 32px;
		font-weight: 400;
		line-height: 124%;
	}
	._text {
		color: #535353;
		font-family: 'Inter';
		font-size: 16px;
		font-weight: 400;
		line-height: 150%;
	}
	h3 {
		color: #1D1D1B;
		font-family: 'Unbounded';
		font-size: 20px;
		font-weight: 400;
		line-height: 124%;
	}
	.item-area__title,
	.item-processing__title,
	.item-welding__title,
	.items-corrosion__title,
	.item-laboratory__title,
	.production__title-slider  {
		margin-bottom: 16px;
	}
	h4 {
		color: #1D1D1B;
		font-family: 'Unbounded';
		font-size: 16px;
		font-weight: 400;
		line-height: 124%;
	}
	.btn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 314px;
		height: 60px;
		font-family: 'Unbounded';
		font-size: 14px;
		font-weight: 400;
		line-height: 124%;
		color: #1D1D1B;
		border-radius: 2px;
		background-color: #F39200;
		position: relative;
		transition: all 0.3s ease 0s;
	}
	.btn::before {
		content: '';
		position: absolute;
		top: -9px;
		right: -3px;
		width: 0;
		height: 0;
		border-top: 12px solid transparent;
		border-right: 12px solid #fff;
		border-bottom: 12px solid transparent;
		transform: rotate(135deg);
		z-index: 1;
	}
	.btn span {
		padding-right: 41px; 
		background: url(../img/icons/arrows/Vector\ 1.svg) right no-repeat;
	}
	.btn:hover {
		background-color: #ff9900; 
	}
	.btn:hover span {
		background: url(../img/icons/arrows/Vector\ 1\(2\).svg) right no-repeat;
	}
	.btn.active {
		box-shadow: 0px 4px 4px 0px #00000040 inset;
		background-color: #F39200;
	}
	.btn.active span {
		background: url(../img/icons/arrows/Vector\ 1\(3\).svg) right no-repeat;
	}

	._row {
		display: flex;
		margin: 0 -11px;
	}
	._column {
		flex: 0 1 50%;
		padding: 0 11px;
	}
	
	.procurement__area,
	.mechanical__processing,
	.assembly__welding,
	.anti__corrosion,
	.laboratory,
	.production,
	.examples__work {
		padding: 75px 0;  
	}

	/* ================= HEADER =================== */

	.header {
	}
	
	/* ================= HEADER TOP =============== */

	.header__top {
		padding: 3px 0;
		border: 1px solid #f1f1f1;
	}
	.top-header__container {

	}
	.top-header__row {
		display: flex;
		justify-content: space-between;
	}
	.header__address {
		color: #1D1D1B;
		font-family: 'Inter';
		font-size: 14px;
		line-height: 171%;
		padding-left: 28px;
		background: url(../img/icons/headertop/MapPinSimpleLine.svg) left no-repeat;
	}
	.header__contacts {
	}
	.contacts-header {
		display: flex;
		gap: 24px;
	}
	.contacts-header__link {
		color: #1D1D1B;
		font-family: 'Inter';
		font-size: 14px;
		font-weight: 600;
		line-height: 171%;
		padding-left: 28px;
	}
	.contacts-header__phone {
		background: url(../img/icons/headertop/DeviceMobile.svg) left no-repeat;
	}
	.contacts-header__email {
		background: url(../img/icons/headertop/Envelope.svg) left no-repeat;
	}

	/* ================= HEADER BOTTOM ============ */

	.header__bottom {
		padding: 15px 0;
	}
	.bottom-header__container {
	}
	.bottom-header__row {
		display: flex;
		align-items: center;
	}
	.header__logo {
		position: relative;
		z-index: 50;
	}
	.header__nav {
		flex: 1 1 auto;
	}
	.header__list {
		display: flex;
		justify-content: center;
		column-gap: 16px;
	}
	.header__item {
	}
	.header__link {
	}
	.header__button {
		--accent-color: #d9d9d9; /* Цвет обводки и заливки */
		--border-width: 1px; /* Толщина обводки */
		--skew-width: 15px; /* Ширина "скошенного угла" */
		--skew-height: 15px; /* Высота "скошенного угла" */
		border: 0;
		background-color: #fff;
		position: relative;
	}
	
	.header__button,
	.header__button::before {
		background-image:
			linear-gradient(var(--accent-color) 0 0),
			linear-gradient(var(--accent-color) 0 0),
			linear-gradient(to right top,
				transparent calc(50% - var(--border-width) / 1.15),
				var(--accent-color) calc(50% - var(--border-width) / 2),
				var(--accent-color) calc(50% + var(--border-width) / 2),
				transparent calc(50% + var(--border-width) / 1.15)),
				linear-gradient(var(--accent-color) 0 0),
				linear-gradient(var(--accent-color) 0 0
			);
		background-repeat: no-repeat;
		background-position: 0 0, 100% 14px, 100% 0%, 0 100%, 0 0;
		background-size: 
			calc(100% - var(--skew-height)) var(--border-width), /* верхняя полоса */
			var(--border-width) calc(100% - var(--skew-height)), /* правая полоса */
			var(--skew-width) var(--skew-height), /* косая полоса */
			100% var(--border-width), /* нижняя полоса */
			var(--border-width) 100%; /* левая полоса */
	}/*
	.header__button:before ,
	.header__button:after  {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.header__button:before  {
		--border-width: 3px; * Толщина обводки увеличена, чтобы тень была более насыщенной *
		filter: blur(5px);
		opacity: 0;
		transition: opacity 0.3s ease;
	}
	.header__button:after {
		-webkit-clip-path: polygon(
			0 0,
			100% 0,
			100% calc(100% - var(--skew-height)),
			calc(100% - var(--skew-width)) 100%,
			0 100%
		);
		clip-path: polygon(
			0 0,
			100% 0,
			100% calc(100% - var(--skew-height)),
			calc(100% - var(--skew-width)) 100%,
			0 100%
		);
		transition: background-color 0.3s ease;
	}
	*/
	.header__button:hover {
		background-color: rgba(243, 146, 0, 0.2);
	}
	.header__button.active {
		box-shadow: 0px 4px 4px 0px #00000040 inset;
		background-color: rgba(243, 146, 0, 0.1);
	}

	/* ================= FULLSCREEN BLOCK ========= */

	.main {
		position: relative;
	}
	.main__container {
	}
	.main__content {
		padding: 86px 0;
		position: relative;
		z-index: 2;
	}
	.main__title {
		max-width: 694px;
		color: #fff;
		font-family: 'Unbounded';
		font-size: 52px;
		line-height: 124%;
		font-weight: 400;
	}
	.main__text {
		max-width: 575px;
		margin: 30px 0 50px 0;
		font-size: 20px;
		color: rgba(255, 255, 255, 0.7);
	}
	.main__buttons {
		display: flex;
		gap: 24px;
		margin-bottom: 70px;
	}
	.main__button {
	}
	.main__button_main::before,
	.main__button_services::before {
		content: '';
		position: absolute;
		top: -9px;
		right: -3px;
		width: 0;
		height: 0;
		border-top: 12px solid transparent;
		border-right: 12px solid rgba(29, 29, 27, 0.9);
		border-bottom: 12px solid transparent;
		transform: rotate(135deg);
		z-index: 1;
	}
	.main__button_services {
		--accent-color: #828282; /* Цвет обводки и заливки */
		--border-width: 1px; /* Толщина обводки */
		--skew-width: 15px; /* Ширина "скошенного угла" */
		--skew-height: 15px; /* Высота "скошенного угла" */
		width: 160px;
		color: #fff;
		font-family: 'Unbounded';
		font-size: 14px;
		font-weight: 400;
		border: 0;
		background: transparent;
		position: relative;
	}
	.main__button_services,
	.main__button_services::before {
		background-image:
			linear-gradient(var(--accent-color) 0 0),
			linear-gradient(var(--accent-color) 0 0),
			linear-gradient(to right top,
				transparent calc(50% - var(--border-width) / 1.15),
				var(--accent-color) calc(50% - var(--border-width) / 2),
				var(--accent-color) calc(50% + var(--border-width) / 2),
				transparent calc(50% + var(--border-width) / 1.15)),
				linear-gradient(var(--accent-color) 0 0),
				linear-gradient(var(--accent-color) 0 0
			);
		background-repeat: no-repeat;
		background-position: 0 0, 100% 14px, 100% 0%, 0 100%, 0 0;
		background-size: 
			calc(100% - var(--skew-height)) var(--border-width), /* верхняя полоса */
			var(--border-width) calc(100% - var(--skew-height)), /* правая полоса */
			var(--skew-width) var(--skew-height), /* косая полоса */
			100% var(--border-width), /* нижняя полоса */
			var(--border-width) 100%; /* левая полоса */
	}
	/*
	.main__button_services:before ,
	.main__button_services:after  {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.main__button_services:before  {
		--border-width: 3px; * Толщина обводки увеличена, чтобы тень была более насыщенной *
		filter: blur(5px);
		opacity: 0;
		transition: opacity 0.3s ease;
	}
	.main__button_services:after {
		-webkit-clip-path: polygon(
			0 0,
			100% 0,
			100% calc(100% - var(--skew-height)),
			calc(100% - var(--skew-width)) 100%,
			0 100%
		);
		clip-path: polygon(
			0 0,
			100% 0,
			100% calc(100% - var(--skew-height)),
			calc(100% - var(--skew-width)) 100%,
			0 100%
		);
		transition: background-color 0.3s ease;
	}
	*/
	.main__button_services:hover {
		background-color: #d9d9d9;
	}
	.main__button_services span {
		background: url(../img/icons/arrows/Vector\ 1\(1\).svg) right no-repeat;
	}
	.main__button_services:hover span {
		background: url(../img/icons/arrows/Vector\ 1\(4\).svg) right no-repeat;
	}
	.main__button_services.active {
		box-shadow: 0px 4px 4px 0px #00000040 inset;
		background-color: #828282;
	}
	.btn.active span {
		background: url(../img/icons/arrows/Vector\ 1\(3\).svg) right no-repeat;
	}
	
	.main__value {
		margin-bottom: 16px;
		color: #fff;
		font-family: 'Unbounded';
		font-size: 36px;
		line-height: 120%;
	}
	.main__value span {
		color: #F39200;
	}
	.main__subtext {
		color: rgba(255, 255, 255, 0.7);
		font-family: 'Inter';
		font-size: 14px;
		line-height: 142%;
	}
	.main__image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.main__polygon_2,
	.main__polygon_3,
	.main__polygon_4,
	.main__polygon_5,
	.main__polygon_6,
	.main__polygon_7 {
		position: absolute;
	}
	.main__polygon_2 {
		top: 0;
		right: 232px;
	}
	.main__polygon_3 {
		top: 205px;
		right: 544px;
	}
	.main__polygon_4 {
		top: 326px;
		right: 232px;
	}
	.main__polygon_5 {
		top: 506px;
		right: 79px;
	}
	.main__polygon_6 {
		top: 147px;
		right: 0;
	}
	.main__polygon_7 {
		top: 0;
		right: 0;
	}

	/* ================= OUR MISSION ============== */

	.our__mission {
		padding: 150px 0 0 0;
	}
	.mission-our {
	}
	.mission-our__container {
		margin-bottom: 60px;
	}
	.mission-our__row_1 {
		display: flex;
		flex-wrap: wrap;
	}
	.mission-our__column_1 {
		flex: 0 1 50%;
		position: relative;
	}
	.mission-our__column_1 img {
		position: absolute;
		top: 0;
		right: 100%;
		width: 50vw;
		height: 100%;
		transform: translate(100%, 0%);
	}
	.mission-our__body {
		padding: 38px 90px 38px 0;
	}
	.mission-our__text {
		margin-bottom: 72px;
		font-family: 'Inter';
		font-size: 24px;
		line-height: 133%;
	}
	.mission-our__image {
		padding: 0 0 47% 0;
	}
	.mission-our__subtitle {
		padding-left: 32px;
	}

	/* ================= PRODUCTION SITES ========= */

	.production__sites {
		padding: 150px 0 75px 0;
	}
	.sites-production__item {
		display: flex;
	}
	.sites-production__number {
		width: 34px;
		margin-left: 9.5px;
		color: #F39200;
		font-size: 20px;
		line-height: 124%;
	}
	.sites-production__subtitle {
		display: flex;
		flex: 0 0 502px;
		gap: 16px;
		font-size: 16px;
		line-height: 124%;
	}

	/* ================= PROCUREMENT AREA ========= */

	.images-area__img {
		margin: 22px 0 0 -28px;
		padding: 0 0 85.5% 0;
	}
	.item-area__item:not(:last-child) {
		margin-bottom: 30px;
	}
	.item-area__title {
		flex: 1 1 100%;
	}
	.item-area__item:nth-child(2),
	.item-area__item:nth-child(5) {
		display: flex;
		flex-wrap: wrap;
		column-gap: 30px;
	}
	.item-area__subitem {
		position: relative;
		padding-left: 20px;
	}
	.item-area__subitem:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 7px;
		transform: translate(0, -50%);
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background-color: #1D1D1B;
	}

	/* ================= MECHANICAL PROCESSING ==== */

	.item-processing {
		display: flex;
		column-gap: 22px;
		margin-top: 40px;
	}
	.item-processing__column {
		flex: 0 1 50%;
	}
	.item-processing__item {
		margin-bottom: 24px;
	}
	.item-processing__specifications {
		display: flex;
	}
	.images-mechanical__img {
		padding: 0 0 82.22% 0;
	}

	/* ================= ASSEMBLY WELDING ========= */

	.images-welding__img {
		margin: 0 0 0 -50px;
		padding: 0 0 86% 0;
	}
	.welding-assembly__item {
	}
	.item-welding {
		display: flex;
		column-gap: 22px; 
	}
	.item-welding__column {
		flex: 0 1 50%;
	}
	.item-welding__item:not(:last-child) {
		margin-bottom: 24px;
	}
	.item-welding__text {
	}
	.item-welding__specifications {
		display: flex;
		margin-top: 24px;
	}
	.item-welding__value {
		font-size: 14px;
	}

	/* ================= ANTI-CORROSION TREATMENT = */

	.items-corrosion {
		max-width: 476px;
	}
	.items-corrosion__text {
		font-family: 'Inter';
		font-size: 20px;
		font-weight: 400;
		line-height: 160%;
		color: #535353;
	}
	.items-corrosion__subtext {
		margin: 30px 0;
	}
	.items-corrosion__item {
	}
	.items-corrosion__item:not(:last-child) {
		margin-bottom: 24px;
	}
	.images-corrosion__img {
		padding: 0 0 84% 0;
	}

	/* ================= LABARATORY =============== */

	.images-laboratory__img {
		margin: 0 0 0 -49px;
		padding: 0 0 86% 0;
	}
	.laboratory__item {
	}
	.item-laboratory {
	}
	.item-laboratory__text {
		margin-bottom: 24px;  
	}
	.item-labaratory__items {
		display: flex;
		flex-wrap: wrap;
		column-gap: 24px;
	}
	.item-laboratory__item {
		flex: 1 1 45%; 
	}
	/*
	.item-laboratory__item:not(:last-child) {
		margin-bottom: 24px;
	}
	*/
	.item-laboratory__item:nth-child(3) .item-laboratory__title {
		padding-right: 25px;
		word-break: break-all;
	}
	.item-laboratory__item:nth-child(4),
	.item-laboratory__item:nth-child(5),
	.item-laboratory__item:nth-child(7) {
		margin-top: 26px;
	}

	/* ================= SLIDER PRODUCTION ======== */

	.production__slider {
		position: relative;
	}
	.production__slider:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100%;
		background-color: #ffffff;
		z-index: 2;
		transform: translate(-100%, 0);
	}
	.production__swiper {
	}
	.swiper_wrapper {
		display: flex;
		width: 100%;
		height: 100%;
	}
	.production__slide {
	}
	.swiper_slide {
		display: flex;
		flex-shrink: 0;
	}
	.production__item {
	}
	.production__img {
	/*	padding: 0 0 87.5% 0; */
		padding: 10px 0 20px 0;
	}
	.production__specifications {
	}
	.specifications-production {
		display: flex;
		gap: 15px;
	/*	margin: 0 -22px; */
	}
	.specifications-production__column {
		flex: 0 1 33.333%;
	/*	padding: 0 22px; */
	}
	.specifications-production__values {
		display: grid;
		grid-template-columns: 24px auto 1fr;
	}
	.specifications-production__icon {
		justify-self: start;
	}
	.specifications-production__value {
		justify-self: start;
		margin-left: 10px;
	}
	.specifications-production__text {
		grid-column: 3/1;
		font-size: 8px;
	}
	.production__controls {
	}
	.controls-production {
		display: flex;
		gap: 132px;
		margin-top: 40px;
	}
	.controls-production__btn {
		display: flex;
		width: 40px;
		height: 32px;
		border-radius: 2px;
		transition: 0.3s;
	}
	.controls-production__btn:hover {
		background-color: #d9d9d9;
	}
	.controls-production__prev {
		background: url(../img/icons/arrows/Arrow\ left.svg) center no-repeat;
	}
	.controls-production__next {
		background: url(../img/icons/arrows/Arrow\ right.svg) center no-repeat;
	}

	/* ================= EXAMPLES OF WORK ========= */
	.work-examples__row {
		display: flex;
		flex-wrap: wrap;
		margin: 17px -12px;
	}
	.work-examples__column {
		flex: 0 1 50%;
		padding: 17px 12px;
	}
	.item-work {
		position: relative;
	}
	.item-work::before {
		content: '';
		position: absolute;
		top: -20px;
		left: -6px;
		width: 0;
		height: 0;
		border-top: 30px solid transparent;
		border-right: 30px solid #fff;
		border-bottom: 30px solid transparent;
		transform: rotate(45deg);
		z-index: 1;
	}
	.item-work__img {
		padding: 0 0 49.39% 0;
	}
	.item-work__title {
		margin: 26px 0 12px 0;
	}

	/* ================= DEVELOPMENT ============== */

	.development {
		padding: 75px 0 150px 0;
	}
	.development__item {
		display: flex;
		flex-direction: column;
		padding: 24px;
		border: 1px solid #d9d9d9;
		border-radius: 2px;
	}
	.item-development__title {
		margin: 16px 0;
	}
	.item-development__text {
		flex: 1 1 auto;
	}

	/* ================= CONTACTS ================== */

	.contacts {
		position: relative;
	}
	.map {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: violet;
	}
	.map__container {
		padding: 36px 0;
	}
	[class*="copyrights-pane"] {
		display: none !important;
	}
	[class*="ground-pane"] {
		filter: grayscale(1);
	}
	.map__form {
	}
	.form-map {
		max-width: 424px;
		padding: 55px;
		border-radius: 4px;
		background-color: #fff;
		position: relative;
		z-index: 2;
	}
	.form-map__item {
		display: grid;
		margin-bottom: 20px;
	}
	.form-map__label {
		margin-bottom: 6px;
		color: #1D1D1B;
		font-family: 'Unbounded';
		font-size: 10px;
		font-weight: 400;
		line-height: 124%;
	}
	.form-map__input {
		height: 50px;
		padding-left: 16px;
		font-size: 14px;
		color: #B3B3B3;
		border: 1px solid #d9d9d9;
		border-radius: 2px;
	}
	.form-map__textarea {
		min-height: 80px;
		padding: 12px 0 0 16px;
		font-size: 14px;
		color: #B3B3B3;
		border: 1px solid #d9d9d9;
		border-radius: 2px;
		resize: vertical;
	}
	.form-map__button {
		min-width: 100%;
		margin-top: 32px;
	}

	/* ================= FOOTER =================== */

	.footer {
		padding: 150px 0 47px 0;
	}
	.footer__row {
		display: flex;
	}
	.footer__column:nth-child(1) {
		flex: 0 1 447px;
	}
	.footer__column:nth-child(2) {
		flex: 0 1 199px;
	}
	.footer__column:nth-child(3) {
		flex: 0 1 201px;
		margin-left: 24px;
	}
	.footer__column:nth-child(4) {
		flex: 0 1 421px;
		margin-left: 24px;
	}
	.footer__item {
	}
	.footer__logo {
		margin-bottom: 30px;
	}
	.footer__logo img {
		width: 300px;
	}
	.footer__text {
		font-size: 12px;
	}
	.item-footer_1 {
		width: 311px;
	}
	.item-footer__title {
		margin-bottom: 24px;
		font-weight: 500;
	}
	.item-footer__list {
	}
	.item-footer__item {
		display: grid;
		font-size: 14px;
	}
	.item-footer__item span:nth-child(1) {
		font-weight: 700;
	}
	.item-footer__item:not(:last-child) {
		margin-bottom: 20px;
	}
	.item-footer__link {
		font-size: 14px;
		color: #535353;
		line-height: 114%;
	}
	.item-footer__phone {
	}
	.item-footer__email_two {
		color: #F39200;
		font-size: 14px;
	}

	/* ================= POPUP ================= */
	
	.popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(20, 20, 20, 0.8);
		opacity: 0;
		visibility: hidden;
		overflow-y: auto;
		overflow-x: hidden;
		transition: all 0.6s ease 0s;
		z-index: 100;
	}
	.popup.open {
		opacity: 1;
		visibility: visible;
	}
	.popup.open .popup__content {
		opacity: 1;
	}
	.popup__body {
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 100%;
		padding: 30px 5px;
	}
	.popup__content {
		display: flex;
		width: 100%;
		max-width: 320px;
		height: 400px;
		border-radius: 24px;
		overflow: hidden;
		position: relative;
		background-color: #F39200;
	}
	.close-popup {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 24px;
		height: 24px;
		cursor: pointer;
	}

	/* ================= ADAPYIVE ================= */

	@media (min-width: 320px) {
		.main__about {
			display: flex;
			flex-wrap: wrap;
			margin: -12px -12px;
		}
		.main__column {
			display: flex;
			flex: 0 1 100%;
			padding: 12px 12px;
		}
		.main__item {
			display: flex;
			flex-direction: column;
			flex: 1 1 auto;
		}
		.mission-our__item {
			display: flex;
			align-items: center;
			justify-content: center;
			flex: 1 1 auto;
			padding: 20px 0px;
			border: 1px solid #f1f1f1;
			border-radius: 2px;
		}
		.mission-our__subitem {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
		}
		.sites-production__item:not(:last-child) .sites-production__subitem {
			flex: 1 1 auto;
			padding-bottom: 15px;
			border-bottom: 1px solid #f1f1f1;
		}
		.developmet__row {
			margin: -12px 0px;
		}
		.development__column {
			padding: 12px 0px;
		}
	}
	@media (min-width: 768px) {
		.main__column {
			flex: 0 1 50%;
		}
		.mission-our__row {
			display: flex;
			margin: -12px -12px;
		}
		.mission-our__column {
			display: flex;
			flex: 1 1 33.333%;
			padding: 12px 12px;
		}
		.mission-our__item {
			padding: 40px 0px;
		}
		.mission-our__subitem {
			width: 225px;
		}
		.developmet__row {
			display: flex;
			flex-wrap: wrap;
			margin: -12px -12px;
		}
		.development__column {
			display: flex;
			flex: 0 1 50%;
			padding: 12px 12px;
		}
	}
	@media (min-width: 991px) {
		.main__column {
			flex: 0 1 25%;
		}
		.main__item {
			padding: 24px;
			border-right: 1px solid rgba(255, 255, 255, 0.15);
		}
		.main__column:last-child .main__item {
			border-right: 0;
		}
		.sites-production__subitem {
			display: flex;
			flex: 1 1 auto;
			margin: 0 0 0px 32px;
		}
		.sites-production__item:not(:last-child) .sites-production__subitem {
			margin-bottom: 30px;
			padding-bottom: 27px;
		}
		.developmet__row {
			margin: 0 -12px;
		}
		.development__column {
			flex: 0 1 25%;
			padding: 0 12px;
		}
	}

	@media (max-width: 1340px) {
	
		._title {
			margin-bottom: calc(20px + 30 * ((100vw - 320px) / 930)); 
			font-size: calc(20px + 30 * ((100vw - 320px) / 1020));
		}
		._text {
			font-size: calc(14px + 2 * ((100vw - 320px) / 1020));
		}
		h3,
		.main__text {
			font-size: calc(16px + 4 * ((100vw - 320px) / 1020));
		}
		.btn {
			width: calc(300px + 14 * ((100vw - 320px) / 1020));
		}
		.header__list {
			justify-content: flex-end;
		}
		.header__button {
			display: none;
		}
		.contacts-header {
			gap: calc(10px + 14 * ((100vw - 320px) / 1020));
		}
		.header__address,
		.contacts-header__link {
			padding-left: calc(24px + 4 * ((100vw - 320px) / 1020));
			font-size: calc(12px + 2 * ((100vw - 320px) / 1020));
		}
		.main__content {
			padding-top: calc(30px + 53 * ((100vw - 320px) / 1020));
			padding-bottom: calc(30px + 53 * ((100vw - 320px) / 1020));
		}
		.main__title {
			font-size: calc(24px + 28 * ((100vw - 320px) / 1020));
		}
		.main__text {
			margin-bottom: calc(30px + 20 * ((100vw - 320px) / 930)); 
		}
		.main__buttons {
			margin-bottom: calc(30px + 40 * ((100vw - 320px) / 930)); 
		}
		.main__item {
			padding: calc(4px + 20 * ((100vw - 320px) / 1020));
		}
		.main__value {
			margin-bottom: calc(10px + 6 * ((100vw - 320px) / 1020));
			font-size: calc(22px + 18 * ((100vw - 320px) / 1020));
		}
		.main__subtext,
		.item-footer__item,
		.item-footer__link {
			font-size: calc(12px + 2 * ((100vw - 320px) / 1020));
		}
		.mission-our__container {
			margin-bottom: calc(40px + 20 * ((100vw - 320px) / 1020));
		}
		.mission-our__text {
			margin-bottom: calc(40px + 32 * ((100vw - 320px) / 1020));
			font-size: calc(16px + 8 * ((100vw - 320px) / 1020));
		}
		.sites-production__subitem {
			margin-left: calc(20px + 12 * ((100vw - 320px) / 1020));
		}
		.mission-our__subtitle {
			padding-left: calc(20px + 12 * ((100vw - 320px) / 1020));
		}
		.our__mission,
		.footer {
			padding-top: calc(60px + 90 * ((100vw - 320px) / 1020));
		}
		.production__sites {
			padding-top: calc(60px + 90 * ((100vw - 320px) / 1020));
			padding-bottom: calc(30px + 45 * ((100vw - 320px) / 1020));
		}
		.item-area__item:not(:last-child) {
			margin-bottom: calc(16px + 14 * ((100vw - 320px) / 1020));
		}
		.item-processing__item,
		.item-welding__item:not(:last-child),
		.items-corrosion__item:not(:last-child) {
			margin-bottom: calc(16px + 8 * ((100vw - 320px) / 1020));
		}
		.items-corrosion__subtext {
			margin-top: calc(20px + 10 * ((100vw - 320px) / 1020));
			margin-bottom: calc(20px + 10 * ((100vw - 320px) / 1020));
		}
		.procurement__area,
		.mechanical__processing,
		.assembly__welding,
		.anti__corrosion,
		.laboratory,
		.production,
		.examples__work {
			padding-top: calc(30px + 45 * ((100vw - 320px) / 1020));
        	padding-bottom: calc(30px + 45 * ((100vw - 320px) / 1020));
		}
		.controls-production{
			margin-top: calc(20px + 20 * ((100vw - 320px) / 1020));
		}
		.development {
			padding-top: calc(30px + 45 * ((100vw - 320px) / 1020));
        	padding-bottom: calc(60px + 90 * ((100vw - 320px) / 1020));
		}
		.form-map {
			padding-top: calc(25px + 30 * ((100vw - 320px) / 1020));
        	padding-bottom: calc(25px + 30 * ((100vw - 320px) / 1020));
			padding-left: calc(10px + 45 * ((100vw - 320px) / 1020));
        	padding-right: calc(10px + 45 * ((100vw - 320px) / 1020));
		}
		.footer {
			padding-bottom: calc(10px + 37 * ((100vw - 320px) / 1020));
		}
		.footer__logo {
			margin-bottom: calc(16px + 14 * ((100vw - 320px) / 1020));
		}
		.item-footer__title {
			margin-bottom: calc(12px + 12 * ((100vw - 320px) / 1020));
		}
		.item-footer__item:not(:last-child) {
			margin-bottom: 20px;
			margin-bottom: calc(12px + 8 * ((100vw - 320px) / 1020));
		}
	}

	@media (max-width: 991px) {
		._row {
			flex-wrap: wrap;
		}
		._column {
			flex: 0 1 100%;
		}
		.header {
			display: flex;
			flex-direction: column-reverse;
		}
		.header__bottom {
			padding: 5px 0;
		}
		.bottom-header__row {
			justify-content: space-between;
		}
		.icon-menu {
			display: block;
			position: relative;
			width: 28px;
			height: 20px;
			cursor: pointer;
			z-index: 50;
		}
		.icon-menu span {
			position: absolute;
			top: calc(50% - 1px);
			right: 0;
			width: 100%;
			height: 2px;
			background-color: #1D1D1B;
			transition: all 0.3s ease 0s;
		}
		.icon-menu span:nth-child(1) {
			top: 0;
		}
		.icon-menu span:nth-child(2) {
			width: 15px;
		}
		.icon-menu span:nth-child(3) {
			top: auto;
			bottom: 0;
			width: 24px;
		}
		.icon-menu._active span {
			transform: scale(0);
		}
		.icon-menu._active span:nth-child(1) {
			transform: rotate(45deg);
			top: calc(50% - 1px);
		}
		.icon-menu._active span:nth-child(3) {
			transform: rotate(-45deg);
			bottom: calc(50% - 1px);
			width: 28px;
		}
		.header__nav {
			position: fixed;
			top: 0;
			left: -100%;
			width: 100%;
			height: 100%;
			overflow: auto;
			padding: 150px 10px 30px 10px;
			background: #fff;
			transition: all 0.3s ease 0s;
			z-index: 20;
		}
		.header__nav._active {
			left: 0;
		}
		.header__nav::before {
			content: '';
			position: fixed;
			top: 0;
			left: -100%;
			width: 100%;
			height: 45px;
			background-color: #f1f1f1;
			transition: all 0.3s ease 0s;
		}
		.header__nav._active::before {
			left: 0;
		}
		.header__list {
			display: block;
			text-align: center;
			width: 100%;
			overflow: auto;
		}
		.header__item {
			margin-bottom: 20px;
			padding-bottom: 10px;
			border-bottom: 1px solid #1d1d1b;
		}
		.header__link {
			font-size: 20px;
			font-weight: 500;
		}
		.mission-our__row_1 {
		}
		.mission-our__column_1 {
			flex: 0 1 100%;
		}
		.mission-our__column_1:not(:last-child) {
			margin-bottom: 40px;
		}
		.mission-our__column_1 img {
			position: absolute;
			top: 0;
			right: 100%;
			width: 100vw;
			height: 100%;
			transform: translate(100%, 0%);
		}
		.mission-our__body {
			padding: 0;
		}
		.sites-production__subtitle {
			margin-bottom: 12px;
		}
		.sites-production__item:not(:last-child) {
			margin-bottom: 24px;
		}
		.images-area__img,
		.images-welding__img,
		.images-laboratory__img {
			margin: 0px 0 0 -10px;
		}
		.item-processing {
			margin-top: 0;
		}
		.area-procurement__column:nth-child(1),
		.welding-assembly__column:nth-child(1),
		.laboratory__column:nth-child(1)  {
			margin-bottom: 25px;
		}
		.footer__row {
			flex-wrap: wrap;
			justify-content: space-between;
		}
		.footer__column:nth-child(1) {
			flex: 1 1 auto;
			padding-right: 10px;
		}
		.footer__column:nth-child(3) {
			margin-left: 14px;
		}
		.footer__column:nth-child(4) {
			flex: 1 1 100%;
			margin: 0px 0 0px 0px;
		}
		.footer__column:nth-child(4) .item-footer__list {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			column-gap: 24px;
		}
		.item-footer__item:last-child {
			margin-bottom: 20px;
		}
	}

	@media (max-width: 768px) {
		.header__address {
			display: none;
		}
		.contacts-header {
			flex: 1 1 auto;
			justify-content: space-between;
		}
		.main__content{
			display: flex;
			flex-direction: column;
			justify-content: center;
			text-align: center;
		}
		.main__title,
		.main__text {
			max-width: 100%;
		}
		.main__buttons {
			justify-content: center;
			flex-wrap: wrap;
		}
		.mission-our__image {
			margin: 40px 0;
		}
		.work-examples__row {
			margin: 12px -12px;
		}
		.work-examples__column {
			flex: 0 1 100%;
			padding: 12px 12px;
			border-bottom: 1px solid #d9d9d9;
		}
		
		.item-processing,
		.item-welding {
			flex-wrap: wrap;
		}
		.item-processing__column,
		.item-welding__column {
			flex: 0 1 100%;
		}
		.item-laboratory__item {
			flex: 1 1 100%; 
		}
		.item-laboratory__text {
			margin-bottom: 4px;
		} 
		.item-laboratory__item:nth-child(1),
		.item-laboratory__item:nth-child(2),
		.item-laboratory__item:nth-child(3),
		.item-laboratory__item:nth-child(4),
		.item-laboratory__item:nth-child(5),
		.item-laboratory__item:nth-child(6),
		.item-laboratory__item:nth-child(7) {
			margin-top: 16px;
		}
		.contacts {
			display: flex;
			flex-direction: column-reverse;
		}
		.map__container {
			width: 100%;
			padding: 0 10px;
		}
		.form-map {
			max-width: 100%;
			border: 1px solid #d9d9d9;
			border-radius: 2px;
		}
		.map {
			position: relative;
			height: 400px;
		}
		.footer__column:nth-child(1) {
			display: flex;
			justify-content: center;
		}
		.footer__column:nth-child(2),
		.footer__column:nth-child(3) {
			flex: 1 1 100%;
		}
		.footer__column:nth-child(2) {
			margin-top: 20px;
		}
		.footer__column:nth-child(3) {
			margin-left: 0px;
		}
		.footer__column {
			text-align: center;
		}
		.footer__column:nth-child(4) .item-footer__list {
			justify-content: center;
		}
	}