/* Start:/bitrix/templates/yanmar/css/styles.css?173669001442293*/
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,400;6..12,500;6..12,600;6..12,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jura&display=swap');

html, body {
    overflow-x: hidden;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	transition: background-color 0.2s ease-out;
	font-family: 'Nunito Sans', sans-serif;
	outline: none;
}

.bx-filter .bx-filter-popup-result {
	margin: 0;
	width: 100%;
	font-size: 16px;
    font-weight: normal;
    position: unset;
    z-index: unset;
    display: none;
    line-height: normal;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    padding: 10px;
    gap: 5px;
    color: #3f3f3f;
    min-height: unset;
    line-height: unset;
    border-style: unset;
    border: 1px solid #DC1E37;
    border-radius: 5px;
	margin-bottom: 20px;
}
 
.smartfilter > .row {
	display: flex; flex-flow: column nowrap;
}

.model-group {
	display: flex;
	flex-flow: column nowrap;
	gap: 5px;
}

	.cat-section-item {
			width: 100%;
			background: #f4f4f4;
			border-radius: 5px;
			padding: 15px 20px;
			margin-top: 5px;
			display: flex;
			flex-flow: row nowrap;
			align-items: center;
			gap: 15px;
			cursor: pointer;
			text-transform: none;
	}
	.empty-array {
			display: flex;
			flex-flow: row nowrap;
			gap: 40px;
			padding: 40px;
			align-items: center;
	}
	.empty-array img {
			width: 400px;
	}
	.empty-array p {
			width: 400px;
			opacity: 0.75;
			font-size: 20px;
			line-height: 1.55;
			font-weight: 600;
	}
	.cat-section-item:hover {
			background:#e1e1e1;
	}
	.cat-section-list summary {
			border: 1px solid grey;
			padding: 10px;
			border-radius: 5px;
			list-style: none;
	}
	.cat-section-list details[open] > summary {
			background: #202020;
			color: #fff;
			border-color: #202020;
	}

/* lightbox.css */
.lightbox {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
}

.lightbox-content {
    background-color: #ECECEC;
    padding: 50px;
    width: 80%;
    max-width: 700px;
    height: 100%;
    right: -100%;
	border-radius: 20px 0 0 20px;
    position: absolute;
    transition:  0.5s ease-in-out;
	transition-property: right, opacity;
}

.lightbox.show .lightbox-content {
    right: 0;
	opacity: 1;
}

.lightbox-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.lightbox-close:hover,
.lightbox-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.cart-item {
    display: flex;
    align-items: center;
    transition: 0.5s ease-in-out;
    transition-property: right, opacity;
    right: 0;
    opacity: 1;
    padding: 15px 0;
    width: 100%;
    border-bottom: 1px solid lightgrey;
	gap: 30px;
	justify-content: space-between;
}

.cart-item.removing {
    right: -100%;
	opacity: 0;
}

.cart-item img {
    width: 90px;
    height: 90px;
	object-fit: contain;
}

.cart-item-title {
	display: flex;
	flex-flow: column nowrap;
	gap: 4px;
	width: 300px;
	font-weight: 600;
    color: #202020;
    font-size: 18px;
}

.cart-item-title span {
	display: block;
	font-size: 14px;
	color: #404040;
}

.cart-item-image {
	width: 100px;
	background: #fff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100px;
}

.cart-item a {
    text-decoration: none;
}

.cart-item-details {
    display: flex;
    flex-direction: column;
}

.quantity-input {
    width: 60px;
    margin-bottom: 5px;
}

.price, .total-price {
    margin-bottom: 5px;
}

.remove-item {
    background-color: #f44336;
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
}

.checkout-btn {
	padding: 0 20px;
	margin-top: 30px;
    display: flex;
    height: 44px;
    justify-content: space-between;
	width: 50%;
    align-items: center;
    border-radius: 2px;
    background: #202020;
    color: #FFF;
    font-family: 'Nunito Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    border: 1px solid transparent;
}

.remove-item {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 10px;
}

.remove-item img {
	width: 24px;
	height: 24px;
}

