/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }

/* make sure to set some focus styles for accessibility */
:focus {
		outline: 0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
		display: block; }

body {
		line-height: 1; }

ol, ul {
		list-style: none; }

blockquote, q {
		quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
		content: '';
		content: none; }

table {
		border-collapse: collapse;
		border-spacing: 0; }

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
		-webkit-appearance: none;
		-moz-appearance: none; }

input[type=search] {
		-webkit-appearance: none;
		-moz-appearance: none;
		box-sizing: content-box; }

textarea {
		overflow: auto;
		vertical-align: top;
		resize: vertical; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		max-width: 100%; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
		display: none;
		height: 0; }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
		display: none; }

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
		font-size: 100%;
		/* 1 */
		-webkit-text-size-adjust: 100%;
		/* 2 */
		-ms-text-size-adjust: 100%;
		/* 2 */ }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
		outline: 0; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
		outline: 0; }

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
		border: 0;
		/* 1 */
		-ms-interpolation-mode: bicubic;
		/* 2 */ }

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
		margin: 0; }

/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
		margin: 0; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
		border: 1px solid #c0c0c0;
		margin: 0 2px;
		padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
		border: 0;
		/* 1 */
		padding: 0;
		white-space: normal;
		/* 2 */
		*margin-left: -7px;
		/* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
		font-size: 100%;
		/* 1 */
		margin: 0;
		/* 2 */
		vertical-align: baseline;
		/* 3 */
		*vertical-align: middle;
		/* 3 */ }

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
		line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
		text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
		-webkit-appearance: button;
		/* 2 */
		cursor: pointer;
		/* 3 */
		*overflow: visible;
		/* 4 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
		cursor: default; }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
		box-sizing: border-box;
		/* 1 */
		padding: 0;
		/* 2 */
		*height: 13px;
		/* 3 */
		*width: 13px;
		/* 3 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
		-webkit-appearance: textfield;
		/* 1 */
		/* 2 */
		box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
		border: 0;
		padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
		overflow: auto;
		/* 1 */
		vertical-align: top;
		/* 2 */ }

/**
 * Remove most spacing between table cells.
 */
table {
		border-collapse: collapse;
		border-spacing: 0; }

