/* Start:/local/templates/dizel/components/bitrix/menu/dm_air_menu/style.css?176164461220463*/
:root {
	--header-height: 80px;
	--header-height-scrolled: 70px;
	--header-mobile: 65px;
	--wrapper-padding: 20px;
	--primary-green: #28a745;
	--accent-orange: #f9a91d;
	--accent: #006BB3; 
	--accent-hover: #006BB3;
	--text-dark: #1a1a1a;
	--text-light: #f1f5f9; 
	--text-gray: #666;
	--border: #e1e4e8;
	--shadow-sm: 0 2px 8px rgba(30, 58, 95, 0.06);
	--shadow-md: 0 4px 16px rgba(30, 58, 95, 0.08);
	--shadow-lg: 0 10px 35px rgba(30, 58, 95, 0.12);
	--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	--radius-md: 12px;
	--radius-lg: 16px;
	--glass-bg: rgba(255, 255, 255, 0.75);
	--glass-bg-hover: rgba(255, 255, 255, 0.85);
	--glass-border: rgba(255, 255, 255, 0.3);
	--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
	--glass-blur: 12px;
}

html { scroll-behavior: smooth; }
body.menu-open { overflow: hidden; }

/* ==========================================================================
   Обертка для "воздушности" и sticky-эффекта
   ========================================================================== */
.site-header-wrapper {
	padding: var(--wrapper-padding);
	padding-bottom: 0;
	position: relative;
	min-height: calc(var(--header-height) + var(--wrapper-padding));
	z-index: 1000;
}

/* ==========================================================================
   Основной стиль шапки
   ========================================================================== */
.premium-header {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	border-radius: var(--radius-lg);
	height: var(--header-height);
	background: var(--glass-bg);
	backdrop-filter: blur(var(--glass-blur));
	-webkit-backdrop-filter: blur(var(--glass-blur));
	box-shadow: var(--glass-shadow);
	transition: height 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
	border: 1px solid var(--glass-border);
	animation: floatIn 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	will-change: transform;
}

.premium-header::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: 
		radial-gradient(circle at 20% 80%, rgba(0, 102, 204, 0.05) 0%, transparent 50%),
		radial-gradient(circle at 80% 20%, rgba(30, 58, 95, 0.05) 0%, transparent 50%);
	pointer-events: none;
	border-radius: var(--radius-lg);
}

/* Улучшенное свечение для glass effect */
.header-glow::before {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	background: linear-gradient(90deg, 
		transparent,
		rgba(255, 255, 255, 0.4),
		transparent
	);
	border-radius: var(--radius-lg);
	animation: shimmer 3s ease-in-out infinite;
}

@keyframes shimmer {
	0%, 100% { transform: translateX(-100%); }
	50% { transform: translateX(100%); }
}

/* Для лучшей читаемости на разных фонах */
@supports (backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px)) {
	.nav-link {
		text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
	}
	
	.dropdown-link:hover {
		background: rgba(0, 102, 204, 0.1);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
	}
}

/* Фоллбэк для браузеров без поддержки backdrop-filter */
@supports not (backdrop-filter: blur(12px)) {
	.premium-header {
		background: rgba(255, 255, 255, 0.95);
		box-shadow: 0 8px 32px rgba(31, 38, 135, 0.25);
	}
	
	.dropdown-menu {
		background: rgba(255, 255, 255, 0.98);
	}
}

@keyframes floatIn {
	from { transform: translateY(20px); opacity: 0; }
	to   { transform: translateY(0); opacity: 1; }
}

/* ==========================================================================
   Стили для "прилипшей" шапки (sticky)
   ========================================================================== */
.premium-header.scrolled {
	position: fixed;
	top: var(--wrapper-padding);
	left: var(--wrapper-padding);
	right: var(--wrapper-padding);
	width: calc(100% - (var(--wrapper-padding) * 2));
	height: var(--header-height-scrolled);
	background: rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	box-shadow: 0 10px 40px rgba(31, 38, 135, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.4);
	animation: slideDown 0.4s ease-out;
}