.catalog-button {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    display: block;
    text-decoration: none;
    text-align: center;
}

	.cat-section-list summary:hover {
			background: #f2f2f2;
	}
	.cat-section-list a {
			text-decoration: none;
			text-transform: uppercase;
			padding: 10px 20px;
			background: #f2f2f2;
			border-radius: 5px;
			color: #202020;
			display: flex;
			flex-flow: row nowrap;
			gap: 10px;
			align-items: center;
			margin: 8px 0;
	}
	.cat-section-list a::before {
			content: "";
			width: 4px;
			height: 4px;
			background: #DC1E37;
			border-radius: 2px;
	}
	.cat-section-list a:hover {
			background: #ebe9e9;
	}
	.preloader {
			margin: 100px auto;
			width: 48px;
			height: 48px;
			border: 5px solid #fff;
			border-bottom-color: #202020;
			border-radius: 50%;
			display: inline-block;
			-webkit-animation: rotation 1s linear infinite;
			animation: rotation 1s linear infinite;
	}

	@-webkit-keyframes rotation {
			0% {
					transform: rotate(0deg);
			}
			100% {
					transform: rotate(360deg);
			}
	}
	@keyframes rotation {
			0% {
					transform: rotate(0deg);
			}
			100% {
					transform: rotate(360deg);
			}
	}

	.cat-section-list {
			margin-top: 10px;
			display: grid;
			background: #fff;
			border-radius: 5px;
			column-gap: 10px;
			gap: 6px;
			grid-template-areas: "a a";
			margin-bottom: 30px;
	}
	.cat-section-item::before {
			content: "";
			width: 4px;
			height: 4px;
			background: #DC1E37;
			border-radius: 2px;
			display: block;
	}
	.catalog-section {
			padding: 0 5px 0 0;
	}
	.desc {
			opacity: 0.5;
			margin-top: 10px;
			font-size: 16px;
	}
	#SECTION_CATEGORIES {
			margin-top: 40px;
	}
	.search-field {
			width: 100%;
			height: 54px;
			padding: 0 20px;
			border-radius: 5px;
			border: none;
			outline: none;
	}
	.search-button {
			padding: 20px 30px;
			background: #DC1E37;
			border-radius: 5px;
			color: #FFF;
			font-size: 14px;
			font-style: normal;
			font-weight: 500;
			line-height: 100%;
			border: none;
			cursor: pointer;
			text-transform: uppercase;
	}

body {
	background: #ECECEC;
	width: 100vw;
	overflow-x: hidden;
}


.container {
	width: 1300px;
	margin: 0 auto;
}

header {
	padding: 20px 0;
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	position: sticky;
    top: 0px;
    z-index: 1000;
		gap: 10px;
}

.header-logo {
	padding: 10px 20px;
	background: #fff;
	border-radius: 5px;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
}

.header-logo a {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
}

.header-logo:hover {
	background: #f4f4f4;
}

.header-nav .header-ul {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	background: #fff;
	border-radius: 5px;
	list-style: none;
	box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
}

.header-nav li a {
	padding: 25px 28px;
	text-decoration: none;
	color: #202020;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	display: block;
	border-radius: 5px;
	white-space: nowrap;
	text-transform: uppercase;
}

header .cat-section-list.search-result {
	display: flex;
	flex-flow: column nowrap;
	gap: 10px;
	width: 100%;
	left: 0;
}

.tab-content {
	grid-template-areas: "a";
	gap: 15px;
	row-gap: 0;
	overflow: auto;
    height: 600px;
		padding-left: 5px;
		padding-right: 5px;
}


.tab-content::-webkit-scrollbar {
	width: 8px;
	}
	.tab-content::-webkit-scrollbar-track {
	background: #d5d5d5;
	border-radius: 20px;
	}
	.tab-content::-webkit-scrollbar-thumb {
	background-color: #cbbebe;
	border-radius: 20px;
	transition: background-color 0.2s ease-in-out;
}

.tab-content::-webkit-scrollbar-thumb:hover {
	background-color: #ada3a3;
}

.header-nav li a:hover {
	background: rgba(0, 0, 0, 0.05);
}

.header-contact {
	display: flex;
	align-items: center;
	width: 100%;
	gap: 6px;
}

.header-call {
	min-width: 180px;
	padding: 25px;
	max-height: 64px;
	background: #DC1E37;
	border-radius: 5px;
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	border: none;
	cursor: pointer;
	text-transform: uppercase;
	box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
	display: flex;
	flex-flow: column nowrap;
	align-items: flex-end;
	justify-content: center;
	text-align: right;
}

.header-call span {
	margin-top: 1px;
	font-size: 9px;
}

.header-search {
	position: relative;
	width: 100%;
}
.search-form {
	width: 100%;
}
.header-search-input {
	min-width: 240px;
	width: 100%;
	height: 64px;
	padding: 18px;
	outline: none;
	border-radius: 5px;
	background: #FFF;
	box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
	transition: 0.2s ease-in-out;
	border: 1px solid transparent;
}

.tab-content {
	display: none;
	overflow: auto;
}

.tab-link {
	border: 1px solid grey;
    padding: 10px 30px;
    border-radius: 5px;
    list-style: none;
		background: none;;
		cursor: pointer;
		color: #202020;
    font-family: "Nunito Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 180%;
    text-decoration: none;
    text-transform: uppercase;
}

.tab-link.active {
	background: #202020;
	color: #ffff;
	border: 1px solid #202020;
}

.tab-content.active {
	display: grid;
}

.header-search-input:focus {
	border: 1px solid #DC1E37;
}

.header-search svg {
	transition: 0.25s ease-in-out;
}

.header-search path {
	stroke: #DC1E37;
}

.header-search-input:focus + svg {
	opacity: 1;
}

.cart-wrapper {
	position: fixed;
	bottom: 50px;
	right: 50px;
	z-index: 100;
	cursor: pointer;
}

.cart {

	width: 64px;
	height: 64px;
	background: #fff;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	transition: 0.2s ease-in-out;

	box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
}

.cart:hover {
	background: #f2f2f2;
}