html,
button,
input,
select,
textarea {
		color: #222; }

::selection {
		background: #b3d4fc;
		text-shadow: none; }

img {
		vertical-align: middle; }

fieldset {
		border: 0;
		margin: 0;
		padding: 0; }

textarea {
		resize: vertical; }

.chromeframe {
		margin: 0.2em 0;
		background: #ccc;
		color: #000;
		padding: 0.2em 0; }

@font-face {
		font-family: 'Inter';
		font-style: normal;
		font-weight: 400;
		src: url(../../assets/fonts/Inter-Regular.eot?) format("eot"), url(../../assets/fonts/Inter-Regular.ttf) format("ttf"), url(../../assets/fonts/Inter-Regular.woff) format("woff"), url(../../assets/fonts/Inter-Regular.woff2) format("woff2"); }

@font-face {
		font-family: 'Inter';
		font-style: normal;
		font-weight: 500;
		src: url(../../assets/fonts/Inter-Medium.eot?) format("eot"), url(../../assets/fonts/Inter-Medium.ttf) format("ttf"), url(../../assets/fonts/Inter-Medium.woff) format("woff"), url(../../assets/fonts/Inter-Medium.woff2) format("woff2"); }

@font-face {
		font-family: 'Inter';
		font-style: normal;
		font-weight: 600;
		src: url(../../assets/fonts/Inter-SemiBold.eot?) format("eot"), url(../../assets/fonts/Inter-SemiBold.ttf) format("ttf"), url(../../assets/fonts/Inter-SemiBold.woff) format("woff"), url(../../assets/fonts/Inter-SemiBold.woff2) format("woff2"); }

@font-face {
		font-family: 'Inter';
		font-style: normal;
		font-weight: 800;
		src: url(../../assets/fonts/Inter-Bold.eot?) format("eot"), url(../../assets/fonts/Inter-Bold.ttf) format("ttf"), url(../../assets/fonts/Inter-Bold.woff) format("woff"), url(../../assets/fonts/Inter-Bold.woff2) format("woff2"); }

*,
*:after,
*:before {
		box-sizing: border-box; }

body {
		font-family: 'Inter', 'Segoe UI', sans-serif;
		font-size: 15px; }

.page {
		position: relative;
		padding-top: 146px; }

a {
		color: inherit;
		text-decoration: none; }

.container {
		position: relative;
		max-width: 1200px;
		padding: 0 20px;
		margin: 0 auto; }

.btn {
		position: relative;
		color: #ffffff;
		background-color: #f02930;
		width: 200px;
		height: 50px;
		text-align: center;
		/*line-height: 50px;*/
		border-radius: 10px;
		display: block;
		cursor: pointer;
		transition: box-shadow linear .1s, background-color linear .3s, top linear .1s, color linear .3s; }
		.btn:hover {
				background-color: #d01e24;
				color: #ffffff; }

section {
		position: relative; }

.img-bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%; }

.title {
		position: relative;
		font-size: 34px;
		line-height: 40px;
		font-weight: 600; }
		.title:after {
				content: '';
				position: absolute;
				left: 0;
				bottom: -10px;
				right: 0;
				margin: 0 auto;
				display: block;
				border-radius: 2px;
				height: 2px;
				width: 100px;
				background-color: #f02930;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				-ms-border-radius: 2px;
				-o-border-radius: 2px; }

.subtitle {
		font-size: 20px;
		text-align: center;
		line-height: 28px;
		font-weight: 500;
		color: #525252; }

.text {
		font-size: 15px;
		line-height: 25px;
		font-weight: normal; }

.card__title {
		font-weight: 500;
		font-size: 18px;
		text-align: center; }

.card__text {
		font-size: 14px;
		line-height: 18px;
		text-align: center; }

.social-link {
		display: flex;
		justify-content: space-between;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		width: 40px;
		height: 40px;
		margin: 5px;
		transition: all ease .2s; }
		.social-link:hover {
				transform: scale(1.15); }

.wa {
		background-image: url(../../assets/img/wa.png); }

.tlg {
		background-image: url(../../assets/img/tlg.png); 
		width: 31px;}

.viber {
		background-image: url(../../assets/img/viber.png); }
		
.insta {
		background-image: url(../../assets/img/insta.png); 
		width: 31px;
		}

.swiper-pagination-bullet {
		background-color: #525252;
		width: 20px;
		height: 20px;
		vertical-align: middle;
		opacity: .5; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
		width: 30px;
		height: 10px;
		border-radius: 6px;
		opacity: .9; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 6px; }

.nav {
		top: 125px;
		color: rgba(82, 82, 82, 0.9); }

/*Form styles start*/
.form__body:after {
		content: "";
		position: fixed;
		z-index: 100;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(78, 78, 78, 0.7);
		opacity: 0;
		visibility: hidden;
		transition: all linear .4s; }

.form__body._sending:after {
		opacity: .7;
		visibility: visible; }

.form__title {
		font-size: 26px;
		line-height: 30px;
		margin-bottom: 30px; }
		.form__title:after {
				display: none; }

.form .t-red {
		color: red; }

.form__body__item {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0 -20px; }

.form__item {
		padding: 0 20px;
		margin-bottom: 20px;
		flex: 1 0 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start; }

.form__label {
		display: inline-block;
		font-size: 15px;
		font-weight: 600;
		margin-bottom: 10px; }

.form__input {
		height: 46px;
		padding: 0 15px;
		width: 100%;
		font-size: 14px;
		border-radius: 6px;
		border: 1px solid #c7c7c7;
		transition: all linear .3s;
		font-family: inherit;
		font-style: normal; }

.form__input:focus {
		border: 1px solid #1990ff;
		box-shadow: 0 0 5px #1990ff; }

.form__input::-webkit-input-placeholder {
		color: #919191; }

.form__input:-moz-placeholder {
		color: #919191; }

._error {
		box-shadow: 0 0 5px red; }

.form__button {
		border: none; }

textarea.form__input {
		min-height: 100px;
		resize: vertical;
		padding: 10px 15px; }

/*Request form*/
.request-form {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: rgba(21, 29, 36, 0.84);
		z-index: 1000;
		visibility: hidden;
		opacity: 0;
		transition: all linear .4s; }
		.request-form p {
				padding: 20px 20px;
				font-size: 18px;
				color: #000000;
				background: #ffffff;
				border: 2px solid #d01e24;
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				margin: auto auto;
				text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
				max-width: 350px;
				max-height: 80px;
				text-align: center;
				border-radius: 10px; }
				.request-form p span {
						display: block;
						color: #d01e24; }

.show-request {
		opacity: 1;
		visibility: visible; }

.header {
		position: fixed;
		z-index: 100;
		left: 0;
		top: 0;
		width: 100%;
		background-color: #fff;
		box-shadow: 0 0 25px rgba(88, 88, 88, 0.5); }
		.header__top-line {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding-top: 15px;
				padding-bottom: 15px; }
		.header__logo {
				flex: 0 1 150px; }
				.header__logo img {
						width: 100%; }
		.header__phone-link {
				text-align: center;
				display: block;
				margin-bottom: 10px;
				font-size: 22px;
				font-weight: 600; }
		.header__phone-btn {
				height: 44px;
				line-height: 44px; }
		.header__menu {
				position: relative;
				background-color: #3b3b3b;
				color: #fff; }
				.header__menu .header__social {
						display: none; }
		.header__burger {
				position: absolute;
				right: 20px;
				bottom: 0;
				top: 0;
				margin: auto 0; }
		.header__list {
				max-width: 1200px;
				margin: 0 auto;
				display: flex;
				justify-content: flex-end;
				align-items: center;
				min-height: 40px;
				padding: 0 20px; }
		.header__link {
				font-size: 18px;
				display: block;
				padding: 5px 0px 5px 35px;
				cursor: pointer; }
				.header__link:hover {
						color: #cccccc; }
		.header__social {
				position: absolute;
				top: 20px;
				left: 0;
				right: 0;
				max-width: 200px;
				margin: 0 auto;
				display: flex;
				justify-content: center;
				flex-wrap: wrap; }
				.header__social__title {
						margin-bottom: 2px;
						text-align: center;
						font-size: 16px;
						flex: 0 0 100%; }
		.header__phone-btn {
				box-shadow: 0 0 10px rgba(0, 0, 0, 0.45); }
		.header .header__burger.active span {
				transform: scale(0); }
		.header .header__burger.active::before {
				transform: rotate(45deg);
				top: 9px; }
		.header .header__burger.active::after {
				transform: rotate(-45deg);
				bottom: 9px; }

.header__menu.active .header__list {
		transform: translateX(0);
		opacity: 1; }

.page-slider {
		height: auto; }
		.page-slider .swiper-pagination {
				position: relative;
				left: 40px;
				bottom: 40px;
				width: auto; }

.page-slide {
		overflow: hidden;
		width: 100%;
		height: auto;
		position: relative; }

.swiper-slide img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center; }

.swiper-pagination-bullet-active {
		background-color: #181818;
		opacity: .9; }

.intro__body {
		position: relative;
		max-width: 800px;
		height: 100%;
		padding-top: 100px;
		padding-bottom: 150px;
		padding-right: 50px;
		padding-left: 40px;
		background-image: url(../../assets/img/bg.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100% 100%; }

.intro__title {
		font-size: 60px;
		line-height: 70px;
		margin-bottom: 70px; }
		.intro__title:after {
				display: none; }

.intro__subtitle {
		font-size: 18px;
		max-width: 450px;
		color: #fff;
		margin-bottom: 60px;
		text-align: left;
		font-weight: 400; }

.intro__btn {
		position: absolute;
		bottom: 25px;
		left: 40px; 
line-height: 50px;
}

.product {
		padding: 30px 0; }
		.product__title {
				text-align: center;
				margin-bottom: 30px; }
		.product__subtitle {
				font-size: 16px;
				max-width: 700px;
				margin: 0 auto 50px; }
		.product__wrapper {
				display: flex;
				justify-content: space-between;
				margin-bottom: 45px; }
		.product__body {
				position: relative;
				flex: 0 1 49%;
				box-shadow: 0 0 25px rgba(88, 88, 88, 0.32);
				padding: 30px 20px 80px;
				border-radius: 10px; }
				.product__body__chaild {
				flex: 0 1 32%;				}				
		.product__body:last-of-type {
						margin-bottom: 0; }
				.product__body__title {
						position: relative;
						padding-bottom: 10px;
						font-size: 22px;
						font-weight: 600;
						margin-bottom: 20px; 
						text-align: center;
						}
						.product__body__title span {
								display: block;
								font-weight: 400;
								font-size: 16px; }
				.product__body__block {
						display: flex;
						flex-direction: column;
						border-top: 2px solid #494949; }
				.product__body__btn {
						position: absolute;
						bottom: 30px;
						left: 0;
						right: 0;
						margin: 0 auto; 
						line-height: 50px;
}

		.product__add__title {
				font-weight: 600;
				font-size: 22px;
				margin-bottom: 25px; }
		.product__add__btn {
				margin-top: 30px; }

.block__img {
		padding: 20px; }
		.block__img-pic {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: top; }

.block__desc {
		flex-grow: 1;
		padding: 20px; }
		.block__desc__title {
				font-size: 22px;
				font-weight: 600;
				margin-bottom: 10px; }
		.block__desc__text {
				font-size: 16px;
				margin-bottom: 15px;
				line-height: 20px; }
				.block__desc__text span {
						display: block;
						padding-left: 20px;
						font-weight: 600;
						color: #c72a2a; }

.benefits {
		padding: 50px 0;
		background-image: url(../../assets/img/roll_1.jpg);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat; }
		.benefits__bg {
				background-color: rgba(25, 144, 255, 0.8); }
		.benefits__body {
				background-color: #fff;
				display: flex;
				justify-content: center;
				padding: 60px 0;
				border-radius: 10px;
				box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }
				.benefits__body__block {
						flex: 0 1 50%;
						padding: 0px 25px; }
						.benefits__body__block:first-child {
								border-right: 1px solid rgba(82, 82, 82, 0.2); }
						.benefits__body__block:last-child {
								border-left: 1px solid rgba(82, 82, 82, 0.2); }
		.benefits .block__title {
				text-align: center;
				font-weight: 600;
				font-size: 24px;
				margin-bottom: 25px; }
		.benefits .block__subtitle {
				font-size: 16px;
				margin-bottom: 30px;
				line-height: 20px;
				font-weight: 400;
				color: #949494; }
		.benefits .block__cards {
				display: flex;
				justify-content: center;
				flex-wrap: wrap; }
		.benefits .block__card {
				flex: 0 0 40%;
				margin: 20px; }
				.benefits .block__card-img {
						display: block;
						margin: 0 auto 15px;
						width: 70px;
						height: 70px;
						object-fit: cover; }
				.benefits .block__card-desc {
						font-size: 16px;
						line-height: 20px;
						text-align: center; }
		.benefits .block__list li {
				font-size: 18px;
				padding-left: 40px;
				margin-bottom: 20px;
				position: relative; }
				.benefits .block__list li:before {
						content: '\2714';
						font-size: 18px;
						color: red;
						position: absolute;
						top: 0;
						bottom: 0;
						left: 10px; }
				.benefits .block__list li:last-child {
						margin-bottom: 0; }
.product__add {
	width:80%
}
.scheme {
		padding: 100px 0 80px; }
		.scheme__title {
				margin-bottom: 35px;
				text-align: center; }
		.scheme__cards {
				display: flex;
				justify-content: center;
				flex-wrap: wrap;
				align-items: flex-start; }
		.scheme__card {
				flex: 0 0 170px;
				margin: 0 30px 25px;
				border-radius: 10px;
				position: relative; }
				.scheme__card:after {
						content: '';
						display: block;
						position: absolute;
						right: -35px;
						top: 0;
						bottom: 0;
						margin: auto 0;
						width: 10px;
						height: 100%;
						background-image: url(../../assets/img/arrow_right.png);
						background-repeat: no-repeat;
						background-position: center 30px;
						background-size: contain; }
				.scheme__card:last-child:after {
						width: 0; }
				.scheme__card-img {
						display: block;
						margin: 0 auto 15px;
						width: 70px;
						height: 70px;
						object-fit: cover; }
				.scheme__card-desc {
						font-size: 18px;
						text-align: center;
						font-weight: 600;
						margin-bottom: 20px; }
				.scheme__card-text {
						font-size: 14px;
						text-align: center;
						line-height: 20px; }

.portfolio {
		padding: 100px 0;
		background-image: url(../../assets/img/pic4.jpg);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat; }
		.portfolio .container {
				max-width: 1400px; }
		.portfolio__bg {
				background-color: rgba(25, 144, 255, 0.8); }
		.portfolio__wrapper {
				max-width: 85%;
				margin: 0 auto;
				background-color: #fff;
				padding: 50px 0 50px 50px;
				border-radius: 10px;
				box-shadow: 0 0 25px rgba(88, 88, 88, 0.5); }
		.portfolio__body {
				display: flex;
				justify-content: center;
				position: relative; }
		.portfolio__title {
				text-align: center;
				margin-bottom: 40px; }
		.portfolio__gallery {
				padding: 0 50px 0 0;
				flex: 0 1 60%;
				border-right: 2px solid rgba(82, 82, 82, 0.2);
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap; }
				.portfolio__gallery__link {
						display: block;
						flex: 1 1 23%;
						min-width: 120px;
						overflow: hidden;
						border-radius: 5px;
						margin: 4px;
						transition: all 0.3s ease; }
						.portfolio__gallery__link:hover {
								transform: scale(1.1);
								box-shadow: 0 0 8px rgba(58, 58, 58, 0.9); }
						.portfolio__gallery__link img {
								width: 100%;
								height: 160px;
								object-fit: cover; }
		.portfolio__form {
				flex: 0 1 460px;
				background-color: #f3f3f3;
				padding: 45px;
				border-radius: 10px;
				box-shadow: 0 0 25px rgba(88, 88, 88, 0.32);
				position: relative;
				left: 80px;
				align-self: center; }

.contacts {
		padding: 100px 0;
		background-color: #f3f3f3;
		background-image: url(../../assets/img/contacts-pic1.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right bottom; }
		.contacts__bg {
				background-image: url(../../assets/img/contacts-pic-phone.png);
				background-size: contain;
				background-repeat: no-repeat;
				background-position: left top; }
		.contacts__blend {
				background-color: rgba(255, 255, 255, 0.4); }
		.contacts__title {
				text-align: center;
				margin-bottom: 30px; }
		.contacts__subtitle {
				text-align: center;
				font-size: 18px;
				font-weight: 500;
				margin-bottom: 60px; }
		.contacts__body {
				max-width: 400px;
				text-align: center;
				margin: 0 auto 40px;
				font-weight: 600; }
				.contacts__body .phone__link {
						display: block;
						font-size: 26px;
						color: red;
						margin-bottom: 15px; }
		.contacts__schedule {
				font-size: 20px; }
				.contacts__schedule span {
						color: red; }
		.contacts__form {
				max-width: 700px;
				margin: 0 auto;
				background-color: rgba(255, 255, 255, 0.94);
				box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6); }
		.contacts .form {
				padding: 30px 20px; }
				.contacts .form__title {
						text-align: center;
						font-size: 24px;
						color: red;
						font-weight: 600; }
						.contacts .form__title span {
								display: block;
								color: #000000; }
				.contacts .form__button {
						width: 70%;
						margin: 0 auto;
						text-transform: uppercase;
						font-size: 16px; }
				.contacts .form__item {
						flex: 0 1 50%; }

.footer {
		background-color: #3b3b3b;
		padding-bottom: 45px; }
		.footer .header__top-line {
				position: relative;
				padding: 40px 0;
				border-bottom: 1px solid #727272; }
		.footer .header__social {
				top: 45px; }
		.footer__menu {
				flex: 0 0 100px;
				border-left: 1px solid #5a5a5a;
				background-color: transparent;
				padding: 10px 0; }
		.footer__list {
				display: flex;
				flex-direction: column;
				justify-content: flex-start;
				align-items: flex-start;
				padding: 0 20px; }
		.footer .header__phone-link {
				color: #fff; }
		.footer__link {
				font-size: 14px;
				font-weight: 400;
				display: block;
				padding: 5px 35px 5px 0;
				color: #9c9c9c;
				cursor: pointer;
				transition: all linear .3s; }
				.footer__link:hover {
						color: #e4e4e4; }
		.benefits__back-none {background:0;}
/*my_form*/
.my_close_form {
  position: absolute;
  right: 10px;
  top: 10px;
}
#zakaz-form_container {
  position: fixed;
  top: 200px;
  z-index: 999;
  left: calc((100vw - 480px)/2);
  display:none;
}
#zakaz-form {
  padding: 50px;
background-color: #f3f3f3;
}
.zakaz-form__title {text-align: center;
font-size: 24px;
color: red;
font-weight: 600;
margin-bottom:25px;

}
.zakaz-form__body__item, .zakaz-form__item {
  margin-bottom: 30px;
}
.zakaz-form__item {
  display: flex;
  flex-direction: column;
}
.zakaz-form__label {
  margin-bottom: 10px;
}
@media (max-width: 960px) {
		.benefits__body__block:last-child {
				flex: 0 1 70%; }
		.benefits .block__card {
				flex: 0 1 100%;
				max-width: 300px; }
		.portfolio__wrapper {
				padding: 40px; }
		.portfolio__body {
				flex-wrap: wrap; }
		.portfolio__gallery {
				padding: 0 0 40px;
				flex: 0 1 100%;
				border-bottom: 2px solid rgba(82, 82, 82, 0.2);
				border-right: none;
				margin-bottom: 30px; }
		.portfolio__form {
				left: auto; }
		.contacts {
				background-image: none; } }

@media (max-width: 880px) {
		.lock {
				overflow: hidden; }
		.header__burger {
				display: block;
				width: 30px;
				height: 20px;
				z-index: 3; }
				.header__burger span {
						position: absolute;
						background-color: #fff;
						left: 0;
						width: 100%;
						height: 2px;
						top: 9px;
						transition: ease 0.2s; }
				.header__burger:before, .header__burger:after {
						content: "";
						background-color: #fff;
						position: absolute;
						width: 100%;
						height: 2px;
						left: 0;
						top: 0;
						transition: ease 0.2s; }
				.header__burger:after {
						top: auto;
						bottom: 0; }
		.header__menu {
				height: 50px; }
				.header__menu .header__social {
						display: block;
						position: static;
						max-width: 200px;
						margin: 40px auto 0;
						padding-bottom: 15px;
						display: flex;
						justify-content: center;
						flex-wrap: wrap; }
		.header__list {
				background-color: #3b3b3b;
				flex-direction: column;
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				transform: translateX(-100%);
				opacity: 0;
				transition: all ease .3s; }
		.header__link {
				padding: 15px 30px;
				font-size: 20px; }
		.header__social {
				display: none; }
		.intro__body {
				padding: 50px 0 30px 40px; }
		.intro__title {
				margin-bottom: 35px;
				font-size: 50px; }
		.product__wrapper {
				flex-direction: column;
				max-width: 420px;
				margin: 0 auto 45px; }
		.product__body {
				margin-bottom: 30px; }
				.product__body:last-child {
						margin-bottom: 0; }
		.page-slide {
				height: 510px; } }

@media (max-width: 680px) {
		.intro__body {
				padding: 50px 0 30px 40px; }
		.intro__title {
				width: 90%;
				font-size: 42px;
				line-height: 46px; }
		.intro__subtitle {
				width: 80%; }
		.intro__btn {
				bottom: 60px; }
		.page-slider .swiper-pagination {
				bottom: 30px; }
		.benefits__body {
				flex-wrap: wrap; }
				.benefits__body__block {
						flex: 0 1 100%; }
						.benefits__body__block:first-child {
								border-right: none;
								margin-bottom: 40px; }
						.benefits__body__block:last-child {
								flex: 0 1 100%;
								padding: 0 5%;
								border-left: none; }
		.benefits .block__card {
				padding-bottom: 20px;
				border-bottom: 1px solid rgba(82, 82, 82, 0.2); } }

@media (max-width: 580px) {
		.footer__link {
				padding-right: 20px; } }

@media (max-width: 500px) {
		.scheme__card {
				flex: 0 1 200px;
				margin-bottom: 45px; }
				.scheme__card:after {
						transform: rotate(90deg);
						right: 0;
						left: 0;
						top: auto;
						bottom: -65%;
						margin: 0 auto;
						background-position: center center; }
		.portfolio {
				padding: 70px 0; }
				.portfolio__wrapper {
						padding: 10px;
						max-width: 100%; }
				.portfolio__form {
						padding: 20px; }
		.contacts .form__item {
				flex: 0 1 100%; }
		.page-slide {
				height: 80vh; } 
#zakaz-form_container {
  width:90%;
  left: calc((100vw - 90%)/2);
  
}
}

@media (max-width: 460px) {
		.page {
				padding-top: 146px; }
		.header__logo {
				flex: 0 0 120px; }
		.header__phone-link {
				font-size: 16px; }
		.header__phone-btn {
				width: 180px;
				height: 40px;
				line-height: 40px; }
		.intro__body {
				padding: 50px 20px 40px;
				background-image: none;
				background-color: rgba(21, 150, 255, 0.5); }
		.intro__title {
				margin-bottom: 25px;
				width: 100%; }
		.intro__subtitle {
				width: 90%; }
		.intro__btn {
				bottom: 60px;
				left: 20px; }
		.page-slider .swiper-pagination {
				bottom: 30px;
				left: 20px; 
		} 
}
@media (max-width: 420px) {
		.intro__btn {bottom: 50px;}
		.intro__body {padding-top: 10px;}
)
.onas {
		padding: 80px 0;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat; 
}