/*
Theme Name: БЦЛР
Theme URI: https://degorov.ru/
Author: Игорь
Author URI: https://degorov.ru/
Version: 2.0
*/

h1,
h2,
h3,
h4,
h5,
span,
p {
	margin: 0;
	padding: 0;
}

.form .form-head {
	max-width: 400px;
}

html {
	background-color: #000000;
}
.b2b-copy {
	margin-top: 0;
}
.agreement-check input:checked+.agreement-label .check::before {
	border: 2px solid #C70100;
	border-top-color: transparent;
	border-left-color: transparent;
}

a {
	color: #C70100;
}


body {
	background-color: #000000;
	color: white;
	margin: 0;
	position: relative;
	overflow-x: hidden;
	font-family: 'Inter', sans-serif;
	z-index: 10;
	box-sizing: border-box;
}


.vector_curve::after {
	position: absolute;
	width: 300px;
	height: 300px;
	right: -149px;
	top: 379px;
	border: 0;
	content: "•";
	color: white;
	text-shadow: 0px 0px 50px red, 0px 0px 50px red, 0px 0px 50px red;
	font-size: 112px;
	text-align: center;
	align-items: center;
	display: flex;
	border-radius: 50%;
	justify-content: center;
}


@font-face {
	font-family: 'Inter';
	src: url('./assets/fonts/Inter-Regular.ttf');
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('./assets/fonts/Inter-Medium.ttf');
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('./assets/fonts/Inter-SemiBold.ttf');
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('./assets/fonts/Inter-Bold.ttf');
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('./assets/fonts/Inter-ExtraBold.ttf');
	font-weight: 800;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('./assets/fonts/Montserrat-Bold.ttf');
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('./assets/fonts/Montserrat-Medium.ttf');
	font-weight: 500;
	font-display: swap;
}



html {
	margin: 0 !important;
	padding: 0 !important;
}

html>* {
	position: relative;
	z-index: 1;
}

* {
	position: relative;
	z-index: 1;
}

/* Typography Desktop */

h1 {
	font-size: 48px;
	font-weight: 500;
	line-height: 60px;
	font-family: 'Inter', sans-serif;
}

h2 {
	font-size: 40px;
	font-weight: 500;
	line-height: 48px;
	font-family: 'Inter', sans-serif;
}

h3 {
	font-size: 32px;
	font-weight: 400;
	line-height: 40px;
	letter-spacing: -0.01em;
	font-family: 'Inter', sans-serif;
}

h4 {
	font-size: 24px;
	font-weight: 500;
	font-family: 'Inter', sans-serif;
	line-height: 32px;
	letter-spacing: -0.01em;
}

h5 {
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.01em;
	font-family: 'Inter', sans-serif;
}

.price {
	font-size: 24px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -0.01em;
	font-family: 'Inter', sans-serif;
}

.price_large {
	font-size: 32px;
	font-weight: 400;
	line-height: 32px;
	letter-spacing: -0.02em;
	font-family: 'Inter', sans-serif;
}

.body_1_400 {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	font-family: 'Inter', sans-serif;
}

.body_1_500 {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	font-family: 'Inter', sans-serif;
}

.body_1_600 {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	font-family: 'Inter', sans-serif;
}

.body_1_700 {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	font-family: 'Inter', sans-serif;
}

.body_2_400 {
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	font-family: 'Inter', sans-serif;
}

header div .body_2_400 {
	display: block;
	max-width: 320px;
	margin-right: 84px;
}

header div a.body_2_400 {
	margin-right: 134px;
}

.body_2_500 {
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	font-family: 'Inter', sans-serif;
}

.body_2_600 {
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	font-family: 'Inter', sans-serif;
}

.сaption {
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	font-family: 'Inter', sans-serif;
}

.button {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	font-family: 'Inter', sans-serif;
}

.navigation {
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	font-family: 'Inter', sans-serif;
}


/*  */

header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 10px auto;
	background: transparent;
	z-index: 3;
	justify-content: space-between;
	max-width: 1580px;
	width: revert;
	padding: 0px 160px;
	box-sizing: initial;
}

.mob_menu {
	content: "";
	width: 30px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	top: 13px;
	right: 50px;
	display: none;
}

.mob_menu_items {
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0;
	background: black;
	height: max-content;
	z-index: 10;
	text-align: center;
	padding-bottom: 30px;
	animation: appearance 0.5s cubic-bezier(0.4, 0, 1, 1) infinite;
	animation-iteration-count: 1;
}

.close_mob_menu_items {
	position: absolute;
	transform: rotate(45deg);
	font-size: 50px;
	font-weight: 100;
	cursor: pointer;
	line-height: 29px;
	top: 20px;
	right: 50px;
	font-family: auto;
}

.mob_menu_items .body_2_400 {
	max-width: 320px;
	margin: 30px auto;
}

.mob_menu_items a {
	display: block;
	margin: 30px auto;
}


.mob_menu .stick1 {
	content: "";
	border: 1px white solid;
	width: 20px;
	height: 1px;
	position: absolute;
	top: 2px;
	right: 0;
}

.mob_menu .stick2 {
	content: "";
	border: 1px white solid;
	width: 30px;
	height: 1px;
	position: absolute;
	top: 10px;
}

.mob_menu .stick3 {
	content: "";
	border: 1px white solid;
	width: 20px;
	height: 1px;
	position: absolute;
	bottom: 0;
}

/* header img {
margin-right: 313px;
} */

header div {
	display: flex;
	align-items: center;
	font-family: "Inter", sans-serif;
}

footer div {
	display: flex;
	width: 100%;
	align-items: center;
	font-family: "Inter", sans-serif;
}

header .number {
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-weight: 800;
}


header .btn::after,
header .btn::before,
footer .btn::after,
footer .btn::before {
	display: none;
}