.header-search svg {
	position: absolute;
	right: 18px;
	top: 18px;
	cursor: pointer;
	opacity: .3;
}

.header-call:hover {
	background: #ad182c;
}

.header-phone {
	padding: 25px;
	border-radius: 5px;
	background: #fff;
	color: #202020;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%; /* 14px */
	box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
	display: block;
	text-decoration: none;
}

.header-phone:hover {
	background: #f4f4f4;
}

#SECTION_FEEDBACK {
	margin-top: 90px;
}

.subscription-form {
	border-radius: 30px;
	background: #DC1E37;
	width: 100%;
	padding: 30px;
	display: flex;
	flex-flow: column nowrap;
	gap: 35px;
}

.subscription-form form {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	row-gap: 10px;
}

.subscription-form input {
	display: flex;
	width: 380px;
	height: 54px;
	padding: 4px 15px;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;
	border-radius: 8px;
	border: 1.6px solid var(--Gray-Scale-200, #E2E8F0);
	background: var(--Backgrounds-Primary---BG1, #FEFEFE);

	/* Default Shadow/Default - XS */
	box-shadow: 0px 1px 2px 0px rgba(17, 24, 39, 0.08);
	color: var(--Text-Titles---Light, #1F2937);
font-size: 14px;
font-style: normal;
line-height: 24px; /* 150% */
letter-spacing: -0.192px;
}

.subscription-form input[type="submit"] {
	display: flex;
	width: 410px;
	height: 54px;
	padding: 12px 24px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	border-radius: 8px;
	background: #202020;

	/* Default Shadow/Default - XS */
	box-shadow: 0px 1px 2px 0px rgba(17, 24, 39, 0.08);
	border:none;
	color: var(--Text-Titles---Dark, #FCFCFC);
font-size: 14px;
font-style: normal;
line-height: 32px; /* 200% */
letter-spacing: -0.32px;
}

.subscription-form p {
	color: var(---WHITE, #FFF);
	font-family: "Nunito Sans";
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: 155%; /* 38.75px */
	text-transform: uppercase;
	width: 80%;
}

.other-group svg {
	position: absolute;
	top: 30px;
	left: 30px;
}

.other-group {
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	gap: 25px;
	align-items: flex-start;
	width: 300px;
	border-radius: 20px;
	background: #fff;
	padding: 30px;
	color: #202020;
	font-family: "Nunito Sans";
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 180%; /* 31px */
	text-decoration: none;
	text-transform: uppercase;
}
.other-group:hover {
	box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
}
.other-group img {
	object-fit: contain;
}

#SECTION_HERO h1 {
	/* margin-top: 40px; */
	margin-top: 20px;
	color: #202020;
	/* font-size: 70px; */
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 155%; /* 108.5px */
	text-transform: uppercase;
	width: 100%;
}

.product-item-detail-price-current {
	color: #202020;
	font-family: "Nunito Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 155%; /* 31px */
	letter-spacing: -0.4px;
	text-transform: uppercase;
}

.product-item-detail-price-current span {
	display: block;
	color: #202020;
	font-family: "Nunito Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 155%; /* 21.7px */
	letter-spacing: -0.28px;
	text-transform: none;
}

.product-item-detail-pay-block p {
	margin-top: 20px;
	color: rgba(32, 32, 32, 0.50);
	font-family: 'Nunito Sans';
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 155%; /* 18.6px */
	letter-spacing: -0.24px;
}

.product-item-detail-pay-block .buttons {
	margin-top: 20px;
	gap: 5px;
}

.product-item-detail-info-container {
	margin: 0;
}

#SECTION_CONTACTS .col-1 b {
	color: #DC1E37;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 155%;
}

.mobile-menu {
	padding: 20px;
	border-radius: 5px;
	display: none;
	position: sticky;
	top: 104px;
	background: #fff;
	z-index: 10000;
	flex-flow: column nowrap;
	align-items: center;
	gap: 5px;
	box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
}
.mobile-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	width: 100%;
}
.mobile-menu li {
	width: 100%;
}
.mobile-menu a {
	width: 100%;
	text-align: center;
	display: block;
	padding: 10px 0;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
	color: #202020;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 155%;
	text-decoration: none;
}
.mobile-menu li:last-child a {
	border-bottom: none;
}
.mobile-menu .header-call {
	height: 46px;
	margin-top: 20px;
	padding: 15px 25px;
	width: 100%;
	-webkit-box-shadow: unset;
	box-shadow: unset;
	align-items: center;
}
.mobile-menu .header-phone {
	height: 46px;
	-webkit-box-shadow: unset;
	box-shadow: unset;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu.open {
	display: flex;
}

.stock {
	position: absolute;
	top: 20px;
	left: 20px;
	border-radius: 2px;
	background: #DC1E37;
	z-index: 100;
	color: #FFF;
	font-family: "Nunito Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 155%; /* 18.6px */
	letter-spacing: -0.24px;
	display: flex;
	padding: 6px 10px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 2px;
}

.product-item-detail-pay-block button {
	flex: 1;
	padding: 0;
	cursor: pointer;
}

.catalog-detail__image img {
	position: unset;
    top: unset;
    left: unset;
    max-width: unset;
    max-height: unset;
    width: 100%;
    height: 100%;
    object-fit: contain;
    outline: unset;
}

.medium-zoom-image {
	object-fit: contain;
}

.medium-zoom-overlay,
.medium-zoom-image--opened {
  z-index: 999;
}

.product-item-detail-pay-block .detail-oneclick {
	display: flex;
	height: 44px;
	justify-content: center;
	align-items: center;
	border-radius: 2px;
	background: #202020;
	color: #FFF;
	font-family: 'Nunito Sans';
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: -0.28px;
	border: 1px solid transparent;
}

.cart-items-count {
	position: absolute;
	top: -17px;
	right: -32px;
	background: #DC1E37;
	color: #fff;
	width: 18px;
	height: 18px;
	border-radius: 10px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	font-size: 10px;
}

.product-item-detail-pay-block .detail-credit {
	display: flex;
	height: 44px;
	justify-content: center;
	align-items: center;
	border-radius: 2px;
	background: transparent;
	border: 1px solid #202020;
	color: #202020;
	font-family: 'Nunito Sans';
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: -0.28px;
}

#SECTION_BANNER a {
	display: block;
	margin-top: 40px;
}

#SECTION_BANNER a, #SECTION_BANNER img {
	width: 100%;
	height: 280px;
	object-fit: cover;
	border-radius: 20px;
}

.flex-row {
	display: flex;
	flex-flow: row wrap;
	gap: 35px;
}

.col-1 {
	width: 410px;
}

.col-2 {
	width: 855px;
}

.col-3 {
	width: 1300px;
}

#SECTION_CATALOG {
	border-top: 1px solid #A4A4A4;
	/* margin-top: 90px; */
	margin-top: 60px;
	padding-top: 40px;
}

