

/* Start:/bitrix/templates/main/components/bitrix/menu/topMenu/style.min.css?15361542363715*/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/bitrix/templates/main/components/bitrix/menu/topMenu/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/bitrix/templates/main/components/bitrix/menu/topMenu/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/bitrix/templates/main/components/bitrix/menu/topMenu/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left}
/* End */


/* Start:/bitrix/templates/main/components/bitrix/news.list/slider3/style.css?178271066210526*/
:root{
  --black:#000;
  --blue:#1b8bf9;
  --blue-dark:#0f6fd0;
  --red:#f24841;
  --red-dark:#d8332c;
  --bg:#f6f6f6;
  --white:#fff;
  --text:#0a0a0a;
  --muted:#9a9a9a;

  --radius:14px;
  --radius-sm:8px;
  --shadow-lg:0 24px 60px -20px rgba(0,0,0,.35);
  --container:1280px;

  --font:'Gotham Pro','Manrope','Helvetica Neue',Arial,sans-serif;

  --ease:cubic-bezier(.22,.61,.36,1);
  --slide-duration:900ms;
  --autoplay:7000ms;
}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:inherit;font-weight:700;font-size:15px;letter-spacing:.01em;
  padding:14px 22px;border-radius:var(--radius-sm);
  border:0;cursor:pointer;transition:transform .2s var(--ease),background .2s var(--ease),box-shadow .25s var(--ease),color .2s var(--ease);
  text-align:center;line-height:1.1;
}
.btn--lg{padding:16px 28px;font-size:16px}
.btn--red{background:var(--red);color:#fff;box-shadow:0 10px 24px -10px rgba(242,72,65,.65)}
.btn--red:hover{background:var(--red-dark);transform:translateY(-1px);box-shadow:0 16px 32px -12px rgba(242,72,65,.75)}
.btn--ghost{
  background:rgba(255,255,255,.08);color:#fff;
  border:1.5px solid rgba(255,255,255,.55);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
.btn--ghost:hover{background:rgba(255,255,255,.18);border-color:#fff}

.hero{
  position:relative;
  width:100%;
  height:clamp(560px, 64vw, 720px);
  overflow:hidden;
  background:#1a1a1a;
  isolation:isolate;
}

/* трек слайдов: все слайды лежат друг на друге, переключаются opacity */
.hero__track{position:absolute;inset:0}

.hero__slide{
  position:absolute;inset:0;
  opacity:0;visibility:hidden;
  transition:opacity var(--slide-duration) var(--ease), visibility 0s linear var(--slide-duration);
  margin:0;
}
.hero__slide.is-active{
  opacity:1;visibility:visible;
  transition:opacity var(--slide-duration) var(--ease), visibility 0s linear 0s;
  z-index:2;
}

/* фоновое фото — Ken Burns эффект */
.hero__image{
  position:absolute;inset:0;
  background-position:center right;
  background-size:cover;
  background-repeat:no-repeat;
  transform:scale(1.05);
  transition:transform 8s linear;
}
.hero__slide.is-active .hero__image--zoom{transform:scale(1.12)}

/* затемнение слева под текст. Градиент учитывает, что грузовик справа. */
.hero__overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,
      rgba(10,10,10,.78) 0%,
      rgba(10,10,10,.55) 28%,
      rgba(10,10,10,.18) 52%,
      rgba(10,10,10,0) 68%),
    linear-gradient(180deg, rgba(0,0,0,.12) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,.25) 100%);
  pointer-events:none;
}

.hero__content{
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  align-items:center;
  max-width:1280px;
  margin: auto;
}

/* «стеклянная» подложка под текст */
.hero__panel{
  max-width:580px;
  padding:36px 38px 38px;
  border-radius:var(--radius);
  background:linear-gradient(135deg, rgba(20,20,28,.55), rgba(20,20,28,.35));
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(14px) saturate(1.1);
  -webkit-backdrop-filter:blur(14px) saturate(1.1);
  box-shadow:var(--shadow-lg);
  color:#fff;
  position:relative;
  overflow:hidden;
}
/* фирменная красная диагональная полоса-акцент внутри панели */
.hero__panel::before{
  content:"";position:absolute;left:-60px;top:-40px;
  width:6px;height:140%;
  background:var(--red);
  transform:rotate(18deg);
  opacity:.9;
}

/* анимация появления элементов на активном слайде */
.hero__eyebrow,
.hero__title,
.hero__price,
.hero__lead,
.hero__bullets,
.hero__actions{
  opacity:0;transform:translateY(18px);
  transition:opacity .7s var(--ease), transform .7s var(--ease);
}
.hero__slide.is-active .hero__eyebrow{transition-delay:.15s;opacity:1;transform:none}
.hero__slide.is-active .hero__title  {transition-delay:.28s;opacity:1;transform:none}
.hero__slide.is-active .hero__price  {transition-delay:.40s;opacity:1;transform:none}
.hero__slide.is-active .hero__lead   {transition-delay:.40s;opacity:1;transform:none}
.hero__slide.is-active .hero__bullets{transition-delay:.52s;opacity:1;transform:none}
.hero__slide.is-active .hero__actions{transition-delay:.64s;opacity:1;transform:none}