header .btn span {
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	background: radial-gradient(183.97% 87.45% at 25.52% 49.18%, #FF0000 18%, #FF8E8E 19%, #FF0000 20%, #FF0000 22%, #FF0000 25%, #D30000 30%, #A20000 37%, #770000 45%, #520000 52%, #340000 60%, #1D0000 68%, #0D0000 77%, #030000 87%, #000000 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@property --angle {
	syntax: '<angle>';
	initial-value: 0deg;
	inherits: false;
}

@keyframes rotate {
	to {
		--angle: 360deg;
	}
}

header .btn,
.mob_menu_items .btn {
	position: relative;
	background: transparent;
	padding: 12px 30px;
	margin-left: 30px;
	width: max-content;
	--angle: 0deg;
	border-image: linear-gradient(var(--angle), red, black) 1 / 1px round;
	animation: 5s rotate cubic-bezier(1, 1, 1, 1) infinite;
	clip-path: unset;
	border-width: 1px;
	border-style: solid;
	border-radius: unset;
}

.mob_menu_items .btn {
	margin: 0 auto;
}

.mob_menu_items .btn::after,
.mob_menu_items .btn::before {
	display: none;
}




footer {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(./assets/images/reasons_bg.webp);
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0px auto;
	z-index: 3;
	justify-content: space-between;
	max-width: 1580px;
	width: revert;
	padding: 35px 160px;
	box-sizing: initial;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* footer img {
margin-right: 313px;
} */

footer div {
	display: flex;
	width: auto;
	align-items: center;
	font-family: "Inter", sans-serif;
}

footer div .body_2_400 {
	display: block;
	max-width: 320px;
	margin-right: 84px;
	color: white;
}

footer div a.body_2_400 {
	margin-right: 134px;
}


footer .number {
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-weight: 800;
}

footer .btn span {
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	background: radial-gradient(183.97% 87.45% at 25.52% 49.18%, #FF0000 18%, #FF8E8E 19%, #FF0000 20%, #FF0000 22%, #FF0000 25%, #D30000 30%, #A20000 37%, #770000 45%, #520000 52%, #340000 60%, #1D0000 68%, #0D0000 77%, #030000 87%, #000000 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

footer .btn:hover::before {
	animation: appearance1 0.5s cubic-bezier(0.4, 0, 1, 1) infinite;
}

footer .btn:hover::after {
	animation: appearanceReverse 0.5s cubic-bezier(0.4, 0, 1, 1) infinite;
}

.under_footer {
	display: flex;
	justify-content: space-between;
	padding: 12px 160px;
	align-items: center;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	background: black;
	line-height: 19px;
	color: white;
	margin: 0 auto;
}


@keyframes appearance1 {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes appearanceReverse {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}


header a {
	color: white;
}

footer .btn {
	position: relative;
	background: transparent;
	padding: 12px 30px;
	margin-left: 30px;
	width: max-content;
	--angle: 0deg;
	border-image: linear-gradient(var(--angle), red, black) 1 / 1px round;
	animation: 5s rotate cubic-bezier(1, 1, 1, 1) infinite;
	clip-path: unset;
	border-width: 1px;
	border-style: solid;
	border-radius: unset;
}

footer .btn::after,
footer .btn::before {
	display: none;
}

section {
	padding: 75px 160px;
	margin: 0 auto;
	max-width: calc(1600px + 320px);
}

.section1 h1 {
	font-weight: 700;
	font-size: 48px;
	max-width: 939px;
	line-height: 58.51px;
	font-family: 'Montserrat', sans-serif;
}

.section1 h1 span {
	display: block;
}

.section1 {
	padding-top: 104px;
	z-index: 2;
	position: relative;
	padding-bottom: 142px;
}

.section1 video {
	position: absolute;
	top: -50px;
	right: 0;
	z-index: 0;
	width: 100%;
	height: 880px;
}

.section1 .btn {
	margin-left: 20px;
}

.section1::before {
	content: "";
	background: url(./assets/images/section_bg_1.webp);
	width: 100%;
	display: block;
	height: 1080px;
	position: absolute;
	z-index: -1;
	top: -89px;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	left: 0;
}


.red {
	color: #FF0000;
}

.section1 h1 .w500 {
	font-size: 44px;
	line-height: 53.64px;
	color: #C0BEBE;
	max-width: 699px;
}

.w500 {
	font-weight: 500;
}

ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	position: relative;
	z-index: 11;
}

ol li li {
	padding-left: 3.5rem;
}

ul li {
	display: flex;
	align-items: center;
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	font-size: 18px;
}

li:before {
	content: "•";
	color: white;
	text-shadow: 0px 0px 10px red, 0px 0px 10px red, 0px 0px 10px red, 0px 0px 10px red, 0px 0px 10px red, 0px 0px 10px red, 0px 0px 10px red, 0px 0px 10px red;
	display: block;
	padding-right: 3px;
	width: 49px;
	text-align: center;
	font-size: 20px;
	height: 49px;
	line-height: 44px;
	flex-shrink: 0;
}

.list {
	position: relative;
	margin-top: 60px;
	margin-bottom: 50px;
}

.list::before {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, #FF0000 100%);
	position: absolute;
	width: 2px;
	content: "";
	bottom: 29px;
	height: 80%;
	left: 22.4px;
	z-index: 1;
}

.list ul li {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 0.05em;
	margin: 8px 0px;
	max-width: 559px;
}

.btn {
	border: unset;
	background: linear-gradient(138deg, rgba(149, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 34%, rgb(183 1 1) 66%, rgba(255, 0, 0, 1) 100%);
	padding: 23px 20px 22px 20px;
	position: relative;
	cursor: pointer;
	transition: background-size 0.5s ease;
	border-radius: 0px 10px;
	width: 353px;
	border-bottom-style: solid;
	border-width: 5px;
	border-bottom-color: #5e0000;
	background-size: 100%;
	clip-path: polygon(0 0, 96% 0, 100% 20%, 100% 100%, 5% 100%, 0 76%);
}

.btn::after {
	width: 7px;
	content: "";
	height: 7px;
	background: url(./assets/images/pin.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 4px;
	left: 4px;
	box-shadow: 0px 0px 4px black;
	border-radius: 50%;
	transform: rotate(180deg);
}

.btn::before {
	width: 7px;
	content: "";
	height: 7px;
	background: url(./assets/images/pin.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	bottom: 4px;
	right: 4px;
	box-shadow: 0px 0px 4px black;
	border-radius: 50%;
	transform: rotate(180deg);
}

.btn:hover {
	background-size: 200%;
}

.hideLabels .form-group {
	border: unset;
}

.btn span {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 16px;
	line-height: 19px;
	color: white;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 0;
}

.btn:focus {
	padding: 23px 20px 22px 20px;
	border-bottom-style: solid;
	border-width: 5px;
	border-bottom-color: #5e0000;
}

.form .button {
	margin: 20px 0 auto auto;
	width: max-content;
}

footer .btn:focus,
header .btn:focus {
	border-image: linear-gradient(var(--angle), red, black) 1 / 1px round;
	animation: 5s rotate cubic-bezier(1, 1, 1, 1) infinite;
	border-width: 1px;
	border-style: solid;
	border-radius: unset;
	padding: 12px 30px;
}


.result {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 0.1em;
	position: absolute;
	bottom: 76px;
	right: 105px;
}

.circle {
	background-color: #FF0000;
	font-family: 'Inter', sans-serif;
	font-style: normal;
	border-radius: 50%;
	display: flex;
	align-items: center;
	font-weight: 900;
	font-size: 50px;
	justify-content: center;
	line-height: 61px;
	letter-spacing: 0.1em;
	padding: 20px 12px 19px 18px;
}

.result div {
	display: flex;
	gap: 22px;
	align-items: center;
	margin-top: 4.5px;
}

figure p {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	margin: 0 auto 15px auto;
	max-width: 235px;
}

figure figcaption {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: rgba(222, 222, 222, 0.8);
}

figure img {
	display: block;
	margin: 0 auto 30px auto;
}

.section2 {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	z-index: 3;
	padding: 90px 158px 147px 158px;
}

.section2 figure {
	flex: 1 1 0px;
	margin: 0;
}

.section3 p {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 29px;
	margin-bottom: 83px;
	color: rgba(255, 255, 255, 0.8);
	max-width: 589px;
}

.section3 .vector_curve {
	width: 839px;
	height: 612px;
	left: -756px;
	top: -570px
}

.section4 .vector_curve {
	width: 839px;
	height: 612px;
	right: -605px;
	top: -208px;
	transform: rotate(180deg);
}

.section5 .vector_curve {
	width: 839px;
	height: 612px;
	left: -637px;
	top: -323px;
	transform: rotate(340deg);
}

.section7 .vector_curve {
	width: 839px;
	height: 612px;
	left: -548px;
	top: 591px;
	transform: rotate(346deg);
}

.directions .selected_direction {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 24px;
	line-height: 29px;
	text-transform: uppercase;
	color: #FFFFFF;
}

.directions div {
	font-family: 'Inter', sans-serif;
	cursor: pointer;
	font-style: normal;
	font-weight: 800;
	font-size: 24px;
	line-height: 29px;
	text-transform: uppercase;
	display: inline-flex;
	color: rgba(255, 255, 255, 0.6);
}

.directions div+div {
	margin: 0px 0px 0px 50px;
}

.directions div:hover {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 24px;
	line-height: 29px;
	text-transform: uppercase;
	color: #FFFFFF;
}

.directions {
	display: block;
	margin-bottom: 50px;
	margin-left: 50px;
}

.product_preview {
	display: flex;
	justify-content: right;
	gap: 75px;
	position: relative;
}

.product_preview .images {
	width: 752px;
	position: relative;
}

.product_preview .images .images_list {
	width: 100%;
	display: flex;
	justify-content: space-between;
}


.product_preview .images .images_list div,
.product_preview .images .images_list img {
	width: auto;
	cursor: pointer;
	position: relative;
	max-width: 248px;
	max-height: 158px;
}

.product_preview .images .images_list div {
	width: 247px;
	text-align: center;
}

.selected_preview {
	border-image: linear-gradient(to left top, red, rgba(0, 0, 0, 0)) 1 1%;
	border-width: 1px;
	border-style: solid;
}

.product_preview .content h3 {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 29px;
	margin-bottom: 25px;
	color: rgba(255, 255, 255, 0.8);
}

.product_preview .content p {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 50px;
	color: rgba(255, 255, 255, 0.8);
	text-shadow: 0 0 black;
}

.product_preview .content {
	display: block;
	max-width: 508px;
	margin-top: 95px;
}

#main_preview {
	width: 100%;
	max-height: 470px;
}

#pok {
	margin-right: 5px;
}

.section4 {
	position: relative;
	z-index: 5;
}

.section4 p {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 29px;
	margin-bottom: 35px;
	color: rgba(255, 255, 255, 0.8);
	max-width: 589px;
}

.reason img {
	height: max-content;
}

.reasons {
	max-width: 1226px;
	background-image: url(./assets/images/reasons_bg.webp);
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	display: grid;
	grid-template-areas: "1 2 3";
	grid-auto-columns: 33%;
	gap: 20px;
	padding: 50px 90px;
	grid-row-gap: 50px;
}

.reasons::before {
	content: url(./assets/images/pin.png);
	width: 33px;
	height: 32px;
	top: 30px;
	left: 30px;
	position: absolute;
	box-shadow: 0px 0px 10px black;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-self: center;
}

.reasons::after {
	content: url(./assets/images/pin.png);
	width: 33px;
	height: 32px;
	top: 30px;
	right: 30px;
	position: absolute;
	box-shadow: 0px 0px 10px black;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-self: center;
}

.reason {
	display: flex;
	gap: 15px;
}

.reason .reason_content h3 {
	margin: 0;
	padding: 0;
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	float: left;
	line-height: 22px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 10px;
}

.reason .reason_content p {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 500;
	float: left;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
	color: rgba(222, 222, 222, 0.8);
}

.reason_content {
	width: 242px;
}

.reason_img {
	width: 55px;
	height: max-content;
}

.machine {
	width: 885px;
	height: 1016px;
	background: url(./assets/images/machine.webp);
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: -277px;
	right: -556px;
	z-index: 10;
	pointer-events: none;
}

.machine::after {
	content: "";
	width: 163px;
	height: 161px;
	background-image: url(./assets/images/spark.gif);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	top: 230px;
	left: 217px;
}

.section3 {
	position: relative;
}

.section3::before {
	width: 1379px;
	height: 2px;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(82, 82, 82, 0.225) 25%, rgba(72, 72, 72, 0.5) 100%);
	background-size: 100%;
	background-repeat: no-repeat;
	content: "";
	position: absolute;
	left: 0;
	top: 387px;
}

.line {
	background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 0, 0, 0.46) 25%, #FF0000 100%);
	position: absolute;
	top: 387px;
	left: 0;
	content: "";
	width: 324px;
	height: 2px;
	background-size: 100%;
}

.directions div::after {
	content: "•";
	color: white;
	text-shadow: 0px 0px 10px rgb(255 255 255 / 50%), 0px 0px 10px rgb(255 255 255 / 50%), 0px 0px 10px rgb(255 255 255 / 50%), 0px 0px 10px rgb(255 255 255 / 50%), 0px 0px 10px rgb(255 255 255 / 50%);
	display: block;
	padding-right: 3px;
	width: 49px;
	text-align: center;
	font-size: 27px;
	height: 49px;
	line-height: 44px;
	position: absolute;
	top: 41px;
	opacity: 0.7;
}

.directions div.selected_direction::after {
	content: "•";
	color: white;
	text-shadow: 0px 0px 15px red, 0px 0px 15px red, 0px 0px 15px red, 0px 0px 15px red, 0px 0px 15px red;
	display: block;
	padding-right: 3px;
	width: 49px;
	text-align: center;
	font-size: 27px;
	height: 49px;
	line-height: 44px;
	position: absolute;
	top: 41px;
	opacity: 1;
}

.directions div:nth-child(1)::after {
	left: 94.123px;
}

.directions div:nth-child(2)::after {
	left: 117.795px;
}

.directions div:nth-child(3)::after {
	left: 49.025px;
}

.directions div:nth-child(4)::after {
	left: 79.405px;
}

.directions div:nth-child(5)::after {
	left: 21.6px;
}



.section3::after {
	content: "";
	width: 100%;
	height: 2385px;
	position: absolute;
	background-image: url(./assets/images/section_bg_2.webp);
	background-size: 100%;
	background-repeat: no-repeat;
	top: -712px;
	z-index: -2;
	left: 0;
	mix-blend-mode: plus-lighter;
}

.product_number {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 250px;
	line-height: 303px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF08;
	position: absolute;
	top: -20px;
	left: 0;
}

.product_title {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 50px;
	line-height: 61px;
	text-align: right;
	text-transform: uppercase;
	position: absolute;
	top: 380px;
	left: -207px;
	width: 590px;
	transform: rotate(270deg);
	color: rgba(255, 255, 255, 0.1);
}

.mob_header {
	display: none;
}

input[type="range"] {
	-webkit-appearance: none;
	margin-right: 15px;
	width: 200px;
	height: 7px;
	background: transparent;
	background-image: linear-gradient(#C70100, #C70100);
	background-repeat: no-repeat;
	-webkit-box-shadow: inset 0px 0px 0px 1px white;
	-moz-box-shadow: inset 0px 0px 0px 1px white;
	box-shadow: inset 0px 0px 0px 1px #C70100;
	background-size: 5.26316% 100%;
}



input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	height: 32px;
	width: 57px;
	border-radius: 50%;
	/* background: radial-gradient(circle, rgba(199,1,0,1) 50%, rgba(0,0,0,1) 50%); */
	background: url('./assets/images/range.png');
	padding: 7px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	/* 	border: 1px white solid; */
	cursor: ew-resize;
	/* 	box-shadow: 0 0 2px 0 #555; */
	transition: background .3s ease-in-out;
}

input[type=range]::-webkit-slider-runnable-track {
	-webkit-appearance: none;
	box-shadow: none;
	border: none;
	background: transparent;
}

.count_holes {
	position: relative;
	display: inline-flex;
	padding: 10px 20px 10px 10px;
	border-radius: 5px;
	align-items: center;
	cursor: pointer;
	transition: border 0.7s linear;
	border: 2px solid #666666;
}

.count_holes:hover {
	border: 2px solid #C70100;
}

.count_holes:hover::before {
	border: 2px #ffffff solid;
}

.count_holes::before {
	content: "";
	width: 18px;
	height: 18px;
	color: white;
	border-radius: 50%;
	border: 2px #666666 solid;
	display: flex;
	margin-right: 13px;
}

.selected_count_holes::before {
	content: "";
	border: 2px white solid;
	background: url(./assets/images/check_mark.png);
	background-repeat: no-repeat;
	background-position: 3px 4px;
}

.selected_count_holes {
	background-color: #C70100;
	color: white;
	border: 2px #C70100 solid;
}

.metal_type {
	position: relative;
	display: inline-flex;
	padding: 10px 20px 10px 10px;
	border-radius: 5px;
	align-items: center;
	cursor: pointer;
	transition: border 0.7s linear;
	border: 2px solid #666666;
}

.metal_type:hover {
	border: 2px solid #C70100;
}

.metal_type:hover::before {
	border: 2px #ffffff solid;
}

.metal_type::before {
	content: "";
	width: 18px;
	height: 18px;
	color: white;
	border-radius: 50%;
	border: 2px #666666 solid;
	display: flex;
	margin-right: 13px;
}

.selected_metal::before {
	content: "";
	border: 2px white solid;
	background: url(./assets/images/check_mark.png);
	background-repeat: no-repeat;
	background-position: 3px 4px;
}

.selected_metal {
	background-color: #C70100;
	color: white;
	border: 2px #C70100 solid;
}

.counter {
	display: flex;
	padding: 10px 20px;
	border-radius: 5px;
	border: 2px #666666 solid;
	width: max-content;
}

.counter div {
	cursor: pointer;
}

.counter .value_counter {
	background: transparent;
	border: unset;
	text-align: center;
	color: white;
	width: 53px;
}

.counter .value_counter::-webkit-outer-spin-button,
.counter .value_counter::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
	/* <-- Apparently some margin are still there even though it's hidden */
}


.brand {
	position: relative;
	display: inline-flex;
	padding: 10px 20px;
	border-radius: 5px;
	align-items: center;
	cursor: pointer;
	border: 2px solid #666666;
	width: 120px;
}

.brand::before {
	content: "";
	width: 18px;
	height: 18px;
	color: white;
	border-radius: 50%;
	border: 2px #666666 solid;
	display: flex;
	margin-right: 13px;
}

.selected_brand::before {
	content: "";
	border: 2px white solid;
	background: url(./assets/images/check_mark.png);
	background-repeat: no-repeat;
	background-position: 3px 4px;
}

.minus,
.plus {
	font-size: 26px;
	font-weight: 500;
	font-family: auto;
}

.minus {
	line-height: 19px;
}

.selected_brand {
	background-color: #C70100;
	color: white;
	border: 2px #C70100 solid;
}

.section5 {
	display: flex;
	justify-content: space-between;
	position: relative;
	gap: 40px;
	padding: 115px 109px 75px 109px;
}

.bg3 {
	content: "";
	width: 100%;
	height: 2385px;
	position: absolute;
	background-image: url(./assets/images/Frame-8142-_2_.webp);
	background-size: 100%;
	background-repeat: no-repeat;
	top: -699px;
	z-index: -2;
	left: 0;
	pointer-events: none;
	mix-blend-mode: plus-lighter;
}

.bg4 {
	content: "";
	width: 100%;
	height: 2498px;
	position: absolute;
	background-image: url(./assets/images/Frame-8143.webp);
	background-size: 100%;
	background-repeat: no-repeat;
	top: 427px;
	z-index: -2;
	left: 0;
	mix-blend-mode: plus-lighter;
	pointer-events: none;
}

.bg5 {
	content: "";
	width: 100%;
	height: 1746px;
	position: absolute;
	background-image: url(./assets/images/section_bg_5.webp);
	background-size: 100%;
	background-repeat: no-repeat;
	top: -266px;
	z-index: -2;
	left: 0;
	mix-blend-mode: plus-lighter;
	pointer-events: none;
}

.section5 .part1 {
	max-width: 602px;
}

.section5 .part1 img {
	width: 100%;
}

.section5 .part2 {
	width: 60%;
	margin-top: 43px;
}

.section6 {
	z-index: 3;
}

.section6::after {
	background: url(./assets/images/curves.webp);
	width: 100%;
	height: 700px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	position: absolute;
	background-position: center;
	content: "";
	top: 0;
	left: 0;
}

.name_and_post {
	padding: 40px 60px;
	text-align: center;
	background: url(./assets/images/reasons_bg.webp);
	margin-left: 32px;
	margin-right: 13px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-image: linear-gradient(#212121, #545454, #212121, #A8A8A8) 33;
	border-width: 3px;
	border-bottom-color: white;
}

.name_and_post .pin1,
.name_and_post .pin2,
.name_and_post .pin3,
.name_and_post .pin4 {
	width: 19px;
	height: 19px;
	background: url(./assets/images/pin.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.name_and_post .pin1 {
	position: absolute;
	top: 20px;
	left: 20px;
}

.name_and_post .pin2 {
	position: absolute;
	top: 20px;
	right: 20px;
}

.name_and_post .pin3 {
	position: absolute;
	bottom: 20px;
	left: 20px;
}

.name_and_post .pin4 {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.name {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 34px;
	margin-bottom: 30px;
}

.post {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
}

.block_with_bg {
	padding: 30px;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(./assets/images/reasons_bg.webp);
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	clip-path: polygon(4% 0, 100% 0, 100% 89%, 98% 100%, 0 100%, 0% 20%);
	color: rgb(255 255 255 / 80%);
}

.facts {
	display: grid;
	grid-template-areas: "1 2";
	grid-auto-columns: 480px;
	gap: 62px 50px;
	margin-top: 42px;
}

.fact h3 span {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 900;
	font-size: 100px;
	line-height: 93px;
	letter-spacing: 0.05em;
}

.fact h3 {
	font-family: 'Inter', sans-serif;
	font-style: italic;
	font-weight: 700;
	font-size: 30px;
	line-height: 36px;
	margin: 0;
	letter-spacing: 0.05em;
	hyphens: auto;
}

.fact p {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	margin-top: 24px;
	letter-spacing: 0.05em;
}

section h2 {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 40px;
	line-height: 48px;
	margin-top: 0;
	margin-bottom: 40px;
	max-width: 777px;
}


.calculator_result div {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	display: flex;
}

.calculator_result .calculatior_price {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 70px;
	line-height: 50px;
}

.calculator_result .sht {
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	font-size: 40px;
	line-height: 49px;
	margin-left: 10px;
}

.section6 .calculator_result p {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
}

.calculator {
	display: flex;
	filter: drop-shadow(0px 4px 50px rgba(255, 0, 0, 0.5));
}

.calculator_data {
	background-color: #040404;
	padding: 60px;
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	clip-path: polygon(0 0, 95% 0, 100% 8%, 100% 100%, 0 100%);
	line-height: 24px;
	max-width: 998px;
	width: 100%;
}

.calculator_result {
	background-color: #000;
	padding: 60px;
	width: 40%;
	display: flex;
	clip-path: polygon(9% 0, 100% 0, 100% 92%, 93% 100%, 0 100%, 0 8%);
	flex-direction: column;
	justify-content: center;
	border-left: 1px dashed rgba(255, 255, 255, 0.3);
}

.calculator_result button {
	margin-top: 50px;
	margin-bottom: 50px;
}

.calculator_data .flex {
	display: flex;
	gap: 30px;
	margin-bottom: 30px;
}

.parameter_with_cont .name {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 24px;
}

.parameter_name {
	width: 160px;
}

.parameter_value {
	width: calc(100% - 190px);
}

.parameter_value .range_input {
	width: 100%;
}

.ellipse_for_block3 {
	width: 1902px;
	height: 1972px;
	/* background: url(./assets/images/circle.webp); */
}

.section6 p {
	margin-bottom: 30px;
	/* font-family: 'Open Sans'; */
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 45px;
}

.corpuses {
	display: grid;
	grid-template-areas: "1 2 3 4";
	gap: 20px;
	margin-bottom: 50px;
	grid-auto-columns: minmax(0, 1fr);
	grid-auto-flow: column;
}

.corpuse svg {
	max-width: 124px;
	margin-bottom: 30px;
}

.corpuse {
	padding: 30px;
	background: black;
	text-align: center;
	cursor: pointer;
	border: 1px dashed rgba(255, 255, 255, 0.3);
}

.selected_corpuse {
	border: 1px black solid;
}

.corpuse img {
	margin-bottom: 30px;
}

#corpuse1:hover svg path:nth-of-type(2) {
	transform: translate(0px, 62px);
}

#corpuse2:hover svg path:nth-of-type(1) {
	transform: translate(0px, 55px);
}

#corpuse3:hover svg path:nth-of-type(1),
#corpuse4:hover svg path:nth-of-type(1) {
	transform: translate(0px, 65px);
}

#corpuse3:hover svg path:nth-of-type(2),
#corpuse4:hover svg path:nth-of-type(2) {
	transform: translate(-39px, -15px) scale(1.28);
}

#corpuse3 svg path:nth-of-type(2),
#corpuse4 svg path:nth-of-type(2) {
	transition: transform 0.5s linear;
}

#corpuse1 svg path:nth-of-type(2),
#corpuse2 svg path:nth-of-type(1),
#corpuse3 svg path:nth-of-type(1),
#corpuse4 svg path:nth-of-type(1) {
	transition: transform 0.5s linear;
}