#SECTION_CATALOG b {
	color: #DC1E37;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 155%; /* 31px */
}

#SECTION_CATALOG h2 {
	color: #202020;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 155%; /* 46.5px */
	text-transform: uppercase;
}

#SECTION_CATALOG p {
	color: #202020;
	font-family: Jura;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 155%; /* 27.9px */
	letter-spacing: 0.36px;
	margin-top: 30px;
}
.catalog-category {
	padding: 25px;
	height: 360px;
	background: #fff;
	border-radius: 20px;
	color: #202020;
	font-family: "Nunito Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 155%; /* 31px */
	text-decoration: none;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	position: relative;
}
.cat-section-group {
	position: relative;
	width: 250px;
    min-width: 250px;
}
.cat-section-item.active  {
	background: #202020;
	color: #ffff;
}
.cat-section-item.active:hover  {
	background: #101010;
}
.cat-section-item.active::before {
	background-color: #fff;
}
.cat-section-wrapper:hover {
	box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
    -webkit-box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
}
.cat-section-group span {
	display: block;
	margin-bottom: 20px;
}
.cat-section-wrapper {
	padding: 30px;
	background: #fff;
	border-radius: 5px;
	color: #202020;
    font-family: "Nunito Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 180%;
    text-decoration: none;
    text-transform: uppercase;
	cursor: pointer;
	width: 313px;
	display: flex;
	flex-flow: row nowrap;
	gap: 50px;
	order: 1;
}

.cat-section-group img {
	width: 100%;
	object-fit: cover;
}

.section-title {
	margin-bottom: 40px;
	color: #202020;
	font-family: "Nunito Sans";
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 155%; /* 49.6px */
	text-transform: uppercase;
}

.catalog-category svg {
	position: absolute;
	left: 25px;
	top: 25px;
}

.cat-section-group svg {
	position: absolute;
	left: 0px;
	top: 0px;
}
#SECTION_WHY {
	border-top: 1px solid #A4A4A4;
	margin-top: 90px;
	padding-top: 40px;
}
#SECTION_WHY b {
	color: #DC1E37;
	font-family: "Nunito Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 155%; /* 31px */
}
#SECTION_WHY strong {
	display: flex;
    margin-top: 20px;
    flex-flow: row nowrap;
    font-family: "Nunito Sans";
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 155%;
    text-transform: uppercase;
    gap: 10px;
    align-items: center;
}
#SECTION_WHY strong::before {
    content: "";
    display: flex;
    flex-flow: row nowrap;
    width: 5px;
    height: 5px;
    background: #DC1E37;
    border-radius: 5px;
}
#SECTION_WHY p {
	margin-top: 10px;
	margin-bottom: 45px;
	color: #202020;
	font-family: Jura;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 155%; /* 27.9px */
	letter-spacing: 0.36px;
	padding-left: 15px;
}
#SECTION_GEOGRAPHY {
	border-top: 1px solid #A4A4A4;
	margin-top: 90px;
	padding-top: 40px;
	/* height: 702px; */
	/* background: url("/BG.svg"); */
	/* background-size: contain; */
}

#SECTION_GEOGRAPHY svg {
	margin-top: -80px;
	width: 100%;
	height: auto;
}