@keyframes slideDown {
	from { transform: translateY(-100%); opacity: 0; }
	to   { transform: translateY(0); opacity: 1; }
}

.premium-header.scrolled .logo-img { height: 38px; }

/* === УЛУЧШЕНИЕ: Анимация свечения через градиент === */
.header-glow {
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	border-radius: var(--radius-lg);
	overflow: hidden;
	pointer-events: none;
}
.header-glow::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 100%;
	
	animation: glowMove 8s linear infinite;
}
@keyframes glowMove {
	from { transform: translateX(-50%); }
	to   { transform: translateX(0%); }
}

/* Container */
.header-container { height: 100%; margin: 0 auto; padding: 0 30px; position: relative; }
.header-content { display: flex; align-items: center; justify-content: space-between; height: 100%; gap: 40px; }

/* Logo */
.logo-section { flex-shrink: 0; }
.logo-link { display: flex; align-items: center; text-decoration: none; }
.logo-img { height: 45px; width: auto; transition: height 0.3s ease; }
.logo-mobile { display: none; } .logo-desktop { display: block; }

/* ==========================================================================
   Desktop Navigation
   ========================================================================== */
.desktop-nav { flex: 1; display: flex; justify-content: center; }
.nav-list { display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.nav-item { position: relative; }
.nav-link {
	display: flex; align-items: center; gap: 6px; padding: 10px 16px;
	color: var(--text-dark); text-decoration: none; font-size: 14px; font-weight: 500;
	border-radius: 8px; transition: var(--transition); position: relative;
}
.nav-link::before {
	content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px;
	background: var(--accent); transform: translateX(-50%); transition: width 0.3s ease; border-radius: 1px;
}
.nav-item:hover .nav-link,
.nav-item.bx-hover .nav-link {
	background: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	color: var(--accent);
	box-shadow: 0 4px 15px rgba(0, 102, 204, 0.1);
}
.nav-item:hover .nav-link::before,
.nav-item.active .nav-link::before,
.nav-item.bx-hover .nav-link::before { width: calc(100% - 32px); }

.nav-arrow { transition: var(--transition); }
.nav-item.bx-hover .nav-arrow { transform: rotate(180deg); }


/* ==========================================================================
   Dropdown Menu
   ========================================================================== */
.dropdown-menu {
	position: absolute;
	top: calc(100% + 12px);
	left: 50%;
	transform: translateX(-50%) translateY(10px);
	min-width: 600px;
	max-width: 800px;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border-radius: var(--radius-md);
	box-shadow: 0 15px 35px rgba(31, 38, 135, 0.2);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
	border: 1px solid rgba(255, 255, 255, 0.3);
	overflow: hidden;
	pointer-events: none;
}

/* Стрелка dropdown */
.dropdown-menu::before {
	content: '';
	position: absolute;
	top: -6px;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	width: 12px;
	height: 12px;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	border-left: 1px solid rgba(255, 255, 255, 0.3);
}
/*
 * УСИЛЕННЫЙ СЕЛЕКТОР ДЛЯ ПОКАЗА DROPDOWN.
 * Он имеет больший приоритет и "побеждает" конфликтующие стили,
 * а также исправляет проблему с display: none.
*/
.premium-header .desktop-nav .nav-list > .nav-item.has-dropdown.bx-hover > .dropdown-menu {
    display: flex; /* <-- Решает проблему с display:none */
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    pointer-events: auto; /* Разрешаем клики по меню */
    z-index: 1001; /* Ставим выше других элементов шапки */
}
.dropdown-container { display: flex; padding: 25px 30px; gap: 30px; }
.dropdown-column { flex: 1; }
.dropdown-section { margin-bottom: 20px; }
.dropdown-title {
	display: block; padding-bottom: 8px; font-weight: 600;
	font-size: 14px; text-decoration: none; border-bottom: 1px solid var(--border);
	margin-bottom: 10px; transition: var(--transition);
}
.dropdown-title.active, .dropdown-title:hover { color: var(--accent); border-bottom-color: var(--accent); }
.dropdown-list { margin: 0; padding: 0; list-style: none; }
.dropdown-link {
	display: block; padding: 8px 12px; margin-left: -12px;
	color: var(--text-gray); font-size: 13px;
	text-decoration: none; transition: var(--transition); border-radius: 6px;
}
.dropdown-link.active, .dropdown-link:hover { color: var(--accent); background-color: var(--bg-light); }

/* Contacts & CTA */
.contact-section { display: flex; align-items: center; gap: 24px; }
.contact-group { text-align: right; }
.contact-phone { display: flex; align-items: center; justify-content: flex-end; gap: 6px; color: var(--primary-green); font-weight: 600; font-size: 15px; text-decoration: none; transition: var(--transition); }
.contact-phone:hover { color: var(--accent); }
.contact-email { color: var(--text-gray); font-size: 12px; text-decoration: none; transition: var(--transition); }
.contact-email:hover { color: var(--accent); }
.cta-button {
	padding: 10px 20px;
	background: linear-gradient(135deg, rgba(0, 102, 204, 0.9) 0%, rgba(0, 82, 163, 0.9) 100%);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	color: white;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: var(--transition);
	box-shadow: 0 4px 15px rgba(0, 102, 204, 0.3);
	text-decoration: none;
	display: inline-block;
}

.cta-button:hover {
	background: linear-gradient(135deg, rgba(0, 82, 163, 0.95) 0%, rgba(0, 66, 130, 0.95) 100%);
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0, 102, 204, 0.4);
}
/* ==========================================================================
   Доработки доступности (a11y)
   ========================================================================== */