.parameter_name span {
	display: block;
}


.formulas {
	display: flex;
	justify-content: space-between;
	gap: 30px;
}

.formula {
	flex: 1 1 0px;
	background: black;
}

.formula:last-child {
	clip-path: polygon(100% 0, 100% 100%, 14% 100%, 0 83%, 0 0);
}

.formula:first-child {
	clip-path: polygon(100% 0, 100% 83%, 86% 100%, 0 100%, 0 0);
}

.formula_name {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 30px;
	line-height: 36px;
	text-align: center;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	background-image: url(./assets/images/light_metal.webp);
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	padding: 50px 100px 55px 100px;
}

.formula_name::after {
	content: url(./assets/images/pin.png);
	width: 33px;
	height: 32px;
	left: 30px;
	position: absolute;
	box-shadow: 0px 0px 10px black;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-self: center;
	top: 50%;
	margin-top: -16.5px;
}

.formula_name::before {
	content: url(./assets/images/pin.png);
	width: 33px;
	height: 32px;
	right: 30px;
	position: absolute;
	box-shadow: 0px 0px 10px black;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-self: center;
	top: 50%;
	margin-top: -16.5px;
}

.formula_body {
	padding: 50px 40px;
	background: black;
	display: flex;
	gap: 49px;
}

.formula_body ul {
	max-width: 328px;
}