#SECTION_GEOGRAPHY b {
	color: #DC1E37;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 155%; /* 31px */
}

#SECTION_GEOGRAPHY h2 {
	color: #202020;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 155%; /* 46.5px */
	text-transform: uppercase;
}

#SECTION_CONTACTS {
	border-top: 1px solid #A4A4A4;
	margin-top: 90px;
	padding-top: 40px;
}
#SECTION_REQ {
	border-top: 1px solid #A4A4A4;
	margin-top: 90px;
	padding-top: 40px;
}

.search-page form {
	margin-top: 30px;
	display: flex;
	gap: 6px;
	flex-wrap: nowrap;
}

.catalog-section.bx-blue {
	display: flex;flex-flow: column nowrap;
}
.catalog-section.bx-blue .col-2 {
	width: 100%;
}
.catalog-section.bx-blue .btn {
	font-size: 13px;
}
.catalog-section.bx-blue > div {
	width: 100%;
}

.search-page input[type=text] {
	width: 100%;
	height: 54px;
	padding: 0 20px;
	border-radius: 5px;
	border: none;
	outline: none;
}

.search-page input[type=submit] {
	padding: 20px 30px;
	background: #DC1E37;
	border-radius: 5px;
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	border: none;
	cursor: pointer;
	text-transform: uppercase;
}

#SECTION_CONTACTS a {
	color: #DC1E37;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 155%; /* 46.5px */
	text-transform: uppercase;
	text-decoration: none;
}
#SECTION_CONTACTS .text {
	margin-top: 20px;
	color: #202020;
	font-family: Jura;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 175%;
	letter-spacing: 0.36px;
}

footer {
	width: 95%;
	margin-top: 90px;
	margin: 90px auto 0 auto;
	border-radius: 20px 20px 0px 0px;
	background: #22272B;
	padding-top: 50px;
}

.footer-nav {
	display: flex;
	flex-flow: column nowrap;
	gap: 40px;
}

#SECTION_GROUPS {
	margin-top: 40px;
}

.back-link {
	color: grey;
	text-decoration: none;
}

footer ul {
	display: flex;
	gap: 42px;
    list-style: none;
    flex-wrap: wrap;
}

footer li a {
	color: #FFF;
	font-family: "Nunito Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%; /* 14px */
	text-decoration: none;
}

footer .copyright {
	margin-top: 40px;
	border-top: 1px solid #fff;
	padding: 30px 0;
	width: 100%;
	justify-content: space-between;
}

footer .year {
	color: var(---WHITE, #FFF);
	font-family: Jura;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 155%; /* 27.9px */
	letter-spacing: 0.36px;
}

footer .copyright a {
	color: var(---WHITE, #FFF);
	font-family: Jura;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 155%; /* 27.9px */
	letter-spacing: 0.36px;
	text-decoration: none;
}

.menu-icon {
    z-index: 100;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    width: 64px;
    height: 64px;
    display: none;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
	box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
    -webkit-box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
}


.catalog-category-card {
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	gap: 25px;
	align-items: flex-start;
	width: 300px;
	border-radius: 5px;
	background: #fff;
	padding: 30px;
	color: #202020;
	font-family: "Nunito Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 180%;
	text-decoration: none;
	text-transform: uppercase;
}

.catalog-category-card svg {
	position: absolute;
	top: 30px;
	left: 30px;
}

.catalog-category-card:hover {
	cursor: pointer;
	box-shadow:0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
}

.product-item-container {
	transition: 0.2s ease-in-out;
}

.product-item-container:hover {
	box-shadow:0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
}

.flex-wrap {
	flex-wrap: wrap;
}

.bx-filter .bx-filter-section {
	padding-top: 0;
}

.catalog-category-card.disabled:hover {
	cursor: not-allowed;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.bx-sidebar-block {
	background: #fff;
	border-radius: 5px;
	padding: 30px;
	position: sticky;
	top: 110px
}
.catalog-block-header {
	margin: 40px 0 20px;
	padding: 0 0 10px;
	text-transform: uppercase;
}
.bx-filter.bx-red .bx-filter-section {
	background: none;
}

.product-item {
	display: flex;
	flex-flow: column nowrap;
	gap: 20px;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	border: none;
	color: #202020;
	font-family: "Nunito Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 180%;
	text-decoration: none;
	text-transform: uppercase;
}

.product-item-image-wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 200px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
}


.product-item-image-wrapper img {
	height: 100%;
	width: auto;
	object-fit: cover;
	max-width: 100%;
}

.product-item-title a {
	display: block;
}

.product-item-title ul {
	margin-top: 10px;
	display: flex;
	flex-flow: column nowrap;
	gap: 5px;
}

.bx-filter-parameters-box:first-child {
	display: none;
}

.bx-filter .bx-filter-section>.row {
	padding: 0;
}

.bx-filter .bx-filter-title {
	font-size: 16px;
	margin-bottom: 10px;
	color: #202020;
	text-transform: uppercase;
	font-weight: 700;
}

.product-item-title a, .bx_catalog_text .bx_catalog_text_category_title a {
	color: #202020;
}

.bx-filter .bx-filter-parameters-box-title span {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	color: #202020;
	transition: 0.25s ease-out;
}

.bx-filter.bx-red .bx-ui-slider-pricebar-v {
	background: #DC1E37;
}

.bx-filter .bx-filter-parameters-box-title {
	padding-bottom: 15px;
}

.bx-filter .bx-filter-parameters-box-title span:hover {
	border-color: #DC1E37;
}

input#del_filter {
	background-color: #f7f7f7;
	color: #202020;
	padding: 10px 40px;
	border: none;
	outline: none;
	text-transform: uppercase;
	border-radius: 3px;
	cursor: pointer;
}

.catalog-detail__image {
	height: 500px;
	position: relative;
	margin: 30px 0;
	max-width: 100%;
	background: #fff;
	border-radius: 5px;
	transition: background 800ms ease;
	padding: 20px;
}

.btn.product-item-detail-buy-button {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	background: #DC1E37;
	border: none;
	color: #fff;
	text-decoration: none;
	margin: 0;
}

.product-item-detail-pay-block {
	display: flex;
	flex-flow: column nowrap;
}
.bx_item_detail_rating {
	display: none;
}

.product-item-detail-tab-link:after {
	background: #DC1E37;
}

.product-item-detail-properties {
	max-width: 100%;
	width: 100%;
}

.text-content {
	margin-top: 40px;
}
.product-item-detail-description p {
	color: #202020;
	font-family: Jura;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 155%;
	letter-spacing: 0.36px;
	margin-top: 30px;
}

.product-item-detail-short-card-fixed {
	display: none;
}

.product-item-detail-tabs-container-fixed {
	display: none;
}

div[data-entity=main-button-container] {
	order: 5;
}

.btn.product-item-detail-buy-button span {
	color: #fff;
	display: block;
	width: fit-content;
	position: unset;
	left: unset;
	top: unset;
	transform: unset;
}

.product-item-detail-tabs-container {
	display: none;
}

.product-item-amount {
	text-align: left;
}

.product-item-detail-pay-block {
	border: none;
	border-radius: 5px;
	padding: 20px;
}

input#del_filter:hover {
	background-color: #c7c7c7;
}