.hero__eyebrow{
  display:inline-block;
  padding:6px 12px;border-radius:999px;
  background:var(--red);color:#fff;
  font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  margin-bottom:18px;
}
.hero__eyebrow--blue{background:var(--blue);box-shadow:0 8px 20px -8px rgba(27,139,249,.7)}

.hero__title{
  font-size:clamp(32px, 4.2vw, 54px);
  line-height:1.05;
  font-weight:800;
  margin:0 0 18px;
  letter-spacing:-.01em;
  text-shadow:0 2px 18px rgba(0,0,0,.45);
}
.hero__title-accent{color:var(--red)}

.hero__price{
  font-size:clamp(18px, 1.6vw, 22px);
  margin-bottom:18px;
  color:rgba(255,255,255,.92);
}
.hero__price strong{
  font-size:1.35em;
  color:#fff;
  font-weight:800;
  letter-spacing:.005em;
}

.hero__lead{
  font-size:clamp(16px, 1.3vw, 19px);
  line-height:1.45;
  color:rgba(255,255,255,.92);
  margin:0 0 20px;
}

.hero__bullets{
  list-style:none;padding:0;margin:0 0 28px;
  display:flex;flex-direction:column;gap:10px;
}
.hero__bullets li{
  position:relative;padding-left:24px;
  font-size:15px;line-height:1.45;color:rgba(255,255,255,.92);
}
.hero__bullets li::before{
  content:"";position:absolute;left:0;top:8px;
  width:12px;height:2px;background:var(--red);border-radius:2px;
}

.hero__actions{display:flex;flex-wrap:wrap;gap:12px}

/* ====== Стрелки ====== */
.hero__arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:52px;height:52px;border-radius:50%;
  display:grid;place-items:center;
  background:rgba(255,255,255,.12);
  border:1.5px solid rgba(255,255,255,.4);
  color:#fff;cursor:pointer;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  transition:background .2s,border-color .2s,transform .2s;
  z-index:5;
}
.hero__arrow:hover{background:var(--red);border-color:var(--red);transform:translateY(-50%) scale(1.05)}
.hero__arrow svg{width:22px;height:22px}
.hero__arrow--prev{left:24px}
.hero__arrow--next{right:24px}

/* ====== Точки ====== */
.hero__pagination{
  position:absolute;left:0;right:0;bottom:28px;
  display:flex;justify-content:center;gap:10px;
  z-index:5;
}
.hero__dot{
  width:10px;height:10px;border-radius:50%;
  background:rgba(255,255,255,.4);
  border:0;cursor:pointer;
  transition:background .25s, transform .25s, width .25s;
  padding:0;
}
.hero__dot.is-active{background:var(--red);width:28px;border-radius:6px}
.hero__dot:hover{background:rgba(255,255,255,.75)}

/* ====== Прогресс автопрокрутки ====== */
.hero__progress{
  position:absolute;left:0;right:0;bottom:0;height:3px;
  background:rgba(255,255,255,.12);
  z-index:5;
}
.hero__progress-bar{
  display:block;height:100%;width:0;
  background:var(--red);
  transition:width var(--autoplay) linear;
}
.hero.is-paused .hero__progress-bar{transition:none}
/* ====== Tablet: 1024px и ниже ====== */
@media (max-width:1024px){
  .hero{height:auto;min-height:620px}
  .hero__panel{max-width:480px;padding:28px 28px 30px}
  .hero__overlay{
    background: linear-gradient(90deg,rgba(10,10,10,.85) 0%,rgba(10,10,10,.55) 38%,rgba(10,10,10,.18) 62%,rgba(10,10,10,0) 78%);
	}
}

/* ====== Mobile: 768px и ниже ======
   Главное правило: фото сверху (с обрезкой под грузовик),
   текст — снизу, на сплошной тёмной подложке.
   Никаких наложений текста на технику. */