.formula_body ul li {
	align-items: start;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 30px;
}

.formula_body ul li:last-child {
	margin-bottom: 0px;
}

.formula_body ul li::before {
	align-items: start;
	line-height: 20px;
	color: #C70100;
	width: 10px;
	margin-right: 10px;
	text-shadow: unset;
}


.discount {
	text-align: center;
	margin-top: 50px;
}

.discount p {
	max-width: 295px;
	margin: 0px auto 25px auto;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
}

.partners {
	margin-bottom: 50px;
}

.partners_flex {
	display: block;
	justify-content: space-between;
	background: black;
	padding: 10px;
	height: auto;
}

.partners_flex img {
	flex: 1 1 0px;
	display: inline-flex;
	text-align: center;
	width: 100%;
	max-width: 180px;
}

.partners p,
.clients_and_suppliers p {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size: 24px;
	line-height: 29px;
	letter-spacing: 0.05em;
	margin-bottom: 25px;
	text-transform: uppercase;
}

.clients_and_suppliers {
	display: flex;
	gap: 15px;
	justify-content: space-between;
}

.clients_block {
	width: calc(60% - 15px);
}

.suppliers_block {
	width: 40%;
}

.about_video {
	max-width: 1480px;
	width: 100%;
	height: 850px;
	padding: 20px;
	border: 2px solid rgba(255, 255, 255, 0.5);
	margin: 100px auto 0px auto;
}

.about_video iframe {
	width: 100%;
	height: 800px;
}

.reviews {
	/* display: flex; */
	gap: 30px;
	justify-content: space-between;
}

.review {
	flex: 1 1 0px;
	padding: 50px;
	clip-path: polygon(88% 0, 100% 12%, 100% 100%, 11% 100%, 0 87%, 0 0);
	background: black;
	height: 386px;
	/* border: 1px solid; */
}

.reviews .slick-arrow {
	background: red;
	z-index: 3;
}

.reviews .slick-prev {
	left: -1rem;
}

.reviews .slick-next {
	right: -1rem;
}

.review_head {
	display: flex;
	gap: 30px;
	margin-bottom: 30px;
}

.review_img {
	width: 100px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 4px 20px rgba(255, 255, 255, 0.1);
}

.review_img img {
	height: max-content;
}

.review_head_name {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 20px;
}

.review_head_post {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	opacity: 0.7;
	line-height: 24px;
}

.review_text p {
	font-size: 1rem;
	line-height: 1.5;
	margin-block: 1rem;
}

.review_text .link {
	border-bottom: 1px dashed;
	font-size: 0.9rem;
	display: inline-block;
}

.review_text .link:hover {
	border-bottom-color: transparent;
}

.section7 {
	z-index: 2;
}

.section7 h2 {
	max-width: 840px;
}

.section8 h2 {
	margin-bottom: 50px;
}

.section8 {
	z-index: 3;
}

.section9 {
	padding-top: 25px;
}

.section9 h2 {
	max-width: 570px;
	margin-bottom: 50px;
}

.section10 {
	display: flex;
	align-items: center;
	padding: 75px 219px 50px 342px;
	gap: 70px;
}

.section10 h2 {
	max-width: none;
}

.laser_machine {
	content: "";
	width: 376px;
	height: 541px;
	background: url(./assets/images/laser_machine.webp);
	background-size: 100%;
	position: absolute;
	top: -78px;
	z-index: 2;
	left: 0;
}

.laser_machine::before {
	content: "";
	width: 30px;
	height: 30px;
	background: white;
	top: 103px;
	left: 361px;
	display: block;
	box-shadow: 0px 0px 35px red, 0px 0px 35px red, 0px 0px 35px red, 0px 0px 35px red, 0px 0px 35px red, 0px 0px 35px red, 0px 0px 35px red, 0px 0px 35px red;
	border-radius: 50%;
	position: absolute;
}

.laser {
	width: 837px;
	height: 10px;
	background: #E95656;
	position: absolute;
	content: "";
	top: 205px;
	left: 355px;
	z-index: -1;
	transform: rotate(13deg);
}

.section10 form {
	position: relative;
	z-index: 3;
}

.section10_data {
	max-width: 776px;
	z-index: 2;
}

.section10_data p {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 800;
	font-size: 28px;
	max-width: 564px;
	margin-bottom: 50px;
	line-height: 34px;
}

.section10_data h2 span {
	display: block;
}

.section10_data .list {
	margin-top: 0;
	margin-bottom: 0;
}