.bx-filter.bx-red .btn-themes {
	background-color: #DC1E37;
	color: #FFF;
	padding: 10px 40px;
	border: none;
	outline: none;
	text-transform: uppercase;
	border-radius: 3px;
	cursor: pointer;
}

.bx-filter.bx-red .btn-themes:hover {
	background-color: #a8182b;
}

.bx-filter .bx-filter-parameters-box {
	padding: 5px 0;
}
.product-item-title {
	font-size: 12px;
}

.ctrl, .navigation-title {
	display: none;
}

.navigation-arrows, .navigation-pages {
	padding: 10px 15px;
	background: #fff;
	border-radius: 10px;
}

.product-item-properties {
	display: none;
}

.product-item-amount {
	display: none;
}

.product-item-button-container {
	display: none;
}

.product-item-detail-tab-link {
	color: #202020;
}

.product-item-detail-properties .flex-row {
	width: 100%;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
	padding: 10px 0;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}

.product-item-detail-properties dt {
	color: #202020;
	font-family: "Nunito Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 155%;
}



.product-item-detail-properties dd {
	color: #202020;
	font-family: Jura;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 155%;
	letter-spacing: 0.36px;
}

.navigation {
	margin-top: 20px;
	display: flex;
	flex-flow: column;
	align-items: center;
	gap: 10px;
}

.navigation a {
	color: #DC1E37;
}

.product-item-title li {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 50px;
	row-gap: 10px;
	white-space: pre-wrap;
	color: #202020;
	font-family: Jura;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 155%;
	letter-spacing: 0.36px;
	padding: 10px 0;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}

.product-item-title li:last-child {
	border-bottom: none;
}

.product-item-big-card .product-item-title a {
	font-size: 16px;
}
.bx-filter-parameters-box .col-xs-12 {
	width: 100%;
}
.bx-filter-parameters-box-container {
	display: flex;
	flex-flow: row wrap;
	gap: 20px;
}

.bx-filter-parameters-box-container-block, .bx-filter-select-container {
	flex: 1;
}

.bx-ui-slider-track-container {
	width: 100%;
}

.product-item .header-call {
	font-size: 13px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	padding: 10px 15px; width: 100%; margin-top: 20px; color: #fff;
}

.product-item-title a {
	text-decoration: none;
	font-size: 16px;
	padding-bottom: 5px;
}

.product-item b {
	color: #202020;
	font-family: "Nunito Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 155%;
}

.catalog-category-card.disabled {
	background: #f6f6f6;
	color: #b6b6b6;
}

.catalog-category-card.disabled img, .catalog-category-card.disabled svg {
	opacity: 0.1;
}

@media screen and (max-width: 1300px) {
	.container {
		width: 1000px;
	}
  }

  @media screen and (max-width: 992px) {
    .container {
        width: 960px;
    }
	header.container, .mobile-menu {
		width: 980px;
	}
}