a:focus-visible, button:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
    border-radius: 4px;
}
.mobile-close:focus-visible, .burger-button:focus-visible { border-radius: 8px; }

/* ==========================================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================================== */
.mobile-controls, .mobile-menu { display: none; }


/* Блокировка скролла body при открытом меню */
body.menu-open {
	overflow: hidden;
	position: fixed;
	width: 100%;
	height: 100vh;
	touch-action: none;
}







































/* === ПЛАНШЕТЫ И ТЕЛЕФОНЫ (Общие стили, < 1200px) === */
@media (max-width: 1199px) {
	.site-header-wrapper {
		padding: 15px;
	}
	.premium-header {
		height: 70px;
		padding: 0 20px;
		width: 100% !important;
		max-width: none;
		border-radius: var(--radius-md);
	}
	.premium-header.scrolled {
		top: 15px;
		left: 15px;
		right: 15px;
		width: calc(100% - 30px);
		height: 65px;
	}
	.header-container { padding: 0; }
	
	/* Скрываем десктопную навигацию и показываем мобильные контролы */
	.desktop-nav { display: none; }
	.mobile-controls { display: flex; align-items: center; gap: 15px; }

	/* === ПЛАНШЕТ === 
	   В режиме планшета мы оставляем видимым блок с контактами,
	   поэтому иконка телефона в .mobile-controls не нужна. */
	.contact-section { gap: 15px; }
	.contact-phone { font-size: 14px; }
	.contact-email { display: none; } /* Скрываем email для экономии места */
	.mobile-phone { display: none; } /* Скрываем иконку телефона */

	/* Адаптация логотипа */
	.logo-desktop { display: none; }
	.logo-mobile { display: block; }
	.logo-img { height: 40px; }
	.premium-header.scrolled .logo-img { height: 35px; }

	/* Бургер-кнопка (общая для планшетов и телефонов) */
	.burger-button {
		width: 42px; height: 42px; display: flex; flex-direction: column; justify-content: center;
		align-items: center; gap: 4px; background: transparent; border: 2px solid var(--border);
		border-radius: 10px; cursor: pointer; padding: 0; transition: all 0.3s ease; position: relative;
	}
	.burger-button:hover { border-color: var(--primary-green); background: var(--bg-light); }
	.burger-button span { width: 20px; height: 2px; background: var(--text-dark); border-radius: 2px; transition: all 0.3s ease; }
	.burger-button.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
	.burger-button.active span:nth-child(2) { opacity: 0; transform: scale(0); }
	.burger-button.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

	/* Мобильное меню (основа) */
	.mobile-menu { display: block; /* Используем block вместо flex, так как контент внутри */ }
	.mobile-menu-content { max-width: 400px; /* Делаем меню шире для планшетов */ }
}