form {
	background: white;
	color: black;
	padding: 50px 40px;
	max-width: 513px;
	clip-path: polygon(0 0, 80% 0, 100% 14%, 100% 100%, 20% 100%, 0 86%);
}

.section10::before {
	z-index: 2;
	width: 160px;
	position: absolute;
	height: 160px;
	content: "";
	top: 143px;
	right: 634px;
	transform: rotate(180deg);
	background: url(./assets/images/spark.gif);
	background-size: 100%;
	background-position: center;
}

.section10::after {
	color: white;
	font-size: 100px;
	content: "";
	width: 30px;
	height: 30px;
	background: white;
	top: 213px;
	right: 699px;
	z-index: 2;
	display: block;
	box-shadow: 0px 0px 35px red, 0px 0px 35px red, 0px 0px 35px red, 0px 0px 35px red, 0px 0px 35px red, 0px 0px 35px red, 0px 0px 35px red, 0px 0px 35px red;
	border-radius: 50%;
	position: absolute;
}


form .btn {
	margin: auto 0 auto auto;
}

.form_header,
.form-header {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 800;
	font-size: 30px;
	line-height: 36px;
}

.hideLabels .form-control {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	padding: 21px 30px;
	width: 100%;
	border: unset;
	position: relative;
	background: #EEEEEE;
	clip-path: polygon(95% 0, 100% 31%, 100% 100%, 4% 100%, 0 70%, 0 0);
}

.hideLabels .form-group label {
	z-index: 2;
	pointer-events: none;
	top: 21px;
}

.hideLabels .mini-labels label,
.miniLabels label.form-label,
.hideLabels label.label-none,
.hideLabels .form-control:focus+label {
	top: -21px;
	left: 0;
}

.agreement-check .agreement-label.label-none {
	top: 0;
}

.section10 .form {
	z-index: 3;
}


.form_input_name {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	margin-top: 25px;
	line-height: 24px;
}

form input {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	padding: 21px 30px;
	width: 100%;
	border: unset;
	position: relative;
	background: #EEEEEE;
	clip-path: polygon(95% 0, 100% 31%, 100% 100%, 4% 100%, 0 70%, 0 0);
}

::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #000;
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #000;
	opacity: 1;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #000;
	opacity: 1;
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #000;
}

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #000;
}

::placeholder {
	/* Most modern browsers support this now. */
	color: #000;
}

.custom-checkbox>input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.custom-checkbox {
	margin-bottom: 20px;
	margin-top: 20px;
	line-height: 18px;
}

.custom-checkbox>span a {
	text-decoration: underline;
}

form button {
	display: block;
	margin: 0 auto;
}

.custom-checkbox>input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.custom-checkbox>span {
	align-items: center;
	user-select: none;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 18px;
	display: flex;
	align-items: flex-start;
	gap: 15px;
}

.custom-checkbox>span::before {
	content: '';
	display: block;
	width: 1em;
	height: 1em;
	flex-shrink: 0;
	flex-grow: 0;
	border: 1px solid #adb5bd;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
	margin-top: 2px;
}

.custom-checkbox>input:checked+span::before {
	border-color: #C70100;
	background-color: #C70100;
}

.error_page {
	height: 900px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 160px;
	position: relative;
}

.error_page .content {
	max-width: 852px;
	width: 100%;
}

.error_page .content p {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 48px;
	line-height: 59px;
	margin-top: 34px;
	margin-bottom: 49px;
}

.error_page .content .btn {
	width: max-content;
	padding: 23px 50px 22px 50px;
}

.error_page .content .btn:focus {
	border-bottom-color: #5e0000;
}

.error_page .content::after {
	content: "";
	width: 788px;
	height: 940px;
	background: url(./assets/images/404_machine.png);
	position: absolute;
	top: -282px;
	right: -326px;
}