@media screen and (max-width: 768px) {
    .container {
        width: 720px;
    }
	header.container, .mobile-menu {
		width: 740px;
	}
	.header-nav, .header-contact {
		display: none;
	}
	header {
		justify-content: space-between;
	}
	.subscription-form input, .subscription-form input[type=submit] {
		width: 100%;
	}
	.col-1, .col-2, .col-3 {
		width: 100%;
	}
	#SECTION_HERO h1 {
		margin-top: 20px;
		font-size: 40px;
	}
	#SECTION_GEOGRAPHY {
		background-size: auto;
	}
	#SECTION_BANNER a, #SECTION_BANNER img {
		height: 300px;
		object-fit: cover;
		object-position: -200px;
	}
	.menu-icon {
		display: flex;
	}
	#SECTION_GEOGRAPHY svg {
		margin-top: 20px;
	}
	.bx-touch .product-item {
		padding: 20px;
	}
	.product-item-hidden {
		display: none !important;
	}
	.cat-section-wrapper {
		flex-wrap: wrap;
	}
	.search-group .flex-row {
		flex-wrap: wrap;
	}
	.component-scale {
		overflow: auto;
	}
	.parts-view .table {
		width: 100%;
		overflow: auto;
	}
	.other-group {
		width: 100%;
	}
	.other-group img {
		width: 100%;
	}
	.mission-item {
		width: 100% !important;
	}
	.block-title {
		font-size: 26px !important;
	}
}

@media screen and (max-width: 576px) {
    .container {
      width: 540px;
    }
	header.container, .mobile-menu {
		width: 560px;
	}
	footer {
		width: 100%;
		padding: 20px;
		padding-bottom: 160px;
	}
	footer .container {
		width: 100%;
	}
}

@media screen and (max-width: 440px) {
    .container {
      width: 340px;
    }
	header.container, .mobile-menu {
		width: 360px;
	}
}

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;

	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace-inactive {
	display: none;
}

.pace .pace-progress {
	background: #dc1e37;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 2px;
}
.cat-section-list.search-result {
	grid-template-areas: "a";
	gap: 0;
	padding: 10px 15px;
}
.cat-section-list.search-result .search-part:last-child .flex-row {
	border-bottom: none !important;
	padding-bottom: 0 !important;
}

.cat-section-list.header-result {
	position: fixed;
	z-index: 100;
	box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
}

.header-result svg {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.page-menu__item {
	position: relative !important; /* Для абсолютного позиционирования подменю */
}
/* Стили для второго уровня меню */
.sub-menu {
	display: none;
	position: absolute;
	top: 100%; /* Сдвигаем подменю вниз относительно родительского пункта меню */
	left: 0;
	box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.01), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.01), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.01), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.02), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.03);
	z-index: 1000; /* Убедитесь, что подменю будет над другими элементами */
	list-style: none;
	border-radius: 6% 6% 5px 5px; /* Скругление углов */
	padding: 0;
	overflow: hidden;
}

.sub-menu__item {
	min-width: 215px;
	margin-top: 8px;
	background: #fff; /* Цвет фона для подменю */
	border-bottom: 1px solid #eee !important; /* Граница между элементами */
}

.sub-menu__item a {
	display: flex !important;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 15px 10px;
	color: #202020; /* Цвет текста */
	text-decoration: none; /* Убираем подчеркивание текста */
	white-space: nowrap; /* Текст в одну строку */
	text-align: center;
}

.sub-menu__item img {
	width: 128px;
	height: 128px;
	object-fit: contain;
}

.sub-menu__item:last-child {
	border-bottom: none !important; /* Убираем границу у последнего элемента */
}

/* Стиль при наведении для отображения подменю */
.page-menu__item:hover .sub-menu {
	display: flex;
}
.b24-widget-button-inner-mask, .b24-widget-button-block, .b24-widget-button-pulse, .b24-widget-button-inner-block {
	border-radius: 5px !important;
}

/* End */


/* Start:/local/crm/style.css?17586402836304*/
.crm-form__wrapper {
	display: flex;
	width: 100vw;
	height: 100vh;
	position: fixed;
	background: rgba(0, 0, 0, 0.5);
	top: 0;
	left: 0;
	z-index: 10000;
	justify-content: center;
	align-items: center;
}

.crm-close {
	position: absolute;
	top: 50px;
	right: 50px;
	padding: 15px;
	background: #fff;
	border-radius: 10px;
	cursor: pointer;
	box-sizing: border-box;
	width: 62px;
	height: 62px;
}

.crm-form__container button {
	padding: 13px 30px;
  width: 55%;
  border: none;
  background: #101010;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 50px;
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 30px;
  justify-content: space-between;
}

.crm-form__container button:hover {
	background: #101010;
}

.crm-form__container {
	margin: auto;
	display: flex;
	flex-flow: column nowrap;
	padding: 30px;
	gap: 10px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 20px;
	width: 600px;
}

.crm-form__container .row {
	display: flex;
	flex-flow: row nowrap;
	gap: 10px;
	margin: 15px 0;
	align-items: start;
}