/* === ТОЛЬКО ТЕЛЕФОНЫ (< 992px) === */
@media (max-width: 991px) {
	.site-header-wrapper {
		padding: 10px;
		min-height: calc(var(--header-mobile) + 20px);
	}
	.premium-header, .premium-header.scrolled {
		height: var(--header-mobile);
		padding: 0 15px;
	}
	.premium-header.scrolled {
		top: 10px; left: 10px; right: 10px; width: calc(100% - 20px);
	}
	.logo-img { height: 35px; }
	.premium-header.scrolled .logo-img { height: 32px; }

	/* На телефонах скрываем полный блок контактов и показываем компактную иконку */
	.contact-section { display: none; }
	.mobile-phone { display: flex; } /* Показываем иконку телефона */

	/* Кнопка телефона */
	.mobile-phone {
		width: 42px; height: 42px; align-items: center; justify-content: center;
		background: linear-gradient(135deg, var(--primary-green), var(--accent));
		color: white; border-radius: 10px; text-decoration: none; transition: transform 0.2s ease;
	}
	.mobile-phone:active { transform: scale(0.95); }

	/* Стили для выезжающего меню (используем ваши отличные стили) */
	.mobile-menu {
		position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999;
		visibility: hidden; pointer-events: none; transition: visibility 0.3s;
	}
	.mobile-menu.active { visibility: visible; pointer-events: auto; }
	.mobile-menu-overlay {
		position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0);
		transition: background 0.3s ease; cursor: pointer;
	}
	.mobile-menu.active .mobile-menu-overlay { background: rgba(0,0,0,0.5); }
	.mobile-menu-content {
		position: absolute; right: 0; top: 0; bottom: 0; width: 85%; max-width: 320px;
		background: white; transform: translateX(100%);
		transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		display: flex; flex-direction: column; overflow: hidden;
		box-shadow: -5px 0 30px rgba(0, 0, 0, 0.15);
	}
	.mobile-menu.active .mobile-menu-content { transform: translateX(0); }
	.mobile-menu-header {
		display: flex; align-items: center; justify-content: space-between;
		padding: 15px 20px; border-bottom: 1px solid var(--border);
		flex-shrink: 0; background: var(--bg-light); min-height: var(--header-mobile);
	}
	.mobile-logo { height: 32px; }
	.mobile-close {
		width: 36px; height: 36px; display: flex; align-items: center; justify-content: center;
		background: white; border: none; border-radius: 8px; cursor: pointer; transition: all 0.2s ease;
	}
	.mobile-close:hover { background: var(--bg-light); }
	.mobile-close:active { transform: scale(0.95); }
	.mobile-nav {
		flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 0;
	}
	.mobile-nav::-webkit-scrollbar { width: 4px; }
	.mobile-nav::-webkit-scrollbar-track { background: var(--bg-light); }
	.mobile-nav::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }
	.mobile-nav-list { margin: 0; padding: 0; list-style: none; }
	.mobile-nav-item { border-bottom: 1px solid var(--border); }
	.mobile-nav-item:last-child { border-bottom: none; }
	.mobile-nav-link-wrapper { display: flex; align-items: center; justify-content: space-between; }
	.mobile-nav-link {
		flex: 1; padding: 16px 20px; color: var(--text-dark); font-size: 15px;
		font-weight: 500; text-decoration: none; display: block; transition: all 0.2s ease;
	}
	.mobile-nav-link:active { background: var(--bg-light); }
	.mobile-nav-toggle {
		width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;
		background: none; border: none; cursor: pointer; color: var(--text-gray);
		flex-shrink: 0; transition: all 0.2s ease; margin-right: 10px;
	}
	.mobile-nav-toggle:active { background: var(--bg-light); border-radius: 8px; }
	.mobile-nav-toggle svg { transition: transform 0.3s ease; }
	.has-children.open > .mobile-nav-link-wrapper .mobile-nav-toggle svg { transform: rotate(180deg); color: var(--primary-green); }
	.mobile-submenu, .mobile-submenu-level3 {
		max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out;
		background-color: var(--bg-light); margin: 0; padding: 0; list-style: none;
	}
	.has-children.open > .mobile-submenu, .has-children.open > .mobile-submenu-level3 {
		max-height: 1000px; transition: max-height 0.4s ease-in;
	}
	.mobile-submenu-item { border-bottom: 1px solid rgba(0,0,0,0.05); }
	.mobile-submenu-item:last-child { border-bottom: none; }
	.mobile-submenu-link, .mobile-submenu-link.no-children {
		display: block; padding: 14px 20px 14px 35px; color: var(--primary-green);
		font-size: 14px; text-decoration: none; transition: all 0.2s ease; position: relative;
	}
	.mobile-submenu-link::before { content: '→'; position: absolute; left: 20px; opacity: 0.5; }
	.mobile-submenu-link:active { background: white; }
	.mobile-submenu-level3 { background-color: #f5f7fa; }
	.mobile-submenu-link-level3 {
		display: block; padding: 12px 20px 12px 50px; color: var(--text-gray);
		font-size: 13px; text-decoration: none; transition: all 0.2s ease; position: relative;
	}
	.mobile-submenu-link-level3::before { content: '•'; position: absolute; left: 35px; opacity: 0.5; }
	.mobile-submenu-link-level3:active { background: white; color: var(--primary-green); }
	.mobile-contacts {
		padding: 20px; border-top: 2px solid var(--border); display: flex;
		flex-direction: column; gap: 12px; flex-shrink: 0; background: white;
	}
	.mobile-contact-phone {
		color: var(--primary-green); font-weight: 600; font-size: 18px; text-decoration: none;
		display: flex; align-items: center; gap: 8px;
	}
	.mobile-contact-phone::before { content: '📞'; font-size: 20px; }
	.mobile-contact-email {
		color: var(--text-gray); font-size: 14px; text-decoration: none;
		display: flex; align-items: center; gap: 8px;
	}
	.mobile-contact-email::before { content: '✉️'; font-size: 16px; }
	.mobile-cta {
		padding: 14px; background: linear-gradient(135deg, var(--primary-green), var(--accent));
		color: white; border: none; border-radius: 10px; font-size: 15px; font-weight: 600;
		cursor: pointer; text-align: center; text-decoration: none; transition: all 0.2s ease; margin-top: 8px;
	}
	.mobile-cta:active { transform: scale(0.98); }
}