.error_page .content::before {
	z-index: 2;
	width: 110px;
	position: absolute;
	height: 110px;
	content: "";
	top: -52px;
	right: 127px;
	transform: rotate(180deg);
	background: url(./assets/images/spark.gif);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.application {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0px;
	left: 0;
	z-index: 10;
	justify-content: center;
	display: flex;
	align-items: center;
	background-color: #000000b0;
	overflow-y: auto;
	background-image: url(./assets/images/application_bg.webp);
	background-position: center;
	/* overflow-x: hidden; */
	animation: appearance 0.5s cubic-bezier(0.4, 0, 1, 1) infinite;
	animation-iteration-count: 1;
}

@keyframes appearance {
	0% {
		transform: translatey(-100%);
	}

	100% {
		transform: translatey(0px);
	}
}

.appearanceBack {
	animation: appearanceBack 0.5s cubic-bezier(0.4, 0, 1, 1) infinite;
	animation-iteration-count: 1;
}

@keyframes appearanceBack {
	0% {
		transform: translatey(0px);
	}

	100% {
		transform: translatey(-100%);
	}
}

.application form {
	max-width: 500px;
	margin: 0px 20px;
	height: max-content;
}

.close_application {
	position: absolute;
	top: 15px;
	right: 15px;
	transform: rotate(45deg);
	font-size: 100px;
	font-weight: 100;
	cursor: pointer;
	line-height: 59px;
}

.square-animation {
	animation: fade 1s 1;
}

@keyframes fade {
	0% {
		transform: translateY(-100%);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.fade-up-animation {
	animation: fadeUp 1s 1;
}

@keyframes fadeUp {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.rutube {
	height: 100%;
}

.rutube img {
	width: 100%;
}

.video-wrap__link picture {
	width: 100%;
	display: block;
	height: 100%;
}

.video-wrap {
	border: 2px solid rgba(255, 255, 255, 0.5);
	margin: 100px auto 0px auto;
}

.video-wrap__link {
	padding: 20px;
}


.rutube .play-button {
	width: 90px;
	height: 60px;
	background-color: #333;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
	z-index: 1;
	opacity: 0.8;
	border-radius: 6px;
}

.rutube .play-button:before {
	content: "";
	border-style: solid;
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #fff;
}

.rutube img,
.rutube .play-button {
	cursor: pointer;
}

.rutube img,
.rutube iframe,
.rutube .play-button,
.rutube .play-button:before {
	position: absolute;
}

.rutube .play-button,
.rutube .play-button:before {
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	z-index: 2;
}

.video-wrap iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

ul.slick-dots li::before {
	display: none;
}

ul.slick-dots li button {
	box-shadow: 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white;
}

ul.slick-dots li.slick-active button {
	box-shadow: 0px 0px 10px red, 0px 0px 10px red, 0px 0px 10px red, 0px 0px 10px red, 0px 0px 10px red;
	width: 6px;
	background: white;
}

.slick-dots {
	bottom: -15px;
}

.slick-slide {
	text-align: center;
}

.reviews .slick-slide {
	text-align: left;
}

.fancybox-is-open .fancybox-bg {
	background-image: url(./assets/images/application_bg.webp);
	background-position: center;
	opacity: 1;
}

.popup {
	max-width: 513px;
	text-align: left;
	/* padding: 0; */
	background: transparent;
}

#popup-call .form {
	clip-path: polygon(0 0, 80% 0, 100% 14%, 100% 100%, 20% 100%, 0 86%);
}

.fancybox-close-small {
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
}

.thx_page {
	height: 1050px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.thx_page .laser_machine {
	top: 75px;
}

.thx_page .laser_machine .laser {
	width: 448px;
	top: 223px;
	left: 343px;
	transform: rotate(30deg);
}

.thx_page .laser_machine .laser::before {
	z-index: 2;
	width: 160px;
	position: absolute;
	height: 160px;
	content: "";
	top: -80px;
	right: -14px;
	transform: rotate(180deg);
	background: url(./assets/images/spark.gif);
	background-size: 100%;
	background-position: center;
}

.thx_page .laser_machine .laser::after {
	color: white;
	font-size: 100px;
	content: "";
	width: 30px;
	height: 30px;
	background: white;
	top: -10px;
	right: 48px;
	z-index: 2;
	display: block;
	box-shadow: 0px 0px 35px red, 0px 0px 35px red, 0px 0px 35px red, 0px 0px 35px red, 0px 0px 35px red, 0px 0px 35px red, 0px 0px 35px red, 0px 0px 35px red;
	border-radius: 50%;
	position: absolute;
}


.thx_page_bg {
	content: "";
	background: url(./assets/images/section_bg_1.webp);
	width: 100%;
	display: block;
	height: 1080px;
	position: absolute;
	z-index: -1;
	top: -89px;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	left: 0;
}

.error_page_bg {
	content: "";
	background: url(./assets/images/section_bg_1.webp);
	width: 100%;
	display: block;
	height: 1080px;
	position: absolute;
	z-index: -1;
	top: -89px;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	left: 0;
}

.thx_page .content form {
	margin: 0 auto;
	clip-path: polygon(0 0, 81% 0, 100% 23%, 100% 100%, 19% 100%, 0 77%);
}

.thx_page .content form .btn {
	max-width: 351px;
}

.thx_page .content {
	width: 100%;
	z-index: 3;
	padding: 0 20px;
}


.thx_page .thx_window_text {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 29px;
	margin-top: 25px;
	margin-bottom: 33px;
}

.partners_mob {
	display: none;
}

.main_big_img {
	position: absolute;
	right: 0;
	top: -10px;
	max-height: none;
	z-index: -1;
}

.main_big_img_mob {
	display: none;
}

.result_mob {
	display: none;
}

/*
============================================================
============================================================
============================================================
Ширины экранов
-- xs	320-499		Смартфоны
-- sm	500-767		Фаблеты
-- md	768-1023	Планшеты
-- ml	1024-1180	Нетбуки
-- lg	1181-1299	Ноутбуки
-- xl	1400		Декстопы
============================================================
============================================================
============================================================
*/

/*
==============================
xl 1699 - Декстопы	(1600)
==============================
*/
@media (max-width: 1699px) {
	.section9::before {
		height: 1250px;
	}

	.section10_data {
		max-width: 697px;
	}

	.formula_name {
		font-size: 25px;
		white-space: nowrap;
	}

	.section9::after {
		height: 745px;
	}

	.facts {
		grid-auto-columns: minmax(0, 1fr);
	}

	.clients_block,
	.suppliers_block {
		width: calc(50% - 7.5px);
	}

	.laser {
		width: 783px;
		top: 200px;
	}

	.section10 {
		padding: 75px 160px;
	}

	.laser_machine {
		left: -120px;
	}

	.fact h3 {
		font-size: 23px;
		line-height: 30px;
	}

	.fact h3 span {
		font-size: 68px;
	}

	.block_with_bg {
		font-size: 17px;
		line-height: 24px;
	}

	.fact p {
		font-size: 17px;
		line-height: 24px;
		margin-top: 10px;
	}

	.section5 .part2 {
		margin-top: 30px;
	}

	.calculator {
		display: block;
	}

	.calculator_data {
		width: 100%;
		max-width: 100%;
		padding-bottom: 20px;
	}

	.calculator_result {
		width: 100%;
		border-left: unset;
		clip-path: unset;
		padding: 0px 60px 60px 60px;
	}

	.formula_body {
		gap: 10px;
	}

	.formula_body ul li {
		font-size: 15px;
	}

	.formula_body ul {
		max-width: 50%;
		flex-shrink: 0;
	}

	footer div a.body_2_400,
	header div a.body_2_400 {
		margin-right: 80px;
	}

	.calculator_result button {
		margin-top: 25px;
		margin-bottom: 25px;
	}

	.section6 .calculator_result p {
		margin-bottom: 0px;
	}

	.section3::after {
		background-position: center;
	}

	.section10_data::after {
		top: 4.5%;
	}

	.section10_data::before {
		top: -9%;
	}

	.section10::before {
		top: 113px;
		right: auto;
		left: 850px;
	}

	.section10::after {
		top: 180px;
		right: auto;
		left: 913px;
	}

}

@media (max-width: 1614px) {

	.section1 {
		padding-top: 50px;
	}

	.section1 h1 {
		font-size: 40px;
		line-height: 49.51px;
	}

	.list {
		position: relative;
		margin-top: 20px;
		margin-bottom: 20px;
	}

}

/*
==============================
xl 1599 - Декстопы	(1440)
==============================
*/
@media (max-width: 1599px) {

	.main_big_img {
    position: absolute;
    right: 0;
    top: -100px;
    z-index: -1;
    max-height: none;
}

	.section2 {
		padding: 90px 158px 50px 158px;
	}

	.section3::before {
		width: 1199px;
	}

	.fact h3 span {
		display: block;
		line-height: 52px;
	}

	.formula:last-child {
		clip-path: polygon(100% 0, 100% 100%, 9% 100%, 0 92%, 0 0);
	}

	.formula:first-child {
		clip-path: polygon(100% 0, 100% 92%, 91% 100%, 0 100%, 0 0);
	}

	.formula_name {
		font-size: 25px;
		padding: 50px;
	}

	.calculator_data {
		width: 100%;
	}

	.calculator_data .flex:last-child {
		display: grid;
		grid-template-areas: "1 2 3 4";
	}

	.reasons {
		width: calc(100% - 205px);
	}

	.section10 {
		padding: 75px 160px;
	}

	header div,
	footer div {
		gap: 30px;
	}

	.part2 .block_with_bg {
		clip-path: polygon(5% 0, 100% 0, 100% 86%, 94% 100%, 0 100%, 0 15%);
	}

	header div .body_2_400,
	header div a.body_2_400,
	footer div .body_2_400,
	footer div a.body_2_400 {
		margin-right: auto;
	}

	header .btn,
	footer .btn {
		margin-left: auto;
	}

	footer div {
		gap: 30px;
	}

	footer .btn {
		margin-left: auto;
	}

	.laser_machine {
		left: -120px;
	}

	.bg5 {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.section3::after {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.directions {
		margin-left: 0;
	}

	.directions .selected_direction,
	.directions div,
	.directions div:hover {
		font-size: 20px;
	}

	.section5 .part1 {
		max-width: 430px;
	}

	header .number,
	footer .number {
		font-size: 14px;
	}

	.laser {
		top: 208px;
		transform: rotate(14.5deg);
	}

	.section10::before {
		left: 690px;
		top: 88px;
	}

	.section10::after {
		left: 757px;
		top: 159px;
	}

	.section10_data {
		max-width: 539px;
	}

	.directions div:nth-child(1)::after {
		left: 77px;
	}

	.directions div:nth-child(2)::after {
		left: 98.8px;
	}

	.directions div:nth-child(3)::after {
		left: 38px;
	}

	.directions div:nth-child(4)::after {
		left: 65.4px;
	}

	.directions div:nth-child(5)::after {
		left: 17.6px;
	}

	.line {
		width: 260px;
	}

	.name_and_post .name {
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 20px;
	}

	.name_and_post .post {
		font-size: 16px;
		line-height: 25px;
	}

	.section5 {
		padding: 75px 160px;
	}

	.section1 {
		padding-bottom: 100px;
	}

	.thx_page .laser_machine .laser {
		width: 407px;
		top: 223px;
		left: 343px;
		transform: rotate(33deg);
	}

	.error_page .content {
		max-width: 740px;
	}

	.error_page .content img {
		width: 82%;
	}
}

/*
==============================
lg 1399 - Ноутбуки	(1360)
==============================
*/
@media (max-width: 1399px) {

	.error_page .content::after {
		content: "";
		width: 533px;
		height: 705px;
		background: url(./assets/images/404_machine.png);
		position: absolute;
		top: -209px;
		right: -184px;
		background-size: 100%;
		background-position: right;
		background-repeat: no-repeat;
	}

	section,
	.section2,
	.section5,
	.section10 {
		padding: 75px 50px;
	}

	.section10_data {
		max-width: 640px;
	}

	.section10::before {
		left: 681px;
	}

	.section10::after {
		left: 749px;
		top: 156px;
	}

	header {
		padding: 0px 50px;
	}

	footer {
		padding: 35px 50px;
	}

	.under_footer {
		padding: 12px 50px;
	}

	footer div {
		gap: 20px;
	}

	footer .btn {
		width: auto;
	}

	.calculator_result button {
		width: 300px;
	}

	.product_preview .content h3 {
		text-shadow: 0 0 black;
	}


	.section1 video {
		right: 0px;
		top: -179px;
	}

	.machine {
		display: none;
	}

	.reasons {
		width: 100%;
		grid-auto-columns: auto;
	}

	.reason {
		display: block;
		z-index: 3;
	}

	.reason_content {
		margin-top: 20px;
	}

	.section1 h1 {
		font-size: 30px;
		line-height: 35px;
	}

	.section1 h1 .w500 {
		font-size: 25px;
		line-height: 30.6px;
	}

	.reasons {
		width: 100%;
		max-width: none;
	}

	section h2 {
		font-size: 30px;
		line-height: 35px;
		margin-bottom: 30px;
	}

	section p,
	.section10_data p,
	.section3 p,
	.section4 p,
	.section6 p,
	.form_header {
		font-size: 25px;
		line-height: 30px;
	}

	.section3 p {
		margin-bottom: 30px;
	}

	.product_preview {
		gap: 64px;
	}

	figure p {
		font-size: 20px;
	}

	form label span p {
		font-size: 16px;
		line-height: 20px;
	}

	.section10_data::before {
		top: -26%;
	}

	.section10_data::after {
		top: -10.5%;
	}

	.section10 h2 {
		max-width: 640px;
	}

	.result {
		right: 100px;
		bottom: 100px;
	}

	.result p,
	.result div p {
		font-size: 16px;
		line-height: 20px;
	}

	.result div .circle {
		font-size: 40px;
		line-height: 41px;
		width: 85px;
		height: 80px;
	}

	.section1 {
		padding-bottom: 75px;
	}

	.section3::before {
		width: 1120px;
		top: 328px;
	}

	.line {
		top: 328px;
		width: 151px;
	}

	.product_title {
		font-size: 30px;
	}

}

/*
==============================
lg 1299 - Ноутбуки	(1280)
==============================
*/
@media (max-width: 1299px) {

	header .btn span,
	footer .btn span {
		font-size: 14px;
	}

	.main_big_img {
    position: absolute;
    right: 0;
    top: -60px;
    z-index: -1;
    max-height: none;
}


	.section5 {
		padding: 75px 50px;
		padding-top: 30px;
	}

	.calculator {
		display: block;
	}

	.calculator_data {
		max-width: 100%;
		width: 100%;
	}

	.calculator_result button {
		width: 300px;
	}

	.calculator_result {
		width: 100%;
		padding: 0px 60px 60px 60px;
		clip-path: polygon(100% 0, 100% 100%, 7% 100%, 0 86%, 0 0);
		border-left: unset;
	}

	.section5 .part2 {
		width: 100%;
	}

	.part1 {
		max-width: 600px;
		margin: 0 auto;
	}

	.section10 {
		padding: 75px 50px;
	}

	.section10_data::after {
		top: 46vw;
		right: 65vw;
	}

	.laser {
		top: 176px;
		width: 501px;
		transform: rotate(14.5deg);
	}

	.section10::before {
		left: 637px;
		top: 114px;
	}

	.section10::after {
		left: 705px;
		top: 188px;
	}



	.section10 form {
		margin: 40px auto 0px auto;
	}

	header {
		padding: 0px 50px;
	}

	footer {
		padding: 35px 50px;
	}

	.formulas {
		display: block;
	}

	.formula+.formula {
		margin-top: 30px;
	}


	.section10_data,
	.section10_data p {
		max-width: 100%;
	}

	.laser_machine {
		top: -40px;
	}

	/* .section10::before, .section10::after, .laser_machine {
	display: none;
} */

	.formula:first-child,
	.formula:last-child {
		clip-path: unset;
	}

	.formula_body {
		justify-content: space-between;
		gap: unset;
	}

	.formula_body ul {
		max-width: 50%;
		flex-shrink: 0;
	}

	.section10_data::before {
		top: 41vw;
		left: 20vw;
	}

	.name_and_post .name {
		font-size: 20px;
		line-height: 25px;
	}

	.name_and_post .post {
		font-size: 16px;
		line-height: 24px;
	}

}

/*
==============================
ml 1180 - Нетбуки	(1024)
==============================
*/
@media (max-width: 1181px) {
	.section9 {
		padding-top: 75px;
	}

	.main_big_img {
    position: absolute;
    right: 0;
    top: 0px;
    z-index: -1;
    max-height: none;
}

	.error_page .content::after {
		top: -132px;
		right: -143px;
		width: 471px;
		height: 513px;
	}

	.error_page .content p {
		font-size: 35px;
	}

	.section2 {
		display: grid;
		gap: 20px;
		justify-content: center;
		padding: 75px 50px;
		grid-template-areas: "1 2 3";
		grid-auto-columns: auto;
		row-gap: 50px;
	}

	.name_and_post .post,
	.name_and_post .name {
		font-size: 16px;
	}

	.product_preview .content p {
		width: 100%;
		max-width: 100%;
	}

	.section10_data::before {
		top: 43vw;
		left: 18vw;
	}

	.section10_data::after {
		top: 49.5vw;
		right: 66vw;
	}

	.section4 .vector_curve {
		display: none;
	}

	.product_preview .content {
		width: 100%;
		margin-top: 40px;
		max-width: 100%;
	}

	figure p {
		font-size: 18px;
	}

	figure figcaption {
		max-width: 320px;
		margin: 0 auto;
	}

	.product_preview .images .images_list div,
	.product_preview .images .images_list img {
		width: inherit;
		height: auto;
	}

	.product_preview .content h3 {
		font-size: 20px;
	}

	.calculator {
		display: block;
	}

	.calculator_data,
	.calculator_result {
		width: 100%;
	}

	.formulas {
		display: block;
	}

	.formula+.formula {
		margin: 10px 0px;
	}

	.formula_name {
		padding: 50px;
	}

	.reviews {
		display: grid;
	}

	header .btn {
		margin-top: 10px;
		padding: 12px;
	}

	footer .btn {
		padding: 12px;
	}

	.body_2_400 {
		margin: 10px auto;
	}

	.directions div+div {
		margin: 10px;
	}

	.laser,
	.section10::before,
	.section10::after {
		display: none;
	}

	.thx_page .laser_machine .laser {
		display: block;
	}

	.section10 form {
		max-width: 450px;
	}

	.section10 {
		gap: 20px;
	}

	.section3::before {
		width: 974px;
		top: 338px;
	}

	.line {
		top: 338px;
	}

	header img,
	footer img {
		width: 150px;
	}

	header div,
	footer div {
		gap: 15px;
	}

	header div .body_2_400,
	footer div .body_2_400 {
		max-width: 302px;
	}

	.section1 h1 {
		max-width: 550px;
	}

}

/*
==============================
md 1023 - Планшеты	(768)
==============================
*/
@media (max-width: 1023px) {

	.review {
		height: auto;
	}
	.error_page_bg,
	.thx_page_bg {
		height: 685px;
	}

	.footer {
		display: block;
		text-align: center;
	}

	.thx_page,
	.error_page {
		height: 510px;
	}

	.error_page .content::before,
	.error_page .content::after {
		display: none;
	}

	.error_page .content img {
		width: 400px;
		display: block;
		margin: 0 auto;
	}

	.thx_page .content form .btn {
		max-width: 270px;
	}

	.footer div {
		display: block;
	}

	footer div .body_2_400,
	footer div a.body_2_400,
	footer .number {
		display: block;
	}

	footer .number {
		margin-bottom: 10px;
	}

	.under_footer {
		display: block;
		text-align: center;
		padding: 20px;
	}

	.section10 {
		display: block;
	}

	.desc_menu {
		display: none;
	}

	.mob_menu {
		display: block;
	}

	.result div .circle {
		margin: 10px;
	}

	.section3::before {
		width: 186px;
		left: 34px;
		transform: rotate(90deg);
		transform-origin: 0 0;
		top: 264px;
	}

	.line {
		width: 33px;
		left: 34px;
		transform: rotate(90deg);
		transform-origin: 0 0;
		top: 264px;
	}

	.product_preview {
		display: block;
	}

	.product_preview .images {
		width: 100%;
	}

	.result div {
		gap: 10px;
	}

	.result {
		right: 30px;
		bottom: 60px;
	}

	.reason img {
		height: 55px;
	}

	.section5 {
		flex-direction: column-reverse;
	}

	.directions {
		display: grid;
		gap: 10px;
	}

	.directions div.selected_direction::after {
		left: -40px;
		font-size: 20px;
		top: -11px;
	}

	.directions div:nth-child(1)::after,
	.directions div:nth-child(2)::after,
	.directions div:nth-child(3)::after,
	.directions div:nth-child(4)::after,
	.directions div:nth-child(5)::after {
		left: -40px;
	}

	.directions div::after {
		left: -40px;
		font-size: 20px;
		top: -11px;
	}

	.directions div+div {
		margin: 0;
	}

	.section3 p {
		margin-bottom: 50px;
	}

	.corpuses {
		grid-template-areas: "1 2";
		grid-auto-flow: unset;
		gap: 10px;
	}


	.laser_machine {
		display: none;
	}

	.about_video {
		height: 619px;
	}

	.error_page {
		padding: 20px;
	}

	.error_page .content p {
		font-size: 21px;
		line-height: inherit;
		text-align: center;
		margin-bottom: 15px;
		margin-top: 15px;
	}

	.error_page .content .btn {
		text-align: center;
		margin: 0 auto;
		display: block;
		width: max-content;
	}

	.error_page .content,
	.error_page::before,
	.error_page::after {
		height: max-content;
	}

	.section1 {
		padding-top: 60px;
		padding-bottom: 75px;
	}

	.section3 {
		padding: 75px 50px;
	}



	.clients_block {
		margin-bottom: 50px;
	}

	.partners_flex {
		text-align: center;
	}



	.section1 .list {
		max-width: 450px;
	}

	.list::before {
		display: none;
	}

	.reasons {
		display: grid;
		grid-template-areas: "1 2";
		justify-content: space-around;
	}

	.section5 .part2 {
		width: 100%;
	}

	.block_with_bg {
		clip-path: polygon(4% 0, 100% 0, 100% 83%, 95% 100%, 0 100%, 0% 18%);
	}

	.calculator_data,
	.calculator_result {
		padding: 40px;
	}

	.calculator_result {
		padding-top: 0;
	}

	.calculator_data .flex:last-child {
		display: grid;
		grid-template-areas: "1 2";
	}

	.calculator_data .flex:last-child .parameter_with_cont .flex {
		width: max-content;
	}

	.metal_type {
		margin: 5px;
	}

	.section1 video {
		right: 0;
		top: -118px;
	}
}

/*
==============================
sm 767 - Фаблеты	(500)
==============================
*/
@media (max-width: 767px) {



	#privacy h1 {font-size: 2rem;
    font-weight: 500;
    line-height: 1;}

		#privacy h2 {
			font-size: 1.25rem;
		}
		ol li li {
			padding-left: 2.5rem;
	}

	#myVideo {display: none;}
	.list ul{
		display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	}

	.section1 .btn {
		margin: 0 auto;
    display: block;
	}

	.calculator_result .calculatior_price {
		font-size: 50px;
		line-height: 74px;
	}

	.bg3,
	.bg4 {
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.list ul li {
		font-size: 12px;
		letter-spacing: unset;
		line-height: 1.5;
	}

	.list ul li, .list ol li {
		padding-left: 0;
	}

	.list ul li:nth-child(3)::after {
    content: "";
    width: 2px;
    height: 88px;
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #F00 100%);
    top: -74px;
    left: 4px;
    z-index: -1;
}

.list ul li:nth-child(4)::after {
	content: "";
	width: 2px;
	height: 88px;
	position: absolute;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #F00 100%);
	top: -74px;
	left: 4px;
	z-index: -1;
}

	.form_header,
	.form-header {
		font-size: 25px;
	}

	form .btn {
		max-width: 270px;
	}

	.bg5 {
		height: 3291px;
		background-position: center;
		bottom: -1321px;
		top: unset;
	}

	.formula_body {
		display: block;
	}

	.formula_body ul {
		max-width: 100%;
	}

	.formula_body ul+ul {
		margin: 30px 0px;
	}

	button {
		display: block;
		margin: 0 auto;
	}

	.section3::after {
		background-position: center;
	}

	.about_video {
		height: 450px;
	}

	.section1 h1 {
		font-size: 30px;
		line-height: 35px;
		margin-bottom: 30px;
		margin-top: 0px;
	}

	.section1 h1 .w500 {
		font-size: 25px;
		line-height: 30px;
		font-family: 'Montserrat', sans-serif;
	}

	.main_big_img {
		display: none;
	}

	.main_big_img_mob {
    display: block;
    margin: 0 auto;
}

.result.result_mob {
	position: relative;
	left: 0;
	top: 0;
	right: auto;
	letter-spacing: unset;
	height: max-content;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 30px;
	margin-bottom: 40px;
}

.section1 .list {
	max-width: 100%;
}

.result {
	display: none;
}
	.list {
		position: relative;
		margin-top: 0px;
		margin-bottom: 30px;
	}

	li {
		align-items: normal;
	}

	li:before {
		height: 15px;
		line-height: 23px;
		width: 15px;
		padding-right: 25px;
	}

	li+li {
		margin: 20px 0px;
	}

	section h2 {
		font-size: 28px;
		line-height: normal;
		max-width: 448px;
	}

	.section3 p,
	.section4 p,
	.section6 p,
	.section7 p {
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 40px;
	}

	.directions {
		display: grid;
		gap: 10px;
	}

	.line,
	.section3::before {
		top: 280px;
	}

	.directions div+div {
		margin: 0 0px;
	}

	.directions .selected_direction,
	.directions div,
	.directions div:hover {
		font-size: 20px;
		line-height: 29px;
	}

	.reasons {
		display: block;
		padding: 50px;
	}

	.reason_content {
		margin-top: 0;
		width: 100%;
	}

	.reason .reason_content p {
		width: 100%;
	}

	.reason {
		display: flex;
		z-index: 3;
		margin: 40px auto;
		align-items: start;
	}

	.fact h3 {
		font-size: 17px;
		line-height: 22px;
	}

	.fact h3 span {
		display: inline;
		letter-spacing: unset;
		font-size: 50px;
	}

	.fact p {
		font-size: 14px;
		line-height: 20px;
	}

	.fact {
		padding: 33px 0px;
    border-bottom: 1px white solid;
    border-top: 1px white solid;
	}

	.facts {
		display: block;
	}

	.block_with_bg {
		font-size: 16px;
		line-height: 25px;
	}

	.corpuses {
		grid-template-areas: "1 2";
		grid-auto-flow: unset;
		gap: 10px;
	}

	.calculator_data .flex {
		display: block;
	}

	.parameter_name,
	.parameter_value {
		width: 100%;
	}

	.parameter_with_cont .name {
		margin-bottom: 10px;
	}

	.parameter_with_cont {
		margin-bottom: 20px;
	}

	.metal_type {
		margin: 5px;
	}

	.formula_name {
		font-size: 20px;
	}

	.partners p,
	.clients_and_suppliers p {
		font-size: 16px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.section10_data p {
		font-size: 20px;
		line-height: 25px;
	}

	.laser_machine {
		z-index: 3;
	}

	.section10_data::after,
	.laser_machine {
		display: none;
	}

	.calculator_data .flex:last-child {
		display: block;
	}

	.formula_name::before {
		width: 15px;
		height: 15px;
		right: 15px;
		top: 56%;
	}

	.formula_name::after {
		width: 15px;
		height: 15px;
		left: 15px;
		top: 56%;
	}

	.section2 {
		grid-auto-columns: minmax(0, 1fr);
		display: grid;
		grid-template-areas: "1 2";
	}

	figure img {
		margin: 0 auto 15px auto;
	}

	.section1 h1 {
		max-width: 100%;
	}

	.section1 h1 span {
		display: inline;
	}

	
	.result {
		position: absolute;
		left: 50px;
		top: 33px;
		right: auto;
		letter-spacing: unset;
		height: max-content;
	}

	.result p {
		font-size: 14px;
		line-height: 20px;
	}
	
	.result div p {
		font-size: 12px;
	}

	.result div .circle {
		font-size: 20px;
		width: 45px;
		height: 45px;
		line-height: 50px;
		margin: 0px;
	}

	.section1 video {
		height: 252px;
		right: 0;
		max-width: 567px;
		top: -35px;
	}

	.calculator_result .sht {
		font-size: 25px;
		line-height: unset;
	}
}

@media (max-width: 534px) {
	.bg4 {
		height: 2659px;
	}

	.clients_and_suppliers {
		display: block;
	}

	.clients_block,
	.suppliers_block,
	.partners {
		width: 100%;
		margin-bottom: 25px;
	}

	/* 
.clients_and_suppliers div {
	min-height: 0;
min-width: 0;
} */
	.partners {
		display: none;
	}

	.clients_and_suppliers .partners_mob {
		display: block;
	}
}

/*
==============================
xs 499 - Смартфоны	(360, 414)
==============================
*/
@media (max-width: 499px) {
	.section5 .part2 {
		margin-top: 0;
	}
	.main_big_img_mob {
    display: block;
    margin: 0 auto;
}

	.bg5 {
		height: 3291px;
		background-position: center;
		bottom: -1321px;
		top: unset;
	}
	.calculatior_price {
		display: block;
	}

	.calculator_result .sht {
		font-size: 25px;
    display: block;
    line-height: 23px;
    margin-bottom: 10px;
    margin-left: 0;
	}

	.section3 p {
		max-width: 320px;
	}

	.line,
	.section3::before {
		top: 283px;
		left: 24px;
	}

	.result {
		left: 20px;
		top: 55px;
	}

	.review_head_content .review_head_name {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 10px;
	}

	.review_head_content .review_head_post {
		font-size: 13px;
		line-height: 19px;
	}

	.section1 h1 {
		margin-top: 0px;
		font-size: 20px;
		line-height: 30px;
	}

	.section1 h1 .w500 {
		font-size: 18px;
		line-height: 25px;
	}

	.close_mob_menu_items {
		right: 20px;
	}

	.mob_menu {
		right: 20px;
	}

	.mob_menu_items {
		padding: 0px 30px 30px 30px;
	}

	.calculator_result button {
		width: 100%;
	}

	.section1 {
		padding-top: 25px;
	}

	.corpuse svg {
		width: 100%;
	}

	.part2 .block_with_bg {
		clip-path: polygon(9% 0, 100% 0, 100% 86%, 92% 100%, 0 100%, 0 15%);
	}

	.reason img {
		display: none;
	}

	.about_video {
		height: 238px;
	}

	.part1 {
		width: 100%;
	}

	.name_and_post {
		padding: 35px;
		margin: 0;
	}

	section,
	.section5,
	.section3 {
		padding: 50px 20px;
	}

	header,
	footer {
		padding: 0px 20px;
	}

	footer {
		padding: 20px;
		max-width: 100%;
	}

	.section10 {
		padding: 50px 20px;
	}

	form {
		padding: 20px;
	}

	.parameter_name,
	.parameter_value {
		width: 100%;
	}

	.formula_name {
		padding: 20px 60px;
		font-size: 15px;
		line-height: inherit;
	}

	.section1 .btn {
		margin-left: unset;
	}

	.review {
		padding: 2rem;
	}

	.body_2_400 {
		display: block;
		width: auto;
	}

	.btn {
		width: 100%;
	}

	.directions {
		margin-left: 20px;
	}

	.formula_name::before,
	.formula_name::after {
		display: none;
	}

	.form_header {
		font-size: 20px;
		line-height: 25px;
	}

	form,
	#popup-call .form {
		clip-path: polygon(0 0, 89% 0, 100% 10%, 100% 100%, 12% 100%, 0 90%);
	}

	.form_header,
	.form-header {
		font-size: 23px;
	}

	.thx_page .content form .thx_window_text {
		font-size: 18px;
		margin-top: 10px;
		margin-bottom: 20px;
	}

	.thx_page .content form .btn span {
		font-size: 13px;
	}

	.thx_page .content form .btn {
		max-width: 200px;
	}

	.formula_body ul li::before {
		margin-right: 0px;
	}

	.fancybox-close-small {
		top: -5px;
		right: -5px;
		width: 40px;
		height: 40px;
	}

	.section2 {
		gap: 40px 10px;
		padding: 75px 20px;
	}

	figure p {
		font-size: 16px;
		line-height: 20px;
	}

	figure figcaption {
		font-size: 13px;
		line-height: 17px;
	}

	.result p,
	.result div p {
		font-size: 13px;
		line-height: 17px;
	}

	.result div .circle {
		font-size: 25px;
	}

	.result div .circle {
		font-size: 25px;
		width: 50px;
		height: 50px;
	}

	.result div {
		gap: 10px;
	}
}

/*
==============================
xs 359 - Смартфоны	(320)
==============================
*/
@media (max-width: 359px) {
	.corpuses {
		display: block;
	}

	.line,
	.section3::before {
		top: 316px;
	}
}