.crm-form__container label {
	line-height: 1.55;
    font-size: 14px;
    color: #232323;
    font-weight: 500;
}

.crm-form__container a {
	font-weight: 600;
    text-decoration: none;
    color: #203E5C;
    padding-bottom: 1px;
    border-bottom: 1px dashed #203e5c;
	transition: 0.15s ease-in-out;
}

.crm-form__container a:hover {
	border-color:#00092C;
	color: #00092C;
}

.crm-form__container .description {
	margin-top: 5px;
}


.crm-form__container .response {
	display: none;
	padding: 25px;
    border: 1px dashed grey;
    text-align: center;
    margin-top: 10px;
	border-radius: 5px;
}

.crm-form__container p {
	margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    color: #202020;
    text-transform: uppercase;
	margin-top: 15px;
}

.crm-form__container input {
	padding: 15px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 10px;
}

.crm-form__container form {
	margin-top: 10px;
	display: flex;
	flex-flow: column nowrap;
	gap: 10px;
}

/* кнопка в обработке */
.crm-form__container button.is-processing {
  opacity: .75;
  pointer-events: none;
}

/* Блок ответа (серверные сообщения) */
.crm-form__container .response {
  display: none;
  padding: 16px 18px;
  border-radius: 10px;
  border: 1px solid transparent;
  font-size: 14px;
  line-height: 1.4;
  animation: crmFadeInUp .2s ease;
}

/* Успех / Ошибка */
.crm-form__container .response.crm-toast--ok {
  background: #e8f7ee;          /* зелёный фон */
  border-color: #bde5c8;
  color: #14532d;
}
.crm-form__container .response.crm-toast--err {
  background: #fdecea;          /* красный фон */
  border-color: #f5c6cb;
  color: #7f1d1d;
}

/* Ошибки под полями */
.field-error {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: #b91c1c;
}
.crm-input--invalid {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 2px rgba(239,68,68,0.15);
}

/* Кнопка в обработке */
.crm-form__container button.is-processing {
  opacity: .75;
  pointer-events: none;
}

/* Глобальный тост снизу */
#crm-global-toast {
  position: fixed;
  left: 50%;
  bottom: 20px;
  transform: translate(-50%, 20px);
  background: #111827;
  color: #fff;
  padding: 10px 14px;
  border-radius: 10px;
  font-size: 14px;
  opacity: 0;
  pointer-events: none;
  transition: transform .2s ease, opacity .2s ease;
  z-index: 10001;
}
#crm-global-toast.ok { background: #065f46; }
#crm-global-toast.err { background: #7f1d1d; }
#crm-global-toast.show {
  opacity: 1;
  transform: translate(-50%, 0);
}

/* Плавные анимации */
@keyframes crmFadeInUp {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Улучшим кликабельность крестика */
.crm-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  background: #fff;
  border-radius: 10px;
  cursor: pointer;
  box-sizing: border-box;
  transition: transform .12s ease, opacity .12s ease;
}
.crm-close:hover { transform: scale(1.03); }
.crm-close:active { transform: scale(0.98); }

/* Запрет скролла когда модалка открыта */
.crm-no-scroll { overflow: hidden; }

/* Обёртка поля + иконка "Мой номер" */
.input-wrap { position: relative; }
.input-wrap .fill-phone {
  position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
  width: 36px; height: 36px; border-radius: 8px; border: 1px solid #e5e7eb;
  background: #fff; display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer; transition: background .15s, transform .1s, border-color .15s;
}
.input-wrap .fill-phone:hover { background: #f9fafb; border-color:#d1d5db; }
.input-wrap .fill-phone:active { transform: translateY(-50%) scale(.98); }

/* микро-тексты */
.micro-info { margin-top: -6px; color:#6b7280; font-size:12px; }
.micro-footer { margin-top: 8px; color:#6b7280; font-size:12px; text-align:center; }

/* Морфинг кнопки "Отправить" в прогресс-кольцо и галочку */
.crm-form__container button.is-processing {
  position: relative;
  color: transparent; /* прячем текст, оставляем размеры */
}

/* само кольцо */
.crm-form__container button.is-processing::after {
  content: "";
  position: absolute; inset: 50% auto auto 50%;
  width: 22px; height: 22px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 2px solid #fff;
  border-right-color: transparent;
  animation: crm-spin .8s linear infinite;
  opacity: .95;
}

/* финальная галочка (класс добавим из JS на успех) */
.crm-form__container button.is-done {
  background:#16a34a !important; /* зелёный */
}
.crm-form__container button.is-done::after {
  content: "✓";
  width:auto; height:auto; border:none; animation:none;
  color:#fff; font-weight:700; font-size:18px;
}

/* анимации */
@keyframes crm-spin { to { transform: translate(-50%, -50%) rotate(360deg); } }

/* End */


/* Start:/bitrix/templates/yanmar/template_styles.css?170489442477*/
* {
	outline: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
} 
/* End */
/* /bitrix/templates/yanmar/css/styles.css?173669001442293 */
/* /local/crm/style.css?17586402836304 */
/* /bitrix/templates/yanmar/template_styles.css?170489442477 */