@media (max-width:768px){
  .hero{
    height:auto;min-height:0;
    background:#0a0a0a;
  }
  .hero__track{position:relative;height:auto}
  .hero__slide{
    position:absolute;inset:0;
    display:flex;flex-direction:column;
  }
  /* первый активный задаёт высоту контейнера */
  .hero__slide.is-active{position:relative}

  .hero__image{
    position:relative;
    height:54vw;min-height:240px;max-height:360px;
    /* кадрируем так, чтобы грузовик был полностью виден */
    background-position:center right;
    background-size:cover;
    transform:scale(1.02);
  }
  .hero__slide.is-active .hero__image--zoom{transform:scale(1.06)}

  /* убираем градиент на мобиле — он не нужен, текст уехал вниз */
  .hero__overlay{
    background:linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,.35) 100%);
  }

  .hero__content{
    position:relative;
    display:block;height:auto;
    padding:0;
  }
  .hero__panel{
    max-width:none;width:100%;
    margin:0;
    border-radius:0;
    border:0;border-top:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg, #141417 0%, #0a0a0a 100%);
    backdrop-filter:none;-webkit-backdrop-filter:none;
    padding:24px 20px 28px;
    box-shadow:none;
  }
  .hero__panel::before{display:none}

  .hero__title{font-size:clamp(26px, 7.5vw, 34px);margin-bottom:14px}
  .hero__eyebrow{font-size:11px;margin-bottom:14px}
  .hero__price{font-size:17px;margin-bottom:14px}
  .hero__lead{font-size:15px;margin-bottom:16px}
  .hero__bullets{margin-bottom:22px;gap:8px}
  .hero__bullets li{font-size:14px}
  .hero__actions .btn{flex:1 1 auto;min-width:140px}

  .hero__arrow{
    width:36px;height:36px;
    background:rgba(0,0,0,.45);
    border-color:rgba(255,255,255,.5);
    top:calc(54vw/2);
  }
  .hero__arrow svg{width:18px;height:18px}
  .hero__arrow--prev{left:8px}
  .hero__arrow--next{right:8px}

  .hero__pagination{
    position:relative;left:auto;right:auto;bottom:auto;
    padding:14px 0 18px;background:#0a0a0a;
  }
  .hero__progress{display:none}
}

/* ====== Small mobile: 420px и ниже ====== */
@media (max-width:420px){
  .hero__image{height:60vw}
  .hero__arrow{top:calc(60vw/2)}
  .hero__actions{flex-direction:column}
  .hero__actions .btn{width:100%}
}

/* ====== Уважаем prefers-reduced-motion ====== */
@media (prefers-reduced-motion:reduce){
  .hero__image,
  .hero__slide,
  .hero__eyebrow,
  .hero__title,
  .hero__price,
  .hero__lead,
  .hero__bullets,
  .hero__actions{transition:none !important;transform:none !important}
  .hero__progress-bar{transition:none !important}
}
/* End */


/* Start:/bitrix/templates/main/components/bitrix/menu/bottom/style.min.css?1536154236490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/main/components/bitrix/menu/bottom/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/bitrix/templates/main/template_styles.css?17634495771435*/
.okk {text-align: center; color: green; padding: 20px 0 0 0; margin-bottom: 10px}
.okk2 {text-align: center; color: red; padding: 15px 0 0 0; margin-bottom: -34px;}

.parts_form_bl .parts_form_el:nth-child(3n) {
	margin-right:2%;
}
.parts_form_bl .parts_form_el:nth-child(2n) {
	margin-right:0;
}
.parts_form_bl .parts_form_el {
    float: left;
    width: 49%;
    margin: 0 2% 30px 0;
}

.bxmaker__ajaxpagenav__pg-content {display: none}
.paginator {margin-bottom: 70px; margin-top: -50px}
.foot_menu_list a.active {text-decoration: underline}

.bx-breadcrumb {margin: 10px 0px 4px 30px; position: relative; }
.bx-breadcrumb a {color: #000; text-decoration: underline}

h1.title {padding: 0px; text-align: left}
h1.title:before {display: none}

.windowCookie {position: fixed; text-align: center; z-index: 110; bottom: 0; left: 0; max-width: 1000px; background: #fff; padding: 26px 36px; border: 1px solid #cbcbcb; box-shadow: 0px -1px 10px 3px #5555555c;}
.windowCookie p {display: block; margin: 0 0 20px; text-align: left;}
.windowCookie p:first-child {font-size: 18px; font-weight: 600;}
.windowCookie button {display: inline-block; height: 40px; border: none; width: 230px; background: #1b8bf9; border-radius: 2px; text-align: center; line-height: 40px; text-transform: uppercase; font-weight: 700; color: #fff; cursor: pointer}
@media screen and (min-width: 1100px){
	.windowCookie {left: 50%; transform: translate(-50%, 0);}
}
/* End */
/* /bitrix/templates/main/components/bitrix/menu/topMenu/style.min.css?15361542363715 */
/* /bitrix/templates/main/components/bitrix/news.list/slider3/style.css?178271066210526 */
/* /bitrix/templates/main/components/bitrix/menu/bottom/style.min.css?1536154236490 */
/* /bitrix/templates/main/template_styles.css?17634495771435 */