@media (max-width: 374px) {
	.mobile-menu-content { width: 100%; max-width: none; }
	.mobile-nav-link { font-size: 14px; padding: 14px 15px; }
	.mobile-submenu-link { font-size: 13px; padding: 12px 15px 12px 30px; }
	.mobile-contact-phone { font-size: 16px; }
}
/* End */


/* Start:/local/templates/dizel/components/bitrix/breadcrumb/universal/style.css?1761553113795*/
.bx-breadcrumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.bx-breadcrumb-item {
	height: 22px;
	white-space: nowrap;
}

.bx-breadcrumb-item-angle {
	margin: 0 10px;
	color: #f9a91d;
	vertical-align: top;
	font-size: 12px;
}

.bx-breadcrumb-item-link {
	border-bottom: none;
	vertical-align: top;
	line-height: 21px;
    color: #343a40;
}

.bx-breadcrumb-item-link:hover {
	color:#f9a91d;
 }

.bx-breadcrumb-item-text {
	vertical-align: top;
	white-space: normal;
	font: 400 13px/21px "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	transition: 250ms linear all;
}
/* End */


/* Start:/bitrix/components/bitrix/search.title/templates/bootstrap_v4/style.min.css?1707283405708*/
.searche-title {}

.search-title-button {
	background-image: url(/bitrix/components/bitrix/search.title/templates/bootstrap_v4/images/icon-search.svg); background-repeat:no-repeat;background-position:center;min-width:45px;height:calc(1.5em + 0.75rem)}.title-search-result{border:1px solid #ced4da;display:none;overflow:hidden;z-index:205;background-color:#fff;padding:10px;border-radius:3px}.search-title-result-item{border-bottom:1px solid #ddd}.search-title .search-title-result-item:last-child{border-bottom:0}.search-title-result-item-link{font-size:16px;transition:170ms linear all}.search-title-result-item-price{font-size:16px}.search-title-result-item-current-price{font-weight:bold}.search-title-result-item-old-price{font-size:80%;text-decoration:line-through}
/* End */


/* Start:/local/templates/dizel/components/bitrix/menu/bottom_menu/style.css?1761552504778*/
.dm-nav-link {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    color: var(--text-dark, #adb5bd);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.dm-nav-link::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #f9a91d, #ffce00);
    transform: translateX(-50%);
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.dm-nav-link:hover {
    color: #f9a91d;
    transform: translateX(8px);
}

.dm-nav-link:hover::before {
    width: calc(100% - 32px);
}
/* End */


/* Start:/local/templates/dizel/styles.css?17525619741579*/
            .dm_thanks_thank-you-container {
            text-align: center;
            padding: 40px;
            background-color: white;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        }
        
        .dm_thanks_thank-you-container h1 {
            color: #0095C4;
            font-size: 32px;
            margin-bottom: 20px;
        }
        
        .dm_thanks_thank-you-container p {
            font-size: 18px;
            line-height: 1.6;
            color: #333;
            margin-bottom: 20px;
        }
        
        .dm_thanks_urgent-message {
            background-color: #f9f9f9;
            border-left: 4px solid #0095C4;
            padding: 15px;
            margin: 25px 0;
        }
        
        .dm_thanks_phone-number {
            font-size: 26px;
            font-weight: bold;
            color: #0095C4;
            margin: 15px 0;
        }
        
        .dm_thanks_free-call {
            font-size: 14px;
            color: #666;
            font-style: italic;
        }
        
        .dm_thanks_back-button {
            display: inline-block;
            margin-top: 30px;
            padding: 12px 25px;
            background-color: #0095C4;
            color: white;
            text-decoration: none;
            border-radius: 5px;
            font-weight: bold;
            transition: background-color 0.3s;
        }
        
        .dm_thanks_back-button:hover {
            background-color: #007ba3;
        }
/* End */


/* Start:/local/templates/dizel/template_styles.css?17446992269745*/
.bx-yellow,
.bx-theme-yellow {
	--primary: #f9a91d;
	--theme-color-primary: #f9a91d;
	--theme-color-second: #faba4a;
	--theme-color-light: #fff;
	--theme-b-link: #f9a91d;
	--theme-b-link-hover: #faba4a;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #f9a91d;
	--theme-b-bd-primary: #f9a91d;
	--theme-b-sd-primary: rgba(249, 169, 29, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #faba4a;
	--theme-b-bd-primary-hover: #daa53e;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #faba4a;
	--theme-b-bd-primary-active: #daa53e;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #daa53e;
	--theme-b-bd-primary-disabled: #b7853b;
}

.bx-blue,
.bx-theme-blue {
	--primary: #0083d1;
	--theme-color-primary: #0083d1;
	--theme-color-second: #5ca6e4;
	--theme-color-light: #f0f6f8;
	--theme-b-link: #44b1c9;
	--theme-b-link-hover: #0083d1;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #0083d1;
	--theme-b-bd-primary: #0083d1;
	--theme-b-sd-primary: rgba(0, 131, 209, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #5ca6e4;
	--theme-b-bd-primary-hover: #5599d2;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #5ca6e4;
	--theme-b-bd-primary-active: #5599d2;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #5599d2;
	--theme-b-bd-primary-disabled: #4d8bbf;
}

.bx-red,
.bx-theme-red {
	--primary: #e22b2b;
	--theme-color-primary: #e22b2b;
	--theme-color-second: #e95c5c;
	--theme-color-light: #f0f0f0;
	--theme-b-link: #e22b2b;
	--theme-b-link-hover: #e95c5c;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #e22b2b;
	--theme-b-bd-primary: #e22b2b;
	--theme-b-sd-primary: rgba(226, 43, 43, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #e95c5c;
	--theme-b-bd-primary-hover: #d05454;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #e95c5c;
	--theme-b-bd-primary-active: #d05454;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #d05454;
	--theme-b-bd-primary-disabled: #c04e4e;
}

.bx-green,
.bx-theme-green {
	--primary: #63aa28;
	--theme-color-primary: #63aa28;
	--theme-color-second: #5b9f0b;
	--theme-color-light: #a8d95b;
	--theme-b-link: #44b1c9;
	--theme-b-link-hover: #0083d1;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #63aa28;
	--theme-b-bd-primary: #63aa28;
	--theme-b-sd-primary: rgba(99, 170, 40, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #5b9f0b;
	--theme-b-bd-primary-hover: #56940b;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #5b9f0b;
	--theme-b-bd-primary-active: #56940b;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #56940b;
	--theme-b-bd-primary-disabled: #497c09;
}

body {
	background-attachment: fixed;
	background-size: cover;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#pagetitle { margin-bottom: 35px; }

h1,h2,h3,h4,h5 {
	font-weight: var(--ui-font-weight-regular, 400);
}

.bx-content-section,
.bx-header-section {
	padding-bottom: 2px;
	background-color: rgba(255, 255, 255, .95);
}

.bx-wrapper { }

/*region HEADER*/
.bx-header { }

.bx-header-section { }

.bx-header-logo { order: 1 }

.bx-header-personal { order: 3 }

.bx-header-contact { order: 2 }

/*region Logo*/
.bx-logo-block {
	display: block;
	height: 50px;
	border-bottom: none;
}

.bx-logo-block img {
	max-height: 50px;
	width: auto;
}

@media (max-width: 767px) {
	.bx-logo-block img {
		max-width: 100%;
		max-height: 45px;
		width: auto;
		height: auto;
	}

	.bx-header-logo {
		padding: 5px 50px;
		height: 55px;
		background-color: var(--theme-color-primary);
		background-color: #f3f3f3;
	}

	.bx-logo-block { height: auto; }

	body.bx-theme-green .bx-store-logo { background: #33b111; }
}

/*endregion*/

/*region included Phone*/
.bx-header-phone-block {
	display: flex;
	align-items: center;
}

.bx-header-phone-number {
	color: #000;
	white-space: nowrap;
	font: 21px/28px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	transition: 250ms linear all;
}

.bx-header-phone-icon {
	display: block;
	margin-right: 10px;
	width: 26px;
	height: 26px;
	background: no-repeat center url(/local/templates/dizel/images/phone.svg);
}

@media (max-width: 991px) {
	.bx-header-phone-number {
		font: 15px/18px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
		font-weight: var(--ui-font-weight-semi-bold, 600);
	}
}

/*endregion*/

/*region included Worktime*/
.bx-header-worktime {
	color: #000;
	font: 16px/22px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	transition: 250ms linear all;
}

.bx-worktime-title {
	color: #adadad;
	font: 12px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

.bx-worktime-schedule {
	color: #000;
	font: 12px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

@media (max-width: 991px) {
	.bx-header-worktime {
		font: 15px/18px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
		font-weight: var(--ui-font-weight-regular, 400);
	}
}

/*endregion*/

/*endregion*/

.sidebar-block-title {
	color: #343434;
	text-transform: uppercase;
	font-size: 14px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
}

/*region FOOTER*/
.bx-footer { background: #fbfbfb; }

.bx-footer-section { }

.bx-footer-section .bx-block-title { 
color: #343a40;}

    

.bx-footer-section .text-gray {
    color: #343a40;
}


.bx-footer-section a:hover, .btn-link:hover {
    color: #0078b9;
}

.bx-footer-bg { background-color: #1f496a; }

.bx-footer-logo {
	border-bottom: none !important;
	text-decoration: none !important;
}

.bx-footer-logo img {
	max-width: 100%;
	height: auto;
}

/*endregion*/

.bx-inclinkspersonal-item.bx-theme-blue:hover { background: #0083d1; }

.bx-theme-blue.bx-inclinkspersonal-selected { background: #3398d7; }

.bx-inclinkspersonal-item.bx-theme-black:hover { background: #303030; }

.bx-theme-black.bx-inclinkspersonal-selected { background: #484848; }

.bx-inclinkspersonal-item.bx-theme-green:hover { background: #44b1c9; }

.bx-theme-green.bx-inclinkspersonal-selected { background: #0083d1; }

.bx-inclinkspersonal-item.bx-theme-red:hover { background: #e63c3c; }

.bx-theme-red.bx-inclinkspersonal-selected { background: #e95c5c; }

.bx-inclinkspersonal-item.bx-theme-yellow:hover { background: #f4a52e; }

.bx-theme-yellow.bx-inclinkspersonal-selected { background: #fbb859; }

/*region Bootstrap modified*/
.btn-primary,
.list-group-item.active {
	border-color: var(--theme-b-bd-primary);
	background-color: var(--theme-b-bg-primary);
	color: var(--theme-b-tx-primary);
}

.btn-primary:hover {
	border-color: var(--theme-b-bd-primary-hover);
	background-color: var(--theme-b-bg-primary-hover);
	color: var(--theme-b-tx-primary-hover);
}

.btn-primary:focus,
.btn-primary.focus {
	box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}

.btn-primary.disabled,
.btn-primary:disabled {
	border-color: var(--theme-b-bg-primary);
	background-color: var(--theme-b-bg-primary);
	color: var(--theme-b-tx-primary);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	border-color: var(--theme-b-bd-primary-active);
	background-color: var(--theme-b-bg-primary-active);
	color: var(--theme-b-tx-primary-active);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}

.form-control:focus {
	border-color: var(--theme-color-primary);
	box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}

a,
.btn-link { color: var(--theme-b-link);
color: #2482ce;}

a:hover,
.btn-link:hover { color: var(--theme-b-link-hover); }

.g-font-size-15 { font-size: 15px; }

.g-font-size-17 { font-size: 17px; }

.g-font-size-20 { font-size: 20px; }

.text-primary { color: var(--primary) !important }

.bg-primary { background: var(--primary) !important }

.border-primary { border-color: var(--primary) !important }

/*endregion*/

.bx-sidebar-block { }

.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5 {
	text-transform: uppercase;
	font-size: 14px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
}

.sidebar li {
	font-size: 12px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
}

.sidebar-icon {
	width: 27px;
	height: 27px;
	margin-right: 5px;
	border-radius:50%;
	background-color: var(--theme-color-primary);
	background-repeat: no-repeat;
	background-position: center;
}

.sidebar-icon-label {
	background-image:  url(/local/templates/dizel/images/label.svg);
	background-size: 19px auto;
}

.sidebar-icon-delivery {
	background-image: url(/local/templates/dizel/images/delivery.svg);
	background-size: 17px auto;
}

.sidebar-icon-sale {
	background-image: url(/local/templates/dizel/images/sale.svg);
	background-size: auto 17px ;
}

.sidebar-icon-self {
	background-image: url(/local/templates/dizel/images/self.svg);
	background-size: auto 17px ;
}

.sidebar-icon-phone {
	background-image: url(/local/templates/dizel/images/phone_white.svg);
	background-size: auto 21px ;
}

.socseti {padding: 10px;}
.socseti svg {
width: 44px;
height: 44px;
margin-right: 10px;}

.soc {
display: flex;
justify-content: space-between;
}

.socseti svg:hover  {
    fill: #2482ce;}
/* End */
/* /local/templates/dizel/components/bitrix/menu/dm_air_menu/style.css?176164461220463 */
/* /local/templates/dizel/components/bitrix/breadcrumb/universal/style.css?1761553113795 */
/* /bitrix/components/bitrix/search.title/templates/bootstrap_v4/style.min.css?1707283405708 */
/* /local/templates/dizel/components/bitrix/menu/bottom_menu/style.css?1761552504778 */
/* /local/templates/dizel/styles.css?17525619741579 */
/* /local/templates/dizel/template_styles.css?17446992269745 */